:root{--water:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='400'%3E%3Cpath d='M0 200 Q30 186 60 200 T120 200 V400 H0 Z' fill='%235ec8ff'/%3E%3Cpath d='M0 200 Q30 186 60 200 T120 200' fill='none' stroke='%23e8fbff' stroke-width='6'/%3E%3Crect y='262' width='120' height='138' fill='%233aa2e8'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='400'%3E%3Cpath d='M0 196 Q22 184 45 196 T90 196 V400 H0 Z' fill='%23a8e4ff'/%3E%3C/svg%3E");--ink:#1f2a3a;--paper:#fff1d6;--tap:#e85d5d}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;overflow:hidden}.app{position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}@media (aspect-ratio>=3/4) and (pointer:fine){body{background:#2b2620}.app{width:50vh;left:50%;right:auto;transform:translate(-50%)}}#stage{position:fixed;inset:0}.rotate{background:var(--paper);text-align:center;z-index:10;place-items:center;margin:0;padding:24px;font-size:22px;font-weight:800;display:none;position:fixed;inset:0}@media (orientation:landscape) and (pointer:coarse){.rotate{display:grid}}#stage canvas{width:100%;height:100%;display:block}.hud{top:max(14px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));pointer-events:none;position:fixed}.hud p{margin:0 0 4px}.hint{border:3px solid var(--ink);max-width:320px;box-shadow:0 4px 0 var(--ink);text-align:center;background:#fff;border-radius:14px;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.3;transition:opacity .4s;transform:rotate(-1.5deg);margin:0 auto 6px!important}.hint.is-gone{opacity:0}.hint b{color:#2f8f3a;margin-top:4px;font-size:12px;display:block}.level{text-align:center;opacity:.7;font-size:13px;font-weight:800}.timer{border:4px solid var(--ink);width:64px;height:64px;box-shadow:0 4px 0 var(--ink);text-align:center;background:#fff;border-radius:50%;font-size:30px;font-weight:800;line-height:56px;margin:4px auto 0!important}.timer[hidden]{display:none}.debug{max-width:60vw;font:11px ui-monospace,monospace}.debug[hidden]{display:none}.pill{border:3px solid var(--ink);color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;padding:10px 26px;font-family:inherit;font-size:17px;font-weight:800}.pill:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.result{border:4px solid var(--ink);min-width:min(300px,80vw);box-shadow:0 7px 0 var(--ink);text-align:center;background:#fff;border-radius:22px;padding:18px 22px 20px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.result[hidden]{display:none}.result h2{margin:0 0 6px;font-size:26px}.result[data-outcome=won] h2{color:#2f8f3a}.result[data-outcome=lost] h2{color:#d4413b}.stars{color:#f5b014;letter-spacing:4px;margin:0 0 12px;font-size:34px}.stars:empty{display:none}.note{margin:-4px 0 12px;font-weight:700}.note:empty{display:none}.actions{justify-content:center;gap:10px;display:flex}.pill-go{background:#7ddc7a}.pill[hidden]{display:none}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)rotate(-3deg)scale(.4)}}.tap{right:max(18px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));border:4px solid var(--ink);background:var(--tap);color:#fff;width:104px;height:104px;box-shadow:0 6px 0 var(--ink);touch-action:none;border-radius:50%;font-family:inherit;font-size:17px;font-weight:800;transition:transform 60ms,box-shadow 60ms;position:fixed}.tap[hidden]{display:none}.tap.is-on{box-shadow:0 1px 0 var(--ink);background:#ff7b6b;transform:translateY(5px)}.confetti{pointer-events:none;border-radius:2px;width:9px;height:14px;font-size:22px;font-style:normal;line-height:14px;animation-name:confetti;animation-timing-function:cubic-bezier(.25,.6,.5,1);animation-fill-mode:both;position:absolute}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}25%{transform:translate(calc(var(--dx) * .4), -80px) rotate(calc(var(--turn) * .3))}to{transform:translate(var(--dx), var(--dy)) rotate(var(--turn));opacity:0}}.tap svg{width:34px;height:34px;margin:0 auto 2px;display:block}.round-button{border:3px solid var(--ink);width:42px;height:42px;color:var(--ink);box-shadow:0 3px 0 var(--ink);pointer-events:auto;background:#fff;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:16px;font-weight:800;display:grid}.round-button svg{width:22px;height:22px}.round-button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.round-button:disabled{opacity:.35}.hud[hidden]{display:none}#back{position:absolute;top:0;left:0}.level{padding:0 48px;line-height:42px}.link{color:var(--ink);background:0 0;border:0;margin:12px auto 0;font-family:inherit;font-size:15px;font-weight:700;text-decoration:underline;display:block}.app.is-left .tap{right:auto;left:max(18px, env(safe-area-inset-left))}.screen{padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));touch-action:pan-y;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.screen[hidden]{display:none}.menu{padding-top:max(56px, env(safe-area-inset-top));justify-content:flex-start}.logo{letter-spacing:-1px;margin:0;font-size:clamp(48px,15vw,72px);font-weight:900;line-height:1.15;position:relative;transform:rotate(-4deg)}.logo span{white-space:nowrap;display:block}.logo-base{color:#e8fbff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.logo-water,.logo-line{position:absolute;inset:0}.logo-water{color:#0000;background-image:var(--water);background-repeat:repeat-x;background-size:120px 200%,90px 200%;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite logo-wave,5s ease-in-out infinite logo-level}@keyframes logo-wave{to{background-position-x:-120px,90px}}@keyframes logo-level{0%,to{background-position-y:38%,42%}50%{background-position-y:60%,64%}}.logo-line{color:#0000;-webkit-text-stroke:3px var(--ink)}.logo-drop{left:var(--x);border:3px solid var(--ink);transform-origin:50% 0;opacity:0;width:12px;height:15px;animation:logo-drip 3.6s ease-in var(--d) infinite;background:#5ec8ff;border-radius:50%/62% 62% 38% 38%;position:absolute;top:88%}@keyframes logo-drip{0%{opacity:1;transform:translateY(-6px)scale(.2,.3)}30%{opacity:1;transform:translateY(-4px)scale(.85,1.05)}40%{transform:translateY(0)scale(.8,1.3)}70%{opacity:1;transform:translateY(70px)scale(.9,1.1)}78%,to{opacity:0;transform:translateY(90px)scale(1.4,.3)}}@media (prefers-reduced-motion:reduce){.logo-water,.logo-drop{animation:none}}.tagline{border:3px solid var(--ink);background:#fff;border-radius:12px;margin:14px 0 0;padding:6px 14px;font-weight:800;transform:rotate(1.5deg)}.menu-buttons{flex-direction:column;gap:12px;width:min(260px,80vw);margin-top:28px;display:flex}.pill-big{padding:14px 26px;font-size:22px}.menu-buttons{gap:16px;width:min(300px,84vw)}.menu-btn{--c:#fff;border:4px solid var(--ink);background:var(--c);color:var(--ink);text-align:left;box-shadow:0 7px 0 var(--ink), inset 0 -7px 0 #1f2a3a24;animation:btn-in .55s cubic-bezier(.2, 1.6, .4, 1) calc(.15s + var(--n) * 90ms) both;border-radius:24px;align-items:center;gap:14px;padding:10px 18px 12px 10px;font-family:inherit;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.menu-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffffbf,#ffffff1a);border-radius:999px;height:34%;position:absolute;top:5px;left:14px;right:14px}.menu-btn:active{box-shadow:0 1px 0 var(--ink), inset 0 -3px 0 #1f2a3a24;transform:translateY(6px)}.menu-btn:active .menu-icon{transform:scale(.9)rotate(-8deg)}.menu-icon{border:3px solid var(--ink);width:50px;height:50px;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;transition:transform .12s;display:grid;position:relative}.menu-icon svg{width:28px;height:28px}.menu-text{flex-direction:column;line-height:1.1;display:flex;position:relative}.menu-text b{font-size:21px;font-weight:900}.menu-sub{opacity:.72;margin-top:3px;font-size:13px;font-weight:800}.menu-sub:empty{display:none}.menu-btn-levels{--c:#8fd8ff}.menu-btn-settings{--c:#ffd65c}.menu-btn-settings .menu-icon svg{animation:6s linear infinite gear}@keyframes gear{to{transform:rotate(360deg)}}.menu-btn-play{--c:#7ddc7a;border-radius:28px;padding:14px 20px 16px 12px;animation:.55s cubic-bezier(.2,1.6,.4,1) .15s both btn-in,2.4s ease-in-out 1s infinite btn-breathe}.menu-btn-play .menu-icon{width:60px;height:60px;animation:2.4s ease-in-out 1s infinite icon-pulse}.menu-btn-play .menu-icon svg{width:32px;height:32px;margin-left:4px}.menu-btn-play .menu-text b{letter-spacing:.5px;font-size:28px}.menu-btn-play:after{content:"";pointer-events:none;background:#ffffff8c;width:46px;animation:3.2s ease-in-out 1.4s infinite btn-shine;position:absolute;top:-20%;bottom:-20%;left:-70px;transform:skew(-20deg)}@keyframes btn-in{0%{opacity:0;transform:translateY(40px)scale(.6)}}@keyframes btn-breathe{50%{transform:scale(1.035)rotate(-.6deg)}}@keyframes icon-pulse{50%{transform:scale(1.1)rotate(6deg)}}@keyframes btn-shine{0%{left:-70px}35%,to{left:110%}}@media (prefers-reduced-motion:reduce){.menu-btn,.menu-btn-play,.menu-btn-play:after,.menu-icon,.menu-icon svg{animation:none!important}}.map{background:#fff1d68c}.map-head{align-items:center;gap:10px;width:min(360px,100%);display:flex}.map-head h2{text-align:center;flex:1;margin:0;font-size:26px}.world-stars{color:#b47e00;margin:6px 0 14px;font-weight:800}.grid{grid-template-columns:repeat(3,1fr);gap:12px;width:min(360px,100%);margin:0;padding:0;list-style:none;display:grid}.grid button{aspect-ratio:1;border:3px solid var(--ink);width:100%;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:18px;padding:6px 0 0;font-family:inherit;font-size:28px;font-weight:900}.grid button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.grid button small{color:#f5b014;letter-spacing:1px;font-size:15px;display:block}.grid button.is-next{background:#7ddc7a}.grid button:disabled{color:#a99d88;background:#e9e1d2;border-color:#a99d88;box-shadow:0 4px #a99d88}.settings{background:#fff1d6bf;justify-content:center;gap:14px}.settings h2{margin:0 0 6px;font-size:28px}.setting{border:3px solid var(--ink);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:min(340px,100%);padding:10px 12px;font-weight:800;display:flex}.toggle{border:3px solid var(--ink);border-radius:999px;display:flex;overflow:hidden}.toggle button{color:var(--ink);background:#fff;border:0;padding:6px 12px;font-family:inherit;font-size:14px;font-weight:800}.toggle button.is-on{background:#7ddc7a}#settings-back{margin-top:8px}.screen:not([hidden]){animation:.25s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}.stars span{animation:.35s cubic-bezier(.2,1.8,.4,1) both star-pop;display:inline-block}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.splash{z-index:20;padding-top:max(48px, env(safe-area-inset-top));background:radial-gradient(circle at 50% 35%, #ffffffb3, #fff0 60%), linear-gradient(#f1d9ae 2px, transparent 2px) 0 0 / 46px 46px, linear-gradient(90deg, #f1d9ae 2px, transparent 2px) 0 0 / 46px 46px, var(--paper);clip-path:circle(150% at 50% 72%);touch-action:none;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash.is-leaving{clip-path:circle(0% at 50% 72%);transition:clip-path .5s cubic-bezier(.6,0,.8,.4)}.splash-logo{color:#5ec8ff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);letter-spacing:-1px;margin:0;font-size:clamp(54px,17vw,84px);font-weight:900;display:flex;transform:rotate(-4deg)}.splash-logo span{animation:.6s cubic-bezier(.3,1.4,.5,1) both sp-letter,1.6s ease-in-out infinite sp-bob;animation-delay:calc(1.3s + var(--i) * 80ms), calc(2.4s + var(--i) * .1s);display:inline-block}.splash-logo{color:#e8fbff;position:relative}.splash-logo span{position:relative}.splash-logo span:after,.splash-logo span:before{content:attr(data-c);text-shadow:none;position:absolute;inset:0}.splash-logo span:after{color:#0000;-webkit-text-stroke:0;background-image:var(--water);background-repeat:repeat-x;background-size:120px 200%,90px 200%;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite logo-wave,5s ease-in-out infinite logo-level}.splash-logo span:before{z-index:1;color:#0000;-webkit-text-stroke:3px var(--ink)}.splash-logo .logo-drop{animation-delay:calc(2.3s + var(--d))}@keyframes sp-letter{0%{opacity:0;transform:translateY(-70vh)scale(.6,1.4)}55%{opacity:1;transform:translateY(10px)scale(1.3,.7)}75%{transform:translateY(-8px)scale(.92,1.08)}to{transform:none}}@keyframes sp-bob{50%{transform:translateY(-5px)rotate(-2deg)}}.splash-tagline{border:3px solid var(--ink);background:#fff;border-radius:12px;margin:12px 0 0;padding:6px 14px;font-size:15px;font-weight:800;animation:.45s cubic-bezier(.2,1.8,.4,1) 2.15s both sp-pop;transform:rotate(1.5deg)}@keyframes sp-pop{0%{opacity:0;transform:rotate(1.5deg)scale(0)}}.splash-scene{flex:1;width:min(92vw,440px);min-height:0;margin-top:4px;overflow:visible}.splash-scene g,.splash-scene path,.splash-scene rect{transform-box:fill-box;transform-origin:50%}.sp-tap{animation:.6s cubic-bezier(.3,1.5,.5,1) both sp-tap-in}@keyframes sp-tap-in{0%{transform:translateY(-260px)}}.sp-handle{animation:1.15s ease-in-out .95s both sp-turn}@keyframes sp-turn{0%{transform:none}12%,85%{transform:rotate(-55deg)}to{transform:none}}.sp-rise{animation:.65s cubic-bezier(.3,1.45,.5,1) .35s both sp-rise}@keyframes sp-rise{0%{transform:translateY(460px)}}.sp-glass{transform-origin:50% 100%;animation:.5s ease-out .9s sp-land,.6s cubic-bezier(.3,1.6,.5,1) 2.2s sp-joy}@keyframes sp-land{30%{transform:rotate(-5deg)}65%{transform:rotate(3deg)}}@keyframes sp-joy{40%{transform:translateY(-22px)scale(1.04,.96)}}.sp-stream{transform-origin:50% 0;animation:.2s ease-in 1.05s both sp-pour-on,.3s ease-in 2.05s forwards sp-pour-off}@keyframes sp-pour-on{0%{transform:scaleY(0)}}@keyframes sp-pour-off{to{opacity:0;transform:translateY(240px)scaleY(.4)}}.sp-water{animation:1.15s cubic-bezier(.3,.1,.4,1) 1.15s both sp-fill}@keyframes sp-fill{0%{transform:translateY(112px)}}.sp-wave{animation:.7s linear infinite sp-wave}@keyframes sp-wave{to{transform:translate(-60px)}}.sp-pupils{animation:1.1s ease-in-out 1s both sp-look}@keyframes sp-look{10%,90%{transform:translateY(-5px)}}.sp-eyes{animation:.16s ease-in-out 1.65s sp-blink,10ms linear 2.2s forwards sp-hide}@keyframes sp-blink{50%{transform:scaleY(.1)}}@keyframes sp-hide{to{opacity:0}}.sp-happy-eyes,.sp-grin{opacity:0;animation:.3s cubic-bezier(.2,1.8,.4,1) 2.2s forwards sp-show}@keyframes sp-show{0%{opacity:1;transform:scale(.2)}to{opacity:1}}.sp-mouth-o{animation:10ms linear 2.2s forwards sp-hide}.sp-drop{opacity:0;animation:sp-drop .75s cubic-bezier(.3, 0, .7, 1) calc(1.6s + var(--k) * 90ms) both}@keyframes sp-drop{0%{opacity:0;transform:none}5%{opacity:1}45%{transform:translate(calc(var(--side) * 46px), -46px) rotate(calc(var(--side) * 40deg))}to{opacity:0;transform:translate(calc(var(--side) * 78px), 60px) rotate(calc(var(--side) * 120deg))}}.sp-sparkle{opacity:0;animation:sp-sparkle .7s ease-out calc(2.25s + var(--k) * 70ms) both}@keyframes sp-sparkle{0%{opacity:1;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(90deg)}to{opacity:0;transform:scale(.6)rotate(180deg)}}@media (prefers-reduced-motion:reduce){.splash *,.splash-logo span{animation-duration:10ms!important;animation-delay:0s!important}}.toggle-flags button{place-items:center;padding:6px 10px;display:grid}.toggle-flags .flag{border:2px solid var(--ink);border-radius:4px;width:34px;height:22px;display:block}.toggle-flags button:not(.is-on) .flag{opacity:.45;filter:saturate(.6)}.coach{pointer-events:none;z-index:5;position:absolute}.coach[hidden]{display:none}.coach-hand{filter:drop-shadow(0 4px #1f2a3a40);width:56px;height:70px;position:absolute}.coach-hand svg{width:100%;height:100%}.coach-drag{width:200px;height:80px;margin-left:-100px;bottom:9%;left:50%}.coach-track{border-top:5px dotted #1f2a3a73;position:absolute;top:4px;left:10px;right:10px}.coach-drag .coach-hand{animation:2s ease-in-out infinite coach-sweep;top:0;left:72px}@keyframes coach-sweep{0%,to{transform:translate(-70px)rotate(-8deg)}50%{transform:translate(70px)rotate(8deg)}}.coach-tap{width:0;height:0;top:50%;left:50%}.coach-tap .coach-hand{animation:1.4s ease-in-out infinite coach-press;top:-6px;left:-14px}@keyframes coach-press{0%,to{transform:translate(10px,18px)}30%,75%{transform:translate(0)scale(.92)}}.coach-ring{border:5px solid #fff;border-radius:50%;width:92px;height:92px;animation:1.4s ease-out infinite coach-ring;position:absolute;top:-46px;left:-46px}@keyframes coach-ring{0%,25%{opacity:0;transform:scale(.6)}35%{opacity:.9}to{opacity:0;transform:scale(1.35)}}.menu-btn-endless{--c:#c7a6ff}.menu-btn-endless.is-locked{--c:#e3dccd;color:#8a8070}.menu-btn-endless.is-locked .menu-icon{opacity:.6}.menu-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.menu-tile{--c:#fff;border:4px solid var(--ink);background:var(--c);color:var(--ink);box-shadow:0 6px 0 var(--ink), inset 0 -6px 0 #1f2a3a24;animation:btn-in .55s cubic-bezier(.2, 1.6, .4, 1) calc(.15s + var(--n) * 90ms) both;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 12px;font-family:inherit;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.menu-tile:before{content:"";pointer-events:none;background:linear-gradient(#ffffffbf,#ffffff1a);border-radius:999px;height:26%;position:absolute;top:4px;left:10px;right:10px}.menu-tile:active{box-shadow:0 1px 0 var(--ink), inset 0 -3px 0 #1f2a3a24;transform:translateY(5px)}.menu-tile b{font-size:14px;font-weight:900;position:relative}.menu-tile .menu-sub{margin:0;font-size:11px;position:relative}.menu-btn-wardrobe{--c:#ffc4dd}.wardrobe{background:linear-gradient(#fff1d6d9 60%,#fff1d600);justify-content:flex-start}.wardrobe .map-head{margin-bottom:6px}.wardrobe-stars{white-space:nowrap;margin:0}.wardrobe h3{width:min(360px,100%);margin:10px 0 6px;font-size:15px}.looks{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;width:min(360px,100%);margin:0;padding:0;list-style:none;display:grid}.looks button{border:3px solid var(--ink);width:100%;min-height:62px;color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:14px;padding:6px 4px;font-family:inherit;font-size:12px;font-weight:800;position:relative}.looks button i{border:2px solid var(--ink);border-radius:6px;width:26px;height:16px;margin:0 auto 4px;display:block}.looks button em{margin-bottom:3px;font-size:18px;font-style:normal;line-height:1;display:block}.looks button.is-on{background:#7ddc7a}.looks button:disabled{color:#8a8070;background:#e9e1d2;border-color:#a99d88;box-shadow:0 3px #a99d88}.looks button small{margin-top:2px;font-size:11px;display:block}.coach-tilt{transform-origin:50% 90%;width:48px;height:80px;margin-left:-24px;animation:2s ease-in-out infinite coach-rock;bottom:9%;left:50%}.coach-tilt svg{filter:drop-shadow(0 4px #1f2a3a40);width:100%;height:100%}@keyframes coach-rock{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}@media not (pointer:coarse){.setting-control{display:none}}.toggle-icons button{place-items:center;padding:5px 12px;display:grid}.toggle-icons svg{width:26px;height:26px;display:block}.toggle-icons button:not(.is-on) svg{opacity:.45}.tilt-note{color:#2f6fd6;margin-top:4px;font-size:13px;font-style:normal;display:none}.app.is-tilt .tilt-note{display:block}.hint.has-tilt-tip .tilt-note{display:none}.menu-row{grid-template-columns:repeat(4,1fr);gap:8px}.menu-tile{border-radius:18px;padding:8px 2px 10px}.menu-tile .menu-icon{width:40px;height:40px}.menu-tile .menu-icon svg{width:22px;height:22px}.menu-tile b{font-size:11.5px}.menu-btn-trophies{--c:#ffe08a}.toast{left:50%;top:max(12px, env(safe-area-inset-top));z-index:15;border:4px solid var(--ink);min-width:min(320px,88vw);box-shadow:0 6px 0 var(--ink);pointer-events:none;background:#fff;border-radius:20px;align-items:center;gap:10px;padding:8px 14px 8px 8px;animation:2.8s cubic-bezier(.2,1.4,.4,1) both toast;display:flex;position:absolute;transform:translate(-50%)}.toast[hidden]{display:none}.toast-icon{border:3px solid var(--ink);background:#ffd65c;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.toast-text{flex-direction:column;line-height:1.15;display:flex}.toast-text small{color:#b47e00;font-size:12px;font-weight:800}.toast-text b{font-size:17px;font-weight:900}@keyframes toast{0%{transform:translate(-50%,-140%)}12%,85%{transform:translate(-50%)}to{transform:translate(-50%,-140%)}}.trophies{background:#fff1d6e6;justify-content:flex-start}.trophy-list{flex-direction:column;gap:8px;width:min(380px,100%);margin:8px 0 0;padding:0;list-style:none;display:flex}.trophy-list li{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.trophy-list .badge{border:3px solid var(--ink);background:#ffd65c;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.trophy-list li.is-locked{color:#8a8070;background:#f1ead9;border-color:#a99d88;box-shadow:0 3px #a99d88}.trophy-list li.is-locked .badge{filter:grayscale();opacity:.6;background:#e3dccd;border-color:#a99d88}.trophy-list b{font-size:15px;display:block}.trophy-list small{opacity:.8;font-size:12px;font-weight:700;display:block}.world-card{z-index:6;border:4px solid var(--ink);min-width:min(300px,84vw);box-shadow:0 8px 0 var(--ink);text-align:center;pointer-events:none;background:#fff;border-radius:26px;padding:14px 22px 18px;animation:2.6s cubic-bezier(.2,1.5,.4,1) both world-card;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.world-card[hidden]{display:none}.world-card small{color:#6b6255;letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:800;display:block}.world-card h2{margin:2px 0 4px;font-size:34px}.world-card p{color:#2f6fd6;margin:0;font-size:17px;font-weight:800}@keyframes world-card{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(.3)}15%,80%{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)scale(1)}to{opacity:0;transform:translate(-50%,-80%)rotate(-2deg)scale(.9)}}.board-button{margin:4px 0 2px;padding:8px 18px;font-size:15px}.menu-tile b{white-space:nowrap}.link[hidden]{display:none}