:root{--bg: #07090b;--panel: #0d1114;--panel-2: #11171b;--line: #1f2a30;--ink: #c7d3d9;--dim: #5d6f79;--accent: #6bff9d;--warn: #ffd447;--danger: #ff5a4a;--mana: #6ba8ff;--stam: #9fe08a;--font: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);padding:4px 10px;cursor:pointer;border-radius:2px}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.35;cursor:not-allowed}input,textarea{font:inherit;color:var(--ink);background:#060809;border:1px solid var(--line);padding:6px 8px;border-radius:2px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}.app{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:34px auto minmax(0,1fr);height:100%}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:18px;padding:0 12px;background:linear-gradient(#141b20,#0b0f12);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topbar .brand{color:var(--accent);font-weight:700}.brand-short{display:none}.topbar .spacer{flex:1}.topbar .stat b{color:var(--ink);font-weight:600}.topbar .stat{color:var(--dim)}.topbar .hints{display:flex;gap:14px;align-items:center;overflow:hidden;white-space:nowrap}.main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0}.vitals{grid-row:1}.spectating{grid-row:2}.mapwrap{grid-row:3}.hotbar{grid-row:4}.touchpad{grid-row:5}.feed{grid-row:6;height:220px}.side{border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;min-height:0}.mapwrap{overflow:auto;min-width:0;display:grid;padding:10px;background:radial-gradient(ellipse at center,#0a0f12,#05070900 70%),var(--bg);min-height:0}.map{margin:auto;font-family:var(--font);font-size:var(--glyph, 15px);line-height:1;letter-spacing:.5px;white-space:pre;-webkit-user-select:none;user-select:none}.map .row{display:block;height:var(--glyph, 15px)}.c-x{color:transparent}.c-m{color:#23313a}.c-w{color:#46606e}.c-f{color:#22323b}.c-D{color:#b0863a}.c-\@{color:#fff;text-shadow:0 0 6px #6bff9d;font-weight:700}.c-c{color:#ff8fd0;font-weight:700}.c-e{color:#d05a4a}.c-E{color:#ff9d3a;font-weight:700}.c-B{color:#ff3b3b;font-weight:700;text-shadow:0 0 8px #ff3b3b}.c-\${color:#ffd447}.c-i{color:#8ce0ff}.c-l{color:#b98cff;font-weight:700}.c-\^{color:#ff6b6b}.c-\>{color:#6bff9d;font-weight:700}.c-\={color:#4fd6ff;font-weight:700}.c-V{color:#ffd447}.c-O{color:#9fe08a}.c-P{color:#c9a0ff}.c-K{color:#ffb36b;font-weight:700;text-shadow:0 0 8px #ffb36b55}.c-R{color:#7fe3ff;font-weight:700}.c-\%{color:#8a6f6f}.feed{border-top:1px solid var(--line);background:var(--panel);display:grid;grid-template-rows:24px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:0;min-width:0}.feed h3{margin:0;padding:4px 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.onair{color:var(--danger);animation:pulse 1.1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.feedlist{overflow-y:auto;padding:6px 10px;min-height:0}.line{margin:1px 0;overflow-wrap:anywhere}.line .who{font-weight:700;margin-right:6px}.src-system{color:#9bb2bd}.src-combat{color:#e0857a}.src-loot{color:#ffd447}.src-achievement{color:#b98cff;font-weight:700}.src-player{color:#8ce0ff}.ai-control .who{color:#7fe3ff}.ai-companion .who{color:#ff8fd0}.ai-halloran .who{color:#d9a441}.ai-announcer_iris .who{color:#6bff9d}.ai-announcer_holt .who{color:#ff9d3a}.ai-ollam .who{color:#9fe08a}.ai-crawler_chat .who{color:#7a8b95}.ai-bartender .who{color:#ffb36b}.ai-rival .who{color:#7fe3ff}.line.ai{color:#e6eef2}.line.ai.pending{color:var(--dim);font-style:italic}.chatbar{display:flex;gap:6px;padding:6px 10px;border-top:1px solid var(--line)}.chatbar select{background:#060809;color:var(--ink);border:1px solid var(--line);font:inherit;padding:4px}.chatbar input{flex:1;min-width:0}.panel{padding:8px 10px;border-bottom:1px solid var(--line)}.panel h4{margin:0 0 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);display:flex;justify-content:space-between}.kv{display:flex;justify-content:space-between;gap:8px}.kv span:first-child{color:var(--dim)}.bar{height:9px;background:#060809;border:1px solid var(--line);margin:2px 0 6px;position:relative}.bar>i{display:block;height:100%}.bar.hp>i{background:linear-gradient(90deg,#7a2020,#ff5a4a)}.bar.mana>i{background:linear-gradient(90deg,#22406e,#6ba8ff)}.bar.stam>i{background:linear-gradient(90deg,#2c5222,#9fe08a)}.bar.xp>i{background:linear-gradient(90deg,#4a3a6e,#b98cff)}.bar.timer>i{background:linear-gradient(90deg,#6e5a1e,#ffd447)}.bar.timer.critical>i{background:linear-gradient(90deg,#6e1e1e,#ff3b3b)}.attrs{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 10px}.attr{display:flex;justify-content:space-between;align-items:center}.attr button{padding:0 6px;line-height:1.3}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{border:1px solid var(--line);padding:1px 6px;border-radius:10px;font-size:11px}.chip.buff{color:var(--accent);border-color:#1e4a30}.chip.debuff{color:var(--danger);border-color:#4a1e1e}.list{display:flex;flex-direction:column;gap:3px}.row{display:flex;gap:6px;align-items:center;justify-content:space-between}.row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name{padding:2px 0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.item-name .chev{margin-left:5px;color:var(--dim)}.item-detail{margin:3px 0 7px;padding:5px 0 5px 8px;border-left:2px solid var(--line);font-size:12px;line-height:1.45;color:var(--dim);white-space:normal}.item-detail p{margin:0 0 4px}.item-detail .stats{color:var(--ink)}.item-detail .cmp{margin-top:3px}.item-detail .cmp span{margin-right:7px}.item-detail .meta{margin-top:3px;text-transform:lowercase}.slot-tag{font-size:11px}.r-bronze{color:#c58b5c}.r-silver{color:#c9d3d8}.r-gold{color:#ffd447}.r-platinum{color:#7fe3ff}.r-legendary{color:#ff8fd0;text-shadow:0 0 8px #ff8fd066}.muted{color:var(--dim)}.danger{color:var(--danger)}.warn{color:var(--warn)}.ok,.accent{color:var(--accent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030507db;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:var(--panel);border:1px solid var(--accent);box-shadow:0 0 40px #6bff9d22;max-width:720px;width:100%;max-height:86vh;overflow-y:auto;padding:16px 18px}.modal h2{margin:0 0 4px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.modal .body{color:var(--dim);white-space:pre-wrap;margin-bottom:12px}.option{display:block;width:100%;text-align:left;margin-bottom:6px;padding:8px 10px}.option .lbl{font-weight:700}.option .det{color:var(--dim);font-size:12px}.title{height:100%;overflow-y:auto;display:grid;justify-items:center;align-content:safe center;padding:24px}.title .card{max-width:760px;width:100%}.titlecard{width:fit-content;max-width:100%;margin:0 auto;font-family:var(--font);font-size:clamp(5px,2.1vw,20px);line-height:1.06;white-space:pre;overflow:hidden}.titlecard .row,.deathscene .row{display:block}.deathscene{width:fit-content;max-width:100%;margin:0 auto 12px;font-family:var(--font);font-size:clamp(5px,1.9vw,13px);line-height:1.06;white-space:pre;overflow:hidden;background:#06080a;border:1px solid var(--line);padding:8px 6px}.c-g{color:#8f2b22}.titlecard{max-height:16.6em;transition:max-height .55s ease-in-out}.titlecard.settled{max-height:10.2em}@media(prefers-reduced-motion:reduce){.titlecard{transition:none}}.c-n{color:#162026}.c-N{color:#2b3c45}.c-t{color:var(--accent);text-shadow:0 0 14px #6bff9d55;font-weight:700}.c-T{color:#eafff2;text-shadow:0 0 18px #6bff9d;font-weight:700}.c-s{color:#7d8f99}.c-C{color:#6b4a3a}.banner-sub{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 14px;font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--dim)}.banner-sub .sound{display:flex;align-items:center;gap:8px;letter-spacing:normal}.title-sm{display:none;margin:0 0 12px;font-size:22px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.title-sm small{display:block;margin-top:4px;font-size:11px;letter-spacing:.3em;color:var(--dim)}.title .blurb{color:var(--dim);margin-bottom:16px;white-space:pre-wrap}.title .form{display:flex;gap:8px;margin-bottom:14px}.legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px 12px;color:var(--dim);font-size:12px;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.touchpad,.vitals,.tabbar,.show-sm,.show-sm-block{display:none}.zoom{display:inline-flex;gap:2px}.zoom button{padding:1px 7px;line-height:1.2}.tabbar button{position:relative}.tabbar .dot{position:absolute;top:6px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--danger)}.tabbar .dot.ok-dot{background:var(--accent)}@media(max-width:900px){body{font-size:14px}.hide-sm{display:none!important}.show-sm{display:inline}.show-sm-block{display:block}.app{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}.topbar{height:auto;min-height:38px;gap:10px;padding:4px 8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.brand-full{display:none}.brand-short{display:inline}.main,.side{grid-column:1;grid-row:3;min-height:0}.side{border-left:none}.app[data-tab=char] .main{display:none}.app:not([data-tab=char]) .side{display:none}.app[data-tab=map] .feed,.app[data-tab=log] .mapwrap,.app[data-tab=log] .touchpad,.app[data-tab=log] .vitals{display:none}.app[data-tab=log] .feed{grid-row:3;height:auto}.app[data-tab=log] .feed{border-top:none}.mapwrap{padding:4px}.vitals{display:flex;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid var(--line);background:var(--panel)}.vitals .lvl{color:var(--dim);font-size:11px;white-space:nowrap}.vbar{position:relative;flex:1;height:12px;background:#060809;border:1px solid var(--line);overflow:hidden}.vbar>i{display:block;height:100%}.vbar>b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 3px #000}.vbar.hp>i{background:linear-gradient(90deg,#7a2020,#ff5a4a)}.vbar.mana>i{background:linear-gradient(90deg,#22406e,#6ba8ff)}.vbar.stam>i{background:linear-gradient(90deg,#2c5222,#9fe08a)}.vbar.companion{flex:0 0 46px}.vbar.companion>i{background:linear-gradient(90deg,#6e2a55,#ff8fd0)}.vbar.companion.down{opacity:.4}.hotbar{gap:4px;padding:4px 6px}.hotbar .slot{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:3px;min-width:40px;height:30px;padding:0 6px;touch-action:manipulation}.hotbar .slot-key{border:none;padding:0;font-size:14px;font-weight:700;color:var(--accent)}.hotbar .slot.urgent .slot-key{color:var(--danger)}.app[data-tab=log] .hotbar{display:none}.touchpad{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:8px;border-top:1px solid var(--line);background:var(--panel);padding-bottom:max(8px,env(safe-area-inset-bottom))}.dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,42px);gap:4px;flex:0 0 auto}.dpad button{font-size:17px;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dpad button.wait{color:var(--dim)}.dpad button:active{background:var(--accent);color:#05070a}.acts{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:1 1 auto;min-width:0}.acts button{padding:10px 4px;font-size:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.acts button.hot{border-color:var(--accent);color:var(--accent)}.acts button:active:not(:disabled){background:var(--accent);color:#05070a}.tabbar{display:flex;grid-column:1;grid-row:4;border-top:1px solid var(--line);background:var(--panel-2);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;border:none;border-radius:0;padding:11px 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);background:transparent;touch-action:manipulation}.tabbar button.active{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent);background:var(--panel)}.feed{grid-template-rows:24px minmax(0,1fr) auto}.side button{padding:7px 12px}.attrs{grid-template-columns:repeat(3,1fr)}.overlay{padding:8px;align-items:flex-end}.modal{max-height:88vh;padding:14px}.option{padding:11px 10px}.title{padding:14px;align-items:start;overflow-y:auto}.title pre.banner{font-size:15px}.legend.keys,.fold.keys{display:none}.seed-input{width:auto}.title .form{flex-wrap:wrap}.title .form input{flex:1 1 140px;min-width:0}.legend{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:380px){.dpad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,38px)}.acts button{font-size:11px;padding:9px 2px}}@media(max-height:480px)and (max-width:900px){.title pre.banner{font-size:11px}.dpad{grid-template-rows:repeat(3,32px)}.acts button{padding:6px 2px}}.notice{border:1px solid #1e4a30;background:#0b1a12;color:var(--accent);padding:8px 10px;margin-bottom:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.account{border:1px solid var(--line);background:var(--panel);padding:12px 14px;margin-bottom:14px}.account h4,.section-label{margin:0 0 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.section-label{margin:14px 0 6px}.account-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.account-head b{color:var(--accent)}.account-actions{display:flex;gap:6px}.account-form{display:flex;gap:6px;flex-wrap:wrap}.account-form input{flex:1 1 220px;min-width:0}.run{border:1px solid var(--line);padding:8px 10px;margin-bottom:6px;background:var(--panel-2)}.run-head{display:flex;justify-content:space-between;gap:10px}.run-name{font-weight:700}.run-meta{font-size:12px;margin-top:2px}.run-resume{margin-top:8px}.run-list{max-height:240px;overflow-y:auto}.c-0{color:#ffb36b;font-weight:700}.c-1{color:#7fe3ff;font-weight:700}.c-2{color:#c9a0ff;font-weight:700}.c-3{color:#b6ff6b;font-weight:700}.c-4{color:#ffe66b;font-weight:700}.c-5{color:#6bffd5;font-weight:700}.btn-primary{background:var(--accent);border-color:var(--accent);color:#05070a;font-weight:700;padding:9px 18px}.btn-primary:hover:not(:disabled){background:#8dffb4;border-color:#8dffb4;color:#05070a}.btn-primary.wide{width:100%;margin-top:4px}.link-button{background:none;border:none;padding:4px 0;color:var(--dim);text-decoration:underline;cursor:pointer}.link-button:hover{color:var(--accent)}.hero{border:1px solid var(--line);background:var(--panel);padding:14px;margin-bottom:12px}.hero h4{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.hero-hook{margin:0 0 12px;color:var(--ink);line-height:1.6}.hero-run{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.hero-name{font-size:16px;font-weight:700;color:var(--accent)}.hero-alt{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.seed-input{width:140px}.secondary{margin-bottom:12px}.account-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0}.account-strip b{color:var(--ink)}.fold{border-top:1px solid var(--line)}.fold>summary{cursor:pointer;padding:9px 0;color:var(--dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase;list-style:none}.fold>summary::-webkit-details-marker{display:none}.fold>summary:before{content:"+ ";color:var(--accent)}.fold[open]>summary:before{content:"− "}.fold>summary:hover{color:var(--accent)}.fold-body{padding:0 0 12px;color:var(--dim);line-height:1.6}.fold-body p{margin:0 0 8px}.fold .legend{border-top:none;margin-top:0}.modal.board{max-width:640px}.board-link{display:block;margin:10px auto 0}.board-list{max-height:46vh;overflow-y:auto;border:1px solid var(--line);border-radius:2px}.board-row{display:grid;grid-template-columns:34px minmax(0,1fr) 42px 34px 68px;gap:6px;align-items:baseline;padding:5px 8px;border-bottom:1px solid var(--line)}.board-row:last-child{border-bottom:0}.board-row.head{position:sticky;top:0;background:var(--panel-2);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.board-row.mine{background:#10241a}.board-row.fallen .who b{color:var(--dim)}.board-row .rank{color:var(--dim);text-align:right}.board-row .rank.top{color:var(--warn);font-size:15px}.board-row .who{min-width:0}.board-row .who b{overflow-wrap:anywhere}.board-row .sub{display:block;font-size:11px;color:var(--dim)}.board-row .tag{margin-left:5px;padding:0 4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);border-radius:2px;color:var(--accent)}.board-row .tag.party{color:var(--dim)}.board-row .num{text-align:right;font-variant-numeric:tabular-nums}.board-row .score{color:var(--accent)}@media(max-width:620px){.board-row{grid-template-columns:24px minmax(0,1fr) 30px 58px}.board-row .lv{display:none}.board-row .sub{font-size:10px}}.ach{padding:2px 0 5px}.ach+.ach{border-top:1px solid var(--line);padding-top:5px}.ach-name{color:#b98cff;font-weight:700}.ach-desc{font-size:11px;line-height:1.4;color:var(--dim)}.spectating{padding:4px 10px;background:#23111159;border-bottom:1px solid var(--line);color:var(--danger);font-size:12px;letter-spacing:.06em;text-align:center}.ticker{grid-column:1 / -1;min-width:0;display:flex;align-items:center;height:22px;overflow:hidden;background:#080b0d;border-bottom:1px solid var(--line);font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.ticker .track{display:flex;align-items:center;width:max-content;animation:ticker-roll 110s linear infinite}.ticker .run{display:flex;align-items:center}.ticker:hover .track{animation-play-state:paused}.ticker .tick{padding:0 16px;color:var(--dim);border-right:1px solid var(--line)}.ticker .tick b{color:var(--ink);font-weight:600;margin-left:4px}@keyframes ticker-roll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ticker{overflow-x:auto}.ticker .track{animation:none}.ticker .run+.run{display:none}}.hotbar{display:flex;gap:5px;padding:5px 8px;border-top:1px solid var(--line);background:var(--panel);overflow-x:auto}.hotbar .slot{display:flex;align-items:baseline;gap:5px;padding:4px 8px;white-space:nowrap;background:var(--panel-2)}.hotbar .slot.urgent{border-color:var(--danger);color:var(--danger)}.hotbar .slot-key{font-size:10px;padding:0 3px;border:1px solid var(--line);border-radius:2px;color:var(--dim)}.hotbar .slot-name{font-size:12px}.hotbar .slot-qty{font-size:11px;color:var(--dim)}.keys-panel{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11px;color:var(--dim)}.keys-panel b{color:var(--accent);font-weight:600}.trait{margin-top:5px;padding:4px 6px;border-left:2px solid var(--line);font-size:11px;line-height:1.4;color:var(--dim)}.trait b{display:block;color:#ff8fd0}.sound-toggle{padding:1px 8px;font-size:14px;line-height:1.2;color:var(--dim)}.sound-toggle.on{color:var(--accent);border-color:var(--accent)}.volume{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:72px;height:14px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;flex:0 0 auto}.volume::-webkit-slider-runnable-track{height:3px;background:var(--line);border-radius:2px}.volume::-moz-range-track{height:3px;background:var(--line);border-radius:2px}.volume::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:9px;height:11px;margin-top:-4px;background:var(--accent);border:none;border-radius:1px}.volume::-moz-range-thumb{width:9px;height:11px;background:var(--accent);border:none;border-radius:1px}.volume:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.modal-tabs{display:flex;gap:6px;margin-bottom:10px}.modal-tabs button{flex:1}.modal-tabs button.on{border-color:var(--accent);color:var(--accent);background:#10241a}