body{margin:0;overflow:hidden;font-family:ui-monospace,Menlo,monospace}#app{position:fixed;inset:0}#hud{position:fixed;top:10px;left:10px;background:#182618c7;color:#d8eec0;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.8;backdrop-filter:blur(4px);border:1px solid rgba(216,238,192,.25);max-width:min(430px,calc(100vw - 40px))}#hud a{color:#9fc98a;text-decoration:none}#battbar{display:inline-block;width:80px;height:10px;vertical-align:middle;background:#ffffff26;border-radius:5px;overflow:hidden}#battfill{display:block;height:100%;width:25%;background:linear-gradient(90deg,#ffd54f,#ffb300);transition:width .4s}.hudbtn{display:inline-block;cursor:pointer;user-select:none;border:1px solid rgba(216,238,192,.35);border-radius:999px;padding:2px 10px;margin-right:6px}.hudbtn.on{border-color:#ff6ec7;color:#ffb7e2}#chips{position:fixed;bottom:46px;left:50%;transform:translate(-50%);display:flex;gap:8px}.chip{background:#182618c7;color:#d8eec0;cursor:pointer;border:2px solid rgba(216,238,192,.25);border-radius:999px;padding:8px 16px;font:13px ui-monospace,Menlo,monospace;backdrop-filter:blur(4px);user-select:none}.chip.sel{border-color:#ffd54f;background:#344e28e6}#ticker{position:fixed;bottom:0;left:0;right:0;height:30px;background:#141e12d9;color:#cfe3b4;font-size:12px;line-height:30px;text-align:center;transition:opacity .5s;white-space:nowrap;overflow:hidden}#ticker a{color:#ffd54f;text-decoration:none}#ver{position:fixed;bottom:36px;right:12px;color:#ffffff8c;font-size:11px;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}#jtag{position:fixed;color:#fff;font-size:15px;pointer-events:none;transform:translate(-50%,-100%);text-shadow:0 1px 3px rgba(0,0,0,.5)}.float{position:fixed;color:#fff;font:700 15px ui-monospace,Menlo,monospace;text-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none;animation:floatUp 1.1s ease-out forwards;z-index:4}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-46px)}}#intro{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#2a1e1873;padding:16px}#intro .card{background:#faf8f3;color:#3a312b;max-width:440px;border:3px solid #4a2c2a;box-shadow:8px 8px #4a2c2a;padding:22px 26px;font-size:14px;line-height:1.65}#intro h1{margin:0 0 4px;font-size:20px;color:#4a2c2a;letter-spacing:.5px}#intro .rule{height:4px;width:64px;background:#e07b3c;margin-bottom:14px}#intro .pillar{margin:10px 0}#intro .pillar a{color:#c2410c;font-weight:700}#intro button{margin-top:16px;cursor:pointer;background:#e07b3c;color:#faf8f3;border:2px solid #4a2c2a;box-shadow:4px 4px #4a2c2a;padding:10px 22px;font:700 14px ui-monospace,Menlo,monospace}#intro button:active{transform:translate(3px,3px);box-shadow:1px 1px #4a2c2a}#help{position:fixed;bottom:40px;left:12px;z-index:5;cursor:pointer;width:28px;height:28px;line-height:26px;text-align:center;background:#182618c7;color:#d8eec0;border-radius:50%;border:1px solid rgba(216,238,192,.3);font-size:14px;user-select:none}#inspector{display:none;position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:6;max-width:min(420px,calc(100vw - 24px));background:#faf8f3;color:#3a312b;border:3px solid #4a2c2a;box-shadow:6px 6px #4a2c2a;padding:14px 18px;font-size:13px;line-height:1.55}#inspector h2{margin:0 26px 6px 0;font-size:16px;color:#4a2c2a}#inspChips{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.spec-chip{background:#ede6d8;border:1px solid #b8a88a;color:#6b4423;border-radius:999px;padding:2px 10px;font-size:11px;white-space:nowrap}#inspClose{position:absolute;top:6px;right:8px;cursor:pointer;color:#7a6b5d;font-size:16px;user-select:none}#tourBanner{display:none;position:fixed;bottom:88px;left:50%;transform:translate(-50%);z-index:6;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 24px));background:#faf8f3;color:#3a312b;border:3px solid #4a2c2a;box-shadow:5px 5px #4a2c2a;padding:10px 16px;font-size:13px;line-height:1.5}#tourEnd{cursor:pointer;color:#c2410c;font-weight:700;white-space:nowrap;user-select:none}#ctrlPanel{display:none;position:fixed;right:12px;bottom:56px;z-index:6;background:#faf8f3;color:#3a312b;border:3px solid #4a2c2a;box-shadow:5px 5px #4a2c2a;padding:12px 16px;font-size:12px;line-height:1.6}#ctrlPanel h3{margin:0 0 6px;font-size:13px;color:#4a2c2a}#ctrlPanel table{border-collapse:collapse}#ctrlPanel td{padding:1px 6px 1px 0}#ctrlPanel td:last-child{color:#6b4423;font-weight:700}#ctrlPanel .note{margin-top:6px;color:#7a6b5d;font-size:11px}