:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--obsidian:#0a0a0b;--background:#131314;--surface-lowest:#0e0e0f;--surface-low:#1c1b1c;--surface:#201f20;--surface-high:#2a2a2b;--surface-highest:#353436;--on-surface:#e5e2e3;--on-surface-variant:#b9cacb;--outline:#849495;--outline-variant:#3a494b;--cyan:#00f3ff;--cyan-dim:#00dce6;--cyan-soft:#6ff6ff;--amber:#ffba20;--amber-soft:#ffdea8;--magenta:#ff24e4;--red:#ff3d3d;--error:#ffb4ab;--green:#00dce6;--ink:var(--on-surface);--muted:var(--on-surface-variant);--paper:var(--surface-low);--paper-deep:var(--surface);--line:var(--outline-variant);--line-strong:var(--outline);--gold:var(--amber);--plum:var(--magenta);--coal:var(--obsidian);--surface-solid:var(--surface-high);--surface-glass:#1c1b1cd1;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--radius:.25rem;--radius-sm:.125rem;--gutter:1rem;--stack-sm:.5rem;--stack-md:1rem;--stack-lg:2rem;--margin:clamp(1rem, 3vw, 2rem);--sidebar-width:16rem;--glass-blur:12px;--glow-cyan:0 0 8px #00f3ff59;--glow-amber:0 0 8px #ffba2059;--shadow-float:0 24px 64px #00000073;--soft-shadow:0 8px 32px #00000052;--pointer-x:50%;--pointer-y:40%}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100dvh;color:var(--on-surface);font-family:var(--font-mono);font-synthesis:none;text-rendering:optimizelegibility;background:var(--obsidian);margin:0;font-size:14px;line-height:1.45;overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;letter-spacing:.04em}p,li{text-wrap:pretty}.neural-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.neural-atmosphere__grid{background-image:radial-gradient(#00f3ff0f 1px,#0000 1px),linear-gradient(#00f3ff06 1px,#0000 1px),linear-gradient(90deg,#00f3ff06 1px,#0000 1px);background-position:0 0,0 0,0 0;background-size:20px 20px,32px 32px,32px 32px;transition:transform .12s steps(3,end);position:absolute;inset:-4%;-webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 20%,#0000 85%);mask-image:radial-gradient(90% 80% at 50% 40%,#000 20%,#0000 85%)}.neural-atmosphere__glow{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #00f3ff12 0%, transparent 42%);transition:background .2s;position:absolute;inset:0}.neural-atmosphere__scanlines{opacity:.55;mix-blend-mode:overlay;background:linear-gradient(#0000 50%,#00f3ff05 50%,#0000 51%) 0 0/100% 4px;position:absolute;inset:0}.neural-atmosphere__vignette{background:radial-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.neural-atmosphere__telemetry{color:#b9cacb59;letter-spacing:.14em;text-transform:uppercase;flex-direction:column;gap:.25rem;font-size:.65rem;display:flex;position:absolute}.neural-atmosphere__telemetry--tl{top:1rem;left:calc(var(--sidebar-width) + 1.5rem)}.neural-atmosphere__telemetry--br{text-align:right;bottom:1rem;right:1.5rem}.neural-boot{z-index:2;text-align:center;place-items:center;gap:1.25rem;padding:2rem;display:grid;position:relative}.neural-boot__ring{border:2px solid var(--outline-variant);border-top-color:var(--cyan);width:3.5rem;height:3.5rem;box-shadow:var(--glow-cyan);animation:.9s steps(8,end) infinite neural-spin}.neural-boot__label{color:var(--cyan-dim);font-family:var(--font-mono);letter-spacing:.18em;text-shadow:0 0 12px #00dce673;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.neural-boot__hex{gap:.5rem;margin:0;display:flex}.neural-boot__hex span{color:#b9cacb73;font-size:.7rem;animation:1.4s steps(3,end) infinite decrypt-flicker}@keyframes neural-spin{to{transform:rotate(360deg)}}@keyframes decrypt-flicker{0%,to{opacity:.35}50%{opacity:1;color:var(--cyan-dim)}}@keyframes glitch-hover{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}@keyframes pulse-link{0%,to{opacity:1;box-shadow:0 0 4px var(--cyan)}50%{opacity:.55;box-shadow:0 0 10px var(--cyan)}}.skip-link{z-index:100;color:var(--obsidian);background:var(--cyan);border-radius:var(--radius-sm);padding:.65rem .85rem;transition:transform .18s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-frame{z-index:1;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid;position:relative}.mobile-topbar{display:none}.sidebar{z-index:40;gap:var(--stack-md);height:100dvh;padding:var(--stack-lg) var(--stack-md);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--outline-variant);background:#0e0e0fe0;grid-template-rows:auto 1fr auto;display:grid;position:sticky;top:0;box-shadow:4px 0 32px #00000059}.brand-block{grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.brand-mark{background:var(--surface-high);border:1px solid var(--outline-variant);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));place-items:center;width:3rem;height:3rem;display:grid;position:relative;overflow:hidden}.brand-mark__core{color:var(--cyan);font-family:var(--font-display);text-shadow:var(--glow-cyan);font-size:.85rem;font-weight:700}.brand-title{color:var(--cyan-dim);letter-spacing:.12em;text-shadow:0 0 12px #00dce673;margin:0;font-size:.95rem;font-weight:700;line-height:1.15}.connection-status{color:var(--on-surface-variant);letter-spacing:.12em;align-items:center;gap:.45rem;margin:.35rem 0 0;font-size:.62rem;font-weight:700;display:flex}.connection-status__dot{background:var(--cyan);border-radius:50%;width:.45rem;height:.45rem;animation:2s ease-in-out infinite pulse-link}.nav-stack{align-content:start;gap:.2rem;display:grid}.nav-stack a{color:var(--on-surface-variant);border:1px solid #0000;border-left-width:3px;align-items:center;gap:.65rem;padding:.7rem .85rem;transition:color .16s,background .16s,border-color .16s,transform .16s;display:flex}.nav-stack a span:last-child{letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.nav-stack a:hover{color:var(--on-surface);background:#35343673;transform:translate(2px)}.nav-stack a.active{color:var(--cyan-dim);border-left-color:var(--cyan);background:#00f3ff14;box-shadow:inset 0 0 12px #00f3ff0f}.nav-icon{flex-shrink:0;width:1.1rem;height:1.1rem}.sidebar-footer{gap:var(--stack-md);display:grid}.dice-roller{width:100%;color:var(--obsidian);letter-spacing:.12em;background:var(--cyan);border:1px solid var(--cyan);box-shadow:var(--glow-cyan);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.65rem;font-size:.68rem;font-weight:700;transition:background .16s,transform .16s;display:flex}.dice-roller:hover{background:var(--cyan-soft);animation:.2s steps(2,end) glitch-hover}.identity-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--outline-variant);gap:.55rem;padding:.85rem;display:grid}.identity-card strong{color:var(--on-surface);font-family:var(--font-display);font-size:1rem}.logout-button{justify-content:center;align-items:center;gap:.45rem;width:100%;display:inline-flex}.role-row{flex-wrap:wrap;gap:.35rem;display:flex}.content-panel{z-index:10;width:min(100%,90rem);padding:var(--margin);position:relative}.page-stack{gap:var(--gutter);display:grid}.eyebrow,.card-index,.stat-grid span,.event-card span,.ruleset-status-strip span,.ruleset-status-strip small,.catalog-header-row span,.ruleset-kv-list span,.action-tile span,.action-tile small,.advanced-json summary,label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.eyebrow{color:var(--cyan-dim);margin:0 0 .35rem}.card-index{color:var(--cyan-dim)}.page-header,.feature-card,.dashboard-card,.table-card,.stat-grid article,.roll-card,.event-card,.json-panel,.sheet-panel,.sheet-edit-panel,.admin-card,.login-card,.validation-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--outline-variant);box-shadow:var(--soft-shadow);transition:border-color .2s,box-shadow .2s}.page-header{max-width:none;padding:clamp(1.2rem,3vw,1.75rem);position:relative;overflow:hidden}.page-header:before{pointer-events:none;content:"";background:linear-gradient(135deg,#00f3ff0a 0%,#0000 45%,#ffba2008 100%);position:absolute;inset:0}.page-header:after{pointer-events:none;content:"";opacity:.6;background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#00f3ff0a 6px 7px);width:6rem;height:100%;position:absolute;top:0;right:0}.page-header h2{z-index:1;max-width:20ch;color:var(--on-surface);text-shadow:0 0 24px #00dce61f;margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:.98;position:relative}.page-header p:not(.eyebrow),.login-card p{z-index:1;max-width:58ch;color:var(--on-surface-variant);margin:.5rem 0 0;font-size:.92rem;line-height:1.65;position:relative}.split-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-grid,.dashboard-grid{gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));display:grid}.feature-card,.dashboard-card{align-content:space-between;gap:.75rem;min-height:11rem;padding:1rem;display:grid}.feature-card:hover,.dashboard-card:hover{box-shadow:var(--shadow-float), var(--glow-cyan);border-color:#00f3ff73;transform:translateY(-2px)}.feature-card h3,.dashboard-card h3{color:var(--on-surface);margin:0;font-size:1.5rem;line-height:1.05}.feature-card p,.dashboard-card p{color:var(--on-surface-variant);margin:0;line-height:1.55}.dashboard-card{border-top:2px solid var(--amber)}.feature-card{border-left:2px solid var(--cyan)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;display:grid}.stat-grid article{gap:.35rem;padding:.85rem;display:grid}.stat-grid strong{color:var(--cyan-soft);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.35rem}.role-badge{color:var(--on-surface);letter-spacing:.1em;text-transform:uppercase;background:var(--surface-high);border:1px solid var(--outline-variant);align-items:center;padding:.2rem .45rem;font-size:.62rem;font-weight:700;display:inline-flex}.role-owner{color:var(--obsidian);background:var(--red);border-color:var(--red)}.role-admin{color:var(--obsidian);background:var(--amber);border-color:var(--amber)}.role-gm{color:var(--obsidian);background:var(--cyan);border-color:var(--cyan)}.role-player,.role-viewer{color:var(--on-surface-variant);background:0 0}form{gap:.9rem;display:grid}label{color:var(--on-surface-variant);gap:.35rem;display:grid}input,select,textarea{width:100%;min-height:2.65rem;color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:#0e0e0fa6;padding:.7rem .85rem;transition:border-color .16s,box-shadow .16s,background .16s}textarea,.json-textarea{resize:vertical;min-height:10rem;font-family:var(--font-mono);letter-spacing:0;text-transform:none;font-size:.82rem;line-height:1.5}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #00f3ff8c}input:focus,select:focus,textarea:focus{border-color:var(--cyan);background:#0e0e0fe6;box-shadow:inset 0 0 12px #00f3ff14}.button{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;min-height:2.5rem;padding:.65rem 1rem;font-size:.72rem;font-weight:700;transition:transform .14s steps(2,end),background .14s,border-color .14s,box-shadow .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button.primary{color:var(--obsidian);background:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.button.primary:hover:not(:disabled){animation:.18s steps(2,end) glitch-hover}.button.ghost,.ink-button{color:var(--on-surface);border-color:var(--outline);background:0 0}.button.ghost:hover:not(:disabled),.ink-button:hover:not(:disabled){color:var(--cyan-dim);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.button.danger{color:var(--obsidian);background:var(--red);border-color:var(--red)}.form-error{color:var(--error);border-radius:var(--radius-sm);background:#93000a40;border:1px solid #ffb4ab40;margin:0;padding:.65rem .8rem;font-weight:700}.form-note,.builder-ok{color:var(--cyan-soft);border-radius:var(--radius-sm);background:#00f3ff0f;border:1px solid #00f3ff2e;margin:0;padding:.65rem .8rem;font-weight:700}.segmented-control{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:#0e0e0fa6;gap:.15rem;width:max-content;margin:0 0 1rem;padding:.2rem;display:inline-flex}.segmented-control button{color:var(--on-surface-variant);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:.55rem .85rem;font-size:.68rem;font-weight:700}.segmented-control button.active{color:var(--obsidian);background:var(--cyan)}.table-card{overflow:hidden}.table-row{border-bottom:1px solid var(--outline-variant);background:#0e0e0f59;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.85rem 1rem;transition:background .16s;display:grid}.table-row:nth-child(odd){background:#ffffff08}.table-row:hover{background:#00f3ff0d}.table-row:last-child{border-bottom:0}.compact-table{max-height:18rem;box-shadow:none;overflow:auto}.audit-row{grid-template-columns:minmax(8rem,.9fr) minmax(9rem,1fr) minmax(7rem,.8fr) minmax(7rem,.8fr) minmax(8rem,1fr) minmax(12rem,1.4fr)}.audit-row code{overflow-wrap:anywhere;white-space:normal}.invite-row{grid-template-columns:minmax(12rem,1.2fr) minmax(9rem,1fr) minmax(5rem,.4fr) minmax(5rem,.4fr) minmax(7rem,.5fr) auto}.json-panel,.event-card pre{color:var(--cyan-soft);font-family:var(--font-mono);border:1px solid var(--outline-variant);background:#0a0a0bd9;padding:1rem;font-size:.82rem;overflow:auto}.admin-grid{gap:var(--gutter);grid-template-columns:repeat(2,minmax(18rem,1fr));display:grid}.admin-card{align-content:start;gap:.85rem;padding:1rem;display:grid}.admin-card h3,.compact-form h3{color:var(--on-surface);margin:0;font-size:1.25rem;line-height:1.05}.wide-card{grid-column:1/-1}.compact-form{align-content:start;gap:.75rem;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.85rem;display:grid}.button-row{flex-wrap:wrap;gap:.55rem;display:flex}.inline-action{margin-top:.25rem}.sheet-grid{gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.compact-sheet-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.sheet-panel,.sheet-edit-panel{gap:.85rem;padding:1rem;display:grid}.sheet-panel p{color:var(--on-surface-variant);margin:0}.sheet-stat-list{gap:.55rem;display:grid}.sheet-stat{border:1px solid var(--outline-variant);background:#0e0e0f73;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;display:flex}.sheet-stat span{color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:700}.sheet-stat strong{color:var(--cyan-soft);font-family:var(--font-display);font-size:1.35rem}.advanced-json{gap:.85rem;display:grid}.advanced-json summary{width:max-content;color:var(--on-surface-variant);cursor:pointer}.ruleset-workbench{border-top:2px solid var(--magenta);gap:1rem}.ruleset-workbench-header{border-bottom:1px solid var(--outline-variant);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding-bottom:1rem;display:grid}.ruleset-workbench-header p{max-width:54rem}.ruleset-meta-grid{grid-template-columns:minmax(14rem,1.4fr) repeat(3,minmax(8rem,1fr));gap:.85rem;display:grid}.ruleset-status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.ruleset-status-strip article{border:1px solid var(--outline-variant);background:#0e0e0f73;gap:.25rem;min-height:5.5rem;padding:.85rem;display:grid}.ruleset-status-strip strong{color:var(--cyan-soft);font-family:var(--font-display);font-size:1.5rem;line-height:1}.ruleset-section-tabs{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.4rem;display:grid}.ruleset-section-tabs button{text-align:left;cursor:pointer;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:#0e0e0f73;gap:.2rem;min-height:3.75rem;padding:.65rem;transition:background .16s,border-color .16s,transform .16s;display:grid}.ruleset-section-tabs button:hover{border-color:#00f3ff59;transform:translateY(-1px)}.ruleset-section-tabs button.active{border-color:var(--cyan);background:#00f3ff1a}.ruleset-section-tabs span{color:var(--on-surface-variant);letter-spacing:.08em;font-size:.62rem}.ruleset-section-tabs strong{color:var(--on-surface);font-size:.95rem}.ruleset-section-tabs button.active span,.ruleset-section-tabs button.active strong{color:var(--cyan-dim)}.ruleset-overview-grid,.ruleset-catalog-layout{gap:var(--gutter);grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);display:grid}.ruleset-catalog-layout h4{color:var(--on-surface);margin:0;font-size:1rem}.catalog-table{border:1px solid var(--outline-variant);display:grid;overflow:auto}.catalog-row{border-bottom:1px solid var(--outline-variant);background:#0e0e0f59;grid-template-columns:minmax(10rem,.85fr) minmax(12rem,.8fr) minmax(12rem,1fr) auto;align-items:center;gap:.75rem;min-width:58rem;padding:.7rem .85rem;display:grid}.catalog-row:nth-child(odd){background:#ffffff08}.catalog-row:last-child{border-bottom:0}.catalog-row code{overflow-wrap:anywhere;color:var(--cyan-dim);font-size:.78rem}.catalog-row strong{color:var(--on-surface)}.catalog-row>span{color:var(--on-surface-variant);line-height:1.4}.catalog-header-row{background:#00f3ff0f}.empty-row{min-width:0;color:var(--on-surface-variant);grid-template-columns:1fr}.issue-row{grid-template-columns:6rem minmax(8rem,.8fr) minmax(14rem,1.2fr);min-width:34rem}.issue-row strong{color:var(--error);text-transform:uppercase}.ruleset-kv-list{grid-template-columns:minmax(8rem,.55fr) minmax(0,1fr);align-items:baseline;gap:.55rem 1rem;display:grid}.ruleset-kv-list strong{color:var(--on-surface);overflow-wrap:anywhere}.session-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,23rem)}.session-layout .page-header{grid-column:1/-1}.roll-card,.event-card{gap:.85rem;padding:1rem;display:grid}.event-card strong{color:var(--cyan-soft);font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.1}.session-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.session-metrics article{border:1px solid var(--outline-variant);background:#0e0e0f73;gap:.2rem;padding:.65rem;display:grid}.session-metrics strong{color:var(--on-surface);overflow-wrap:anywhere;font-size:.95rem;line-height:1.15}.action-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.55rem;display:grid}.action-tile{text-align:left;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);cursor:pointer;background:#0e0e0f73;gap:.3rem;min-height:5.5rem;padding:.75rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.action-tile:hover:not(:disabled){border-color:#00f3ff66;transform:translateY(-1px)}.action-tile.active{border-color:var(--cyan);box-shadow:inset 0 0 0 1px #00f3ff40, var(--glow-cyan)}.action-tile:disabled{cursor:not-allowed;opacity:.45}.action-tile strong{color:var(--on-surface);font-size:1rem;line-height:1}.timeline-list{gap:.55rem;display:grid}.timeline-item{border:1px solid var(--outline-variant);border-left:2px solid var(--outline);background:#0e0e0f73;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.85rem;padding:.75rem;transition:border-color .16s;display:grid}.timeline-item:hover{border-left-color:var(--cyan)}.timeline-item strong{color:var(--on-surface);font-size:.92rem;line-height:1.2}.timeline-item p{color:var(--on-surface-variant);margin:.15rem 0 0}.timeline-item time{color:var(--on-surface-variant);white-space:nowrap;font-size:.75rem}.mechanics-builder{border-top:2px solid var(--cyan)}.mechanics-builder .builder-header{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:.85rem;display:flex}.builder-xp-summary{flex-wrap:wrap;gap:.45rem;font-size:.82rem;display:flex}.builder-xp-summary span{border:1px solid var(--outline-variant);background:#0e0e0f73;padding:.35rem .55rem}.builder-hint{color:var(--amber)}.builder-grid{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.builder-section{border:1px solid var(--outline-variant);background:#0e0e0f59;padding:.75rem}.builder-section h4{color:var(--cyan-dim);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .55rem;font-size:.75rem}.rank-list{gap:.4rem;display:grid}.rank-list.scroll-list{max-height:14rem;overflow:auto}.rank-row{grid-template-columns:minmax(0,1fr) 4.5rem;align-items:center;gap:.45rem;display:grid}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);cursor:pointer;background:#0e0e0f73;padding:.3rem .65rem;transition:border-color .16s,color .16s,background .16s}.chip:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan-dim)}.chip.active,.chip.available{color:var(--obsidian);background:var(--cyan);border-color:var(--cyan)}.chip.spent{opacity:.4}.validation-panel{background:#93000a33;border-color:#ff3d3d59;margin-top:.85rem;padding:.75rem .9rem}.validation-panel.compact{margin-top:0;margin-bottom:.85rem}.play-sheet-grid{margin-bottom:.85rem}.pool-bars{gap:.65rem;display:grid}.pool-bar{gap:.3rem;display:grid}.pool-bar meter{width:100%;height:.55rem;accent-color:var(--cyan)}.sheet-meta{color:var(--on-surface-variant);margin:.65rem 0 0;font-size:.85rem}.action-tracker{flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem;display:flex}.inline-form{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.roll-result,.resolver-log{color:var(--cyan-soft);margin-top:.65rem}.tag-list{color:var(--on-surface-variant);margin:0;padding-left:1rem}.rules-section-grid{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rules-list{columns:2;color:var(--on-surface-variant);column-gap:1.25rem;margin:0;padding-left:1rem}.rules-list li+li{margin-top:.35rem}.rules-config-note{color:var(--on-surface-variant);margin-top:.65rem;font-size:.85rem}.login-page,.not-found,.loading-page{place-items:center;min-height:100dvh;padding:1rem;display:grid;position:relative}.login-card{z-index:2;width:min(100%,42rem);padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--amber), var(--magenta));width:4rem;height:3px;margin-bottom:1.25rem;display:block}.login-card h1,.not-found h1{color:var(--on-surface);text-shadow:0 0 20px #00dce626;margin:0;font-size:clamp(2.25rem,8vw,3.5rem);line-height:.98}.not-found h1{text-align:center}.loading-page{color:var(--on-surface-variant);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--obsidian)}::-webkit-scrollbar-thumb{background:var(--outline-variant)}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim)}@media (width<=980px){.app-frame{grid-template-columns:1fr}.mobile-topbar{z-index:50;height:3.5rem;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--outline-variant);background:#201f20e0;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:sticky;top:0;box-shadow:0 0 20px #0006}.mobile-topbar__brand{color:var(--cyan-dim);font-family:var(--font-display);letter-spacing:.14em;text-shadow:0 0 10px #00dce666;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.mobile-topbar__pulse{background:var(--cyan);border-radius:50%;width:.4rem;height:.4rem;animation:2s ease-in-out infinite pulse-link}.sidebar{border-right:0;border-bottom:1px solid var(--outline-variant);height:auto;min-height:auto;box-shadow:none;grid-template-rows:auto;padding:1rem;position:static}.brand-block{display:none}.nav-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-stack a{text-align:center;border-bottom:2px solid #0000;border-left:0;flex-direction:column;gap:.3rem;padding:.55rem .35rem;font-size:.58rem}.nav-stack a.active{border-left:0;border-bottom-color:var(--cyan)}.sidebar-footer{grid-template-columns:1fr 1fr;align-items:start}.dice-roller{grid-column:1/-1}.neural-atmosphere__telemetry--tl{top:4.5rem;left:1rem}.content-panel{padding:1rem}.page-header h2{font-size:2rem}.admin-grid,.ruleset-workbench-header,.ruleset-meta-grid,.ruleset-status-strip,.ruleset-overview-grid,.ruleset-catalog-layout,.session-layout,.builder-grid,.rules-section-grid{grid-template-columns:1fr}.ruleset-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-list{columns:1}}@media (width<=620px){.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{grid-template-columns:1fr}.table-row,.audit-row,.invite-row{grid-template-columns:1fr;gap:.35rem}.catalog-row{min-width:42rem}.session-metrics{grid-template-columns:1fr}.neural-atmosphere__telemetry{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-stack>*{animation:.52s steps(6,end) both module-rise}.page-stack>:first-child{animation-delay:80ms}.page-stack>:nth-child(2){animation-delay:.14s}.page-stack>:nth-child(3){animation-delay:.2s}.page-stack>:nth-child(4){animation-delay:.26s}.page-stack>:nth-child(5){animation-delay:.32s}.page-stack>:nth-child(n+6){animation-delay:.38s}.card-grid>*,.dashboard-grid>*,.stat-grid>*,.admin-grid>*{animation:.48s steps(5,end) both module-rise}.card-grid>:first-child,.dashboard-grid>:first-child,.stat-grid>:first-child,.admin-grid>:first-child{animation-delay:.12s}.card-grid>:nth-child(2),.dashboard-grid>:nth-child(2),.stat-grid>:nth-child(2),.admin-grid>:nth-child(2){animation-delay:.18s}.card-grid>:nth-child(3),.dashboard-grid>:nth-child(3),.stat-grid>:nth-child(3),.admin-grid>:nth-child(3){animation-delay:.24s}.card-grid>:nth-child(n+4),.dashboard-grid>:nth-child(n+4),.stat-grid>:nth-child(n+4),.admin-grid>:nth-child(n+4){animation-delay:.3s}@keyframes module-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.neural-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.neural-header.split-header{align-items:flex-start}.neural-header__body{z-index:1;flex:1;min-width:min(100%,42rem);position:relative}.neural-header__desc{animation:.64s steps(4,end) .36s both desc-fade}.neural-header__aside{z-index:1;animation:.52s steps(4,end) .42s both desc-fade;position:relative}@keyframes desc-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header,.feature-card,.dashboard-card,.table-card,.stat-grid article,.roll-card,.event-card,.sheet-panel,.sheet-edit-panel,.admin-card,.login-card,.timeline-item{transition:border-color .18s,box-shadow .18s,transform .18s steps(3,end)}.feature-card:hover,.dashboard-card:hover,.roll-card:hover,.event-card:hover,.sheet-panel:hover,.admin-card:hover,.stat-grid article:hover,.timeline-item:hover{transform:translateY(-3px)}.feature-card:before,.dashboard-card:before,.sheet-panel:before,.admin-card:before,.roll-card:before{pointer-events:none;content:"";opacity:0;background:linear-gradient(120deg,#0000 30%,#00f3ff0f 50%,#0000 70%);transition:opacity .22s;position:absolute;inset:0}.feature-card,.dashboard-card,.sheet-panel,.admin-card,.roll-card{position:relative;overflow:hidden}.feature-card:hover:before,.dashboard-card:hover:before,.sheet-panel:hover:before,.admin-card:hover:before,.roll-card:hover:before{opacity:1;animation:1.2s steps(8,end) panel-scan}@keyframes panel-scan{0%{transform:translate(-120%)}to{transform:translate(120%)}}.feature-card:hover{box-shadow:var(--shadow-float), var(--glow-cyan);border-color:#00f3ff8c}.dashboard-card:hover{box-shadow:var(--shadow-float), var(--glow-amber);border-color:#ffba2080}.sheet-panel--vitals{border-top:2px solid var(--amber)}.sheet-panel--matrix{border-top:2px solid var(--cyan)}.segmented-bar{gap:.45rem;display:grid}.segmented-bar__header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.segmented-bar__label{color:var(--on-surface);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:700}.segmented-bar__value{color:var(--on-surface-variant);font-variant-numeric:tabular-nums;font-size:.72rem}.segmented-bar__track{gap:2px;height:.75rem;display:flex}.segmented-bar__segment{background:var(--outline-variant);flex:1;transition:background .16s,box-shadow .16s}.segmented-bar__segment--filled{animation:.28s steps(3,end) both segment-lock}.segmented-bar--cyan .segmented-bar__segment--filled{background:var(--cyan);box-shadow:0 0 6px #00f3ff73}.segmented-bar--amber .segmented-bar__segment--filled{background:var(--amber);box-shadow:0 0 6px #ffba2073}.segmented-bar--magenta .segmented-bar__segment--filled{background:var(--magenta);box-shadow:0 0 6px #ff24e466}.segmented-bar--danger .segmented-bar__segment--filled{background:var(--red);box-shadow:0 0 6px #ff3d3d73}.segmented-bar--critical .segmented-bar__segment--filled{animation:1.1s steps(2,end) infinite segment-pulse}@keyframes segment-lock{0%{opacity:.2;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}@keyframes segment-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}.stat-node-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.65rem;display:grid}.stat-node{border:1px solid var(--outline-variant);cursor:default;background:#0a0a0b73;padding:.65rem;transition:border-color .16s,box-shadow .16s,transform .16s steps(2,end)}.stat-node:hover{box-shadow:inset 0 0 12px #00f3ff14, var(--glow-cyan);border-color:#00f3ff8c;animation:.22s steps(2,end) glitch-hover;transform:translateY(-2px)}.stat-node__head{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.45rem;display:flex}.stat-node__label{color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:700}.stat-node:hover .stat-node__label{color:var(--cyan-dim)}.stat-node__value{color:var(--on-surface);font-family:var(--font-display);font-size:1.35rem;line-height:1;transition:color .16s,text-shadow .16s}.stat-node:hover .stat-node__value{color:var(--cyan-soft);text-shadow:0 0 10px #00f3ff8c}.stat-node__bar{margin-top:.15rem}.stat-node__roll{width:100%;color:var(--outline);letter-spacing:.12em;text-align:right;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;margin-top:.45rem;padding:.25rem;font-size:.58rem;font-weight:700;transition:color .16s,border-color .16s;display:block}.stat-node__roll:hover{color:var(--cyan);border-color:#00f3ff59}.sheet-stat--interactive{transition:border-color .16s,background .16s,transform .16s steps(2,end)}.sheet-stat--interactive:hover{background:#00f3ff0d;border-color:#00f3ff66;transform:translate(3px)}.sheet-stat--interactive:hover strong{color:var(--cyan-soft)}.roll-reveal{color:var(--cyan-soft);border:1px solid #00f3ff38;border-left:3px solid var(--cyan);background:#00f3ff0f;margin:.65rem 0 0;padding:.65rem .75rem;font-size:.85rem;animation:.42s steps(4,end) roll-flash}@keyframes roll-flash{0%{box-shadow:0 0 #00f3ff00}40%{box-shadow:0 0 18px #00f3ff59}to{box-shadow:0 0 #00f3ff00}}.roll-trigger:active{animation:.16s steps(2,end) 2 glitch-hover}.chip--action.available{animation:2.4s steps(2,end) infinite chip-ready}@keyframes chip-ready{0%,to{box-shadow:0 0 #00f3ff00}50%{box-shadow:0 0 10px #00f3ff59}}.chip--action.available:hover{animation:.18s steps(2,end) glitch-hover}.tag-list--live li{animation:.36s steps(3,end) both tag-pop}.tag-list--live li:nth-child(2){animation-delay:60ms}.tag-list--live li:nth-child(3){animation-delay:.12s}@keyframes tag-pop{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.nav-stack a:hover .nav-icon{color:var(--cyan);filter:drop-shadow(0 0 4px #00f3ffa6)}.table-row{position:relative}.table-row:after{content:"";background:var(--cyan);width:0;height:1px;transition:width .22s steps(4,end);position:absolute;bottom:0;left:0}.table-row:hover:after{width:100%}.action-tile:hover:not(:disabled) strong{color:var(--cyan-dim)}.ruleset-section-tabs button.active{animation:.32s steps(3,end) tab-lock}@keyframes tab-lock{0%{box-shadow:inset 0 0 #00f3ff00}to{box-shadow:inset 0 0 14px #00f3ff1f}}.pulse-value{animation:.48s steps(3,end) value-pulse;display:inline-block}@keyframes value-pulse{0%{color:var(--cyan-soft);text-shadow:0 0 12px #00f3ffcc}to{color:inherit;text-shadow:none}}.login-card:hover{box-shadow:var(--shadow-float), var(--glow-cyan);border-color:#00f3ff59}.neural-boot__label{min-height:1rem}.character-card-grid{gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.character-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius);gap:.45rem;padding:.85rem 1rem;transition:border-color .16s,box-shadow .16s;display:grid}.character-card__main{color:inherit;gap:.65rem;text-decoration:none;display:grid}.character-card__main:hover+.character-card__meta,.character-card:hover{box-shadow:var(--glow-cyan);border-color:#00f3ff73}.character-card--alert{border-color:#ff3d3d73}.character-card__header{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.character-card__name{font-family:var(--font-display);font-size:1.1rem;display:block}.character-card__campaign{color:var(--on-surface-variant);margin-top:.2rem;font-size:.78rem;display:block}.character-card__vitals{gap:.45rem;display:grid}.character-card__fallback,.empty-hint{color:var(--on-surface-variant);margin:0;font-size:.85rem}.character-card__meta{color:var(--on-surface-variant);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.character-card__tag{color:var(--amber-soft);border-radius:var(--radius-sm);background:#ffba201f;border:1px solid #ffba2040;padding:.15rem .45rem}.character-card__rev{margin-left:auto}.character-card__gear{color:var(--cyan-dim);font-size:.72rem;text-decoration:none}.character-card__gear:hover{color:var(--cyan-soft)}.status-pill{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.68rem}.status-pill--active{color:var(--cyan-soft);border-color:#00f3ff59}.sheet-save-bar{z-index:20;border-radius:var(--radius);box-shadow:var(--soft-shadow), var(--glow-cyan);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#201f20f0;border:1px solid #00f3ff59;gap:.5rem;padding:.75rem 1rem;display:grid;position:sticky;top:.5rem}.sheet-save-bar__copy{gap:.15rem;display:grid}.sheet-save-bar__copy span{color:var(--amber-soft);font-size:.82rem}.sheet-save-bar__actions{flex-wrap:wrap;gap:.5rem;display:flex}.sheet-quick-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.sheet-save-bar__error{margin:0}.admin-disclosure{background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius);margin-top:1rem;padding:.75rem 1rem}.admin-disclosure summary{cursor:pointer;color:var(--on-surface-variant);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.admin-disclosure[open] summary{color:var(--cyan-soft);margin-bottom:.85rem}.page-stack--sheet{padding-bottom:2rem}.sheet-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.sheet-tab{color:var(--on-surface-variant);background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);cursor:pointer;padding:.45rem .85rem}.sheet-tab--active{color:var(--cyan-soft);box-shadow:var(--glow-cyan);border-color:#00f3ff73}.resource-controls{gap:.45rem;display:grid}.resource-controls__buttons{flex-wrap:wrap;gap:.35rem;display:flex}.chip--resource{min-width:2.5rem;padding:.25rem .5rem;font-size:.78rem}.chip--active{color:var(--cyan-soft);border-color:#00f3ff73}.chip--remove{padding:.15rem .45rem;font-size:.68rem}.skill-preset-row{flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem;display:flex}.spell-list{margin:0;padding:0;list-style:none}.spell-list li{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.effect-list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.effect-list__detail{color:var(--cyan-soft);font-size:.82rem}.condition-add{margin-top:.65rem}.inventory-filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.inventory-group{margin-bottom:1.25rem}.inventory-group__title{color:var(--cyan-soft);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0 0 .5rem;font-size:.95rem;display:flex}.inventory-group__link{color:var(--on-surface-variant);font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;font-size:.68rem;text-decoration:none}.inventory-group__link:hover{color:var(--cyan-soft)}.inventory-row{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.65rem .85rem;display:grid}.inventory-row+.inventory-row{margin-top:.35rem}.inventory-row__label{font-weight:600}.inventory-row__meta{color:var(--on-surface-variant);font-size:.78rem}.inventory-editor-drawer{background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);margin-top:.5rem;padding:.75rem}