:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#231f20;background:#eaf3f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#ffffffd9,#dbebf6b8),#eaf3f9}button{font:inherit}.game{isolation:isolate;width:100vw;height:100vh;min-height:540px;position:relative}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;top:clamp(16px,3.4vw,34px);left:clamp(16px,3.4vw,42px);right:clamp(16px,3.4vw,42px)}.logo{filter:drop-shadow(0 18px 30px #1375bc29);width:min(250px,44vw);height:auto}.stats,.keys,.touch,.panel,.version,.perf{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffffc2;border:1px solid #1375bc2e;box-shadow:0 24px 70px #13375626}.stats{border-radius:8px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:10px;display:flex}.stats span,.keys span,.version span,.perf span{color:#4f5457;text-transform:uppercase;background:#1375bc14;border-radius:6px;min-width:78px;padding:8px 10px;font-size:.78rem;font-weight:800}.stats strong{color:#1375bc;min-width:2ch;margin-left:5px;font-size:1rem;display:inline-block}.panel{z-index:4;border-radius:8px;width:min(440px,100vw - 32px);padding:clamp(18px,3vw,26px);position:absolute;bottom:clamp(92px,14vh,142px);left:clamp(16px,4vw,46px)}.panel[hidden]{display:none}.eyebrow{color:#1375bc;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:900}h1{color:#231f20;letter-spacing:0;max-width:10ch;margin:0;font-size:clamp(2.45rem,7vw,5.7rem);font-weight:950;line-height:.88}#message{color:#4f5457;max-width:34rem;margin:18px 0 0;font-size:clamp(.98rem,2vw,1.08rem);font-weight:650;line-height:1.55}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 0;display:grid}.results[hidden]{display:none}.results div{background:#1375bc14;border-radius:8px;padding:14px}.results dt{color:#4f5457;text-transform:uppercase;font-size:.74rem;font-weight:900}.results dd{color:#1375bc;margin:4px 0 0;font-size:1.8rem;font-weight:950;line-height:1}.actions{gap:10px;margin-top:20px;display:flex}.actions button,.touch button{color:#fff;cursor:pointer;background:#1375bc;border:0;border-radius:8px;min-height:44px;font-weight:900;box-shadow:0 12px 28px #1375bc47}.actions button{min-width:120px;padding:0 18px}.actions button:hover,.touch button:hover{background:#0d63a1}.touch{z-index:4;border-radius:8px;gap:10px;padding:10px;display:flex;position:absolute;bottom:clamp(16px,3.4vw,34px);right:clamp(16px,3.4vw,42px)}.touch button{min-width:82px;padding:0 16px}.keys{z-index:3;pointer-events:none;border-radius:8px;flex-wrap:wrap;gap:8px;padding:10px;display:flex;position:absolute;bottom:clamp(16px,3.4vw,34px);left:clamp(16px,3.4vw,42px)}.version{z-index:3;pointer-events:none;border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px;display:flex;position:absolute;bottom:clamp(72px,8.5vw,88px);left:clamp(16px,3.4vw,42px)}.version strong{color:#1375bc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.perf{z-index:4;pointer-events:none;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(420px,100vw - 32px);padding:8px;display:none;position:absolute;top:clamp(92px,12vw,128px);right:clamp(16px,3.4vw,42px)}.show-perf .perf{display:grid}.perf strong{color:#1375bc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.no-ui .hud,.no-ui .panel,.no-ui .touch,.no-ui .keys,.no-ui .version,.no-ui .perf{display:none}@media (width<=760px){.game{background:#eaf3f9;min-height:100dvh}#scene{top:132px;bottom:calc(96px + env(safe-area-inset-bottom,0px));height:auto}.hud{top:calc(8px + env(safe-area-inset-top,0px));align-items:stretch;left:16px;right:16px}.logo{display:none}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:none;margin-left:0;padding:6px;display:grid}.stats,.touch,.panel,.version,.perf{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#fff;border-color:#d6e4ef}.stats span,.version span,.perf span{background:#eef5fa}.stats span{text-align:center;min-width:60px;padding:7px 6px}.panel{bottom:calc(112px + env(safe-area-inset-bottom,0px))}h1{font-size:clamp(2.45rem,15vw,4.1rem)}.keys{display:none}.version{top:calc(76px + env(safe-area-inset-top,0px));justify-content:center;padding:7px;bottom:auto;left:16px;right:16px}.version span{min-width:0;padding:6px 8px;font-size:.68rem}.perf{top:calc(126px + env(safe-area-inset-top,0px));grid-template-columns:repeat(3,minmax(0,1fr));width:auto;padding:7px;left:16px;right:16px}.perf span{min-width:0;padding:6px 7px;font-size:.66rem}.touch{left:16px;right:16px;bottom:calc(8px + env(safe-area-inset-bottom,0px));justify-content:space-between}.touch button{box-shadow:none;flex:1}.show-perf #scene{top:calc(388px + env(safe-area-inset-top,0px))}.no-ui #scene{width:100%;height:100%;inset:0}}