:root{--parchment: #f3ead7;--parchment-2: #e9dcc0;--ink: #241d12;--ink-soft: #574a32;--accent: #7a4b23;--accent-2: #a4682f;--accent-soft: #eadfc4;--good: #3d6b35;--warn: #a05c1c;--bad: #8c2f2f;--card: #faf5e8;--line: #a5915e;--line-soft: #c1ac79;--shadow: rgba(43, 36, 24, .12);--radius: 10px;--card-2: #f4ecda;--hairline: rgba(255, 253, 244, .65);--glow: rgba(255, 238, 196, .55);--tex-a: rgba(122, 75, 35, .028);--tex-b: rgba(122, 75, 35, .02);--bad-surface: #8c2f2f;--on-bad: #fdf1e6;--topbar-h: 56px;--fs-title: 2rem;--fs-section: 1.2rem;--fs-body: 1rem;--fs-caption: .85rem;font-family:Georgia,Palatino Linotype,Book Antiqua,serif;font-size:15px}[data-theme=dark]{--parchment: #181208;--parchment-2: #221a0d;--ink: #f0e6cd;--ink-soft: #b3a483;--accent: #d89f5c;--accent-2: #c08849;--accent-soft: #382b16;--good: #8cc27f;--warn: #e0a45e;--bad: #e08a8a;--card: #241c0f;--line: #52462a;--line-soft: #3a301b;--shadow: rgba(0, 0, 0, .55);--card-2: #1f180d;--hairline: rgba(255, 214, 150, .07);--glow: rgba(216, 150, 70, .08);--tex-a: rgba(255, 190, 110, .016);--tex-b: rgba(255, 190, 110, .012);--bad-surface: #6f2222;--on-bad: #ffe9df}*{box-sizing:border-box}html,body{margin:0;background:var(--parchment);color:var(--ink);min-height:100vh}body{line-height:1.55;background-image:radial-gradient(1100px 520px at 50% -140px,var(--glow),transparent 70%),repeating-linear-gradient(105deg,var(--tex-a) 0 3px,transparent 3px 8px),repeating-linear-gradient(15deg,var(--tex-b) 0 2px,transparent 2px 9px);background-attachment:fixed;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--accent);color:var(--card)}.pane,.modal,.main,body,textarea{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.pane::-webkit-scrollbar,.modal::-webkit-scrollbar,body::-webkit-scrollbar{width:10px;height:10px}.pane::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.pane::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent}h1,h2,h3,h4{color:var(--ink);margin:.4em 0;line-height:1.22}h1{font-size:var(--fs-title);font-variant-caps:small-caps;letter-spacing:.08em}h2{font-size:var(--fs-section);font-variant-caps:small-caps;letter-spacing:.07em;border-bottom:1px solid var(--line);padding-bottom:6px;box-shadow:0 4px 0 -2px var(--line-soft)}h3{font-size:1.06rem;font-variant-caps:small-caps;letter-spacing:.05em}h4{font-size:.95rem;letter-spacing:.03em}a{color:var(--accent);text-underline-offset:2px}a:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:2px}button{font:inherit;background:linear-gradient(180deg,var(--card),var(--card-2));color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:8px 14px;cursor:pointer;box-shadow:0 1px 2px var(--shadow),inset 0 1px 0 var(--hairline);transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s}button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px var(--shadow)}button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}button.primary{background:var(--accent);color:var(--parchment);border-color:var(--accent);text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 1px 2px var(--shadow),inset 0 1px #ffffff2e}button.primary:hover:not(:disabled){background:var(--accent-2);color:var(--parchment);border-color:var(--accent-2)}button.small{padding:4px 10px;font-size:.88em;border-radius:7px}button.danger{color:var(--bad)}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;border-color:transparent;color:var(--ink-soft);box-shadow:none}button.ghost:hover:not(:disabled){color:var(--ink);background:var(--accent-soft);border-color:transparent}input,select,textarea{font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 10px;box-shadow:inset 0 1px 2px var(--shadow);transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.75}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-2);outline-offset:0;border-color:var(--accent-2)}textarea{width:100%;min-height:64px}.landing{max-width:640px;margin:6vh auto;padding:40px 44px 30px;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);outline:1px solid var(--line-soft);outline-offset:5px;border-radius:6px;box-shadow:0 10px 44px var(--shadow),inset 0 0 0 1px var(--hairline)}.landing h1{text-align:center;letter-spacing:.1em}.landing .sub{text-align:center;color:var(--ink-soft);margin-bottom:28px}.landing .row{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}.landing input{flex:1;min-width:0}.masthead{text-align:center;margin-bottom:28px}.masthead h1{font-size:clamp(2.4rem,7vw,3.4rem);letter-spacing:.3em;margin:.15em 0 .1em;text-indent:.3em;text-shadow:0 1px 0 var(--hairline),0 2px 8px var(--shadow)}.masthead .sub{margin-bottom:0;font-style:italic;font-size:.98em}.mast-flourish{color:var(--accent);font-size:.85em;letter-spacing:.6em;text-indent:.6em;display:flex;align-items:center;gap:14px;justify-content:center;margin:4px 0}.mast-flourish:before,.mast-flourish:after{content:"";height:1px;flex:0 1 90px;background:linear-gradient(90deg,transparent,var(--line))}.mast-flourish:after{background:linear-gradient(270deg,transparent,var(--line))}.section-title{font-variant-caps:small-caps;letter-spacing:.12em;color:var(--ink-soft);font-size:.95rem;font-weight:700;text-align:center;display:flex;align-items:center;gap:12px;margin:.6em 0}.section-title:before,.section-title:after{content:"";height:1px;flex:1;background:var(--line-soft)}.hero-join{margin:22px 0 6px}.spectator-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:fit-content;max-width:100%;margin:12px auto 0;cursor:pointer;color:var(--ink-soft);font-size:.88em}.spectator-toggle input[type=checkbox]{-moz-appearance:auto;appearance:auto;-webkit-appearance:checkbox;flex:none;width:15px;height:15px;margin:0;padding:0;min-height:0;border:none;border-radius:0;background:none;box-shadow:none;accent-color:var(--accent);cursor:pointer}.code-input{display:block;width:100%;max-width:300px;margin:8px auto 12px;box-sizing:border-box;text-align:center;font-size:clamp(1.3rem,6vw,1.75rem);font-weight:700;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;padding:10px 12px;overflow:hidden;text-overflow:clip;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:10px}.code-display{display:flex;justify-content:center;gap:8px;margin:12px 0;flex-wrap:wrap}.code-cell{width:44px;height:54px;display:inline-flex;align-items:center;justify-content:center;font-size:1.6em;font-weight:700;color:var(--ink);background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 0 0 1px var(--hairline),0 2px 4px var(--shadow)}.landing-divider{display:flex;align-items:center;gap:14px;margin:26px 0 14px;color:var(--ink-soft);font-variant-caps:small-caps;letter-spacing:.2em;font-size:.82em}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:var(--line-soft)}.form-error{color:var(--bad);text-align:center;border:1px solid var(--bad);border-radius:8px;padding:8px 12px;background:var(--card)}.landing-foot{margin-top:30px;padding-top:14px;border-top:1px solid var(--line-soft);color:var(--ink-soft);font-size:var(--fs-caption);text-align:center;font-style:italic}.shell{display:flex;flex-direction:column;flex:1;min-height:100vh}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:var(--topbar-h);padding:8px 16px;background:linear-gradient(180deg,var(--parchment-2),var(--parchment));border-bottom:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hairline),0 3px 0 -2px var(--line-soft),0 4px 14px var(--shadow);position:sticky;top:0;z-index:30}.topbar .title{font-weight:700;font-size:1.12em;letter-spacing:.05em}.topbar .season{color:var(--accent);font-weight:700;white-space:nowrap}[data-theme=dark] .topbar .season{color:var(--accent)}.topbar .spacer{flex:1}.topbar .presence{font-size:.85em;color:var(--ink-soft)}.topbar-group{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.brand{font-variant-caps:small-caps;letter-spacing:.22em;font-weight:700;color:var(--accent);font-size:.92em;padding-right:10px;border-right:1px solid var(--line)}.room-name{font-weight:700;letter-spacing:.03em}.tb-btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.tb-btn .ic{font-size:.95em;line-height:1}.topbar .presence{display:inline-flex;align-items:center;gap:6px}.conn-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--warn);box-shadow:0 0 6px var(--warn);transition:background .3s,box-shadow .3s}.conn-dot.on{background:var(--good);box-shadow:0 0 6px var(--good)}.avatar-chip{width:25px;height:25px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:.78em;font-weight:700;color:var(--ink);background:linear-gradient(180deg,var(--accent-soft),var(--parchment-2));border:1px solid var(--line);box-shadow:0 1px 2px var(--shadow)}.presence .avatar-chip+.avatar-chip{margin-left:-8px}.playgrid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;flex:1;align-items:stretch;min-height:0}.pane{background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;width:340px;max-height:calc(100vh - var(--topbar-h));position:sticky;top:var(--topbar-h);overflow-y:auto;overflow-x:hidden;transition:width .25s ease,border-color .25s ease}.pane .pane-head,.pane .pane-body{min-width:340px}.pane.right{border-right:none;border-left:1px solid var(--line);width:430px}.pane.right .pane-head,.pane.right .pane-body{min-width:430px}.pane.collapsed{width:0;overflow:hidden;border:none}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--parchment-2),var(--parchment));box-shadow:0 2px 0 -1px var(--line-soft);position:sticky;top:0;z-index:2;font-weight:700;font-variant-caps:small-caps;letter-spacing:.08em}.pane-body{padding:10px;flex:1}.edge-toggle{position:fixed;z-index:35;top:50%;transform:translateY(-50%);padding:16px 7px;border-radius:0 9px 9px 0;background:var(--accent);color:var(--parchment);border:none;writing-mode:vertical-rl;letter-spacing:.18em;font-size:.8em;font-variant-caps:small-caps;box-shadow:2px 0 10px var(--shadow),inset 0 1px 0 var(--hairline);transition:padding .18s,background .18s}.edge-toggle:hover:not(:disabled){padding-left:11px;background:var(--accent-2);color:var(--parchment);border:none}.edge-toggle.right{right:0;border-radius:9px 0 0 9px}.edge-toggle.right:hover:not(:disabled){padding-left:7px;padding-right:11px}.edge-toggle.left{left:0}.center-tabs{display:flex;gap:2px;padding:6px 12px 0;flex-wrap:wrap;background:linear-gradient(180deg,var(--parchment-2),var(--parchment));border-bottom:2px solid var(--line);position:sticky;top:var(--topbar-h);z-index:20}.center-tabs button{position:relative;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--ink-soft);padding:8px 16px 9px;box-shadow:none;display:inline-flex;align-items:center;gap:7px;letter-spacing:.03em}.center-tabs button:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.center-tabs button:hover:not(:disabled){color:var(--ink);background:var(--accent-soft);border-color:transparent}.center-tabs button.active{background:var(--parchment);border-color:var(--line);color:var(--ink);font-weight:700}.center-tabs button.active:after{transform:scaleX(1)}.center-tabs .tab-ic{font-size:.95em;line-height:1;opacity:.85}.center-tabs button.active .tab-ic{opacity:1}.main{flex:1;padding:16px;max-width:1160px;width:100%;margin:0 auto;min-width:0}.card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:inset 0 0 0 1px var(--hairline),0 1px 4px var(--shadow)}.card h3{margin-top:0}.card.clickable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.card.clickable:hover{transform:translateY(-2px);border-color:var(--accent-2);box-shadow:inset 0 0 0 1px var(--hairline),0 7px 18px var(--shadow)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;align-items:start}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muted{color:var(--ink-soft);font-size:.92em}.pill{display:inline-block;padding:2px 11px;border:1px solid var(--line);border-radius:999px;font-size:.78em;color:var(--ink-soft);background:linear-gradient(180deg,var(--parchment),var(--parchment-2));box-shadow:inset 0 1px 0 var(--hairline);white-space:nowrap;letter-spacing:.04em}.pill.bad{color:var(--bad);border-color:var(--bad)}.pill.good{color:var(--good);border-color:var(--good)}.pill.warn{color:var(--warn);border-color:var(--warn)}.stat-hex{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;min-height:78px;padding:13px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--line);border:none;border-radius:0;clip-path:polygon(50% 0%,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);transition:background .15s,transform .15s}.stat-hex:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:0;clip-path:polygon(50% 0%,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:linear-gradient(180deg,var(--card),var(--card-2));transition:background .15s}.stat-hex>*{position:relative;z-index:1}.stat-hex:hover{background:var(--accent);transform:translateY(-1px)}.stat-hex:hover:before{background:var(--accent-soft)}.stat-hex .v{font-size:1.45em;font-weight:700;line-height:1.1}.stat-hex.disadv{background:var(--bad)}.stat-hex.disadv .v{color:var(--bad)}.stat-hex .n{font-size:.72em;letter-spacing:.14em;color:var(--ink-soft);font-variant-caps:small-caps;text-indent:.14em}.pips{display:inline-flex;gap:4px;vertical-align:middle}.pip{width:18px;height:18px;border:2px solid var(--ink-soft);cursor:pointer;display:inline-block;background:transparent;padding:0;border-radius:50%;box-shadow:none;transition:border-color .15s,background .15s,transform .12s}.pip.boxes{border-radius:4px}.pip.filled{background:radial-gradient(circle at 35% 30%,var(--accent-2),var(--accent) 70%);border-color:var(--accent)}.pip:hover:not(:disabled){border-color:var(--accent);transform:scale(1.12);background:transparent}.pip.filled:hover:not(:disabled){background:radial-gradient(circle at 35% 30%,var(--accent-2),var(--accent) 70%)}.pip:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.movecard{border-left:4px solid var(--accent)}.movecard .movetext{font-size:.95em;line-height:1.5}.movecard .movetext ul{margin:4px 0;padding-left:22px}.movecard .movetext p{margin:6px 0}.picklist-opt{display:block;width:100%;text-align:left;margin:3px 0;background:var(--parchment);font-size:.92em;padding:6px 10px}.picklist-opt.sel{background:var(--accent);color:var(--parchment);border-color:var(--accent)}.picklist-opt.sel:hover:not(:disabled){background:var(--accent-2);color:var(--parchment)}.rollentry{border-bottom:1px dashed var(--line-soft);padding:8px 2px;font-size:.92em}.rollentry .dice{display:inline-flex;gap:4px;margin:3px 0;align-items:center}.die{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink-soft);border-radius:7px;font-weight:700;background:linear-gradient(145deg,var(--card),var(--parchment-2));box-shadow:0 1px 2px var(--shadow),inset 0 1px 0 var(--hairline);opacity:.4;animation:die-in .45s cubic-bezier(.34,1.4,.64,1) backwards}.die:nth-child(2){animation-delay:.06s}.die:nth-child(3){animation-delay:.12s}.die:nth-child(4){animation-delay:.18s}.die:nth-child(5){animation-delay:.24s}@keyframes die-in{0%{opacity:0;transform:rotate(-100deg) translateY(-8px) scale(.3)}65%{transform:rotate(10deg) scale(1.08)}to{transform:none}}.die.kept{opacity:1;border-color:var(--accent);box-shadow:0 1px 4px var(--shadow),inset 0 1px 0 var(--hairline),0 0 6px -2px var(--accent)}.total-strong{color:var(--good);font-weight:700}.total-weak{color:var(--warn);font-weight:700}.total-miss{color:var(--bad);font-weight:700}.wizard-step{max-width:780px;margin:0 auto}.choice-opt{display:block;width:100%;text-align:left;margin:8px 0;padding:12px 14px;border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--card),var(--card-2));cursor:pointer;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.choice-opt:hover:not(:disabled){border-color:var(--accent-2);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.choice-opt.sel{border-color:var(--accent);background:var(--accent-soft)}.choice-opt .lbl{font-weight:700}.choice-opt .txt{font-size:.9em;color:var(--ink-soft);white-space:pre-wrap;margin-top:2px}.warn-link{color:var(--warn);cursor:pointer;text-decoration:underline;background:none;border:none;padding:0;font:inherit;display:block;margin:4px 0;text-align:left;box-shadow:none}.warn-link:hover:not(:disabled){background:none;border:none;color:var(--warn)}.mapwrap{position:relative;border:2px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--parchment-2);box-shadow:inset 0 0 24px var(--shadow)}.mapwrap svg{display:block;width:100%;height:auto}.map-pin{cursor:pointer}.arcana-card{position:relative;border:2px solid var(--accent-2);border-radius:12px;padding:14px;background:linear-gradient(160deg,var(--card),var(--parchment-2));box-shadow:inset 0 0 0 1px var(--hairline),0 2px 10px var(--shadow)}.arcana-card:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid var(--line-soft);border-radius:8px}.arcana-card .back{border-top:2px dashed var(--line);margin-top:10px;padding-top:10px}.badge-level{background:var(--good);color:var(--parchment);border-radius:999px;padding:3px 12px;font-weight:700;animation:badge-glow 2s infinite ease-in-out}@keyframes badge-glow{0%,to{box-shadow:0 0 4px 0 var(--good)}50%{box-shadow:0 0 14px 2px var(--good)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}table.roster{width:100%;border-collapse:collapse;font-size:.92em}table.roster th,table.roster td{border-bottom:1px solid var(--line-soft);padding:6px 8px;text-align:left}table.roster th{color:var(--ink-soft);font-weight:400;font-size:.85em;font-variant-caps:small-caps;letter-spacing:.08em}.threat-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;align-items:start}.denied-toast{position:fixed;left:50%;transform:translate(-50%);bottom:20px;z-index:60;background:var(--bad-surface);color:var(--on-bad);padding:10px 18px;border-radius:var(--radius);box-shadow:0 6px 20px var(--shadow);animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c080280;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:12px;outline:1px solid var(--line-soft);outline-offset:4px;padding:20px;max-width:720px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 12px 48px var(--shadow),inset 0 0 0 1px var(--hairline);animation:modal-in .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline}.kv b{white-space:nowrap}.errorbox{border:2px solid var(--bad);border-radius:var(--radius);padding:16px;margin:16px;background:var(--card)}.empty-state{text-align:center;padding:34px 18px;color:var(--ink-soft)}.empty-state .empty-glyph{font-size:2.2em;opacity:.55;margin-bottom:6px;filter:grayscale(.3)}.empty-state p{margin:4px 0}.empty-state .empty-title{font-variant-caps:small-caps;letter-spacing:.1em;font-weight:700;color:var(--ink);font-size:1.02em}.empty-state:before,.empty-state:after{content:"✦";display:block;color:var(--line);font-size:.7em;letter-spacing:.8em;text-indent:.8em;margin:8px 0}.chev{display:inline-block;transition:transform .18s ease;transform-origin:55% 50%}.chev.open{transform:rotate(90deg)}.collapsible-head:hover b{color:var(--accent)}.collapsible-head b{transition:color .15s}.collapsible-body{animation:fade-slide .18s ease-out}@keyframes fade-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(max-width:1000px){.pane,.pane.right{position:fixed;top:var(--topbar-h);bottom:0;z-index:40;max-height:none;box-shadow:0 0 40px var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.pane{left:0;width:min(340px,92vw)}.pane.right{right:0;width:min(430px,94vw)}.pane .pane-head,.pane .pane-body,.pane.right .pane-head,.pane.right .pane-body{min-width:0}.pane.collapsed{width:min(340px,92vw);overflow:hidden;border-right:1px solid var(--line);transform:translate(-104%);box-shadow:none;pointer-events:none}.pane.right.collapsed{width:min(430px,94vw);border-left:1px solid var(--line);border-right:none;transform:translate(104%)}.main{padding:10px}.landing{margin:3vh 12px;padding:26px 20px 20px}}@media print{.topbar,.center-tabs,.pane,.edge-toggle,button,.denied-toast{display:none!important}body{background:#fff}.card{box-shadow:none;break-inside:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.auth-card{max-width:380px;margin:0 auto 16px;display:flex;flex-direction:column;gap:10px}.auth-card input{width:100%}.auth-tabs{gap:4px;margin-bottom:4px}.auth-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.small-note{font-size:.78em;margin:0}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.recovery-codes code{background:var(--parchment-2);border:1px solid var(--line);border-radius:6px;padding:6px 8px;text-align:center;letter-spacing:.05em;-webkit-user-select:all;user-select:all}.my-games{max-width:760px}.game-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.game-card{cursor:pointer;transition:transform .08s ease}.game-card:hover{transform:translateY(-2px)}.game-card-meta{font-size:.8em}.settings-page{max-width:560px}.settings-page .card{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.member-row{margin-bottom:10px}.assign-chars{display:flex;flex-direction:column;gap:4px;border-top:1px dashed var(--line);margin-top:6px;padding-top:6px}.storage-meter{height:10px;border-radius:5px;background:var(--parchment-2);border:1px solid var(--line);overflow:hidden;margin:6px 0 12px}.storage-meter-fill{height:100%;background:var(--accent)}.storage-thumb{width:42px;height:42px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.storage-row{border-bottom:1px dashed var(--line);padding:6px 0}.grace-banner{position:fixed;bottom:0;left:0;right:0;z-index:60;text-align:center;padding:8px 12px;background:var(--accent-soft);border-top:1px solid var(--accent);display:flex;gap:10px;align-items:center;justify-content:center}.viz-root{--viz-1: #2a78d6;--viz-2: #eb6834;--viz-3: #1baf7a;--viz-4: #eda100;--viz-5: #4a3aa7;--viz-0: #8d7d5c}[data-theme=dark] .viz-root{--viz-1: #3987e5;--viz-2: #d95926;--viz-3: #199e70;--viz-4: #c98500;--viz-5: #9085e9;--viz-0: #7d6f52}.analytics-page{max-width:980px}.viz-section{border-bottom:1px solid var(--line);padding-bottom:4px;margin-top:26px}.viz-tiles{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.viz-tile{background:var(--card, var(--parchment-2));border:1px solid var(--line);border-radius:10px;padding:10px 16px;min-width:120px}.viz-tile-value{font-size:1.5em;font-weight:700}.viz-tile-label{font-variant:small-caps;letter-spacing:.04em;color:var(--ink-soft)}.viz-tile-sub{font-size:.72em}.viz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.viz-grid .card{min-width:0}.viz-wide{grid-column:1 / -1}.viz-chart{position:relative;margin-top:6px}.viz-tip{position:absolute;z-index:5;pointer-events:none;background:var(--ink);color:var(--parchment);border-radius:6px;padding:3px 8px;font-size:.75em;white-space:nowrap}.viz-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.78em;color:var(--ink-soft);margin-bottom:6px}.viz-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px}.viz-swatch.viz-0,.viz-seg.viz-0,.viz-hbar.viz-0,.viz-fill-0{background:var(--viz-0)}.viz-swatch.viz-1,.viz-seg.viz-1,.viz-hbar.viz-1,.viz-vbar.viz-1{background:var(--viz-1)}.viz-swatch.viz-2,.viz-seg.viz-2,.viz-hbar.viz-2{background:var(--viz-2)}.viz-swatch.viz-3,.viz-seg.viz-3{background:var(--viz-3)}.viz-swatch.viz-4,.viz-seg.viz-4{background:var(--viz-4)}.viz-swatch.viz-5,.viz-seg.viz-5{background:var(--viz-5)}.viz-hrow{display:flex;align-items:center;gap:8px;margin-bottom:2px}.viz-hlabel{flex:0 0 150px;font-size:.78em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.viz-htrack{flex:1;position:relative;height:14px}.viz-hbar{position:absolute;left:0;top:0;height:14px;border-radius:0 4px 4px 0;min-width:2px}.viz-hbar.inset{top:4px;height:6px;border-radius:0 3px 3px 0;box-shadow:0 0 0 2px var(--parchment)}.viz-hvalue{flex:0 0 60px;font-size:.75em;color:var(--ink-soft)}.viz-vrow{display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--line-soft)}.viz-vcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:3px}.viz-vbar{border-radius:4px 4px 0 0}.viz-stack{display:flex;flex-direction:column-reverse;gap:2px}.viz-seg{min-height:2px}.viz-seg:last-child{border-radius:4px 4px 0 0}.viz-vlabels{display:flex;gap:2px;font-size:.68em;color:var(--ink-soft)}.viz-vlabels span{flex:1;overflow:visible;white-space:nowrap}.viz-svg{width:100%;display:block}.viz-axis{stroke:var(--line-soft);stroke-width:1}.viz-line{stroke-width:2}.viz-stroke-1{stroke:var(--viz-1)}.viz-fill-1{fill:var(--viz-1);stroke:var(--parchment);stroke-width:2}.viz-dot{cursor:pointer}.viz-table{width:100%;border-collapse:collapse;font-size:.85em}.viz-table th{text-align:left;color:var(--ink-soft);font-weight:400;font-variant:small-caps;border-bottom:1px solid var(--line);padding:2px 6px}.viz-table td{padding:3px 6px;border-bottom:1px dashed var(--line-soft)}.viz-table .num{text-align:right}.viz-subrow td{color:var(--ink-soft)}.viz-path{font-family:monospace;font-size:.9em}