*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#14100c;color:#e8dcc8;font-family:Trebuchet MS,system-ui,sans-serif;overflow:hidden}#app{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding-top:64px}input[type=range],input[type=checkbox]{accent-color:#e0b060}#game{image-rendering:pixelated;background:#0c0a08;box-shadow:0 0 40px #000 inset}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.panel{position:absolute;background:#14100ceb;border:2px solid #6b5a3a;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.4;box-shadow:0 4px 16px #0009}.panel h3{font-size:14px;color:#e0b060;margin-bottom:4px}.muted{color:#9c8e76}.stat-grid{display:grid;grid-template-columns:auto auto auto auto;gap:1px 10px;font-size:12px}.hpbar{height:6px;background:#3a2a1a;border-radius:3px;overflow:hidden;margin-top:2px}.hpbar>div{height:100%;background:#5cc05c}#topbar{top:8px;left:50%;transform:translate(-50%);text-align:center;padding:4px 16px}#info{top:8px;left:8px;width:210px}#forecast{bottom:8px;right:8px;width:230px}#menu{display:none}.menu-btn{display:block;width:100%;text-align:left;background:#2a2218;color:#e8dcc8;border:1px solid #6b5a3a;border-radius:4px;padding:6px 12px;margin:3px 0;cursor:pointer;font-size:13px}.menu-btn:hover,.menu-btn.sel{background:#6b5a3a;color:#fff}.menu-btn:disabled{opacity:.5;cursor:default}button:focus-visible,.bigbtn:focus-visible{outline:3px solid #ffe070;outline-offset:2px}#overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#080604d1;text-align:center;padding:24px}#overlay h1{font-size:40px;color:#e0a040;text-shadow:0 2px 8px #000;margin-bottom:8px;letter-spacing:1px}#overlay h2{font-size:22px;color:#e8dcc8;margin-bottom:16px}#overlay p{max-width:560px;color:#cdbfa6;margin-bottom:10px}.bigbtn{background:#7a5a2a;color:#fff;border:2px solid #e0b060;border-radius:8px;padding:12px 28px;margin:6px;font-size:18px;cursor:pointer}.bigbtn:hover{background:#9c7536}.bigbtn.alt{background:#3a3024;border-color:#6b5a3a}#dialogue{display:none;position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:min(720px,92vw);background:#100c08f5;border:2px solid #6b5a3a;border-radius:8px;padding:14px 18px;cursor:pointer}#dialogue .who{font-weight:700;font-size:15px;margin-bottom:4px}#dialogue .txt{font-size:15px;line-height:1.5}#dialogue .hint{font-size:11px;color:#9c8e76;text-align:right;margin-top:6px}#prep{display:none}.roster-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-bottom:1px solid #3a3024;cursor:pointer}.roster-row.on{background:#4a3a22}.dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto}#toast{position:absolute;left:50%;top:64px;transform:translate(-50%);background:#281e10f2;border:1px solid #e0b060;border-radius:6px;padding:6px 14px;font-size:14px;display:none;z-index:2000}.kbd{font-size:11px;color:#9c8e76}.tag-adv{color:#6cd06c}.tag-dis{color:#d06c6c}.tag-eff{color:#e0a040}.dmgpop{position:fixed;transform:translate(-50%,-50%);font-weight:700;font-size:20px;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.8);pointer-events:none;z-index:1500;animation:dmgfloat .9s ease-out forwards}@keyframes dmgfloat{0%{opacity:1;margin-top:0}60%{opacity:1}to{opacity:0;margin-top:-30px}}.chip{display:inline-block;padding:1px 10px;border-radius:10px;font-weight:700;background:#3a3024;border:1px solid #6b5a3a;color:#e8dcc8}.chip.warn{border-color:#e0b060;color:#ffd257}.menu-col{display:flex;flex-direction:column;gap:8px;width:320px;margin:12px auto 0}.menu-col .bigbtn{width:100%;margin:0;font-size:16px;white-space:nowrap}.menu-col .menu-gap{height:10px}#overlay.title-bg{background:radial-gradient(ellipse at 50% 110%,rgba(224,140,50,.13),transparent 60%),linear-gradient(#0a080659,#0a0806bf)}#prep .roster-row:hover{background:#6b5a3a38;cursor:pointer}.hit-hi{color:#8ee08e}.hit-mid{color:#ffd257}.hit-lo{color:#ff6a6a}