:root{color-scheme:dark;--case: #c7c4be;--case-light: #e7e4df;--case-dark: #9c9993;--bezel: #a8a5a0;--bezel-dark: #8b8883;--lcd-frame: #26262a;--dpad: #2b2b2f;--button: #8d2f57;--button-light: #c0628d;--button-dark: #5c1b37;--pill: #57575c;--brand: #2f3a8c;--lcd-light: #9bbc0f;--lcd-dark: #0f380f;--lcd-mid: #306230;--lcd-soft: #8bac0f;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;color:#e6edf3;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.06),transparent 26%),radial-gradient(circle at 85% 80%,rgba(0,0,0,.3),transparent 32%),linear-gradient(145deg,#1b1e24,#0e1013 62%);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit}.app{--pad-t: max(10px, env(safe-area-inset-top, 0px));--pad-b: max(10px, env(safe-area-inset-bottom, 0px));--pad-x: max(8px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--pad-t) var(--pad-x) var(--pad-b)}.gameboy{--gb-ratio: .61;--gb-w: min( calc(100vw - 2 * var(--pad-x)), calc((100dvh - var(--pad-t) - var(--pad-b)) * var(--gb-ratio)), 430px );--u: calc(var(--gb-w) / 100);width:var(--gb-w);height:calc(var(--gb-w) / var(--gb-ratio));display:flex;flex-direction:column;gap:calc(var(--u) * 2);padding:calc(var(--u) * 4.6) calc(var(--u) * 4.2) calc(var(--u) * 5.4);background:linear-gradient(150deg,var(--case-light) 0%,var(--case) 42%,var(--case-dark) 100%);border-radius:calc(var(--u) * 12) calc(var(--u) * 12) calc(var(--u) * 21) calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 12) #0000008c,0 calc(var(--u) * 1) 0 #0000004d,inset 0 2px 2px #fff9,inset 0 calc(var(--u) * -1.2) calc(var(--u) * 2) #00000029}.gb-screen-module{display:flex;flex-direction:column;gap:calc(var(--u) * 1.7);padding:calc(var(--u) * 3);background:linear-gradient(160deg,#b6b3ad 0%,var(--bezel) 46%,var(--bezel-dark) 100%);border-radius:calc(var(--u) * 3.4) calc(var(--u) * 3.4) calc(var(--u) * 9) calc(var(--u) * 3.4);box-shadow:inset 0 1px #ffffff73,inset 0 calc(var(--u) * -.6) calc(var(--u) * 1) #00000038,0 1px #fff6}.gb-bezel-top{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 2.4);font-weight:700;letter-spacing:.02em;line-height:1;color:#4b4842}.gb-battery{display:inline-flex;align-items:center;gap:calc(var(--u) * 1.2);white-space:nowrap}.gb-battery__led{width:calc(var(--u) * 1.9);height:calc(var(--u) * 1.9);flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9a92,#e0231f 55%,#7d0f0c);box-shadow:0 0 calc(var(--u) * .9) #e0231fcc}.gb-stereo{overflow:hidden;text-align:right;white-space:nowrap;text-overflow:ellipsis}.screen-slot{display:flex;align-items:flex-start;min-width:0}.lcd{position:relative;flex:1;aspect-ratio:10 / 9;overflow:hidden;border-radius:calc(var(--u) * 1.3);background:var(--lcd-light);box-shadow:inset 0 0 0 calc(var(--u) * 1.1) var(--lcd-frame),inset 0 0 calc(var(--u) * 5) #0f380f73}.lcd__glass{position:absolute;inset:0;display:flex;padding:calc(var(--u) * 3.2);overflow:hidden}.lcd__glass>*{flex:1;min-width:0;min-height:0}.lcd__scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.lcd:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.3) 0 20%,rgba(255,255,255,.07) 20.4% 29%,transparent 29.6%)}.gb-brand{margin-top:calc(var(--u) * .8);font-size:calc(var(--u) * 4.1);font-weight:900;font-style:italic;letter-spacing:.05em;line-height:1;text-align:center;color:var(--brand);text-shadow:0 0 1px rgba(255,255,255,.95),0 1px 0 rgba(255,255,255,.75)}.shell-bottom{margin-top:auto;display:flex;flex-direction:column;gap:calc(var(--u) * 3)}.controls-area{display:flex;flex-direction:column;gap:calc(var(--u) * 3.2)}.controls-row{display:flex;align-items:center;justify-content:space-between}.dpad{position:relative;width:calc(var(--u) * 30);aspect-ratio:1;flex-shrink:0}.dpad__cross{position:absolute;inset:0;background:linear-gradient(150deg,#3c3c42 0%,var(--dpad) 45%,#131316 100%);clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);filter:drop-shadow(0 calc(var(--u) * .5) calc(var(--u) * .5) rgba(0,0,0,.45))}.dpad__center{position:absolute;top:50%;left:50%;width:29%;height:29%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 32%,#41414a,#1a1a1e 72%);box-shadow:inset 0 1px 1px #ffffff24,inset 0 -1px 2px #00000080}.dpad__button{position:absolute;width:32%;height:32%;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:22%;background:transparent;color:#ffffff57;font-size:calc(var(--u) * 3.2);line-height:1;cursor:pointer;touch-action:none}.dpad__button:active{background:#ffffff29;color:#ffffffeb}.dpad__up{top:0;left:34%}.dpad__down{bottom:0;left:34%}.dpad__left{top:34%;left:0}.dpad__right{top:34%;right:0}.action-buttons{position:relative;width:calc(var(--u) * 27);height:calc(var(--u) * 19);flex-shrink:0}.action-button{position:absolute;width:calc(var(--u) * 12.4);height:calc(var(--u) * 12.4);display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 36% 28%,var(--button-light) 0%,var(--button) 52%,var(--button-dark) 100%);color:#fbe4ee;font-size:calc(var(--u) * 3);font-weight:900;cursor:pointer;touch-action:none;box-shadow:0 calc(var(--u) * .8) calc(var(--u) * 1.1) #00000059,inset 0 1px 1px #ffffff73,inset 0 calc(var(--u) * -.8) calc(var(--u) * .9) #00000059}.action-button:active{transform:translateY(1px) scale(.98);filter:brightness(1.14)}.action-button--b{bottom:0;left:0}.action-button--a{top:0;right:0}.start-select{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 6)}.start-select__item{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 1.2)}.pill-button{width:calc(var(--u) * 15);height:calc(var(--u) * 3.4);padding:0;border:0;border-radius:999px;background:linear-gradient(180deg,#6d6d73 0%,var(--pill) 62%,#3c3c41 100%);transform:rotate(-20deg);cursor:pointer;touch-action:none;box-shadow:0 calc(var(--u) * .5) calc(var(--u) * .7) #0000004d,inset 0 1px #fff6,inset 0 calc(var(--u) * -.5) calc(var(--u) * .6) #00000059}.pill-button:active{filter:brightness(1.22)}.pill-label{font-size:calc(var(--u) * 2.2);font-weight:900;letter-spacing:.12em;color:#55524c}.speaker{display:flex;justify-content:flex-end;gap:calc(var(--u) * 1.5);padding-right:calc(var(--u) * 2.4)}.speaker span{width:calc(var(--u) * 1.6);height:calc(var(--u) * 5.4);border-radius:999px;transform:rotate(-18deg);background:linear-gradient(180deg,#77746e,#4a4844);box-shadow:inset 0 1px 1px #ffffff52,inset 0 -1px 2px #0000008c}.boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.boot-logo{font-size:clamp(26px,8vw,44px);font-weight:900;letter-spacing:.05em;color:var(--lcd-dark);text-shadow:2px 2px 0 rgba(48,98,48,.5)}.boot-tagline{margin-top:4px;font-size:9px;font-weight:900;letter-spacing:.35em;color:var(--lcd-mid)}.boot-badge{margin-top:22px;font-size:8px;font-weight:800;color:var(--lcd-mid)}.ware-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--lcd-dark)}.ware-menu__logo{font-size:clamp(24px,8vw,38px);font-weight:900;letter-spacing:.04em;line-height:1}.ware-menu__subtitle{margin-top:2px;font-size:13px;font-weight:900;letter-spacing:.55em;color:var(--lcd-mid)}.ware-menu__rules{display:flex;flex-direction:column;gap:5px;margin-top:clamp(10px,4vh,22px);font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--lcd-mid)}.ware-menu__high{margin-top:clamp(8px,3vh,18px);font-size:11px;font-weight:900;color:var(--lcd-dark)}.ware-menu__start{margin-top:clamp(10px,3.5vh,20px);padding:6px 12px;border:3px solid var(--lcd-dark);border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.08em;animation:ware-blink 1.1s steps(2,end) infinite}.ware-menu__hint{margin-top:9px;font-size:8px;font-weight:800;letter-spacing:.04em;color:var(--lcd-mid)}@keyframes ware-blink{0%,to{opacity:1}50%{opacity:.25}}.session-screen{display:flex;flex-direction:column;min-height:0;color:var(--lcd-dark)}.session-hud{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;font-weight:900}.session-lives{letter-spacing:.06em;white-space:nowrap}.session-round{font-size:9px;color:var(--lcd-mid)}.session-score{font-size:13px}.session-progress{display:flex;justify-content:center;gap:3px;margin:5px 0 6px}.session-dot{width:7px;height:7px;border:2px solid var(--lcd-dark);background:transparent}.session-dot.is-win{background:var(--lcd-dark)}.session-dot.is-lose{background:var(--lcd-mid);border-color:var(--lcd-mid)}.session-dot.is-current{border-color:var(--lcd-dark);background:var(--lcd-soft);outline:1px solid var(--lcd-dark)}.session-timer{height:7px;margin-bottom:7px;overflow:hidden;border:2px solid var(--lcd-dark);border-radius:999px;background:var(--lcd-light)}.session-timer__fill{display:block;height:100%;background:var(--lcd-dark);transition:width .1s linear}.session-body{position:relative;flex:1;min-height:0;display:flex}.session-body>*{flex:1;min-width:0;min-height:0}.session-intro,.session-result,.session-final{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.session-intro__title{font-size:24px;font-weight:900;letter-spacing:.08em}.session-intro__instruction{max-width:94%;font-size:10px;font-weight:900;line-height:1.35;color:var(--lcd-mid)}.session-intro__speed{font-size:8px;font-weight:900;letter-spacing:.08em;color:var(--lcd-mid)}.session-result{color:var(--lcd-light)}.session-result.is-win,.session-result.is-lose{background:#0f380fad}.session-result__title{font-size:30px;font-weight:900;letter-spacing:.08em}.session-result__score{font-size:11px;font-weight:900}.session-final{color:var(--lcd-dark)}.session-final__title{font-size:26px;font-weight:900;letter-spacing:.08em}.session-final__score{font-size:14px;font-weight:900}.session-final__best{font-size:8px;font-weight:900;color:var(--lcd-mid)}.session-final__hint{margin-top:4px;font-size:8px;font-weight:900;color:var(--lcd-mid)}.session-footer{margin-top:5px;text-align:center;font-size:7px;font-weight:900;color:var(--lcd-mid)}.microgame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;color:var(--lcd-dark)}.microgame-prompt{margin-bottom:7px;font-size:15px;font-weight:900;letter-spacing:.08em}.microgame-subprompt{margin-top:7px;font-size:8px;font-weight:900;letter-spacing:.06em;color:var(--lcd-mid)}.catch-stage{position:relative;flex:1;width:100%;min-height:120px;overflow:hidden;border:2px solid var(--lcd-dark);background:var(--lcd-light)}.catch-fruit{position:absolute;width:13px;height:13px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--lcd-dark)}.catch-fruit:after{content:"";position:absolute;top:-4px;left:5px;width:6px;height:5px;transform:rotate(35deg);background:var(--lcd-mid)}.catch-basket{position:absolute;bottom:6%;width:15%;height:12px;margin-left:-7.5%;border-radius:2px 2px 8px 8px;background:var(--lcd-dark)}.catch-basket:after{content:"";position:absolute;top:-5px;left:-3%;width:106%;height:6px;border:3px solid var(--lcd-dark);border-radius:50%;background:var(--lcd-light)}.dodge-stage{position:relative;flex:1;width:100%;min-height:120px;overflow:hidden;border:2px solid var(--lcd-dark);background:var(--lcd-light)}.dodge-stage:after{content:"";position:absolute;top:81%;left:0;width:100%;border-top:2px dashed rgba(15,56,15,.35);pointer-events:none}.rain-drop{position:absolute;width:5px;height:13px;margin:-6px 0 0 -3px;border-radius:999px;background:var(--lcd-dark)}.rain-player{position:absolute;bottom:5%;width:11%;height:14%;min-height:18px;margin-left:-5.5%;border-radius:50% 50% 34% 34%;background:var(--lcd-mid)}.rain-player:after{content:"";position:absolute;top:22%;left:18%;width:64%;height:26%;border-radius:40%;background:var(--lcd-light)}.rhythm-track{position:relative;width:100%;height:68px;border:2px solid var(--lcd-dark);background:var(--lcd-light)}.rhythm-zone{position:absolute;top:8px;bottom:8px;left:35%;width:30%;background:var(--lcd-mid)}.rhythm-zone:after{content:"OK";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--lcd-light)}.rhythm-marker{position:absolute;top:0;bottom:0;width:5px;margin-left:-2px;background:var(--lcd-dark)}.balloon{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:108px;border:4px solid var(--lcd-dark);border-radius:52% 52% 48% 48%;background:var(--lcd-soft);transition:transform .08s ease,background .12s ease}.balloon.is-straining{background:var(--lcd-mid)}.balloon-knot{position:absolute;bottom:-14px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--lcd-dark)}.meter{width:80%;height:10px;margin-top:20px;border:2px solid var(--lcd-dark);background:var(--lcd-light)}.meter-fill{display:block;height:100%;background:var(--lcd-dark);transition:width .08s ease}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;width:min(84%,206px);aspect-ratio:1}.mini-cell{display:flex;align-items:center;justify-content:center;border:2px solid var(--lcd-dark);background:var(--lcd-light);font-size:20px}.mini-cell.is-cursor{background:var(--lcd-mid)}.bug{font-size:19px;filter:grayscale(1) contrast(1.2)}.star{font-size:19px}.rps-opponent{margin-bottom:10px;padding:7px 12px;border:3px solid var(--lcd-dark);border-radius:4px;font-size:18px;font-weight:900}.rps-options{display:flex;gap:6px}.rps-option{padding:6px;border:2px solid var(--lcd-dark);font-size:8px;font-weight:900}.rps-option.is-cursor{background:var(--lcd-dark);color:var(--lcd-light)}.flash-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(72%,178px);aspect-ratio:1}.flash-pad{display:flex;align-items:center;justify-content:center;border:3px solid var(--lcd-dark);background:var(--lcd-mid);color:var(--lcd-light);font-size:21px;opacity:.42;transition:opacity .08s ease}.flash-pad.is-active{opacity:1;filter:brightness(1.5)}.flash-progress{margin-top:7px;font-size:9px;font-weight:900}.math-equation{margin-bottom:12px;font-size:23px;font-weight:900}.math-options{display:flex;gap:10px}.math-option{min-width:50px;padding:7px 10px;border:3px solid var(--lcd-dark);font-size:17px;font-weight:900}.math-option.is-cursor{background:var(--lcd-dark);color:var(--lcd-light)}.rocket-stage{position:relative;flex:1;width:100%;min-height:120px;overflow:hidden;border:2px solid var(--lcd-dark);background:var(--lcd-light)}.rock{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50% 43% 45% 38%;background:var(--lcd-dark)}.rock-warn{position:absolute;right:0;width:0;height:0;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:11px solid var(--lcd-mid);animation:rock-blink .24s steps(2,end) infinite}@keyframes rock-blink{0%,to{opacity:1}50%{opacity:.35}}.rocket{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50% 50% 42% 42%;background:var(--lcd-dark)}.rocket:after{content:"";position:absolute;bottom:-9px;left:50%;width:10px;height:12px;transform:translate(-50%);background:var(--lcd-mid);clip-path:polygon(0 0,100% 0,55% 100%)}@media(orientation:landscape)and (max-height:620px){.gameboy{--gb-h: calc(100dvh - var(--pad-t) - var(--pad-b));--u: calc(var(--gb-h) / 100);width:min(calc(100vw - 2 * var(--pad-x)),calc(var(--gb-h) * 2.2));height:var(--gb-h);flex-direction:row;align-items:stretch;justify-content:center;gap:calc(var(--u) * 3.5);padding:calc(var(--u) * 4) calc(var(--u) * 4.5);border-radius:calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 16) calc(var(--u) * 10)}.gb-screen-module{flex:0 1 auto;width:calc(var(--u) * 120);min-width:0}.screen-slot{flex:1;align-items:center;justify-content:center;min-height:0}.lcd{flex:0 1 auto;width:auto;height:100%;max-width:100%}.gb-brand{display:none}.shell-bottom{flex:0 0 calc(var(--u) * 62);min-width:0;margin-top:0;justify-content:center;gap:calc(var(--u) * 3)}.controls-area{gap:calc(var(--u) * 3)}.start-select{gap:calc(var(--u) * 5)}}@media(orientation:portrait)and (max-height:620px){.gb-brand{font-size:calc(var(--u) * 3.4)}.ware-menu__rules{margin-top:8px}}