:root{--bg: #14121a;--panel: #1e1b27;--panel-2: #272333;--line: #3a3549;--text: #ece8f4;--muted: #9a93ad;--accent: #d4a24c;--accent-ink: #1a1308;--ok: #5fbf7f;--ko: #e0687a;--warn: #e0a85f;--radius: 10px;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #f5f2ea;--panel: #fffdf8;--panel-2: #efe9db;--line: #d9d0bb;--text: #25201a;--muted: #6e6552;--accent: #9a6a12;--accent-ink: #fff;--ok: #2b8a4b;--ko: #b83048;--warn: #a86a12;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0 0 .6rem;line-height:1.25}h2{font-size:1.4rem}h3{font-size:1.1rem}a{color:var(--accent)}code{background:var(--panel-2);padding:.1em .4em;border-radius:4px;word-break:break-all}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--ko);margin:.4rem 0}.center-screen{min-height:100vh;display:grid;place-items:center;padding:16px}.shell{min-height:100vh;display:flex;flex-direction:column}main{width:100%;max-width:920px;margin:0 auto;padding:16px;flex:1}.topbar{display:flex;align-items:center;gap:20px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar nav{display:flex;gap:14px;flex:1}.topbar nav a{color:var(--muted);text-decoration:none;padding:4px 2px}.topbar nav a.active{color:var(--text);border-bottom:2px solid var(--accent)}.brand{font-weight:700;color:var(--text);text-decoration:none;font-size:1.1rem}.who{display:flex;gap:10px;align-items:center}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical}label{display:block;margin:.7rem 0;font-size:.92rem}label input,label textarea{margin-top:.25rem}label.check{display:inline-flex;gap:.45rem;align-items:center;margin:0 .6rem 0 0}label.check input{width:auto;margin:0}button{cursor:pointer;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:.5rem .9rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.big{padding:.75rem 1.3rem;font-size:1.05rem}button.ghost{background:transparent}button.danger{color:var(--ko)}button.link{background:none;border:none;color:var(--muted);text-decoration:underline;padding:0;margin-top:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:0 0 16px}.auth-card{width:100%;max-width:400px}.auth-card h1{text-align:center}.auth-card button.primary{width:100%;margin-top:.6rem}.qr{display:block;margin:12px auto;background:#fff;padding:6px;border-radius:8px}.codes{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.full{flex-basis:100%}.empty{text-align:center;padding:32px 0}.badge{display:inline-block;font-size:.78rem;padding:1px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.badge.warn{color:var(--warn);border-color:var(--warn)}.form-grid h3{margin-bottom:0}.game-list{list-style:none;padding:0;margin:0}.game-list .card{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.game-title{font-size:1.1rem;font-weight:600;text-decoration:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500;font-size:.85rem}td.actions{display:flex;flex-wrap:wrap;gap:4px}td.actions button{padding:.25rem .6rem;font-size:.85rem}ul.plain{list-style:none;padding:0;margin:0}.notice{border-color:var(--accent)}.create-user input,.create-user select{width:auto;flex:1;min-width:150px}.play{display:flex;flex-direction:column;min-height:calc(100vh - 110px)}.play-head{margin-bottom:10px}.play-head h2{margin:2px 0}.transcript{flex:1;display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.turn{display:flex;flex-direction:column;gap:8px}.bubble{padding:12px 14px;border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere}.bubble .who-label{display:block;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.bubble.player{align-self:flex-end;max-width:85%;background:var(--panel-2);border:1px solid var(--line)}.bubble.gm{background:var(--panel);border-left:3px solid var(--accent);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.6}.caret{display:inline-block;width:8px;height:1em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s steps(2) infinite}.status{color:var(--muted);font-style:italic}.dots:after{content:"";animation:dots 1.4s steps(4) infinite}.error-box{border-color:var(--ko)}.composer{position:sticky;bottom:0;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;background:var(--bg);padding:10px 0 14px;border-top:1px solid var(--line)}.composer textarea{flex:1;min-width:200px}.composer .error{flex-basis:100%;margin:0}.roll-card{align-self:center;width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;transition:border-color .3s}.roll-card.ok{border-color:var(--ok)}.roll-card.ko{border-color:var(--ko)}.roll-body{display:flex;gap:16px;align-items:center;margin-top:6px}.dice-row{display:flex;gap:6px;flex-wrap:wrap}.roll-total{font-size:1.8rem;font-weight:700;line-height:1.1}.verdict{font-weight:600}.roll-card.ok .verdict{color:var(--ok)}.roll-card.ko .verdict{color:var(--ko)}.roll-prompt{align-self:center;width:100%;max-width:520px;background:var(--panel);border:2px solid var(--accent);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.die-input{width:80px;text-align:center}.die{position:relative;display:inline-grid;place-items:center;width:56px;height:56px}.die svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.die-body{fill:var(--panel-2);stroke:var(--accent);stroke-width:3;stroke-linejoin:round}.die-facet{fill:#d4a24c1f;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round}.die-edge{stroke:var(--accent);stroke-width:1;opacity:.35}.die-value{position:relative;font-weight:700;font-size:1.15rem}.die.rolling svg{animation:tumble .55s linear infinite}.die.rolling{animation:hop .3s ease-in-out infinite}.die.settled svg{animation:land .35s ease-out}.die.d4 .die-body,.die.d6 .die-body{stroke-width:3.5}@keyframes tumble{to{transform:rotate(360deg)}}@keyframes hop{50%{transform:translateY(-6px)}}@keyframes land{0%{transform:scale(1.25) rotate(15deg)}to{transform:none}}@keyframes blink{50%{opacity:0}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (prefers-reduced-motion: reduce){.die.rolling,.die.rolling svg,.die.settled svg,.caret,.dots:after{animation:none}}@media (max-width: 560px){main{padding:12px}.topbar{gap:10px}.bubble.player{max-width:100%}.codes{grid-template-columns:1fr}}.system-tabs{margin:12px 0}.system-panel{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:12px}.upload-form input[type=file]{flex:1;min-width:220px}.upload-form select,.upload-form input:not([type=file]){width:auto;flex:1;min-width:140px}.passage{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;margin:8px 0}.passage p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem}.search-test form input{flex:1;min-width:220px}.badge.ok{color:var(--ok);border-color:var(--ok)}progress{width:120px;margin-left:8px;vertical-align:middle}.sources{align-self:flex-start;max-width:100%;color:var(--muted);font-size:.88rem}.sources summary{cursor:pointer}