:root{--cream:#f4f1ea;--panel:#faf8f3;--ink:#1a1a18;--muted:#6e6a5e;--line:#1a1a18;--accent:#b03a2e;--btn-hover:#2e2d29}[data-theme=dark]{--cream:#161613;--panel:#1e1d1a;--ink:#e6e2d8;--muted:#9b968a;--line:#e6e2d8;--accent:#e0604f;--btn-hover:#cfcabd}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:14px;line-height:1.5}.shell{max-width:900px;margin:0 auto;padding:24px 16px 64px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:8px;display:flex}.brand{letter-spacing:.08em;font-size:18px;font-weight:700}.brand .sub{color:var(--muted);font-size:12px;font-weight:400}.box{background:var(--panel);border:1px solid var(--line);margin-bottom:20px;padding:16px}.box h2{letter-spacing:.12em;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}input[type=text],input[type=password],textarea{font:inherit;background:var(--cream);color:var(--ink);border:1px solid var(--line);outline:none;padding:8px 10px}input:focus,textarea:focus{box-shadow:2px 2px 0 var(--line)}textarea{resize:vertical;width:100%;min-height:120px}.btn{font:inherit;background:var(--ink);color:var(--cream);border:1px solid var(--line);cursor:pointer;letter-spacing:.04em;padding:8px 14px;font-weight:500}.btn:hover{background:var(--btn-hover)}.btn:active{transform:translate(1px,1px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--cream)}.btn:disabled{opacity:.45;cursor:not-allowed}.diag{color:var(--accent);white-space:pre-wrap;font-size:13px}.ok{color:var(--muted);font-size:13px}.title-row{border:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.title-row.out{opacity:.35;text-decoration:line-through}.title-row.win{opacity:1;border-width:2px}.poster{object-fit:cover;border:1px solid var(--line);background:var(--cream);width:44px;height:64px}.tmeta{flex:1;min-width:0}.tname{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.tsub{color:var(--muted);font-size:12px}.tvoters{color:var(--muted);font-size:11px}.tvotes{text-align:right;min-width:44px;font-weight:700}.roll-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.roll-chip{border:1px solid var(--line);background:var(--panel);padding:6px 10px;font-size:13px}.roll-chip.out{opacity:.35;text-decoration:line-through}.roll-chip.win{background:var(--ink);color:var(--cream);font-weight:700}.muted{color:var(--muted);font-size:12px}