:root{--ink:#123d35;--paper:#f7f3e8;--red:#ef3e42;--blue:#26aee4;--green:#20a85b;--purple:#7043a2;--yellow:#d2a900;--pink:#e65dac}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;background:radial-gradient(circle at 5% 5%,#ddf6ed,transparent 30%),radial-gradient(circle at 95% 10%,#e2f5fb,transparent 26%),var(--paper)}button,textarea{font:inherit}main{min-height:100vh;display:flex;flex-direction:column}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:8px max(16px,calc((100vw - 1050px)/2));background:#fffaf0db;border-bottom:1px solid #cbdad4}.brand{display:flex;align-items:center;gap:8px;border:0;background:0;color:var(--ink);text-align:left;cursor:pointer}.brand img{width:53px;height:53px;object-fit:contain}.brand b{font-family:Georgia,serif;line-height:.9}.brand small{font:10px Arial;letter-spacing:.2em}.score{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:bold}.score i{font-style:normal;color:#c2d3ce;font-size:18px}.score i.on{color:var(--blue)}section{width:min(100% - 30px,720px);margin:auto;padding:38px 0 45px;text-align:center}.hero>small,.drop>small{font-weight:900;letter-spacing:.2em;color:#148d79}.hero h1,.drop h2{font:700 clamp(42px,8vw,68px)/.98 Georgia,serif;margin:14px}.hero em,.drop em{font-weight:400;color:var(--blue)}.hero>p,.drop>p{font:18px/1.5 Georgia,serif;color:#526d66;max-width:540px;margin:0 auto}.wheelbox{width:min(75vw,360px);aspect-ratio:1;margin:20px auto;position:relative}.wheelbox>b{position:absolute;z-index:2;top:-18px;left:50%;transform:translateX(-50%);font-size:38px}.wheel{width:100%;height:100%;border-radius:50%;border:10px solid var(--ink);cursor:pointer;transition:transform 1.5s cubic-bezier(.12,.75,.15,1);background:conic-gradient(var(--red) 0 30deg,var(--blue) 30deg 60deg,var(--green) 60deg 90deg,var(--purple) 90deg 120deg,#f6d54a 120deg 150deg,var(--pink) 150deg 180deg,var(--red) 180deg 210deg,var(--blue) 210deg 240deg,var(--green) 240deg 270deg,var(--purple) 270deg 300deg,#f6d54a 300deg 330deg,var(--pink) 330deg);box-shadow:0 15px 40px #153d3528}.wheel span{position:absolute;inset:31%;border:5px solid var(--ink);border-radius:50%;background:#fff;display:grid;place-items:center}.wheel img{width:86%}.primary{width:min(100%,400px);border:0;border-radius:13px;background:var(--ink);color:#fff;padding:17px;font-weight:900;letter-spacing:.06em;box-shadow:0 8px 0 #08271f;cursor:pointer}.primary:active{transform:translateY(4px);box-shadow:0 4px 0 #08271f}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px auto 0}.legend span{font-size:10px;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:6px;text-align:left}.legend i{width:9px;height:9px;border-radius:50%;flex:none}.rosso{--accent:var(--red)}.azzurro{--accent:var(--blue)}.verde{--accent:var(--green)}.viola{--accent:var(--purple)}.giallo{--accent:var(--yellow)}.rosa{--accent:var(--pink)}.legend .rosso{background:var(--red)}.legend .azzurro{background:var(--blue)}.legend .verde{background:var(--green)}.legend .viola{background:var(--purple)}.legend .giallo{background:#e1bd19}.legend .rosa{background:var(--pink)}.challenge{text-align:left}.back{border:0;background:0;color:#5b746e;font-weight:bold;padding:0 0 22px;cursor:pointer}.title{display:flex;gap:16px;align-items:center;border-bottom:3px solid var(--accent);padding-bottom:16px}.title>strong{width:66px;height:66px;border-radius:19px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:34px}.title small{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.15em}.title h2{font:700 clamp(30px,6vw,46px)/1 Georgia,serif;margin:5px 0}.material{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #d6e1dd;border-radius:15px;padding:13px;margin:17px 0;color:var(--accent);font-size:24px}.material span{display:flex;flex-direction:column;font-size:14px;color:var(--ink)}.material small,article small{font-size:10px;letter-spacing:.14em;color:#657b75}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#e1e8e4;border-radius:13px;padding:4px;margin-bottom:16px}.tabs button{border:0;background:0;padding:12px 5px;border-radius:10px;color:#60756f;font-weight:bold;cursor:pointer}.tabs .active{background:var(--accent);color:#fff}article{background:#fffdf7;border:1px solid #d5e0dc;border-radius:22px;padding:27px;margin-bottom:19px;box-shadow:0 12px 30px #183c3513}article h3{font:700 clamp(25px,5vw,37px)/1.2 Georgia,serif;margin:10px 0}.answer{border-top:1px dashed #a2b2ad;margin-top:20px;padding-top:18px}.answer p{font-size:18px;line-height:1.5}.drop>div{font-size:70px}.drop textarea{display:block;width:min(100%,580px);min-height:120px;margin:25px auto 18px;border:2px solid #bdd2cb;border-radius:17px;background:#fff;padding:16px;font-size:17px}.drop textarea:focus{outline:3px solid #26aee444}footer{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid #ccd9d5;background:#fff9;padding:17px;color:#58716b;font-size:11px}footer img{width:35px}footer button{border:0;background:0;text-decoration:underline;color:#58716b;cursor:pointer;margin-left:15px}@media(max-width:600px){header{height:68px}.brand img{width:45px;height:45px}.score span{display:none}section{padding-top:28px}.wheelbox{width:min(72vw,310px)}.legend{grid-template-columns:1fr 1fr}.title>strong{width:56px;height:56px}.material{margin:13px 0}article{padding:21px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.wheel{transition-duration:.01ms}}
 .head-actions{display:flex;align-items:center;gap:13px}.sound{border:1px solid #cad9d4;background:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.name-screen h2,.passport-page h2{font:700 clamp(39px,7vw,61px)/1.05 Georgia,serif;margin:14px}.name-screen>p{font:18px/1.5 Georgia,serif;color:#526d66;max-width:560px;margin:0 auto 25px}.laurel{font-size:63px;color:#20a85b}.name-screen>small{font-weight:900;letter-spacing:.18em;color:#148d79}.name-screen input{display:block;width:min(100%,520px);margin:0 auto 20px;padding:17px;border:2px solid #bad0c8;border-radius:15px;background:#fff;font-size:20px;text-align:center;color:var(--ink)}.passport-page{width:min(100% - 24px,780px)}.passport-card{background:#fffdf7;border:5px double #178d79;border-radius:25px;padding:30px 36px;box-shadow:0 18px 45px #183c3520}.passport-card>img{width:95px}.passport-card>small{display:block;letter-spacing:.18em;font-weight:900;color:#178d79;margin-top:8px}.passport-card h2{color:var(--ink);border-bottom:1px solid #b6cbc4;padding-bottom:18px}.three-drops{font-size:42px;display:flex;justify-content:center;gap:20px}.passport-card>p{font:17px/1.5 Georgia,serif}.passport-card ol{list-style:none;padding:0;display:grid;gap:10px;text-align:left}.passport-card li{display:flex;align-items:center;gap:13px;background:#edf8f4;border-radius:13px;padding:13px}.passport-card li>b{background:#26aee4;color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none}.passport-card .seal{border:0;background:none;padding:15px 0 0;color:#178d79;font-weight:bold}.print{margin-top:22px}.again{display:block;margin:18px auto 0;border:0;background:none;text-decoration:underline;color:#5c746e;cursor:pointer}@media(max-width:600px){.head-actions{gap:7px}.sound{width:35px;height:35px}.passport-card{padding:23px 17px}.passport-card h2{font-size:38px}.passport-card li{font-size:14px}.name-screen input{font-size:18px}}@media print{body{background:#fff}header,.print,.again{display:none!important}.passport-page{padding:0;width:100%}.passport-card{box-shadow:none;min-height:95vh;display:flex;flex-direction:column;justify-content:center}.passport-card .seal{display:block!important}}