:root{--bg: #0b0f16;--panel: #0f1726;--muted: #8aa1b8;--fg: #e6edf3;--g: #5ee17a;--c: #54c9ff;--m: #e074ff;--warn: #ffbe55;--bad: #ff6b6b;--ok: #7cf0a9;--myc-pct: 0}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}.shell{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:1rem}.container{width:100%;max-width:520px;background:var(--panel);border:1px solid #233046;border-radius:18px;box-shadow:0 12px 48px #0006;overflow:hidden;position:relative}.container:before,.container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.container:before{background:radial-gradient(1200px 400px at 20% 0%,rgba(38,28,20,.18),transparent 60%),radial-gradient(1000px 600px at 120% 100%,rgba(30,22,16,.22),transparent 55%),repeating-linear-gradient(25deg,#3c2c222e 0,#3c2c222e 6px,#18120c2e 6px,#18120c2e 12px),linear-gradient(#131b28,#0f1726);opacity:calc(1 - var(--myc-pct));transition:opacity .8s ease}.container:after{background:radial-gradient(900px 500px at 0% 100%,rgba(255,255,255,.08),transparent 60%),radial-gradient(800px 300px at 100% 0%,rgba(255,255,255,.06),transparent 55%),repeating-linear-gradient(170deg,#fafaff1a 0,#fafaff1a 3px,#e6ecf80f 3px,#e6ecf80f 8px),linear-gradient(180deg,#f0f6ff1a,#ffffff14);mix-blend-mode:screen;opacity:calc(var(--myc-pct) * .95);transition:opacity .8s ease;animation:shimmer 12s ease-in-out infinite}.topbar,.main,.footer,.level-row{position:relative;z-index:1}.topbar{padding:.75rem 1rem;border-bottom:1px solid #223042;letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:.85rem;color:var(--muted);text-align:center}.v-badge{font-size:.7rem;letter-spacing:.04em;background:#1a2e44;border:1px solid #2e4a6a;border-radius:4px;padding:1px 5px;color:var(--c);vertical-align:middle;margin-left:6px}.level-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem .3rem;font-weight:700;font-size:.9rem;color:#cfe6ff}.lvl-progress-track{flex:1;height:5px;background:#182333;border-radius:999px;overflow:hidden}.lvl-progress-fill{height:100%;background:var(--c);border-radius:999px;transition:width .2s ease;box-shadow:0 0 8px #54c9ff99}.resolves-label{font-size:.75rem;color:var(--muted);min-width:2.6rem;text-align:right}.main{padding:.75rem;display:flex;flex-direction:column;gap:.65rem}.contam-bar-wrap{display:flex;align-items:center;gap:.6rem}.contam-label{font-size:.75rem;color:var(--muted);white-space:nowrap}.contam-track{display:flex;gap:5px;flex:1}.contam-pip{flex:1;height:8px;border-radius:3px;background:#182333;border:1px solid #223248;transition:background .2s,box-shadow .2s}.contam-pip.filled{background:var(--bad);box-shadow:0 0 6px #ff6b6b8c;border-color:var(--bad)}.grid{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:.55rem;touch-action:manipulation}.tile{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center;background:#101b2a;border:1px solid #1f2b3e;border-radius:12px;-webkit-user-select:none;user-select:none;font-size:1.1rem;transition:transform .1s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}.tile.idle{opacity:.35}.tile.color-g{background:#5ee17a1f;border-color:#5ee17a4d}.tile.color-c{background:#54c9ff1f;border-color:#54c9ff4d}.tile.color-m{background:#e074ff1f;border-color:#e074ff4d}.tile.active{animation:pulse .7s ease-in-out infinite alternate}.tile.active.color-g{box-shadow:0 0 14px #5ee17a66}.tile.active.color-c{box-shadow:0 0 14px #54c9ff66}.tile.active.color-m{box-shadow:0 0 14px #e074ff66}.tile.active.mid{filter:brightness(1.1)}.tile.active.urgent{filter:brightness(1.25) saturate(1.1);animation:urgentPulse .35s ease-in-out infinite alternate}.tile.spawn{animation:fadeInPop var(--fade-dur, .36s) ease-out forwards}@keyframes fadeInPop{0%{opacity:0;transform:scale(.88)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.tile:active{transform:scale(.93)}.tile.fb-ok{background:#50c87847!important;border-color:var(--ok)}.tile.fb-bad{background:#dc3c3c47!important;border-color:var(--bad)}.tile .drops{font-size:1rem;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.5);letter-spacing:.05em}.tile .count-badge{position:absolute;top:5px;right:7px;font-size:.75rem;font-weight:800;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.6)}.tile .timer-bar{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 12px 12px;width:var(--pct, 100%);transition:width 80ms linear;background:currentColor}.tile.color-g .timer-bar{color:var(--g)}.tile.color-c .timer-bar{color:var(--c)}.tile.color-m .timer-bar{color:var(--m)}.tile.active.urgent .timer-bar{color:var(--warn)}.status-row{display:flex;align-items:center;gap:.5rem;background:#0e1a2a;border:1px solid #223048;border-radius:10px;padding:.5rem .7rem;min-height:2.2rem}.logline{flex:1;font-size:.85rem;color:var(--muted)}.logline.ok{color:var(--ok)}.logline.warn{color:var(--warn)}.logline.bad{color:var(--bad)}.combo-badge{font-size:.8rem;font-weight:800;color:var(--warn);background:#ffbe551f;border:1px solid rgba(255,190,85,.3);border-radius:6px;padding:1px 7px;animation:comboAppear .18s ease-out}@keyframes comboAppear{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.row-2col{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:center}.card-mini{background:#0e1a2a;border:1px solid #223048;border-radius:12px;padding:.55rem .7rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .6rem}.stack{display:flex;flex-direction:column;gap:.1rem}.sg-item{font-size:.82rem;white-space:nowrap}.right-stack{display:flex;flex-direction:column;gap:.4rem}.pill{background:#0e1a2a;border:1px solid #223048;border-radius:999px;padding:.3rem .9rem;color:var(--fg);cursor:pointer;font-size:.85rem;white-space:nowrap}.pill.pause{border-color:var(--warn);color:var(--warn)}.pill.restart{border-color:var(--bad);color:var(--bad)}.pill:hover{filter:brightness(1.15)}.footer{padding:.4rem 1rem .8rem;color:#7e93ab;font-size:.78rem;text-align:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080c12a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;padding:1rem;overflow-y:auto}.card{background:#0e1626;border:1px solid #2a3b56;color:var(--fg);border-radius:18px;max-width:520px;width:100%;padding:1.25rem 1.25rem 1rem}.card h2{margin:.2rem 0 .9rem;font-size:1.05rem;line-height:1.35}.card p{margin:.4rem 0;font-size:.9rem;color:#c8d8ea}.modal-actions{margin-top:1rem}.modal-actions button{background:#132035;border:1px solid #2e4a6a;color:var(--c);border-radius:10px;padding:.5rem 1.2rem;cursor:pointer;font-size:.9rem}.modal-actions button:hover{background:#1a2d48}.death-card{max-width:560px}.death-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.85rem}.ds-item{background:#101e30;border:1px solid #1e3050;border-radius:10px;padding:.45rem .5rem;text-align:center}.ds-item span{display:block;font-size:.7rem;color:var(--muted);margin-bottom:2px}.ds-item b{font-size:.95rem}.submit-wrap{margin-bottom:.75rem}.submit-row{display:flex;gap:.5rem}.name-input{flex:1;background:#101e30;border:1px solid #2a3b56;border-radius:8px;padding:.4rem .7rem;color:var(--fg);font-size:.9rem;outline:none}.name-input:focus{border-color:var(--c)}.name-input.input-error{border-color:var(--bad)}.name-error{font-size:.78rem;color:var(--bad);margin-top:.35rem;padding-left:.2rem}.submit-row button{background:#132035;border:1px solid #2e4a6a;color:var(--c);border-radius:8px;padding:.4rem .9rem;cursor:pointer;font-size:.9rem}.submit-row button:disabled{opacity:.4;cursor:default}.submit-confirm{font-size:.88rem;margin-bottom:.75rem;color:var(--ok)}.muted{color:var(--muted)}.lb-section{margin-bottom:.85rem}.lb-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem}.lb-empty{font-size:.85rem;padding:.3rem 0}.lb-table{width:100%;border-collapse:collapse;font-size:.82rem}.lb-row td{padding:.28rem .3rem;border-bottom:1px solid #182333}.lb-row:last-child td{border-bottom:none}.lb-you{background:#54c9ff12}.lb-rank{color:var(--muted);width:2rem}.lb-name{font-weight:600}.lb-score{text-align:right;font-variant-numeric:tabular-nums}.lb-lvl{text-align:right;color:var(--muted);padding-left:.5rem}.lb-ts{text-align:right;color:var(--muted);font-size:.75rem;padding-left:.5rem}.shell.grid-flash-red .grid{animation:gridFail .4s ease-in-out 1}.shell.grid-flash-red .container{animation:shake .26s cubic-bezier(.36,.07,.19,.97) 1}@keyframes gridFail{0%{box-shadow:none}30%{box-shadow:0 0 38px #ff0000a6}to{box-shadow:none}}@keyframes shake{0%{transform:translateZ(0)}20%{transform:translate3d(-3px,0,0) rotate(-.3deg)}40%{transform:translate3d(3px,0,0) rotate(.3deg)}60%{transform:translate3d(-2px,0,0) rotate(-.2deg)}80%{transform:translate3d(2px,0,0) rotate(.2deg)}to{transform:translateZ(0)}}.shell.level-flash .container:after{animation:shimmer 12s ease-in-out infinite,mycPulse .6s ease-out 1}@keyframes mycPulse{0%{filter:brightness(1) saturate(1)}35%{filter:brightness(1.3) saturate(1.08)}to{filter:brightness(1) saturate(1)}}@keyframes shimmer{0%{filter:brightness(1) contrast(1) saturate(1)}50%{filter:brightness(1.04) contrast(1.02) saturate(1.03)}to{filter:brightness(1) contrast(1) saturate(1)}}@keyframes urgentPulse{0%{filter:brightness(1.2)}to{filter:brightness(1.55)}}@keyframes pulse{0%{filter:brightness(1)}to{filter:brightness(1.3)}}@media (max-width: 480px){.grid{gap:.45rem}.container{max-width:98vw}.death-stats{grid-template-columns:repeat(2,1fr)}.lb-ts,.lb-lvl{display:none}}