:root{--sky:#8fc9ff;--yellow:#ffe550;--red:#f04d3d;--blue:#153fce;--ink:#111b38}*{box-sizing:border-box}body{margin:0;background:var(--sky);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif}main{min-height:100vh;max-width:560px;margin:auto;padding:max(1.2rem,env(safe-area-inset-top)) 1.2rem max(1.2rem,env(safe-area-inset-bottom));overflow:hidden}header{display:flex;align-items:flex-start;gap:.7rem}header>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--yellow);font-weight:900}header h1{font-size:1rem;line-height:.88;margin:.25rem 0;letter-spacing:-.04em}header h1 b{color:var(--blue)}#coins{margin-left:auto;background:var(--yellow);border:2px solid var(--ink);border-radius:99px;padding:.55rem .8rem;font-weight:900}.stage{text-align:center;padding-top:5vh}.pointer{position:relative;z-index:2;color:var(--ink);font-size:2rem;margin-bottom:-15px}.wheel{width:min(82vw,400px);aspect-ratio:1;margin:auto;border-radius:50%;border:8px solid var(--ink);box-shadow:0 12px 0 var(--ink);background:conic-gradient(var(--yellow) 0 72deg,var(--red) 72deg 144deg,#fff6df 144deg 216deg,var(--blue) 216deg 288deg,#55d69e 288deg);position:relative;transition:transform 1.8s cubic-bezier(.17,.8,.2,1)}.wheel:after{content:"€";position:absolute;inset:36%;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--yellow);font-size:3rem;font-weight:900}.wheel i{position:absolute;font-style:normal;font-weight:900;font-size:.62rem}.wheel i:nth-child(1){top:8%;left:38%}.wheel i:nth-child(2){right:8%;top:45%;transform:rotate(90deg)}.wheel i:nth-child(3){bottom:8%;left:39%;transform:rotate(180deg)}.wheel i:nth-child(4){left:7%;top:46%;transform:rotate(-90deg)}.wheel i:nth-child(5){top:25%;left:12%;transform:rotate(-55deg)}button{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:var(--yellow);color:var(--ink);padding:1rem 1.4rem;font-weight:900}.spin{margin-top:2.5rem}.stage p{max-width:370px;margin:1.5rem auto;font-size:.9rem;line-height:1.4}.hidden{display:none!important}.question{padding-top:10vh}.question>p{font-size:.65rem;letter-spacing:.15em;font-weight:900}.question h2{display:inline-block;background:var(--yellow);border:2px solid;padding:.45rem .7rem;transform:rotate(-2deg);font-size:.8rem}.question h3{font-size:clamp(2rem,9vw,3.5rem);line-height:.95;letter-spacing:-.055em;margin:1rem 0 2rem}.question>div{display:grid;gap:.8rem}.question button{text-align:left;background:#fff6df;box-shadow:4px 4px 0 var(--ink)}.question button.good{background:#55d69e}.question button.bad{background:var(--red);color:white}.final{text-align:center;padding-top:15vh}.coin-big{width:140px;height:140px;margin:auto;border-radius:50%;display:grid;place-items:center;background:var(--yellow);border:6px solid var(--ink);box-shadow:8px 8px 0 var(--ink);font-size:5rem;font-weight:900}.final>p{font-size:.7rem;letter-spacing:.16em;font-weight:900}.final h2{font-size:4rem;margin:.4rem}.final #final-copy{font-size:1rem;letter-spacing:0;font-weight:400;line-height:1.4}.final button{margin-top:1rem}