:root{--bg:#080b10;--surface:#11161e;--surface-2:#171e28;--surface-3:#202a36;--paper:#f3efe7;--paper-2:#fffdf8;--ink:#15181d;--text:#f5f1e8;--muted:#9ca7b5;--line:#ffffff1a;--accent:#d54336;--accent-soft:#d5433629;--blue:#47c8ff;--blue-soft:#47c8ff29;--gold:#e1b458;--shadow:0 20px 55px #00000047;--radius:18px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}body{background:radial-gradient(circle at 12% 0%, #d543361a, transparent 30rem), radial-gradient(circle at 90% 20%, #47c8ff14, transparent 34rem), var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #47c8ff59}h1,h2,p{margin-top:0}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:.71rem;font-weight:850}.muted{color:var(--muted)}.brand-lockup{letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.05rem;font-weight:850;display:flex}.brand-lockup.compact{font-size:.95rem}.brand-mark{background:linear-gradient(145deg, #ffffff21, transparent), var(--accent);color:#fff;border:1px solid #ffffff29;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:1.45rem;font-weight:900;display:inline-grid;transform:rotate(-4deg);box-shadow:0 10px 30px #d5433633}.primary-button,.secondary-button,.create-button,.add-row-button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.primary-button{background:var(--accent);padding:0 18px;box-shadow:0 10px 24px #d5433638}.primary-button.sci-fi{background:#157fb4;box-shadow:0 10px 24px #47c8ff2e}.primary-button:hover,.create-button:hover,.secondary-button:hover,.add-row-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.7}.full-width{width:100%}.secondary-button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:0 14px}.text-button{color:var(--muted);background:0 0;border:0;font-size:.86rem;font-weight:700}.text-button:hover{color:var(--text)}.icon-button{border:1px solid var(--line);background:#ffffff0a;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button:hover{background:#ffffff14}.icon-button.danger:hover{background:var(--accent-soft);color:#ff796e;border-color:#d5433673}.icon-button.subtle{color:#747b84;background:#11161e0a;border-color:#11161e1a;width:34px;height:34px}.auth-shell{grid-template-columns:minmax(0,1.3fr) minmax(420px,.7fr);min-height:100vh;display:grid}.auth-story{background:linear-gradient(125deg,#000000bd,#070c1461),radial-gradient(circle at 85% 55%,#47c8ff30,#0000 22rem),repeating-linear-gradient(115deg,#0000 0 50px,#ffffff05 51px 52px),#0b1119;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(32px,6vw,84px);display:flex;overflow:hidden}.auth-copy{max-width:740px;padding:80px 0 40px}.auth-copy h1{letter-spacing:-.065em;max-width:680px;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.3rem,7vw,7.2rem);font-weight:600;line-height:.88}.auth-copy>p:not(.eyebrow){color:#b7c0cb;max-width:590px;font-size:clamp(1rem,1.5vw,1.23rem);line-height:1.65}.auth-benefits{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.auth-benefits span{border:1px solid var(--line);color:#d7dde4;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:.83rem;font-weight:700;display:inline-flex}.auth-card{border-left:1px solid var(--line);background:#080b10db;place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card-inner{width:min(100%,420px)}.auth-card h2{letter-spacing:-.04em;margin-bottom:10px;font-family:Georgia,serif;font-size:2.15rem}.auth-form{gap:18px;margin:32px 0 20px;display:grid}.auth-form>label,.field{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:7px;font-size:.72rem;font-weight:800;display:grid}.input-with-icon{border:1px solid var(--line);background:var(--surface);min-height:50px;color:var(--muted);border-radius:13px;align-items:center;gap:10px;padding:0 14px;display:flex}.input-with-icon input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.form-message{color:#f6b47a;margin:-4px 0 0;font-size:.84rem;line-height:1.5}.setup-shell,.loading-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.setup-card{border:1px solid var(--line);background:var(--surface);max-width:560px;box-shadow:var(--shadow);text-align:center;border-radius:22px;padding:46px}.setup-card .brand-mark{margin-bottom:28px}.setup-card h1{letter-spacing:-.045em;font-family:Georgia,serif;font-size:2.5rem}.pulse{animation:1.3s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.5;transform:rotate(-4deg)scale(.94)}}.app-shell{grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:50;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0e14f5;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-head{justify-content:space-between;align-items:center;padding:20px;display:flex}.create-actions{grid-template-columns:1fr 1fr;gap:8px;padding:4px 16px 20px;display:grid}.create-button{background:var(--accent);padding:0 10px;font-size:.76rem}.create-button.sci-fi{background:#13658d}.sidebar-label{color:#737f8e;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 19px 8px;font-size:.69rem;font-weight:850;display:flex}.character-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding:4px 10px 20px;display:flex;overflow-y:auto}.character-list-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;padding:9px;display:grid}.character-list-item:hover,.character-list-item.active{border-color:var(--line);background:#ffffff0e}.character-list-item.active{box-shadow:inset 3px 0 var(--accent)}.character-list-item strong,.character-list-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.character-list-item strong{font-size:.87rem}.character-list-item small{color:var(--muted);margin-top:2px;font-size:.68rem}.character-icon{background:var(--accent-soft);color:#f6776d;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.character-icon.scifi{background:var(--blue-soft);color:var(--blue)}.sidebar-empty{color:var(--muted);text-align:center;place-items:center;gap:8px;padding:36px 18px;font-size:.78rem;display:grid}.sidebar-empty p{margin:0}.sidebar-account{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-account span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.workspace{min-width:0}.workspace-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080b10d1;align-items:center;gap:14px;min-height:78px;padding:12px clamp(18px,3vw,38px);display:flex;position:sticky;top:0}.workspace-header>div:nth-child(2){flex:1;min-width:0}.workspace-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1rem,2vw,1.28rem);overflow:hidden}.workspace-header .eyebrow{margin-bottom:2px;font-size:.61rem}.header-actions{align-items:center;gap:8px;display:flex}.save-state{min-width:90px;color:var(--muted);align-items:center;gap:6px;font-size:.73rem;font-weight:700;display:inline-flex}.save-state.saved{color:#65d59b}.save-state.error{color:#ff796e}.empty-workspace{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 79px);padding:30px;display:grid}.empty-workspace h2{letter-spacing:-.06em;margin-bottom:12px;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4.2rem)}.empty-workspace>p:not(.eyebrow){max-width:530px;color:var(--muted);line-height:1.65}.empty-glyph{border:1px solid var(--line);background:var(--surface);border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:26px;display:grid}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.character-editor{--sheet-accent:var(--accent);--sheet-accent-soft:var(--accent-soft);--sheet-glow:#d543361a;background:radial-gradient(circle at 90% 10%, var(--sheet-glow), transparent 30rem), transparent;padding:clamp(18px,3vw,40px)}.character-editor.theme-scifi{--sheet-accent:var(--blue);--sheet-accent-soft:var(--blue-soft);--sheet-glow:#47c8ff1f}.sheet-hero{justify-content:space-between;align-items:flex-end;gap:26px;max-width:1280px;margin:0 auto 24px;display:flex}.sheet-hero>div:first-child{flex:1;min-width:0}.sheet-hero .eyebrow,.section-title .eyebrow{color:var(--sheet-accent)}.character-name-input{width:100%;max-width:780px;color:var(--text);letter-spacing:-.065em;background:0 0;border:0;outline:0;padding:0;font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:600;line-height:1}.sheet-hero>div:first-child>p:last-child{color:var(--muted);margin:12px 0 0}.variant-switch{border:1px solid var(--line);background:var(--surface);border-radius:13px;gap:4px;padding:4px;display:inline-flex}.variant-switch button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:.78rem;font-weight:800;display:inline-flex}.variant-switch button.active{background:var(--sheet-accent-soft);color:var(--sheet-accent)}.command-deck{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c1118c2;border-radius:14px;grid-template-columns:repeat(6,minmax(0,1fr));max-width:1440px;margin:0 auto 12px;display:grid;overflow:hidden;box-shadow:0 16px 35px #0000001f}.quick-readout,.quick-resource{border-right:1px solid var(--line);justify-content:space-between;align-items:center;gap:9px;min-width:0;min-height:58px;padding:9px 12px;display:flex}.quick-resource:last-child{border-right:0}.quick-readout>span,.quick-resource>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.6rem;font-weight:850}.quick-readout strong,.quick-resource strong{color:var(--text);font-family:Georgia,serif;font-size:1.45rem;line-height:1}.quick-readout strong small{color:var(--muted);font-family:inherit;font-size:.72rem}.quick-resource-controls{align-items:center;gap:5px;display:inline-flex}.quick-resource-controls button{border:1px solid var(--line);width:25px;height:25px;color:var(--muted);background:#ffffff0a;border-radius:7px;place-items:center;padding:0;transition:background .15s,color .15s,transform .15s;display:inline-grid}.quick-resource-controls button:hover:not(:disabled){background:var(--sheet-accent-soft);color:var(--sheet-accent);transform:translateY(-1px)}.quick-resource-controls button:disabled{cursor:not-allowed;opacity:.35}.sheet-tabs{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;background:#11161ef0;border-radius:15px;max-width:1280px;margin:0 auto 26px;padding:5px;display:flex;position:sticky;top:78px;overflow-x:auto;box-shadow:0 16px 35px #0000002b}.sheet-tabs::-webkit-scrollbar{display:none}.sheet-tabs button{min-height:42px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.78rem;font-weight:800;display:inline-flex}.sheet-tabs button.active{background:var(--sheet-accent-soft);color:var(--sheet-accent)}.sheet-tabs button:hover:not(.active){color:var(--text);background:#ffffff0d}.sheet-content{max-width:1280px;min-height:620px;margin:0 auto}.section-stack{gap:22px;display:grid}.section-title{align-items:center;gap:12px;display:flex}.section-title h2{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:clamp(1.45rem,2.7vw,2rem)}.section-title .eyebrow{margin-bottom:2px;font-size:.61rem}.section-icon{background:var(--sheet-accent-soft);width:42px;height:42px;color:var(--sheet-accent);border-radius:12px;flex:none;place-items:center;display:grid}.section-action{margin-left:auto}.paper-card{border-radius:var(--radius);background:linear-gradient(135deg, #ffffffb3, transparent 45%), var(--paper);color:var(--ink);border:1px solid #191d231a;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 13px 30px #00000029,inset 0 1px #ffffffe6}.paper-card:hover{transform:translateY(-1px)}.theme-scifi .paper-card{color:var(--text);background:linear-gradient(145deg,#ffffff0f,#0000 40%),#163247eb;border-color:#47c8ff52;box-shadow:0 0 0 1px #47c8ff14,0 16px 36px #00000042,inset 0 0 28px #47c8ff0f}.identity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:24px;display:grid}.profile-layout{grid-template-columns:226px minmax(0,1fr);gap:14px;display:grid}.portrait-card{border-radius:var(--radius);background:linear-gradient(150deg, var(--sheet-accent-soft), #ffffff73);border:1px solid #191d231f;flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex;box-shadow:0 13px 30px #0000001f}.theme-scifi .portrait-card{background:linear-gradient(150deg,#47c8ff30,#163247e6);border-color:#47c8ff52}.portrait-frame{aspect-ratio:4/5;background:#0d1720e0;border:1px solid #191d2329;border-radius:12px;place-items:center;display:grid;overflow:hidden}.portrait-frame img{object-fit:cover;width:100%;height:100%}.portrait-fallback{color:var(--sheet-accent);letter-spacing:-.08em;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.portrait-signals{gap:7px;display:grid}.portrait-signals>div{grid-template-columns:84px minmax(0,1fr);align-items:baseline;gap:6px;display:grid}.portrait-signals span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.59rem;font-weight:850}.portrait-signals strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.theme-scifi .portrait-signals strong{color:var(--text)}.field input,.field textarea,.field select,.skill-main input,.skill-main select,.weapon-heading input,.advance-row input{width:100%;color:var(--ink);text-transform:none;background:#ffffff8a;border:1px solid #11161e24;border-radius:10px;outline:0;transition:border-color .15s,background .15s,box-shadow .15s}.field:focus-within span{color:var(--sheet-accent)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--sheet-accent);box-shadow:0 0 0 3px var(--sheet-accent-soft);background:#ffffffad}.theme-scifi .field input:focus,.theme-scifi .field textarea:focus,.theme-scifi .field select:focus{background:#081622eb}.field textarea{resize:vertical;min-height:80px;padding:11px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus,.skill-main input:focus,.skill-main select:focus,.weapon-heading input:focus,.advance-row input:focus{border-color:var(--sheet-accent);box-shadow:0 0 0 3px var(--sheet-accent-soft)}.theme-scifi .field,.theme-scifi .skill-main{color:#8ea8bb}.theme-scifi .field input,.theme-scifi .field textarea,.theme-scifi .field select,.theme-scifi .skill-main input,.theme-scifi .skill-main select,.theme-scifi .weapon-heading input,.theme-scifi .advance-row input{color:var(--text);background:#05121c6b;border-color:#47c8ff33}.derived-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:138px;box-shadow:var(--shadow);text-align:center;align-content:center;padding:20px;display:grid}.metric-card>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:850}.metric-card>strong{margin:4px 0;font-family:Georgia,serif;font-size:2.7rem}.metric-card strong small{color:var(--muted);font-family:inherit;font-size:1rem}.metric-card>small{color:#727f8e;font-size:.68rem}.metric-card.accent{border-color:color-mix(in srgb, var(--sheet-accent) 38%, transparent);background:radial-gradient(circle at 50% 110%, var(--sheet-accent-soft), transparent 65%), var(--surface)}.compact-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px;display:grid}.app-error{color:#ffc0ba;background:#d5433621;border:1px solid #ff796e61;border-radius:12px;align-items:center;gap:10px;margin:14px 24px 0;padding:12px 14px;font-size:.86rem;font-weight:700;display:flex}.app-error span{flex:1}.app-error button{background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.app-error button:hover{background:#ffffff14}.attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.attribute-card{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;padding:20px;display:grid}.attribute-card>div:first-child span,.attribute-card>div:first-child strong{display:block}.attribute-card>div:first-child span{color:#6c747c;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:850}.theme-scifi .attribute-card>div:first-child span{color:#8ea8bb}.attribute-card>div:first-child strong{color:var(--sheet-accent);margin-top:4px;font-family:Georgia,serif;font-size:2.35rem}.die-picker{align-items:flex-end;gap:12px;min-width:0;display:flex}.die-options{flex:1;gap:5px;min-width:0;display:flex}.die-options button{color:#5f6871;background:#ffffff80;border:1px solid #11161e26;border-radius:10px;flex:1;min-width:42px;min-height:40px;font-size:.75rem;font-weight:850}.die-options button.active{border-color:var(--sheet-accent);background:var(--sheet-accent);color:#fff;box-shadow:0 7px 18px var(--sheet-accent-soft)}.theme-scifi .die-options button{color:#91a8ba;background:#05121c61;border-color:#47c8ff38}.theme-scifi .die-options button.active{color:#fff;background:#14749f}.modifier{color:#727a82;letter-spacing:.08em;text-transform:uppercase;gap:5px;font-size:.58rem;font-weight:850;display:grid}.modifier select{min-height:40px;color:var(--ink);background:#ffffff8c;border:1px solid #11161e26;border-radius:10px}.theme-scifi .modifier{color:#8ea8bb}.theme-scifi .modifier select{color:var(--text);background:#05121c61;border-color:#47c8ff38}.skill-list,.weapon-list,.advance-list{gap:10px;display:grid}.skill-row{grid-template-columns:minmax(210px,.7fr) minmax(440px,1.3fr) 34px;align-items:center;gap:14px;padding:14px;display:grid}.skill-main{grid-template-columns:minmax(0,1.3fr) minmax(110px,.7fr);gap:8px;display:grid}.three-column-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.three-column-sections>article{padding:22px}.three-column-sections .section-title h2{font-size:1.35rem}.list-editor{gap:8px;display:grid}.list-row{grid-template-columns:minmax(0,1fr) 34px;gap:7px;display:grid}.list-row input{min-height:40px;color:inherit;background:0 0;border:0;border-bottom:1px solid #11161e33;outline:0;padding:0 10px}.theme-scifi .list-row input{border-bottom-color:#47c8ff3d}.add-row-button{color:#6b747d;background:0 0;border:1px dashed #11161e38;width:100%;margin-top:7px;font-size:.75rem}.theme-scifi .add-row-button{color:#91a8ba;border-color:#47c8ff42}.empty-inline,.empty-card{color:#7b838b;font-size:.8rem}.combat-status-grid{grid-template-columns:minmax(300px,.75fr) minmax(400px,1.25fr);gap:14px;display:grid}.status-card,.armor-card{padding:22px}.status-card{gap:18px;display:grid}.status-dots{justify-content:space-between;align-items:center;gap:16px;display:flex}.status-dots>span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.status-dots>div{gap:6px;display:flex}.status-dots button{color:#707880;background:#ffffff80;border:1px solid #11161e2e;border-radius:50%;width:38px;height:38px;font-weight:850}.status-dots button.active{border-color:var(--sheet-accent);background:var(--sheet-accent);color:#fff}.incap-button{min-height:44px;color:var(--accent);background:0 0;border:1px solid #d5433659;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.incap-button.active{background:var(--accent);color:#fff}.armor-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.weapon-card,.power-card{padding:18px}.weapon-heading{grid-template-columns:minmax(0,1fr) 34px;gap:10px;margin-bottom:14px;display:grid}.weapon-heading input{font-weight:850}.weapon-fields{grid-template-columns:1.2fr 1.2fr .7fr .7fr .8fr;gap:10px;margin-bottom:12px;display:grid}.power-points-card{grid-template-columns:140px auto 140px;justify-content:center;align-items:end;gap:14px;padding:22px;display:grid}.power-points-card>span{padding-bottom:10px;font-size:1.4rem;font-weight:800}.power-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.power-fields{grid-template-columns:.65fr 1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.empty-card{text-align:center;padding:30px}.advance-row{grid-template-columns:34px 34px 100px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;transition:opacity .16s;display:grid}.advance-row.completed{opacity:.64}.advance-check{color:#fff;background:0 0;border:1px solid #11161e33;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.advance-row.completed .advance-check{border-color:var(--sheet-accent);background:var(--sheet-accent)}.advance-number{color:var(--sheet-accent);text-align:center;font-family:Georgia,serif;font-size:1.25rem;font-weight:800}.rank-pill{background:var(--sheet-accent-soft);min-height:28px;color:var(--sheet-accent);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.64rem;font-weight:850;display:inline-flex}.notes-card{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:18px;padding:24px;display:grid}.mobile-only,.sidebar-backdrop{display:none}@media (max-width:1100px){.profile-layout{grid-template-columns:190px minmax(0,1fr)}.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attribute-grid,.three-column-sections{grid-template-columns:1fr}.skill-row{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr) 34px}.derived-grid,.compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.command-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-readout,.quick-resource{border-bottom:1px solid var(--line)}.quick-readout:nth-child(3n),.quick-resource:nth-child(3n){border-right:0}.quick-readout:nth-child(n+4),.quick-resource:nth-child(n+4){border-bottom:0}.auth-shell{grid-template-columns:1fr}.auth-story{min-height:48vh;padding:28px 24px 42px}.auth-copy{padding:80px 0 0}.auth-copy h1{font-size:clamp(3rem,15vw,5rem)}.auth-card{border-top:1px solid var(--line);border-left:0;min-height:52vh;padding:50px 24px}.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:80;width:min(88vw,320px);transition:transform .22s;position:fixed;left:0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;border:0;display:block;position:fixed;inset:0}.mobile-only{display:inline-grid}.workspace-header{min-height:68px;padding:10px 14px}.character-editor{padding:20px 14px 42px}.sheet-hero{flex-direction:column;align-items:flex-start}.character-name-input{font-size:clamp(2.2rem,12vw,3.6rem)}.variant-switch{width:100%}.variant-switch button{flex:1;justify-content:center}.sheet-tabs{border-left:0;border-right:0;border-radius:0;margin-inline:-14px;top:68px}.sheet-tabs button{flex:none}.skill-row{grid-template-columns:minmax(0,1fr) 34px}.skill-main,.skill-row .die-picker{grid-column:1}.skill-row>.icon-button{grid-area:1/2}.combat-status-grid,.notes-card,.power-grid{grid-template-columns:1fr}.save-state{display:none}.app-error{margin:10px 14px 0}}@media (max-width:560px){.command-deck{border-radius:12px;margin-bottom:10px}.quick-readout,.quick-resource{gap:5px;min-height:52px;padding:7px 8px}.quick-readout>span,.quick-resource>span{letter-spacing:.06em;font-size:.5rem}.quick-readout strong,.quick-resource strong{font-size:1.22rem}.quick-resource-controls{gap:2px}.quick-resource-controls button{border-radius:6px;width:21px;height:21px}.auth-story{min-height:44vh}.auth-copy{padding-top:58px}.auth-benefits{display:none}.auth-card{min-height:56vh}.workspace-header .danger{display:none}.identity-grid,.derived-grid,.compact-form-grid,.armor-card{grid-template-columns:1fr}.metric-card{min-height:115px}.attribute-card{grid-template-columns:1fr}.die-picker{flex-direction:column;align-items:stretch}.die-picker.compact{flex-direction:row;align-items:flex-end}.die-options button{min-width:0}.weapon-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.power-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.power-points-card{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.advance-row{grid-template-columns:34px 30px minmax(0,1fr)}.advance-row input{grid-column:1/-1}.rank-pill{justify-self:start}.section-title{align-items:flex-start}.section-action{margin-left:auto}.section-action .secondary-button{width:42px;padding:0;font-size:0;overflow:hidden}.status-dots{flex-direction:column;align-items:flex-start}}.sheet-identity-lockup{align-items:center;gap:16px;min-width:0;display:flex}.sheet-avatar{border:1px solid color-mix(in srgb, var(--sheet-accent) 45%, transparent);background:linear-gradient(145deg, #ffffff21, transparent), color-mix(in srgb, var(--sheet-accent) 72%, #151a22);width:64px;height:64px;box-shadow:0 14px 32px color-mix(in srgb, var(--sheet-accent) 18%, transparent);color:#fff;letter-spacing:-.05em;border-radius:20px;flex:none;place-items:center;font-family:Georgia,serif;font-size:1.45rem;font-weight:800;display:grid}.sheet-title-block{flex:1;min-width:0}.character-context{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.character-context span{border:1px solid var(--line);color:#b7c1cd;background:#ffffff0b;border-radius:999px;padding:5px 9px;font-size:.64rem;font-weight:750}.feature-manager{color:var(--text);gap:12px;display:grid}.feature-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.feature-overview article{border:1px solid var(--line);background:radial-gradient(circle at 100% 0%, var(--sheet-accent-soft), transparent 55%), var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:2px 12px;min-height:92px;padding:14px 16px;display:grid}.feature-overview span,.feature-overview small{color:var(--muted);font-size:.65rem;font-weight:750}.feature-overview span{letter-spacing:.09em;text-transform:uppercase;align-self:end}.feature-overview strong{color:var(--sheet-accent);grid-area:1/2/3;align-self:center;font-family:Georgia,serif;font-size:2.25rem}.feature-kind-tabs{border:1px solid var(--line);background:#11161edb;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid}.feature-kind-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.75rem;font-weight:800;display:flex}.feature-kind-tabs button strong{background:#ffffff0f;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:.65rem;display:inline-grid}.feature-kind-tabs button.active{background:var(--sheet-accent-soft);color:var(--sheet-accent)}.feature-workbench{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:minmax(250px,.35fr) minmax(0,1fr);min-height:420px;display:grid;overflow:hidden;box-shadow:0 18px 45px #0003}.feature-index{border-right:1px solid var(--line);background:#070a0f5c;flex-direction:column;min-width:0;padding:10px;display:flex}.feature-search{border:1px solid var(--line);min-height:38px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.feature-search:focus-within{border-color:var(--sheet-accent);box-shadow:0 0 0 3px var(--sheet-accent-soft)}.feature-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:.75rem}.feature-index-list{align-content:start;gap:4px;min-height:110px;padding:8px 0;display:grid}.feature-index-list>button{min-height:50px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;display:grid}.feature-index-list>button:hover,.feature-index-list>button.active{border-color:var(--line);color:var(--text);background:#ffffff0d}.feature-index-list>button.active{box-shadow:inset 3px 0 var(--sheet-accent)}.feature-monogram{background:var(--sheet-accent-soft);width:32px;height:32px;color:var(--sheet-accent);border-radius:9px;place-items:center;font-family:Georgia,serif;font-weight:800;display:grid}.feature-index-list strong,.feature-index-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.feature-index-list strong{color:inherit;font-size:.78rem}.feature-index-list small{color:var(--muted);margin-top:2px;font-size:.64rem}.feature-empty{color:var(--muted);text-align:center;place-items:center;gap:5px;padding:32px 10px;display:grid}.feature-empty p{margin:0;font-size:.73rem}.feature-index .add-row-button{border-color:var(--line);min-height:38px;color:var(--muted);margin-top:auto}.feature-detail{min-width:0;padding:clamp(18px,3vw,30px)}.feature-detail-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.feature-detail-head h3,.feature-suggestions h3,.feature-detail-empty h3{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:1.55rem}.feature-detail-head>div:last-child{gap:6px;display:flex}.feature-detail .icon-button.active{background:var(--sheet-accent-soft);color:var(--sheet-accent)}.feature-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feature-form-grid .field{color:var(--muted)}.feature-form-grid .field input,.feature-form-grid .field select,.feature-form-grid .field textarea{border-color:var(--line);color:var(--text);background:#05090e75}.feature-description{grid-column:1/-1}.feature-description textarea{min-height:150px}.feature-detail-empty{min-height:330px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.feature-detail-empty p{max-width:440px;margin:0;line-height:1.55}.feature-suggestions{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:18px;padding:16px;display:grid}.feature-suggestion-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.feature-suggestion-list button{border:1px solid var(--line);min-height:56px;color:var(--muted);text-align:left;background:#ffffff09;border-radius:11px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.feature-suggestion-list button:hover{border-color:color-mix(in srgb, var(--sheet-accent) 50%, transparent);background:var(--sheet-accent-soft);color:var(--text)}.feature-suggestion-list strong,.feature-suggestion-list small{display:block}.feature-suggestion-list strong{color:var(--text);font-size:.75rem}.feature-suggestion-list small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.62rem;line-height:1.3;display:-webkit-box;overflow:hidden}.gear-strip{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:20px;padding:16px;display:grid}.gear-strip .list-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-strip .add-row-button,.gear-strip .empty-inline{grid-column:1/-1}@media (max-width:900px){.feature-workbench{grid-template-columns:220px minmax(0,1fr)}.feature-suggestions,.gear-strip{grid-template-columns:1fr}}@media (max-width:680px){.sheet-avatar{border-radius:14px;width:46px;height:46px;font-size:1.05rem}.sheet-identity-lockup{gap:10px}.character-context{display:none}.feature-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-overview article{text-align:center;grid-template-columns:1fr;min-height:78px;padding:10px}.feature-overview strong{order:-1;grid-area:auto;font-size:1.8rem}.feature-overview small,.feature-kind-tabs button span{display:none}.feature-workbench{grid-template-columns:1fr}.feature-index{border-right:0;border-bottom:1px solid var(--line)}.feature-index-list{max-height:180px;overflow-y:auto}.feature-form-grid,.feature-suggestion-list,.gear-strip .list-editor{grid-template-columns:1fr}.feature-description{grid-column:auto}.feature-suggestions{padding:13px}}.private-rule-library{border:1px solid color-mix(in srgb, var(--blue) 28%, var(--line));background:radial-gradient(circle at 100% 0%, #47c8ff1a, transparent 30rem), var(--surface);border-radius:20px;gap:14px;margin-top:34px;padding:clamp(18px,3vw,30px);display:grid}.private-rule-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.private-rule-heading h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.25rem)}.private-rule-heading>div>p:last-child{max-width:780px;color:var(--muted);margin:8px 0 0;line-height:1.55}.private-rule-heading>svg{background:var(--blue-soft);width:48px;height:48px;color:var(--blue);border:1px solid #47c8ff3d;border-radius:14px;flex:none;padding:12px}.rule-import-bar{border:1px solid var(--line);background:#05090e5c;border-radius:14px;align-items:end;gap:10px;padding:12px;display:flex}.rule-import-bar .select-field{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex:1;gap:5px;font-size:.67rem;font-weight:750;display:grid}.rule-import-bar .select-field select{border:1px solid var(--line);background:var(--surface-2);min-height:38px;color:var(--text);text-transform:none;border-radius:9px;padding:0 10px}.rule-import-bar .primary-button{min-height:38px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.rule-import-progress{border:1px solid var(--line);background:#ffffff0a;border-radius:9px;height:28px;position:relative;overflow:hidden}.rule-import-progress>span{background:linear-gradient(90deg, var(--blue), #8de3ff);transition:width .18s;position:absolute;inset:0 auto 0 0}.rule-import-progress small{z-index:1;color:#06131b;place-items:center;height:100%;font-size:.68rem;font-weight:850;display:grid;position:relative}.rule-library-notice{color:#bdeeff;background:#47c8ff12;border:1px solid #47c8ff38;border-radius:10px;margin:0;padding:10px 12px;font-size:.78rem}.rulebook-tabs{flex-wrap:wrap;gap:7px;display:flex}.rulebook-tabs>div{border:1px solid var(--line);background:#ffffff08;border-radius:11px;align-items:center;gap:2px;max-width:100%;padding:3px;display:flex}.rulebook-tabs>div.active{background:var(--blue-soft);border-color:#47c8ff6b}.rulebook-tabs>div>button:first-child{text-align:left;background:0 0;border:0;min-width:0;padding:5px 8px}.rulebook-tabs strong,.rulebook-tabs small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rulebook-tabs strong{max-width:260px;color:var(--text);font-size:.73rem}.rulebook-tabs small{color:var(--muted);margin-top:2px;font-size:.61rem}.rulebook-tabs .icon-button{width:30px;height:30px}.rule-search{width:100%}.private-rule-layout{border:1px solid var(--line);background:#0a0e14;border-radius:15px;grid-template-columns:minmax(270px,.35fr) minmax(0,1fr);min-height:560px;display:grid;overflow:hidden}.private-rule-results{border-right:1px solid var(--line);background:#ffffff06;align-content:start;gap:5px;padding:11px;display:grid;overflow-y:auto}.private-rule-results>button{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:3px 9px;padding:9px;display:grid}.private-rule-results>button:hover,.private-rule-results>button.active{border-color:var(--line);color:var(--text);background:#ffffff0e}.private-rule-results>button.active{box-shadow:inset 3px 0 var(--blue)}.private-rule-results>button>span{background:var(--blue-soft);color:var(--blue);border-radius:6px;grid-row:1/3;padding:3px 5px;font-size:.62rem;font-weight:800}.private-rule-results strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.private-rule-results small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.32;display:-webkit-box;overflow:hidden}.private-rule-page{min-width:0;padding:clamp(16px,3vw,30px)}.private-rule-page pre{color:#e3e7ec;white-space:pre-wrap;word-break:normal;margin:18px 0 0;font-family:inherit;font-size:.9rem;line-height:1.68}@media (max-width:720px){.private-rule-heading>svg{display:none}.rule-import-bar{flex-direction:column;align-items:stretch}.private-rule-layout{grid-template-columns:1fr}.private-rule-results{border-right:0;border-bottom:1px solid var(--line);max-height:280px}}.compendium-source-tabs{border:1px solid var(--line);background:#11161ee0;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:14px;padding:5px;display:grid}.compendium-source-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.76rem;font-weight:800;display:inline-flex}.compendium-source-tabs button.active{background:var(--accent-soft);color:#ff8176}.default-rule-library{background:radial-gradient(circle at 100% 0%, #47c8ff1a, transparent 34rem), var(--surface);border:1px solid #47c8ff3d;border-radius:20px;gap:13px;padding:clamp(18px,3vw,30px);display:grid}.rulebook-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.rulebook-heading h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.25rem)}.rulebook-heading>div>p:last-child{color:var(--muted);margin:7px 0 0;font-size:.84rem}.rulebook-heading>span{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border:1px solid #47c8ff38;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:.67rem;font-weight:800;display:inline-flex}.rule-section-jumps{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.rule-section-jumps button{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#ffffff0a;border-radius:999px;flex:none;padding:0 10px;font-size:.68rem;font-weight:750}.rule-section-jumps button:hover{background:var(--blue-soft);color:var(--blue);border-color:#47c8ff6b}.rule-section-jumps button.active{color:var(--blue);background:#47c8ff29;border-color:#47c8ff8c}.default-rule-layout{border:1px solid var(--line);background:#090d13;border-radius:15px;grid-template-columns:minmax(275px,.34fr) minmax(0,1fr);min-height:690px;display:grid;overflow:hidden}.default-rule-results{border-right:1px solid var(--line);background:#ffffff06;align-content:start;gap:5px;padding:11px;display:grid;overflow-y:auto}.default-rule-results>button{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:9px;display:grid}.default-rule-results>button:hover,.default-rule-results>button.active{border-color:var(--line);color:var(--text);background:#ffffff0e}.default-rule-results>button.active{box-shadow:inset 3px 0 var(--blue), 0 7px 18px #00000024;border-color:#47c8ff52}.default-rule-results>button>span{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:6px;padding:3px 5px;font-size:.62rem;font-weight:850}.default-rule-results small{color:inherit;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.38;display:-webkit-box;overflow:hidden}.default-rule-results strong{color:inherit;margin:1px 0 4px;font-size:.79rem;line-height:1.25;display:block}.default-rule-page{background:linear-gradient(145deg,#47c8ff09,#0000 28rem),#060a0fad;flex-direction:column;min-width:0;padding:clamp(16px,3vw,30px);display:flex}.default-rule-page pre{color:#e5e9ef;white-space:pre-wrap;margin:18px 0 0;font-family:inherit;font-size:.9rem;line-height:1.68}.default-rule-page h2{letter-spacing:-.045em;margin:16px 0 0;font-family:Georgia,serif;font-size:clamp(1.6rem,3.3vw,2.5rem)}.rule-summary{max-width:70ch;color:var(--muted);margin:9px 0 0;font-size:1rem;line-height:1.62}.rule-content{color:#e5e9ef;gap:0;max-width:76ch;margin-top:26px;font-size:.95rem;line-height:1.76;display:grid}.rule-content p{margin:0 0 1.05em}.rule-content h3{color:#f2f5f8;letter-spacing:-.025em;margin:1.85em 0 .62em;font-family:Georgia,serif;font-size:1.16rem}.rule-content ul{background:#47c8ff0b;border:1px solid #47c8ff29;border-radius:12px;gap:8px;margin:0 0 1.25em;padding:15px 17px 15px 35px;display:grid}.rule-content li::marker{color:var(--blue)}.rule-content mark,.rule-table-card mark{color:#ffc9c2;font:inherit;background:#ff716429;border-radius:4px;padding:.05em .32em;font-weight:750}.rule-tables{gap:14px;margin-top:24px;display:grid}.rule-table-card{background:linear-gradient(130deg,#47c8ff1c,#47c8ff06 60%),#0a1119;border:1px solid #47c8ff47;border-radius:14px;overflow:hidden}.rule-table-card>div:first-child{padding:18px 19px 14px}.rule-table-card .eyebrow{color:var(--blue)}.rule-table-card h3{color:#f0f4f7;margin:4px 0 0;font-family:Georgia,serif;font-size:1.2rem}.rule-table-card p:not(.eyebrow){color:var(--muted);margin:6px 0 0;font-size:.79rem;line-height:1.45}.rule-table-scroll{border-top:1px solid #ffffff14;overflow-x:auto}.rule-table-card table{border-collapse:collapse;width:100%;min-width:500px;font-size:.82rem;line-height:1.46}.rule-table-card th,.rule-table-card td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff12;padding:11px 14px}.rule-table-card th{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;background:#03090f6b;font-size:.65rem}.rule-table-card td:first-child{color:#f2f5f7;width:32%;font-weight:800}.rule-table-card tbody tr:last-child td{border-bottom:0}.rule-page-navigation{justify-content:space-between;gap:8px;margin-top:auto;padding-top:24px;display:flex}.rule-page-navigation button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#ffffff0a;border-radius:9px;padding:0 12px;font-size:.72rem;font-weight:800}.rule-page-navigation button:hover:not(:disabled){color:var(--blue);border-color:#47c8ff6b}.rule-page-navigation button:disabled{cursor:not-allowed;opacity:.35}@media (max-width:720px){.compendium-source-tabs button{min-height:38px;padding:0 7px;font-size:.67rem}.compendium-source-tabs button svg,.rulebook-heading>span{display:none}.default-rule-layout{grid-template-columns:1fr}.default-rule-results{border-right:0;border-bottom:1px solid var(--line);max-height:280px}}.platform-navigation{border-bottom:1px solid var(--line);gap:3px;padding:2px 10px 14px;display:grid}.platform-navigation button{color:#8d98a5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:39px;padding:0 11px;font-size:.79rem;font-weight:800;display:flex}.platform-navigation button:hover,.platform-navigation button.active{color:var(--text);background:#ffffff0e}.platform-navigation button.active{box-shadow:inset 3px 0 var(--accent)}.platform-shell .create-actions{padding-top:14px}.platform-shell .character-list{flex:0 360px}.platform-view{max-width:1540px;margin:0 auto;padding:clamp(18px,3vw,38px)}.view-intro{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:28px;display:flex}.view-intro h1{letter-spacing:-.065em;margin:0;font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,5.3rem);font-weight:600;line-height:.95}.view-intro>div>p:last-child{max-width:680px;color:var(--muted);margin:12px 0 0;line-height:1.6}.view-icon{border:1px solid var(--line);background:var(--surface);color:#f6776d;border-radius:18px;flex:none;place-items:center;width:62px;height:62px;display:grid}.platform-hero{border:1px solid var(--line);background:linear-gradient(90deg,#06090ee6 0%,#06090ead 40%,#06090e29 72%),url(/art/platform-hero.png) 50%/cover no-repeat;border-radius:28px;align-items:center;min-height:clamp(370px,47vw,570px);padding:clamp(28px,5vw,72px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000057}.platform-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#06090e80);height:42%;position:absolute;inset:auto 0 0}.platform-hero-copy{z-index:1;max-width:670px;position:relative}.platform-hero-copy h1{letter-spacing:-.07em;margin:0;font-family:Georgia,serif;font-size:clamp(3rem,6vw,6.4rem);font-weight:600;line-height:.88}.platform-hero-copy>p:not(.eyebrow){color:#c0c8d2;max-width:570px;margin:22px 0 0;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.65}.platform-hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.platform-hero-badge{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05090fad;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:22px;right:22px}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.dashboard-stats article{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-content:center;min-height:112px;padding:16px 18px;display:grid}.dashboard-stats span,.dashboard-stats small{color:var(--muted);font-size:.65rem;font-weight:800}.dashboard-stats span{letter-spacing:.09em;text-transform:uppercase}.dashboard-stats strong{margin:4px 0;font-family:Georgia,serif;font-size:2rem}.dashboard-stats article.accent{background:linear-gradient(135deg, #65d59b1a, var(--surface));border-color:#65d59b42}.dashboard-stats article.accent strong{color:#65d59b}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px;display:grid}.dashboard-panel,.tool-panel,.compendium-results,.compendium-detail,.campaign-list,.campaign-workspace{border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:0 18px 42px #00000029}.dashboard-panel,.tool-panel{padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-heading h2{letter-spacing:-.035em;margin:1px 0 0;font-family:Georgia,serif;font-size:1.5rem}.panel-heading .eyebrow{margin:0}.text-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;font-size:.74rem;font-weight:800;display:inline-flex}.text-link:hover{color:var(--text)}.dashboard-empty{border:1px dashed var(--line);text-align:center;background:#ffffff05;border-radius:14px;align-content:center;place-items:center;width:100%;min-height:220px;margin-top:14px;padding:24px;display:grid}.dashboard-empty>span,.tool-empty>span{background:var(--accent-soft);color:#f6776d;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}.dashboard-empty small,.tool-empty p{max-width:360px;color:var(--muted);margin-top:6px;line-height:1.45}.dashboard-character-list{gap:7px;margin-top:14px;display:grid}.dashboard-character-list button{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:13px;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:66px;padding:9px;display:grid}.dashboard-character-list button:hover{background:#ffffff0d;border-color:#d543366b}.dashboard-character-list strong,.dashboard-character-list small{display:block}.dashboard-character-list small{color:var(--muted);margin-top:3px}.character-avatar{background:var(--accent-soft);color:#f6776d;border-radius:13px;place-items:center;width:44px;height:44px;font-family:Georgia,serif;font-weight:800;display:grid}.character-avatar.scifi{background:var(--blue-soft);color:var(--blue)}.quick-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.quick-tool-grid button{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:13px;align-items:center;gap:12px;min-height:96px;padding:13px;display:flex}.quick-tool-grid button>svg{color:#f6776d;flex:none}.quick-tool-grid strong,.quick-tool-grid small{display:block}.quick-tool-grid small{color:var(--muted);margin-top:3px;line-height:1.3}.dice-layout{grid-template-columns:minmax(280px,.78fr) minmax(340px,1.12fr) minmax(240px,.72fr);gap:12px;display:grid}.dice-controls{align-content:start;gap:18px;display:grid}.tool-field{gap:7px;display:grid}.tool-field>span,.initiative-controls label,.task-settings label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:850}.tool-field input,.initiative-controls input,.task-settings input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#ffffff09;border-radius:10px;outline:0;padding:0 11px}.large-die-picker{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.large-die-picker button{border:1px solid var(--line);min-height:47px;color:var(--muted);background:#ffffff06;border-radius:10px;padding:0 4px;font-weight:850}.large-die-picker button.active{border-color:var(--accent);background:var(--accent-soft);color:#ff887d}.dice-number-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.switch-row{border:1px solid var(--line);background:#ffffff06;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.switch-row strong,.switch-row small{display:block}.switch-row small{color:var(--muted);margin-top:3px}.switch-row input{width:20px;height:20px;accent-color:var(--accent)}.roll-button{color:#fff;background:linear-gradient(135deg,#ef5a4d,#b62f29);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:56px;font-size:.9rem;font-weight:850;display:inline-flex;box-shadow:0 15px 30px #d543363d}.roll-stage{text-align:center;background:radial-gradient(circle at 50% 35%, #d543361f, transparent 17rem), var(--surface);align-content:center;min-height:520px;display:grid}.roll-total{background:radial-gradient(circle,#65d59b24,#0000 67%);border:1px solid #65d59b4d;border-radius:50%;align-content:center;place-items:center;width:190px;height:190px;margin:18px auto 28px;display:grid}.roll-total.failed{background:radial-gradient(circle,#d5433624,#0000 67%);border-color:#ff796e4d}.roll-total>span{font-family:Georgia,serif;font-size:5.5rem;line-height:.9}.roll-total>small{color:#65d59b;margin-top:8px;font-weight:800}.roll-total.failed>small{color:#ff796e}.roll-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.roll-breakdown>div{border:1px solid var(--line);background:#ffffff06;border-radius:11px;gap:3px;padding:12px;display:grid}.roll-breakdown span,.roll-breakdown small{color:var(--muted);font-size:.67rem}.roll-history{max-height:620px;overflow:auto}.history-row{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;display:grid}.history-row>span{color:#65d59b;background:#65d59b1a;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:850;display:grid}.history-row>span.failed{background:var(--accent-soft);color:#ff796e}.history-row strong,.history-row small{display:block}.history-row small,.history-row time{color:var(--muted);margin-top:2px;font-size:.65rem}.tool-empty{min-height:180px;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.tool-empty h2,.tool-empty p{margin:5px 0 0}.compendium-toolbar{grid-template-columns:minmax(260px,1fr) auto auto;gap:8px;margin-bottom:12px;display:grid}.search-field,.select-field{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--muted);border-radius:12px;align-items:center;gap:9px;padding:0 13px;display:flex}.search-field input,.select-field select{width:100%;color:var(--text);background:0 0;border:0;outline:0}.select-field select{min-width:130px}.segmented-control{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:3px;padding:3px;display:flex}.segmented-control button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:.72rem;font-weight:800}.segmented-control button.active{background:var(--accent-soft);color:#ff796e}.compendium-layout{grid-template-columns:minmax(280px,.72fr) minmax(400px,1.28fr);gap:12px;display:grid}.compendium-results{align-content:start;max-height:720px;padding:10px;display:grid;overflow:auto}.result-count{color:var(--muted);text-transform:uppercase;padding:7px 8px 12px;font-size:.67rem;font-weight:800}.compendium-results>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;gap:5px;padding:13px;display:grid}.compendium-results>button:hover,.compendium-results>button.active{border-color:var(--line);background:#ffffff0a}.compendium-results>button.active{box-shadow:inset 3px 0 var(--accent)}.compendium-results small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.entry-kind{background:var(--accent-soft);color:#ff796e;letter-spacing:.07em;text-transform:uppercase;border-radius:6px;width:fit-content;padding:3px 6px;font-size:.57rem;font-style:normal;font-weight:900}.entry-kind.scifi{background:var(--blue-soft);color:var(--blue)}.compendium-detail{min-height:540px;padding:clamp(24px,4vw,52px)}.detail-kicker{color:var(--muted);align-items:center;gap:9px;font-size:.7rem;font-weight:800;display:flex}.compendium-detail h2{letter-spacing:-.06em;margin:18px 0 12px;font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.8rem)}.compendium-detail>p{color:#b7c1cc;max-width:750px;font-size:1.05rem;line-height:1.75}.tag-list{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.tag-list span,.status-pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:.62rem;font-weight:800}.license-note{color:#f6b47a;background:#f6b47a12;border:1px solid #f6b47a33;border-radius:13px;gap:12px;max-width:760px;margin-top:42px;padding:16px;display:flex}.license-note p{color:var(--muted);margin:4px 0 0;line-height:1.5}.gm-layout{grid-template-columns:1.12fr .88fr;gap:12px;display:grid}.initiative-controls{grid-template-columns:90px 1fr auto;align-items:end;gap:10px;margin-top:18px;display:grid}.initiative-controls label{gap:5px;display:grid}.initiative-controls span{color:var(--muted);align-self:center;font-size:.72rem}.initiative-cards{border:1px solid var(--line);background:radial-gradient(circle,#47c8ff14,#0000 60%);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:190px;margin-top:16px;padding:20px;display:flex;overflow-x:auto}.initiative-cards .tool-empty{min-height:120px}.initiative-card{color:#17191e;background:#f5f1e8;border-radius:11px;flex:none;align-content:center;place-items:center;width:100px;height:144px;display:grid;box-shadow:0 12px 30px #00000047}.initiative-card.red{color:#b6302a}.initiative-card.joker{color:#fff;background:linear-gradient(145deg,#d54336,#17344a)}.initiative-card strong{font-family:Georgia,serif;font-size:1.8rem}.initiative-card span{font-size:2.4rem}.joker-alert,.task-outcome{background:var(--accent-soft);color:#ff887d;border-radius:9px;align-items:center;gap:7px;margin:10px 0 0;padding:9px 11px;font-size:.75rem;font-weight:800;display:flex}.task-score{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.task-score>div{border:1px solid var(--line);background:#ffffff06;border-radius:13px;align-content:center;place-items:center;min-height:118px;display:grid}.task-score span{color:var(--muted);text-transform:uppercase;font-size:.65rem;font-weight:850}.task-score strong{margin-top:4px;font-family:Georgia,serif;font-size:2.6rem}.task-score small{color:var(--muted);font-size:1rem}.task-progress{background:#ffffff0f;border-radius:999px;height:8px;margin:14px 0;overflow:hidden}.task-progress span{border-radius:inherit;background:linear-gradient(90deg,#d54336,#f0a35c);height:100%;transition:width .22s;display:block}.task-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.task-actions button{border:1px solid var(--line);background:#ffffff09;border-radius:9px;min-height:40px;padding:0 8px;font-size:.7rem;font-weight:800}.task-settings{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.task-settings label{gap:5px;display:grid}.task-outcome.success{color:#65d59b;background:#65d59b1a}.gm-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.gm-shortcuts article{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:80px;padding:12px;display:grid}.gm-shortcuts article>span:first-child{background:var(--accent-soft);color:#f6776d;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.gm-shortcuts strong,.gm-shortcuts small{display:block}.gm-shortcuts small{color:var(--muted);margin-top:3px;line-height:1.35}.campaign-layout{grid-template-columns:260px minmax(0,1fr);gap:12px;display:grid}.campaign-list{align-content:start;padding:8px;display:grid}.campaign-list button{text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:space-between;align-items:center;gap:9px;padding:12px;display:flex}.campaign-list button:hover,.campaign-list button.active{border-color:var(--line);background:#ffffff0b}.campaign-list button.active{box-shadow:inset 3px 0 var(--accent)}.campaign-list strong,.campaign-list small{display:block}.campaign-list small{color:var(--muted);margin-top:3px}.campaign-workspace{padding:clamp(18px,3vw,28px)}.campaign-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.campaign-heading h2{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem)}.campaign-members{margin-top:28px}.campaign-members>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.campaign-members article{border:1px solid var(--line);background:#ffffff06;border-radius:12px;align-items:center;gap:10px;padding:9px;display:flex}.campaign-members strong,.campaign-members small{display:block}.campaign-members small{color:var(--muted);margin-top:3px}.journal-panel{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.jot-composer{grid-template-columns:1fr auto;gap:8px;margin-top:14px;display:grid}.jot-composer textarea{border:1px solid var(--line);min-height:82px;color:var(--text);resize:vertical;background:#ffffff09;border-radius:11px;outline:0;padding:11px}.journal-entries{gap:7px;margin-top:14px;display:grid}.journal-entries article{border:1px solid var(--line);background:#ffffff06;border-radius:11px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.journal-entries time{color:var(--muted);text-transform:uppercase;font-size:.65rem;font-weight:800}.journal-entries p{margin:6px 0 0;line-height:1.55}.campaign-empty{border:1px dashed var(--line);text-align:center;border-radius:18px;align-content:center;place-items:center;min-height:440px;display:grid}.campaign-empty>span{background:var(--accent-soft);color:#f6776d;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:14px;display:grid}.campaign-empty h2,.campaign-empty p{margin:5px 0}.campaign-empty p{max-width:540px;color:var(--muted);line-height:1.55}.builder-overlay{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030509e0;padding:18px;position:fixed;inset:0;overflow:auto}.builder-shell{border:1px solid var(--line);background:radial-gradient(circle at 12% 0,#d5433621,#0000 27rem),radial-gradient(circle at 92% 8%,#47c8ff1c,#0000 28rem),#090d13;border-radius:24px;grid-template-rows:auto 1fr auto;width:min(1440px,100%);min-height:calc(100vh - 36px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 40px 90px #0000007a}.builder-header,.builder-footer{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c12d1;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:12px 20px;display:flex}.builder-footer{border-top:1px solid var(--line);border-bottom:0}.builder-progress{flex:1;justify-content:center;align-items:center;gap:8px;max-width:540px;display:flex}.builder-progress>div{color:#596472;align-items:center;gap:6px;min-width:72px;display:flex}.builder-progress>div:after{background:var(--line);content:"";width:22px;height:1px;margin-left:2px}.builder-progress>div:last-child:after{display:none}.builder-progress>div.active{color:var(--text)}.builder-progress span{border:1px solid;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.65rem;font-weight:900;display:grid}.builder-progress>div.active span{border-color:var(--accent);background:var(--accent-soft);color:#ff796e}.builder-progress small{font-size:.65rem;font-weight:800}.builder-main{align-items:center;padding:clamp(28px,5vw,70px);display:grid}.builder-step{width:min(1160px,100%);margin:0 auto}.builder-intro{text-align:center;max-width:820px;margin:0 auto 30px}.builder-intro h1{letter-spacing:-.07em;margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,6.2rem);font-weight:600;line-height:.92}.builder-intro>p:last-child{max-width:660px;color:var(--muted);margin:16px auto 0;font-size:1rem;line-height:1.6}.setting-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.setting-card{border:1px solid var(--line);min-height:310px;color:var(--text);text-align:left;background:linear-gradient(#0000,#06090ef2),url(/art/platform-hero.png) 0/220% no-repeat;border-radius:20px;align-content:end;gap:8px;padding:28px;display:grid;position:relative;overflow:hidden}.setting-card.scifi{background-position:100%}.setting-card:hover,.setting-card.active{border-color:#ff796e99;transform:translateY(-2px)}.setting-card.scifi:hover,.setting-card.scifi.active{border-color:#47c8ffa6}.setting-icon{color:#ff796e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06090e8c;border:1px solid #ffffff2e;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.setting-card.scifi .setting-icon{color:var(--blue)}.setting-card strong{letter-spacing:-.05em;font-family:Georgia,serif;font-size:clamp(2rem,3vw,3.2rem)}.setting-card small{color:#bac4cf;max-width:470px;font-size:.86rem;line-height:1.5}.setting-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:none;position:absolute;top:20px;right:20px}.setting-card.active .setting-check{display:grid}.setting-card.scifi.active .setting-check{background:#157fb4}.archetype-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.archetype-card{border:1px solid var(--line);background:linear-gradient(150deg, #ffffff0e, transparent 45%), var(--surface);min-height:280px;color:var(--text);text-align:left;border-radius:17px;align-content:start;gap:8px;padding:18px;display:grid}.archetype-card:hover,.archetype-card.active{background:linear-gradient(150deg, #d5433621, transparent 55%), var(--surface);border-color:#d543368c;transform:translateY(-2px)}.archetype-icon{background:var(--accent-soft);color:#ff796e;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:12px;display:grid}.archetype-card strong{letter-spacing:-.04em;font-family:Georgia,serif;font-size:1.7rem}.archetype-card>small{color:var(--muted);line-height:1.45}.archetype-stats{flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:14px;display:flex}.archetype-stats i{border:1px solid var(--line);color:#aeb8c4;border-radius:7px;place-items:center;min-width:30px;height:26px;font-size:.65rem;font-style:normal;font-weight:800;display:grid}.builder-identity-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;width:min(840px,100%);margin:0 auto;padding:clamp(20px,4vw,42px)}.builder-identity-card label{gap:7px;display:grid}.builder-identity-card label>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:850}.builder-identity-card>label:first-child input{min-height:74px;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3rem)}.builder-identity-card input{border:1px solid var(--line);min-height:48px;color:var(--text);background:#ffffff09;border-radius:11px;outline:0;padding:0 13px}.builder-identity-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.builder-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.builder-review-grid{grid-template-columns:.8fr 1fr 1fr;gap:10px;display:grid}.review-portrait,.review-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-height:260px;padding:22px}.review-portrait{background:linear-gradient(#0000,#05080df2),url(/art/platform-hero.png) 28%/auto 100% no-repeat;align-content:space-between;display:grid}.review-portrait>span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080d8c;border:1px solid #fff3;border-radius:18px;place-items:center;width:72px;height:72px;font-family:Georgia,serif;font-size:2rem;font-weight:800;display:grid}.review-portrait small,.review-portrait strong{display:block}.review-portrait small{color:#aeb8c4}.review-portrait strong{margin-top:4px;font-family:Georgia,serif;font-size:1.7rem}.review-traits{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:18px;display:grid}.review-traits>div{border:1px solid var(--line);background:#ffffff06;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.review-traits span{color:var(--muted);text-transform:capitalize;font-size:.65rem}.review-panel ul{gap:7px;margin:18px 0 0;padding:0;list-style:none;display:grid}.review-panel li{border-left:2px solid var(--accent);background:#ffffff06;padding:8px 10px}.builder-note{color:var(--muted);text-align:center;margin:16px 0 0;font-size:.75rem}@media (max-width:1180px){.archetype-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dice-layout{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr)}.roll-history{grid-column:1/-1;max-height:none}}@media (max-width:980px){.dashboard-stats,.campaign-members>div{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.gm-layout,.compendium-layout{grid-template-columns:1fr}.compendium-results{max-height:360px}.gm-shortcuts{grid-template-columns:1fr}.builder-review-grid{grid-template-columns:1fr 1fr}.review-portrait{grid-column:1/-1;min-height:220px}}@media (max-width:760px){.platform-view{padding:14px 12px 30px}.platform-hero{background:linear-gradient(#06090e33,#06090e85 28%,#06090ef5 100%),url(/art/platform-hero.png) 50%/cover no-repeat;align-items:flex-end;min-height:480px;padding:24px}.platform-hero-copy h1{font-size:clamp(3rem,14vw,4.4rem)}.platform-hero-badge{top:14px;right:14px}.dashboard-stats,.quick-tool-grid,.dice-layout,.campaign-layout,.compendium-toolbar,.setting-grid,.archetype-grid,.builder-form-grid,.builder-review-grid{grid-template-columns:1fr}.campaign-list{display:flex;overflow-x:auto}.campaign-list button{min-width:190px}.compendium-toolbar .segmented-control{min-height:46px}.builder-overlay{padding:0}.builder-shell{border:0;border-radius:0;min-height:100vh}.builder-header{z-index:5;position:sticky;top:0}.builder-progress small,.builder-header .brand-lockup>span:last-child{display:none}.builder-progress>div{min-width:auto}.builder-progress>div:after{width:12px}.builder-main{padding:30px 16px 104px}.builder-intro h1{font-size:clamp(2.8rem,14vw,4rem)}.setting-card,.archetype-card{min-height:230px}.builder-review-grid .review-portrait{grid-column:auto}.builder-footer{z-index:5;position:fixed;bottom:0;left:0;right:0}}@media (max-width:560px){.dashboard-stats,.campaign-members>div,.roll-breakdown,.task-score,.task-settings{grid-template-columns:1fr}.view-intro{align-items:flex-start}.view-icon{width:48px;height:48px}.view-intro h1{font-size:3rem}.dice-number-grid{grid-template-columns:1fr 1fr}.initiative-controls{grid-template-columns:80px 1fr}.initiative-controls .primary-button{grid-column:1/-1}.task-actions,.jot-composer{grid-template-columns:1fr}.jot-composer .primary-button{min-height:44px}.builder-header,.builder-footer{padding:10px 12px}.builder-footer .primary-button,.builder-footer .secondary-button{padding:0 11px;font-size:.72rem}}.character-editor{padding:clamp(12px,2vw,28px)}.sheet-hero,.sheet-tabs,.sheet-content{max-width:1440px}.sheet-hero{gap:16px;margin-bottom:14px}.character-name-input{max-width:900px;font-size:clamp(2rem,3.4vw,3.6rem)}.sheet-hero>div:first-child>p:last-child{margin-top:7px;font-size:.9rem}.variant-switch button{min-height:34px}.sheet-tabs{border-radius:12px;margin-bottom:16px;padding:3px;top:66px}.sheet-tabs button{border-radius:8px;min-height:36px;padding:0 11px;font-size:.73rem}.sheet-content{min-height:480px}.section-stack{gap:14px}.section-title{gap:9px}.section-title h2{font-size:clamp(1.25rem,2vw,1.65rem)}.section-icon{border-radius:10px;width:34px;height:34px}.paper-card{border-radius:14px;box-shadow:0 8px 20px #00000021,inset 0 1px #ffffffe6}.theme-scifi .paper-card{box-shadow:0 0 0 1px #47c8ff14,0 10px 24px #00000038,inset 0 0 28px #47c8ff0f}.identity-grid{gap:10px;padding:14px}.field input,.field select,.skill-main input,.skill-main select,.weapon-heading input,.advance-row input{min-height:36px;padding:0 9px}.field textarea{min-height:64px;padding:9px;line-height:1.45}.derived-grid{gap:8px}.metric-card{min-height:100px;padding:12px}.metric-card>strong{margin:2px 0;font-size:2.25rem}.compact-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}.attribute-grid,.three-column-sections,.power-grid{gap:10px}.attribute-card{grid-template-columns:128px minmax(0,1fr);gap:14px;padding:13px}.attribute-card>div:first-child strong{margin-top:2px;font-size:2rem}.die-picker{gap:8px}.die-options{gap:4px}.die-options button,.modifier select{border-radius:8px;min-height:36px}.die-options button{min-width:36px}.skill-list,.weapon-list,.advance-list{gap:6px}.skill-row{grid-template-columns:minmax(190px,.7fr) minmax(360px,1.3fr) 34px;gap:10px;padding:8px}.three-column-sections>article,.status-card,.armor-card,.weapon-card,.power-card{padding:14px}.three-column-sections .section-title{margin-bottom:12px}.list-editor{gap:5px}.list-row input{min-height:34px;padding:0 8px}.add-row-button{min-height:36px;margin-top:4px}.status-card{gap:12px}.status-dots button{width:34px;height:34px}.incap-button{min-height:38px}.armor-card,.weapon-fields,.power-fields{gap:8px}.weapon-heading,.weapon-fields,.power-fields{margin-bottom:8px}.power-points-card{gap:10px;padding:14px}.empty-card{padding:18px}.advance-row{gap:8px;padding:8px 10px}.advance-check{width:28px;height:28px}.rank-pill{min-height:24px}.notes-card{gap:12px;padding:14px}@media (max-width:1100px){.compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-row{grid-template-columns:minmax(190px,.8fr) minmax(320px,1.2fr) 34px}}@media (max-width:820px){.character-editor{padding:14px 12px 30px}.sheet-tabs{margin-bottom:12px;top:68px}}@media (max-width:560px){.profile-layout{grid-template-columns:minmax(0,1fr);gap:8px}.portrait-card{border-radius:12px;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:9px;display:grid}.portrait-frame{aspect-ratio:1;border-radius:9px}.portrait-signals{align-content:center;gap:4px}.portrait-signals>div{grid-template-columns:78px minmax(0,1fr)}.portrait-signals span{font-size:.53rem}.portrait-signals strong{font-size:.7rem}.derived-grid,.compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-grid{gap:8px;padding:12px}.metric-card{min-height:92px;padding:10px}.metric-card>strong{font-size:2rem}.attribute-card{padding:12px}.sheet-content,.section-stack{min-width:0}.section-stack{grid-template-columns:minmax(0,1fr)}.character-editor{padding:10px 12px 24px}.sheet-hero{gap:8px;margin-bottom:10px}.sheet-hero .eyebrow{margin-bottom:3px;font-size:.58rem}.character-name-input{font-size:clamp(1.65rem,8vw,2.05rem);line-height:1.05}.sheet-hero>div:first-child>p:last-child{margin-top:4px;font-size:.78rem;line-height:1.3}.variant-switch{padding:3px}.variant-switch button{min-height:32px;padding:0 8px;font-size:.72rem}.sheet-tabs{justify-content:space-around;min-height:46px;margin:0 -12px 10px;padding:3px 6px}.sheet-tabs button{flex:1 0 42px;min-height:38px;padding:0 6px}.sheet-tabs button span{display:none}.section-stack{gap:10px}.section-title{gap:8px}.section-title h2{font-size:1.35rem}.section-title .eyebrow{margin-bottom:0;font-size:.56rem}.section-icon{width:32px;height:32px}.attribute-grid{gap:6px;width:100%;min-width:0}.attribute-card{border-radius:12px;grid-template-columns:64px minmax(0,1fr);gap:10px;width:100%;min-width:0;min-height:58px;padding:8px 10px}.attribute-card>div:first-child span{letter-spacing:.08em;font-size:.56rem}.attribute-card>div:first-child strong{margin-top:0;font-size:1.7rem;line-height:.95}.attribute-card .die-picker{flex-direction:row;align-items:center;gap:6px}.attribute-card .die-options{gap:3px}.attribute-card .die-options button{min-width:0;min-height:30px;padding:0 2px;font-size:.7rem}.attribute-card .modifier{flex:0 0 42px;gap:0;width:42px}.attribute-card .modifier span{display:none}.attribute-card .modifier select{text-align:center;width:42px;min-height:30px;padding:0 2px;font-size:.72rem}.skill-list,.skill-row{width:100%;min-width:0}.skill-row{grid-template-columns:minmax(0,1fr) 34px;gap:8px;padding:8px}.skill-main,.skill-row .die-picker{grid-column:1}.skill-row>.icon-button{grid-area:1/2}}