:root{--bg0: #071015;--bg1: #0f2129;--ink: #e8f2f4;--dim: #8aa3ab;--green: #3dff6e;--green-d: #15803a;--amber: #ffd23d}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg0);color:var(--ink);overflow:hidden}html.gray{filter:grayscale(1)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}#app{height:100%}main{height:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;padding:max(10px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));background:radial-gradient(120% 70% at 50% 45%,var(--bg1),var(--bg0) 70%);position:relative;isolation:isolate}.scene{position:absolute;inset:0;z-index:-1;background:center / cover no-repeat;filter:brightness(.42) saturate(.85)}.hud{text-align:center}.title{font-weight:900;letter-spacing:.18em;font-size:15px;color:var(--dim)}.title span{font-weight:600;letter-spacing:.04em;font-size:11px;opacity:.7;margin-left:6px}.infected{margin-top:6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(22px,6.4vw,32px);font-weight:800;color:var(--green);text-shadow:0 0 14px rgba(61,255,110,.45)}.infected b{color:#fff}.infected b.x{color:var(--amber)}.infected.hot{animation:hot .9s ease-in-out infinite alternate}@keyframes hot{to{text-shadow:0 0 26px rgba(61,255,110,.95)}}.pop{display:inline-block;animation:pop .28s ease-out}@keyframes pop{0%{transform:scale(1.14)}to{transform:scale(1)}}.meter{position:relative;height:6px;margin:8px auto 0;width:70%;border-radius:3px;background:#1d3038;overflow:visible}.meter i{position:absolute;inset:0 auto 0 0;background:var(--green);border-radius:3px;transition:width .25s ease-out;box-shadow:0 0 8px var(--green)}.meter em{position:absolute;top:-4px;width:2px;height:14px;background:var(--amber)}.caption{height:30px;margin-top:8px;text-align:center;font-weight:900;font-size:clamp(14px,4.2vw,19px);letter-spacing:.04em;color:#fff}.caption span{display:inline-block;animation:cap .32s cubic-bezier(.2,1.6,.4,1)}@keyframes cap{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center}.board{position:relative;width:100%;aspect-ratio:1;max-height:100%;margin:0 auto}.board :global(canvas){position:absolute;inset:0;display:block}.banner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:2;animation:ban .4s cubic-bezier(.2,1.5,.4,1)}.banner .t{font-size:clamp(48px,15vw,76px);font-weight:900;color:var(--green);-webkit-text-stroke:3px #062010;text-shadow:0 0 30px rgba(61,255,110,.9),0 6px 0 #062010;letter-spacing:.03em}.banner .s{margin-top:4px;font-size:clamp(16px,5vw,24px);font-weight:900;color:#fff;-webkit-text-stroke:1px #000;text-shadow:0 3px 0 #000}@keyframes ban{0%{transform:scale(2.2);opacity:0}to{transform:scale(1);opacity:1}}.bar{display:grid;grid-template-columns:1fr .8fr 1fr auto;gap:8px;align-items:center;padding-top:10px}.stat{background:#0c1a20;border:1px solid #22404a;border-radius:10px;padding:6px 8px;text-align:center;min-width:0}.stat small{display:block;font-size:10px;letter-spacing:.12em;color:var(--dim)}.stat b{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px}.stat b.w{color:var(--amber)}.spin{width:72px;height:72px;border-radius:50%;border:3px solid #b8ffca;background:radial-gradient(circle at 40% 35%,#4dff7c,#138a36);color:#062010;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 18px #3dff6e80;touch-action:manipulation}.spin:disabled{filter:saturate(.3) brightness(.7);box-shadow:none}.spin:active:not(:disabled){transform:scale(.94)}.big{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#020a06b8;animation:fade .3s ease-out}.big .tier{font-size:clamp(44px,13vw,72px);font-weight:900;color:var(--amber);-webkit-text-stroke:3px #3a2400;text-shadow:0 6px 0 #3a2400,0 0 30px rgba(255,210,61,.7)}.big .amt{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(48px,15vw,84px);font-weight:900;color:#fff;text-shadow:0 0 24px rgba(61,255,110,.8)}.big .sub{margin-top:6px;font-weight:800;color:var(--green);letter-spacing:.06em}@keyframes fade{0%{opacity:0}to{opacity:1}}