*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#101923;color:#fff5e0;font-family:system-ui,-apple-system,sans-serif;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}button:disabled{opacity:.35;cursor:default}#game{width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 48px)*.666667),520px)}header{height:48px;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:8px}header a{color:#ddd5c5;text-decoration:none;padding:8px}header>div{display:flex;gap:3px}header button{color:#ddd5c5;background:transparent;padding:8px}#field{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:10px;box-shadow:0 16px 80px #0006;background:#273038}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#hud{pointer-events:none;position:absolute;inset:0 0 auto;padding:17px 20px 30px;background:linear-gradient(#101923eb,#10192380,transparent)}#metrics{display:flex;justify-content:space-between;gap:8px}#metrics small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#e1d7c1}#metrics strong{font-size:clamp(16px,5vw,24px);font-variant-numeric:tabular-nums}#metrics>div:last-child{text-align:right}#misses{display:flex;gap:6px;margin-top:12px}#misses i{width:9px;height:9px;border-radius:50%;background:#e6dec46b;border:1px solid #fff4}#misses i.lost{background:#ff6767;border-color:#ff6767}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(15px,4vw,32px);background:#101923d9;backdrop-filter:blur(5px);text-align:center;overflow:auto}#overlay[hidden],#hud[hidden]{display:none}h1{font:italic 900 clamp(35px,11vw,66px)/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;color:#ffda8b;margin:0 0 16px}h2{font-size:clamp(23px,7vw,36px);margin:0 0 12px}p{font-size:13px;line-height:1.5;color:#d9d7d0;margin:0 0 18px}.legend-title{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:#c0b9ac;margin:13px 0 10px}.legend{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.legend figure{margin:0;min-width:42px;flex:1}.legend img{width:37px;height:37px;object-fit:contain;display:block;margin:0 auto 5px}.legend figcaption{font-size:10px;color:#eee4d0}.avoid{display:flex;justify-content:center;align-items:center;gap:11px;margin:14px 0 19px;padding:12px 0;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17}.avoid .legend-title{margin:0;color:#ff9a94}.avoid .legend figure{display:flex;align-items:center;gap:7px}.avoid .legend img{width:30px;height:30px;margin:0}.primary{background:#ffda8b;color:#15212e;border-radius:8px;padding:13px 24px;font-weight:800;font-size:16px;min-height:46px;width:100%}.secondary{background:transparent;color:#c9c5bb;margin-top:13px;padding:10px}.result-body{font-size:19px;line-height:1.7;margin:16px 0 26px}.result-body strong{color:#ffda8b;font-size:1.16em;white-space:nowrap}.result-reason{font-size:12px;color:#f9a8a0}.subtitle:empty{display:none}@media(max-height:500px){header{height:36px;font-size:10px}header button,header a{padding:5px}#game{width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 36px)*.666667))}#overlay{justify-content:flex-start;padding:12px}h1{font-size:30px}p{font-size:11px}#metrics strong{font-size:16px}#hud{padding:10px}.legend img{width:26px;height:26px}.legend figure{min-width:30px}.legend figcaption{font-size:9px}.legend{gap:2px}}

header button{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:8px}header button:hover:not(:disabled){background:#ffffff0d}header button svg{width:21px;height:21px}@media(max-height:500px){header button{width:36px;height:36px}}
.asset-loading{display:grid;gap:8px;margin:2px 0 13px}.asset-loading[hidden]{display:none}.asset-loading-label{color:#c9c3b7;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.asset-progress{height:5px;overflow:hidden;border:1px solid #ffffff20;border-radius:999px;background:#ffffff12}.asset-progress::after{display:block;width:var(--progress,0%);height:100%;content:"";border-radius:inherit;background:#ffda8b;transition:width .2s ease}