:root{--bg-0: #0b0907;--bg-1: #14100c;--bg-2: #1d1813;--bg-3: #2a2218;--ink-0: #f0e6d2;--ink-1: #c9bfa7;--ink-2: #8a7e66;--ink-3: #564b38;--gold: #c9a55a;--gold-dim: #8a7333;--rust: #a04030;--rust-dim: #6b2818;--blood: #7a1a14;--moss: #5a7048;--indigo: #4a4a72;--line: #3a2e1f;--line-dim: #281e12;--font-display: "Cinzel", "IM Fell English", Georgia, serif;--font-body: "EB Garamond", "IM Fell English", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 2px;--r-md: 4px;--r-lg: 8px;--shadow-deep: 0 20px 60px rgba(0,0,0,.6), 0 4px 14px rgba(0,0,0,.4);--shadow-soft: 0 2px 12px rgba(0,0,0,.35);--surface-raise: linear-gradient(180deg, rgba(40,30,20,.6), rgba(15,10,7,.85));--surface-panel: linear-gradient(180deg, var(--bg-1), var(--bg-0));--surface-card: linear-gradient(180deg, rgba(40,30,20,.35), rgba(15,10,7,.5));--surface-card-hi:linear-gradient(180deg, rgba(201,165,90,.1), rgba(15,10,7,.5));--surface-input: rgba(0,0,0,.4);--surface-sunken: rgba(0,0,0,.25);--surface-topbar: linear-gradient(180deg, #18120c, #100b08);--surface-btn: linear-gradient(180deg, #3a2e1f, #261c11);--surface-btn-hi: linear-gradient(180deg, #4a3a25, #312415);--surface-modal: linear-gradient(180deg, #1d1610, #0e0a08);--body-bg: radial-gradient(ellipse at top, #1a140e 0%, var(--bg-0) 65%);--dm-ink: #ece2ca;--accent-soft: rgba(201,165,90,.06)}html[data-theme=light]{--bg-0: #efe6d2;--bg-1: #f4ecda;--bg-2: #f8f1e2;--bg-3: #fbf6ea;--ink-0: #2a2014;--ink-1: #4a3a26;--ink-2: #6f5c3e;--ink-3: #9a8662;--gold: #8a6512;--gold-dim: #b0975a;--rust: #973320;--rust-dim: #c08a6a;--blood: #8a2018;--moss: #4a5e34;--indigo: #45456e;--line: #d8c8a6;--line-dim: #e6dac0;--shadow-deep: 0 18px 50px rgba(74,52,30,.22), 0 4px 14px rgba(74,52,30,.14);--shadow-soft: 0 2px 12px rgba(74,52,30,.16);--surface-raise: linear-gradient(180deg, rgba(255,250,238,.9), rgba(244,236,218,.95));--surface-panel: linear-gradient(180deg, var(--bg-2), var(--bg-1));--surface-card: linear-gradient(180deg, rgba(255,250,238,.85), rgba(244,236,218,.7));--surface-card-hi:linear-gradient(180deg, rgba(201,165,90,.18), rgba(248,241,226,.9));--surface-input: rgba(255,251,242,.85);--surface-sunken: rgba(120,96,56,.07);--surface-topbar: linear-gradient(180deg, #f6eed9, #ece2c8);--surface-btn: linear-gradient(180deg, #f2e8d2, #e3d4af);--surface-btn-hi: linear-gradient(180deg, #f8f0dd, #ecdcb8);--surface-modal: linear-gradient(180deg, #fbf6ea, #f2e8d2);--body-bg: radial-gradient(ellipse at top, #f7efdc 0%, var(--bg-0) 70%);--dm-ink: #261c10;--accent-soft: rgba(138,101,18,.08)}*{box-sizing:border-box}html,body,#root,#app{height:100%}html{background-color:var(--bg-0)}body{margin:0;background:var(--body-bg);color:var(--ink-0);font-family:var(--font-body);font-size:17px;line-height:1.55;letter-spacing:.01em;-webkit-font-smoothing:antialiased;overflow:hidden}.tex-paper{background-color:#1a140e;background-image:radial-gradient(rgba(201,165,90,.05) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.25) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,2px 2px}.tex-vellum{background-color:var(--bg-2);background-image:linear-gradient(180deg,#c9a55a0a,#0000 40%),repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 1px,transparent 4px)}html[data-theme=light] .tex-paper{background-color:#f3ead6;background-image:radial-gradient(rgba(138,101,18,.06) 1px,transparent 1px),radial-gradient(rgba(74,52,30,.05) 1px,transparent 1px)}html[data-theme=light] .tex-vellum{background-color:var(--bg-2);background-image:linear-gradient(180deg,#8a65120d,#0000 40%),repeating-linear-gradient(0deg,rgba(74,52,30,.05) 0px,rgba(74,52,30,.05) 1px,transparent 1px,transparent 4px)}html[data-theme=light] .portrait:after{background:repeating-linear-gradient(45deg,#0000 0,#0000 6px,#4a341e14 6px,#4a341e14 7px)}html[data-theme=light] .login-error{background:#9733201a;border-color:#97332059}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink-1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s,border-color .18s,background .18s,transform .06s}.theme-toggle:hover{color:var(--gold);border-color:var(--gold-dim);background:var(--accent-soft)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--gold-dim)}.theme-toggle-icon{display:block}.theme-toggle--topbar{width:40px;height:40px}.theme-toggle--login{position:fixed;top:16px;right:16px;z-index:10;background:var(--surface-input)}.h-display{font-family:var(--font-display);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.h-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)}.h-rune{font-family:var(--font-display);font-weight:600;letter-spacing:.04em;color:var(--ink-0)}.login-wrap{height:100%;display:grid;place-items:center;position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(201,165,90,.1),transparent 50%),radial-gradient(circle at 70% 80%,rgba(160,64,48,.1),transparent 55%);pointer-events:none}.login-card{position:relative;width:min(440px,92vw);padding:48px 40px 36px;border:1px solid var(--line);background:var(--surface-raise);box-shadow:var(--shadow-deep)}.login-card:before,.login-card:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:64%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.login-card:before{top:14px}.login-card:after{bottom:14px}.login-emblem{width:72px;height:72px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid var(--gold-dim);border-radius:50%;position:relative}.login-emblem:before,.login-emblem:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid var(--line);border-radius:50%}.login-emblem:after{top:10px;right:10px;bottom:10px;left:10px;border-color:var(--gold-dim);opacity:.5}.login-emblem svg{position:relative;z-index:1}.login-title{text-align:center;font-family:var(--font-display);font-size:22px;letter-spacing:.28em;color:var(--gold);margin:0 0 4px}.login-sub{text-align:center;font-family:var(--font-body);font-style:italic;color:var(--ink-2);font-size:14px;margin:0 0 28px}.field{display:block;margin-bottom:16px}.field-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}.input{width:100%;background:var(--surface-input);border:1px solid var(--line);color:var(--ink-0);font-family:var(--font-body);font-size:16px;padding:10px 12px;outline:none;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:var(--gold-dim);box-shadow:0 0 0 1px var(--gold-dim) inset}.input::placeholder{color:var(--ink-3);font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-0);background:var(--surface-btn);border:1px solid var(--gold-dim);padding:12px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .18s,color .18s,border-color .18s,transform .06s}.btn:hover{background:var(--surface-btn-hi);color:var(--gold)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.btn-primary{border-color:var(--gold);color:var(--gold)}.btn.btn-ghost{background:transparent;border-color:var(--line)}.btn.btn-block{width:100%}.btn.btn-sm{font-size:11px;padding:8px 12px;letter-spacing:.18em}.login-error{font-family:var(--font-mono);font-size:12px;color:var(--rust);background:#7a1a141f;border:1px solid rgba(122,26,20,.3);padding:8px 10px;margin-bottom:14px}.login-creds{margin-top:24px;padding-top:18px;border-top:1px dashed var(--line);font-family:var(--font-mono);font-size:11px;color:var(--ink-2)}.login-creds-row{display:flex;justify-content:space-between;padding:2px 0}.login-creds-row code{color:var(--ink-1)}.login-creds-hint{color:var(--ink-3);font-style:italic;margin-bottom:6px;font-family:var(--font-body);font-size:13px}.shell{display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:48px 1fr;grid-template-areas:"topbar topbar topbar" "party  chat   sheet";height:100%;background:var(--bg-0)}.topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:var(--surface-topbar)}.topbar-brand{display:flex;align-items:center;gap:12px}.topbar-brand-mark{width:24px;height:24px;border:1px solid var(--gold-dim);border-radius:50%;display:grid;place-items:center}.topbar-title{font-family:var(--font-display);font-size:13px;letter-spacing:.26em;color:var(--gold)}.topbar-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-2);display:flex;gap:18px;align-items:center}.topbar-meta .pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--line);border-radius:999px;color:var(--ink-1)}.topbar-meta .pill .dot{width:6px;height:6px;border-radius:50%;background:var(--moss)}.party{grid-area:party;border-right:1px solid var(--line);overflow-y:auto;padding:18px 14px;background:var(--surface-panel)}.party-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--ink-2);margin:8px 4px 12px;display:flex;align-items:center;gap:8px}.party-section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.party-card{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:10px;border:1px solid var(--line);background:var(--surface-card);margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.party-card:hover{border-color:var(--gold-dim)}.party-card.is-active{border-color:var(--gold);background:var(--surface-card-hi)}.party-card.is-player:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:2px;background:var(--gold)}.party-card.is-speaking{animation:pulseBorder 1.4s ease-in-out infinite}@keyframes pulseBorder{0%,to{border-color:var(--gold-dim)}50%{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}}.portrait{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);position:relative;overflow:hidden;font-family:var(--font-display);font-size:18px;color:var(--ink-1);letter-spacing:0}.portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#0000 0,#0000 6px,#00000026 6px,#00000026 7px)}.party-name{font-family:var(--font-display);font-size:13px;letter-spacing:.1em;color:var(--ink-0)}.party-role{font-family:var(--font-body);font-style:italic;font-size:12px;color:var(--ink-2);margin-bottom:6px}.hp-bar{height:6px;background:var(--surface-sunken);border:1px solid var(--line-dim);position:relative}.hp-bar>.fill{height:100%;background:linear-gradient(90deg,var(--rust-dim),var(--rust));transition:width .3s ease}.hp-text{font-family:var(--font-mono);font-size:10px;color:var(--ink-2);display:flex;justify-content:space-between;margin-top:3px}.chat{grid-area:chat;display:grid;grid-template-rows:auto 1fr auto;min-height:0}.chat-header{padding:16px 28px 10px;border-bottom:1px solid var(--line-dim);display:flex;justify-content:space-between;align-items:end}.chat-header h1{margin:0;font-family:var(--font-display);font-size:20px;letter-spacing:.18em;color:var(--gold)}.chat-header .loc{font-family:var(--font-body);font-style:italic;font-size:13px;color:var(--ink-2)}.chat-log{overflow-y:auto;padding:24px 36px 28px;scroll-behavior:smooth}.chat-log::-webkit-scrollbar{width:8px}.chat-log::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.msg{margin:0 0 22px;max-width:780px}.msg-who{display:flex;align-items:center;gap:10px;margin-bottom:6px}.msg-who-name{font-family:var(--font-display);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.msg-who-name.dm{color:var(--gold)}.msg-who-name.player{color:var(--ink-0)}.msg-who-name.ally{color:var(--ink-1)}.msg-who-name.system{color:var(--ink-2);font-style:italic;letter-spacing:.18em}.msg-who-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.msg-body{font-family:var(--font-body);font-size:17px;line-height:1.65;color:var(--ink-0);text-wrap:pretty}.msg-body.dm{font-size:18px;color:var(--dm-ink)}.msg-body.dm:first-letter{font-family:var(--font-display);font-size:2.4em;float:left;line-height:.9;margin:4px 8px 0 0;color:var(--gold)}.msg-body.ally{font-style:italic;color:var(--ink-1);border-left:2px solid var(--line);padding-left:14px}.msg-body.player{color:var(--ink-1)}.msg-body.player:before{content:"› ";color:var(--gold-dim)}.msg-body.system{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-2);text-align:center;padding:6px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}.msg-roll{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--gold-dim);background:var(--accent-soft);font-family:var(--font-mono);font-size:13px;color:var(--ink-0);margin-top:6px}.msg-roll .label{color:var(--ink-2)}.msg-roll .total{color:var(--gold);font-weight:700;font-size:18px}.msg-roll .crit{color:var(--rust)}.msg-roll .crit-success{color:var(--gold)}.typing{display:inline-flex;gap:5px;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.typing .dots span{display:inline-block;width:5px;height:5px;background:var(--gold-dim);border-radius:50%;margin-right:3px;animation:typingDot 1.2s infinite ease-in-out}.typing .dots span:nth-child(2){animation-delay:.15s}.typing .dots span:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg-1),var(--bg-0));padding:14px 28px 18px}.quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.quick-action{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-1);background:transparent;border:1px solid var(--line);padding:6px 10px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.quick-action:hover{border-color:var(--gold-dim);color:var(--gold);background:#c9a55a0d}.quick-action[disabled]{opacity:.4;cursor:not-allowed}.quick-action .key{font-size:10px;color:var(--ink-3);margin-right:6px}.composer-input-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.composer-textarea{width:100%;min-height:48px;max-height:140px;background:var(--surface-input);border:1px solid var(--line);color:var(--ink-0);font-family:var(--font-body);font-size:16px;line-height:1.5;padding:12px 14px;resize:none;outline:none;transition:border-color .18s}.composer-textarea:focus{border-color:var(--gold-dim)}.composer-textarea::placeholder{color:var(--ink-3);font-style:italic}.composer-hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--ink-3);margin-top:6px}.sheet{grid-area:sheet;border-left:1px solid var(--line);overflow-y:auto;background:var(--surface-panel)}.sheet-tabs{display:flex;border-bottom:1px solid var(--line)}.sheet-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--ink-2);font-family:var(--font-display);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:14px 8px;cursor:pointer;transition:color .15s,border-color .15s}.sheet-tab:hover{color:var(--ink-0)}.sheet-tab.is-active{color:var(--gold);border-bottom-color:var(--gold)}.sheet-body{padding:18px 18px 32px}.sheet-name{font-family:var(--font-display);font-size:18px;letter-spacing:.16em;color:var(--gold);margin:0 0 4px}.sheet-sub{font-family:var(--font-body);font-style:italic;font-size:13px;color:var(--ink-2);margin:0 0 16px}.sheet-rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);margin:14px 0}.sheet-grid-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 6px}.stat{border:1px solid var(--line);padding:8px 4px;text-align:center;background:var(--surface-sunken)}.stat .ab{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-2)}.stat .mod{font-family:var(--font-display);font-size:22px;color:var(--gold);margin-top:2px}.stat .score{font-family:var(--font-mono);font-size:11px;color:var(--ink-1)}.kv-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;padding:4px 0;border-bottom:1px dashed var(--line-dim)}.kv-row .k{color:var(--ink-2);letter-spacing:.1em}.kv-row .v{color:var(--ink-0)}.vital{border:1px solid var(--line);padding:10px;margin-top:8px}.vital-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-2);text-transform:uppercase;margin-bottom:6px}.vital-row{display:flex;justify-content:space-between;align-items:center}.vital-num{font-family:var(--font-display);font-size:22px;color:var(--gold)}.vital-cap{font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.spell,.item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border-bottom:1px dashed var(--line-dim);font-size:14px}.spell-name{color:var(--ink-0)}.spell-meta{font-family:var(--font-mono);font-size:10px;color:var(--ink-2);letter-spacing:.16em}.quest{padding:10px 0;border-bottom:1px dashed var(--line-dim)}.quest-title{font-family:var(--font-display);font-size:13px;letter-spacing:.1em;color:var(--ink-0);margin-bottom:4px}.quest-desc{font-family:var(--font-body);font-size:13px;color:var(--ink-2);font-style:italic}.quest-tag{display:inline-block;font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--moss);border:1px solid var(--moss);padding:1px 6px;margin-right:6px}.quest-tag.main{color:var(--gold);border-color:var(--gold-dim)}.quest-tag.done{color:var(--ink-3);border-color:var(--ink-3);text-decoration:line-through}.dice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000bf;display:grid;place-items:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dice-modal{width:min(420px,92vw);border:1px solid var(--gold-dim);background:var(--surface-modal);padding:28px 30px;text-align:center;box-shadow:var(--shadow-deep);position:relative}.dice-modal h3{margin:0 0 4px;font-family:var(--font-display);letter-spacing:.22em;color:var(--gold);font-size:14px}.dice-modal .sub{font-family:var(--font-body);font-style:italic;color:var(--ink-2);font-size:13px;margin-bottom:22px}.die{width:120px;height:120px;margin:0 auto 16px;display:grid;place-items:center;position:relative}.die svg{width:100%;height:100%}.die-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:44px;color:var(--ink-0);letter-spacing:0}.die.is-rolling .die-num{color:var(--ink-2)}.die.is-rolling svg{animation:spinDie .8s linear infinite}@keyframes spinDie{to{transform:rotate(360deg)}}.dice-formula{font-family:var(--font-mono);font-size:13px;color:var(--ink-1);margin:6px 0 4px}.dice-total{font-family:var(--font-display);font-size:36px;letter-spacing:.1em;color:var(--gold);margin-top:6px}.dice-total.crit{color:var(--gold);text-shadow:0 0 12px rgba(201,165,90,.4)}.dice-total.fail{color:var(--rust)}.dice-verdict{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;margin-top:4px;color:var(--ink-2)}.dice-verdict.success{color:var(--moss)}.dice-verdict.fail{color:var(--rust)}.cs-wrap{height:100%;overflow-y:auto;display:grid;place-items:start center;padding:56px 24px;position:relative}.cs-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(201,165,90,.1),transparent 50%),radial-gradient(circle at 80% 80%,rgba(160,64,48,.07),transparent 55%);pointer-events:none}.cs-inner{position:relative;width:min(1080px,100%)}.cs-header{text-align:center;margin-bottom:36px}.cs-title{font-family:var(--font-display);font-size:38px;letter-spacing:.2em;color:var(--gold);margin:8px 0 12px}.cs-sub{font-family:var(--font-body);font-style:italic;color:var(--ink-1);font-size:17px;max-width:640px;margin:0 auto;line-height:1.5}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}@media (max-width: 900px){.cs-grid{grid-template-columns:1fr}}.cs-card{position:relative;text-align:left;background:var(--surface-raise);border:1px solid var(--line);padding:24px 22px 22px;cursor:pointer;font-family:var(--font-body);color:var(--ink-0);display:grid;grid-template-rows:auto 1fr auto;gap:14px;min-height:280px;transition:border-color .18s,transform .18s,box-shadow .18s}.cs-card:hover{border-color:var(--gold-dim);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.cs-card.is-picked{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset,var(--shadow-soft);background:var(--surface-card-hi)}.cs-card.is-locked{opacity:.45;cursor:default;pointer-events:none}.cs-card-mark{display:grid;place-items:center;color:var(--gold);height:72px}.cs-card-mark img{width:56px;height:56px;object-fit:cover;border:1px solid var(--gold-dim)}.cs-card-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}.cs-card-title{font-family:var(--font-display);font-size:18px;letter-spacing:.14em;color:var(--ink-0);margin:0 0 8px;text-transform:uppercase}.cs-card.is-picked .cs-card-title{color:var(--gold)}.cs-card-blurb{font-family:var(--font-body);font-size:15px;color:var(--ink-1);line-height:1.55;margin:0 0 12px;text-wrap:pretty}.cs-card-loc{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-2);padding-top:10px;border-top:1px dashed var(--line)}.cs-card-rune{position:absolute;top:14px;right:14px;color:var(--ink-3);opacity:.6}.cs-card.is-picked .cs-card-rune{color:var(--gold);opacity:1}.cs-card-locked-badge{display:inline-block;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--ink-3);padding:2px 6px;margin-bottom:6px}.cs-actions{display:flex;justify-content:center;gap:12px}.end-wrap{height:100%;overflow-y:auto;display:grid;place-items:start center;padding:56px 24px;position:relative}.end-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 0%,rgba(201,165,90,.08),transparent 50%),radial-gradient(circle at 70% 100%,rgba(122,26,20,.1),transparent 55%);pointer-events:none}.end-inner{position:relative;width:min(1000px,100%);text-align:center}.end-header{margin-bottom:32px}.end-title{font-family:var(--font-display);font-size:38px;letter-spacing:.22em;color:var(--gold);margin:8px 0 16px}.end-flourish{color:var(--gold-dim);margin-bottom:18px;line-height:0}.end-epilogue{font-family:var(--font-body);font-style:italic;font-size:19px;color:var(--ink-0);max-width:660px;margin:0 auto;line-height:1.65;text-wrap:pretty}.end-chapter-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;margin:36px auto 32px;max-width:800px;text-align:left}@media (max-width: 720px){.end-chapter-pair{grid-template-columns:1fr}.end-chapter-arrow{transform:rotate(90deg);justify-self:center}}.end-chapter{border:1px solid var(--line);padding:18px 18px 20px;background:var(--surface-card)}.end-chapter-past{opacity:.7;filter:grayscale(.4)}.end-chapter-next{border-color:var(--gold-dim);background:var(--surface-card-hi)}.end-chapter-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}.end-chapter-title{font-family:var(--font-display);font-size:16px;letter-spacing:.12em;color:var(--ink-0);margin:0 0 6px;text-transform:uppercase}.end-chapter-next .end-chapter-title{color:var(--gold)}.end-chapter-blurb{font-family:var(--font-body);font-size:14px;color:var(--ink-1);margin:0;line-height:1.5}.end-chapter-meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);letter-spacing:.12em}.end-chapter-arrow{display:grid;place-items:center;color:var(--gold-dim)}.end-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:800px;margin:0 auto 28px;text-align:left}@media (max-width: 720px){.end-options{grid-template-columns:1fr}}.end-option-card{border:1px solid var(--line);background:var(--surface-card);padding:22px 22px 20px;cursor:pointer;transition:border-color .18s,transform .18s,background .18s;display:flex;flex-direction:column;gap:10px}.end-option-card:hover{border-color:var(--gold);transform:translateY(-2px);background:var(--surface-card-hi)}.end-option-icon{color:var(--gold);margin-bottom:4px}.end-option-title{font-family:var(--font-display);font-size:15px;letter-spacing:.14em;color:var(--ink-0);margin:0;text-transform:uppercase}.end-option-desc{font-family:var(--font-body);font-size:14px;color:var(--ink-1);margin:0;line-height:1.55}.end-option-desc strong{color:var(--gold);font-weight:500}.end-option-cta{margin-top:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim)}.end-option-card:hover .end-option-cta{color:var(--gold)}.end-bottom-actions{display:flex;justify-content:center;gap:12px;margin-top:8px}.end-wrap.finale{overflow:hidden;height:100%;align-items:center}.finale-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.finale-stars span{position:absolute;width:2px;height:2px;background:var(--gold);border-radius:50%;opacity:.6;animation:starTwinkle 3.5s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.finale-inner{position:relative;z-index:1}.finale-emblem{margin:0 auto 18px;animation:emblemRise 1.4s ease both}@keyframes emblemRise{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}.finale-title{font-family:var(--font-display);font-size:56px;letter-spacing:.26em;color:var(--gold);margin:12px 0 6px;text-shadow:0 0 32px rgba(201,165,90,.25)}.finale-rule{line-height:0;margin-bottom:22px}.finale-epilogue{font-family:var(--font-body);font-style:italic;font-size:20px;color:var(--ink-0);max-width:680px;margin:0 auto 30px;line-height:1.7;text-wrap:pretty}.finale-stats{display:flex;justify-content:center;gap:60px;margin-bottom:28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:720px;margin-left:auto;margin-right:auto}.finale-stat-num{font-family:var(--font-display);font-size:26px;color:var(--gold);letter-spacing:.08em}.finale-stat-lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-top:4px}.finale-tagline{font-family:var(--font-body);font-size:16px;color:var(--ink-1);max-width:600px;margin:0 auto 28px;line-height:1.6}.finale-actions{display:flex;justify-content:center;gap:12px}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--line)}.scroll::-webkit-scrollbar-track{background:transparent}.fade-in{animation:msgIn .4s ease both}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mobile-tabbar,.mobile-backdrop{display:none}@media (max-width: 900px){.shell{grid-template-columns:1fr;grid-template-rows:44px 1fr;grid-template-areas:"topbar" "chat";width:100vw;max-width:100vw;overflow-x:hidden}.topbar{padding:0 12px;gap:10px;overflow:hidden}.topbar-brand{min-width:0;flex:1}.topbar-brand .h-eyebrow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-meta{gap:10px;font-size:10px;flex:0 0 auto}.topbar-meta .pill,.topbar-meta>span{display:none}.topbar-meta .btn{flex:0 0 auto}.chat{grid-area:chat;min-height:0;min-width:0;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.chat-header,.chat-log,.composer,.composer-input-row,.quick-actions{min-width:0}.chat-header{padding:12px 18px 8px}.chat-header h1{font-size:16px;letter-spacing:.12em}.chat-log{padding:16px 18px 18px}.msg{margin-bottom:18px}.msg-body,.msg-body.dm{font-size:16px}.party,.sheet{position:fixed;top:44px;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:40;width:min(86vw,360px);box-shadow:var(--shadow-deep);transition:transform .26s ease;will-change:transform}.party{left:0;border-right:1px solid var(--line);transform:translate(-105%)}.sheet{right:0;border-left:1px solid var(--line);transform:translate(105%)}.shell[data-mobile-view=party] .party,.shell[data-mobile-view=sheet] .sheet{transform:translate(0)}.mobile-backdrop{display:block;position:fixed;top:44px;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));background:#0000008c;z-index:35;animation:fadeIn .2s ease}.mobile-tabbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--surface-topbar)}.mtab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;background:transparent;border:none;cursor:pointer;color:var(--ink-2);font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;transition:color .15s;-webkit-tap-highlight-color:transparent}.mtab svg{opacity:.8}.mtab.is-active{color:var(--gold)}.mtab.is-active svg{opacity:1}.composer{padding:10px 14px 12px}.quick-actions{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:8px;padding-bottom:2px}.quick-actions::-webkit-scrollbar{display:none}.quick-action{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center}.composer-textarea{min-height:44px;font-size:16px}.composer .btn{min-height:44px}.composer-hint{display:none}.cs-wrap,.end-wrap{padding:36px 18px}.cs-title{font-size:28px}.cs-sub{font-size:15px}.end-title{font-size:28px}.finale-title{font-size:38px;letter-spacing:.16em}.finale-stats{gap:32px}}@media (max-width: 640px){body{font-size:16px}.topbar-title{font-size:12px;letter-spacing:.18em}.topbar-brand{gap:8px}.party,.sheet{width:90vw}.chat-log{padding:14px 14px 16px}.msg{max-width:100%}.msg-body.dm:first-letter{font-size:2em;margin:2px 6px 0 0}.sheet-body{padding:14px 14px 28px}.sheet-grid-stats{gap:6px}.sheet-tab{padding:12px 4px;font-size:10px;letter-spacing:.12em}.cs-grid{grid-template-columns:1fr;gap:14px}.cs-card{min-height:0;padding:20px 18px}.cs-actions{flex-direction:column}.cs-actions .btn{width:100%}.end-epilogue,.finale-epilogue{font-size:16px}.finale-stats{flex-wrap:wrap;gap:20px 40px;justify-content:center}.end-bottom-actions,.finale-actions,.cs-actions{flex-wrap:wrap}.login-card{padding:36px 22px 28px}.login-title{font-size:19px;letter-spacing:.18em}.dice-modal{width:min(360px,94vw);padding:24px 20px}.die{width:100px;height:100px}.die-num{font-size:38px}}@media (max-width: 380px){.finale-title{font-size:30px}.topbar-brand .h-eyebrow{max-width:30vw}}