/* © 2026 Alberto Berrino – POIGiochiamo. All rights reserved. */.medie-mode.look-a{--meadow:#0E1117;--page:#0B0E14;--paper:#171C26;--line:#2A3550;--grey:#1A2030;--leaf:#C6FF3D;--leaf-dark:#C6FF3D;--leaf-light:#A5D92F;--leaf-pale:#222C14;--sky:#3A4A70;--sky-pale:#1B2438;--soil:#3A4A70;--soil-light:#6B7690;--sun:#FFB020;--sun-pale:#33280F;--sun-dark:#FFB020;--tomato:#D6454A;--tomato-pale:#33191C;--ink:#E8ECF4;--ink-soft:#8C97AB;--on:#0E1117;--display:"Sora","DM Sans",system-ui,sans-serif;--body:"DM Sans","Segoe UI",system-ui,sans-serif;--radius:14px}.medie-mode.look-b{--meadow:#0B1F3A;--page:#091A31;--paper:#14305A;--line:#27406A;--grey:#16315A;--leaf:#FF5A5F;--leaf-dark:#FF8E92;--leaf-light:#FF8E92;--leaf-pale:#3A2447;--sky:#27406A;--sky-pale:#16315A;--soil:#27406A;--soil-light:#6F86A8;--sun:#FFC857;--sun-pale:#3A3320;--sun-dark:#FFC857;--tomato:#E5484D;--tomato-pale:#3A1D2A;--ink:#F4F1EA;--ink-soft:#9FB3D1;--on:#0B1F3A;--display:"Space Grotesk","DM Sans",system-ui,sans-serif;--body:"DM Sans","Segoe UI",system-ui,sans-serif;--radius:16px}.medie-mode.look-c{--meadow:#1B1038;--page:#160D2E;--paper:#3B2A75;--line:#4A3891;--grey:#3B2A75;--leaf:#2EE6C5;--leaf-dark:#2EE6C5;--leaf-light:#7BF0DA;--leaf-pale:#1F4A55;--sky:#6E5BC0;--sky-pale:#35266A;--soil:#6E5BC0;--soil-light:#9C8ED4;--sun:#FFC93C;--sun-pale:#4A3A20;--sun-dark:#FFC93C;--tomato:#E8456B;--tomato-pale:#4A1F3A;--ink:#FFFFFF;--ink-soft:#CFC3F2;--on:#1B1038;--display:"Rubik","Segoe UI",system-ui,sans-serif;--body:"Rubik","Segoe UI",system-ui,sans-serif;--radius:16px}.look-c.medie-mode .app{background:linear-gradient(180deg,#1B1038 0%,#2A1A5C 100%)}.medie-mode .nav{grid-template-columns:1fr}.medie-mode .nav button:not([data-view="home"]){display:none}.medie-mode #restart-btn{display:none}.medie-mode .btn{color:var(--on)}.medie-mode .btn.ghost{color:var(--leaf-dark);background:transparent;border:2px solid var(--leaf)}.medie-mode .btn.mic{background:var(--leaf);color:var(--on)}.medie-mode .btn.mic.listening{background:var(--tomato);color:#fff}.medie-mode .tag{color:#fff}.medie-mode .tag.prize{color:var(--ink)}.medie-mode .lvl,.medie-mode .opt,.medie-mode .bubble,.medie-mode .course,.medie-mode .card{background:var(--paper)}.medie-mode .lvl.perfect .n,.medie-mode .lvl.perfect em{background:var(--leaf-pale);color:var(--leaf-dark)}.medie-mode .lvl.again em{color:var(--sun)}.medie-mode .lvl.next .n,.medie-mode .lvl.next em{background:var(--sun);color:#1B1B1B}.medie-mode .bubble.worm{border-color:var(--leaf);background:var(--leaf-pale)}.medie-mode .bubble.kid{border-color:var(--sky);background:var(--sky-pale)}.medie-mode .say-card{background:var(--sky-pale)}.medie-mode .times span{border-color:var(--sky);color:var(--soil-light)}.medie-mode .sheet-bg{background:rgba(0,0,0,.55)}.medie-mode .xclose{background:var(--grey)}.medie-mode .title{color:var(--ink)}.medie-mode .section{color:var(--soil-light)}.medie-mode .feedback.good{color:var(--leaf-dark)}.mseg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--grey);margin:0 0 12px}.mseg button{flex:1;border:0;background:transparent;border-radius:999px;padding:9px 0;font:800 15px var(--body);color:var(--ink-soft);cursor:pointer}.mseg button.on{background:var(--leaf);color:var(--on)}.mtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}.mtabs button{display:flex;flex-direction:column;gap:2px;text-align:left;border:2px solid var(--line);background:var(--paper);border-radius:14px;padding:9px 10px;cursor:pointer;font-family:var(--body);color:var(--ink)}.mtabs button b{font-size:15px}.mtabs button small{font-size:12px;font-weight:700;color:var(--ink-soft)}.mtabs button.on{border-color:var(--leaf);background:var(--leaf-pale)}.mhero{display:grid;gap:8px;border-radius:20px;padding:16px;margin-bottom:12px;background:var(--paper);color:var(--ink)}.mhero h2{margin:0;font-family:var(--display);font-weight:800;font-size:28px;line-height:1.05}.mhero p{margin:0;font-size:14px;line-height:1.35;color:var(--ink-soft)}.mhero .tag{justify-self:start;background:var(--soil)}.mhero .meter{display:block;height:8px;border-radius:999px;background:var(--line);overflow:hidden}.mhero .meter span{display:block;height:100%;background:var(--leaf);border-radius:999px}.mhero small{font-weight:800;font-size:12px;color:var(--ink-soft)}.mhero .go{border:0;border-radius:12px;padding:13px;font:800 16px var(--body);background:var(--leaf);color:var(--on);cursor:pointer}.mpass,.mroute,.mwave,.mxp,.mstats{display:none}.mfinal{margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:var(--sun-pale);font-size:14px;line-height:1.4}.mchips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.mchips span{background:var(--leaf-pale);color:var(--leaf-dark);border-radius:999px;padding:5px 12px;font-weight:800;font-size:13px}.mphrase{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.25;background:var(--leaf-pale);border-radius:14px;padding:16px;margin:8px 0 12px}.mgap{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.7;margin:8px 0 14px}.mgap .blank{display:inline-block;min-width:80px;padding:0 8px;text-align:center;border-bottom:3px solid var(--leaf);border-radius:6px 6px 0 0}.mgap .blank.ok{background:var(--leaf-pale)}.mopts{display:grid;gap:8px;margin:0 0 12px}.mopt{border:2px solid var(--line);background:var(--paper);border-radius:12px;padding:13px 14px;font:800 17px var(--body);text-align:left;color:var(--ink);cursor:pointer}.mopt.right{border-color:var(--leaf);background:var(--leaf-pale)}.mopt.wrong{border-color:var(--tomato);background:var(--tomato-pale);opacity:.75}.mlooks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:18px 0 6px;padding:10px;border:1px dashed var(--line);border-radius:14px}.mlooks small{width:100%;font-weight:800;font-size:12px;color:var(--ink-soft)}.mlooks button{border:2px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:6px 12px;font:800 13px var(--body);cursor:pointer}.mlooks button.on{background:var(--leaf);border-color:var(--leaf);color:var(--on)}.look-a .mhero{background:linear-gradient(135deg,#1F2A44 0%,#141A2B 100%);border:1px solid var(--line)}.look-a .mhero .tag{background:transparent;color:var(--leaf);padding-left:0;letter-spacing:.1em}.look-a .mwave{display:flex;align-items:flex-end;gap:4px;height:36px}.look-a .mwave i{display:block;width:6px;border-radius:3px;background:#3A4A70}.look-a .mwave i:nth-child(3),.look-a .mwave i:nth-child(4),.look-a .mwave i:nth-child(5){background:var(--leaf)}.look-a .view .levels{gap:0}.look-a .view .lvl{background:transparent;border:0;border-bottom:1px solid #1E2536;border-radius:0;padding:11px 6px}.look-a .view .lvl .n{background:transparent;font-family:var(--display);color:#6B7690}.look-a .view .lvl.next{background:var(--grey);border-radius:14px;border:0}.look-a .view .lvl.next .n{background:transparent;color:var(--leaf)}.look-a .view .lvl.perfect .n{background:transparent;color:var(--leaf)}.look-a .view .lvl em{background:transparent;padding:0;color:var(--ink-soft)}.look-a .view .lvl.next em{background:transparent;color:var(--leaf)}.look-a .mseg button.on,.look-a .mtabs button.on{border-radius:999px}.look-a .btn.mic{border-radius:999px;letter-spacing:.02em}.look-b .mhero{background:#F4F1EA;color:#0B1F3A;border-radius:20px}.look-b .mhero .tag{background:rgba(11,31,58,.1);color:#0B1F3A;display:none}.look-b .mhero p,.look-b .mhero small{color:#5B6B85}.look-b .mhero .meter{background:#D9DCE3}.look-b .mhero .go{background:#FF5A5F;color:#0B1F3A}.look-b .mpass{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#5B6B85}.look-b .mroute{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:26px;color:#0B1F3A}.look-b .mroute i{flex:1;border-top:2px dashed #9AA6BA}.look-b .view .levels{position:relative;padding-left:34px;gap:0}.look-b .view .levels::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:3px;background:#27406A}.look-b .view .lvl{position:relative;display:flex;gap:10px;background:transparent;border:0;border-radius:0;padding:9px 0}.look-b .view .lvl .n{position:absolute;left:-31px;top:11px;width:20px;height:20px;font-size:0;background:#27406A;border:3px solid var(--meadow)}.look-b .view .lvl.perfect .n{background:var(--leaf)}.look-b .view .lvl.next .n{left:-33px;top:9px;width:24px;height:24px;background:#F4F1EA;border:4px solid var(--leaf)}.look-b .view .lvl>span:nth-child(2){flex:1}.look-b .view .lvl em{background:transparent;padding:0;color:var(--ink-soft)}.look-b .view .lvl.next em{background:var(--leaf);color:var(--on);padding:3px 10px}.look-b .bubble{border:0;font-weight:500;font-size:17px;line-height:1.35}.look-b .bubble.worm{background:#16315A;color:var(--ink);border-radius:18px 18px 18px 4px;margin-right:34px}.look-b .bubble.kid{background:var(--leaf);color:#0B1F3A;border-radius:18px 18px 4px 18px;margin-left:34px}.look-b .bubble small{color:inherit;opacity:.7}.look-c .mxp{display:flex;align-items:center;gap:12px;margin:0 0 10px}.look-c .mxp .lv{flex:none;width:44px;height:44px;border-radius:14px;background:var(--leaf);color:var(--on);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.look-c .mxp .bar{flex:1}.look-c .mxp small{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft)}.look-c .mxp .meter{margin-top:5px;height:10px;background:#3B2A75}.look-c .mxp .meter>span{background:linear-gradient(90deg,#2EE6C5,#FFC93C)}.look-c .mhero{background:#3B2A75}.look-c .mhero .tag{background:rgba(255,255,255,.16)}.look-c .view .levels{position:relative;gap:0}.look-c .view .lvl{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:0;padding:8px 0;width:82%}.look-c .view .lvl:nth-child(even){margin-left:18%}.look-c .view .lvl .n{flex:none;width:52px;height:52px;font-size:20px;background:var(--paper);color:var(--soil-light)}.look-c .view .lvl.perfect .n{background:var(--leaf);color:var(--on)}.look-c .view .lvl.next .n{width:60px;height:60px;font-size:24px;background:var(--sun);color:#1B1038;box-shadow:0 0 0 8px rgba(255,201,60,.25)}.look-c .view .lvl>span:nth-child(2){flex:1}.look-c .view .lvl em{background:var(--paper)}.look-c .view .lvl.next em{background:var(--sun);color:#1B1038}.look-c .mstats{display:flex;gap:10px;margin:12px 0 0}.look-c .mstats div{flex:1;border-radius:14px;background:var(--paper);padding:10px 12px}.look-c .mstats small{display:block;font-size:11px;color:var(--ink-soft)}.look-c .mstats b{font-size:18px}.mfb{display:block;width:100%;margin:12px 0 4px}.mfbtext{display:block;width:100%;margin:2px 0 8px;padding:12px;border:2px solid var(--line);border-radius:12px;background:var(--page);color:var(--ink);font:500 16px var(--body);resize:vertical}.mfbtext:focus{outline:3px solid var(--sun);outline-offset:1px}.mfbsend{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.mfbsend .btn{flex:1;min-width:150px}.testbar{margin:0 0 10px;padding:7px 12px;border-radius:12px;background:var(--sun-pale);color:var(--ink);font-weight:800;font-size:13px;text-align:center}