@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";.hero .artCredit{color:#c7d0dd;letter-spacing:.04em;text-transform:none;margin-top:20px;display:block}.hero .artCredit a{color:var(--gold)}.preview .bridgeHelp{color:#9eacc1;margin:2px 4px 10px;line-height:1.45;display:block}.vaultgrid img{object-position:center 25%}.playSwitcher{grid-template-columns:minmax(220px,1fr) minmax(260px,420px) auto;align-items:end;gap:18px;max-width:1500px;margin:28px auto -42px;padding:16px 6vw;display:grid}.playSwitcherIdentity{align-items:center;gap:12px;display:flex}.playSwitcherIdentity img,.playSwitcherIdentity>span{object-fit:cover;object-position:center 25%;border:2px solid var(--gold);background:radial-gradient(circle,#be465b,#3c1930);border-radius:50%;place-items:center;width:52px;height:52px;font:700 22px Cinzel;display:grid}.playSwitcherIdentity small,.playSwitcher label>span{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:12px;display:block}.playSwitcherIdentity strong{font:600 20px Cinzel;display:block}.playSwitcher select,.playSwitcher button{color:#fff;background:#0d1930;border:1px solid #52627e;width:100%;min-height:44px;padding:10px 13px}.playSwitcher button{border-color:var(--gold)}@media (width<=760px){.playSwitcher{grid-template-columns:1fr;margin-bottom:-30px}.playSwitcher button{width:auto}}.vaultActions{justify-content:space-between;align-items:center;gap:14px;display:flex}.vaultgrid .deleteCharacter{color:#ff9baa;border:1px solid #d76476;padding:7px 10px}.vaultgrid .deleteCharacter:hover{color:#fff;background:#501526}.expandedRulesControl{max-width:1500px;margin:28px auto -58px;padding:0 6vw}.expandedRulesControl>button{color:#fff;border:1px solid #e76578;padding:13px 20px}.expandedRules{border:1px solid var(--line);background:linear-gradient(145deg,#172845,#0b1426);margin-top:24px;padding:32px}.expandedRules>header h2{margin:8px 0;font:600 clamp(32px,4vw,50px) Cinzel}.expandedRules>header small{color:var(--gold);letter-spacing:.16em;text-transform:uppercase}.expandedRules>header p,.expandedRules article p,.expandedRules li,.expandedSource{color:#bdc8d8;line-height:1.7}.expandedRules nav{flex-wrap:wrap;gap:8px;margin:26px 0;display:flex}.expandedRules nav a{color:#fff;border:1px solid #52627e;padding:8px 11px;text-decoration:none}.ruleChapters{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ruleChapters article{background:#07101f;border:1px solid #30415f;padding:24px;scroll-margin-top:100px}.ruleChapters h3{color:var(--gold);margin-top:0;font:600 24px Cinzel}.ruleChapters h4{color:#f2e9d5;font:600 17px Cinzel}.ruleChapters li{margin-bottom:8px}.formula{border-left:3px solid var(--gold);background:#0d1930;padding:12px;font-weight:700;color:#fff!important}.expandedSource a{color:#8dc5f4}@media (width<=760px){.ruleChapters{grid-template-columns:1fr}.expandedRulesControl{margin-bottom:-44px}.expandedRules{padding:20px}.ruleChapters article{padding:18px}}.playAspects{gap:9px;display:grid}.playAspects article{border-left:3px solid var(--gold);background:#07101f;padding:12px 14px}.playAspects small{color:#93a2b7;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:12px;display:block}.playAspects strong{color:#fff;font:600 17px Cinzel}.playStunts{gap:10px;display:grid}.playStunts article{background:#07101f;border:1px solid #30415f;border-left:3px solid #df5268;padding:14px 16px}.playStunts small{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:12px;display:block}.playStunts article p{color:#e8edf5;margin:7px 0 0;line-height:1.55}.emptyPlayState{color:#93a2b7;margin:0;font-style:italic}.playIdentity{grid-template-columns:92px 1fr;align-items:start;gap:18px;display:grid}.playIdentity img,.playIdentity>span{object-fit:cover;object-position:center 25%;border:2px solid var(--gold);background:radial-gradient(circle,#be465b,#3c1930);border-radius:50%;place-items:center;width:92px;height:92px;font:700 38px Cinzel;display:grid}.playIdentity small{color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.playIdentity h2{margin:6px 0;font-size:26px}.playIdentity strong{color:#fff}.playIdentity p{margin-bottom:0}.playSkillGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.playSkillGrid button{color:#fff;text-align:left;background:#07101f;border:1px solid #40516f;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:10px 12px;display:flex}.playSkillGrid button:hover,.playSkillGrid button:focus-visible,.playSkillGrid button.selected{border-color:var(--gold);background:#172845}.playSkillGrid button b{color:var(--gold);font:700 18px Cinzel}.playSkillResult{margin-top:18px}.playSkillResult .fateDice{justify-content:flex-start}.vaultScope{flex-wrap:wrap;gap:8px;margin:20px 0 28px;display:flex}.vaultScope button{color:#c8d2e2;background:#07101f;border:1px solid #40516f;min-height:44px;padding:10px 15px}.vaultScope button.active{border-color:var(--gold);color:#fff;background:#172845}.vaultScope span{color:var(--gold);margin-left:7px;font-weight:700}@media (width<=600px){.playIdentity{grid-template-columns:64px 1fr}.playIdentity img,.playIdentity>span{width:64px;height:64px;font-size:28px}.playSkillGrid{grid-template-columns:1fr 1fr}.vaultScope{grid-template-columns:1fr;display:grid}.vaultScope button{text-align:left}}.sheetRoller{text-align:left;border:1px solid var(--line);background:#07101f;margin:20px 0;padding:16px}.sheetRoller>b{color:var(--gold);margin-bottom:10px;font-family:Cinzel;display:block}.sheetRoller select{color:#fff;background:#15243c;border:1px solid #52627e;width:100%;padding:11px}.sheetRoller button{margin:9px 0 0}.sheetRollResult{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:grid}.sheetDice{gap:5px;display:flex}.sheetDice span{background:#0d1930;border:1px solid #52627e;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.sheetDice .plus{color:#93dfbd}.sheetDice .minus{color:#f08795}.sheetRollResult>strong{color:#fff;font:700 34px Cinzel}.sheetRollResult>small{color:#aebbd0;grid-column:1/-1}.consequenceEditor{gap:12px;display:grid}.consequenceEditor label>span{color:var(--gold);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.consequenceEditor label>div{grid-template-columns:1fr auto;gap:8px;display:grid}.consequenceEditor input{color:#fff;background:#07101f;border:1px solid #52627e;min-width:0;padding:12px}.consequenceEditor input:focus{outline:2px solid var(--gold);outline-offset:1px}.consequenceEditor button{color:#fff;background:#111f37;border:1px solid #52627e;padding:10px 12px}.consequenceEditor button:disabled{opacity:.45;cursor:not-allowed}.consequenceSummary{background:#260f19;border:1px solid #7a3344;gap:7px;margin:15px 0;padding:12px;display:grid}.consequenceSummary>b{color:#ffb3bf;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.consequenceSummary>span{color:#fff;grid-template-columns:auto 1fr;align-items:start;gap:8px;font-size:14px;line-height:1.4;display:grid}.consequenceSummary small{color:#fff;text-transform:uppercase;background:#7e1d30;padding:2px 5px;font-size:10px}.vaultSections{gap:44px;display:grid}.vaultSections>section>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:16px;display:flex}.vaultSections>section>header h2{font:600 30px Cinzel}.vaultSections>section>header span{min-width:30px;height:30px;color:var(--gold);background:#172845;border-radius:50%;place-items:center;font-weight:700;display:grid}.deceasedGroup{background:#130c12;border:1px solid #552635;padding:22px}.deceasedGroup .vaultgrid article{filter:saturate(.55)}.fateDice b{border:2px solid #93a2b7;box-shadow:0 4px 16px #0008;width:64px!important;height:64px!important;font-size:38px!important}.fateDice .plus{border-color:#4fbf9c}.fateDice .minus{border-color:#e76578}.rollResult>strong{text-shadow:0 2px 14px #000;font-size:68px!important}@media (width<=600px){.fateDice{grid-template-columns:repeat(4,1fr);width:100%;display:grid!important}.fateDice b{width:100%!important;height:58px!important}.rollResult>strong{font-size:56px!important}}:root{--night:#07101f;--deep:#0d1930;--paper:#f2e9d5;--gold:#e3b75c;--blood:#b52f48;--line:#30415f}*{box-sizing:border-box}html{background:var(--night);color:var(--paper)}body{background:radial-gradient(circle at 80% 10%,#192c56 0,transparent 30%),var(--night);margin:0;font-family:Inter,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.top{z-index:5;background:#06101eee;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;min-height:76px;padding:10px 5vw;display:flex;position:sticky;top:0}.brand{color:#fff;background:0 0;border:0;align-items:center;gap:8px;font:700 18px Cinzel;display:flex}.brand img,footer img{width:42px}.brand i{color:var(--gold);font-style:normal}.top nav{display:flex}.top nav button,.top>a{color:#aab8cc;text-transform:capitalize;background:0 0;border:0;padding:10px;text-decoration:none}.top .on{color:#fff}.hero{background:linear-gradient(90deg,#06101ff5 0,#06101fc8 34%,#06101f20 72%),linear-gradient(#0000 75%,#07101f),url(/stormwind-after-dark-hero.png) 50%/cover;align-items:center;min-height:720px;padding:8vw 7vw;display:flex}.hero>div{max-width:640px}.hero small,.section>small,.head small,.faction>small,.world small{color:var(--gold);letter-spacing:.18em;text-transform:uppercase}.hero h1,.head h1{margin:20px 0;font:700 clamp(50px,7vw,92px)/.94 Cinzel}.hero em{color:#df5268;font-style:normal}.hero p,.head p,.panel p,.faction p,.rules p,.map p{color:#afbdd0;line-height:1.7}.hero button,.preview button{color:#fff;border:1px solid var(--gold);background:#ffffff08;margin:12px 8px 0 0;padding:13px 20px}button.primary{background:linear-gradient(135deg,#bd3850,#741d32);border-color:#e76578;font-weight:700}.section{max-width:1500px;margin:auto;padding:90px 6vw}.section>h2,.faction>h2,.world h2{font:600 clamp(34px,4vw,56px) Cinzel}.features{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.features article,.rules article{background:var(--deep);min-height:230px;padding:30px}.features b{color:var(--gold)}.features h3,.rules h3,.faction h3{font:600 24px Cinzel}.features p{color:#aebbd0;line-height:1.6}.faction{background:#0b1527;padding:80px 6vw}.section>.faction{background:0 0;padding:25px 0}.faction>div{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.faction article{border:1px solid var(--line);background:linear-gradient(145deg,#172845,#0b1426);gap:20px;padding:28px;display:flex}.faction img{object-fit:contain;width:80px;height:80px}.faction h3{margin:10px 0}.faction article small{color:var(--gold)}.head{margin-bottom:50px}.head h1{font-size:clamp(42px,5vw,68px)}.head p{max-width:760px;font-size:18px}.builder{grid-template-columns:1fr 350px;align-items:start;gap:25px;display:grid}.stack{gap:18px;display:grid}.panel{border:1px solid var(--line);background:#0d1930dd;padding:28px}.panel>header{border-bottom:1px solid var(--line);align-items:center;gap:15px;margin-bottom:22px;padding-bottom:16px;display:flex}.panel>header span{color:var(--gold);font-family:Cinzel}.panel h2{margin:0;font-family:Cinzel}.two{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{gap:7px;margin-bottom:15px;display:grid}.field>span{letter-spacing:.12em;text-transform:uppercase;color:#aebbd0;font-size:12px}.field input,.field select,.field textarea,.consequences input{color:#fff;background:#07101f;border:1px solid #40516f;width:100%;padding:13px}.field textarea{min-height:110px}.ranks{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.ranks span{border:1px solid var(--line);padding:7px 10px}.ranks .done{color:#93dfbd;border-color:#4da885}.skills{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.skills label{background:#07101f;border:1px solid #263853;justify-content:space-between;padding:9px;display:flex}.skills select{color:#fff;background:#15243c;border:0}.error{color:#f08795}.preview{text-align:center;background:linear-gradient(#182b4d,#0a1425);border:1px solid #566783;padding:28px;position:sticky;top:96px}.portrait{border:3px double var(--gold);background:radial-gradient(circle,#be465b,#3c1930);border-radius:50%;place-items:center;width:110px;height:110px;margin:auto;font:700 50px Cinzel;display:grid}.preview h2{font-family:Cinzel}.preview>small{color:var(--gold)}.preview hr{border:0;border-top:1px solid var(--line);margin:25px}.resources{grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;display:grid}.resources b{color:var(--gold);background:#07101f;padding:12px;font:600 36px Cinzel}.resources small{text-transform:uppercase;color:#aaa;font:500 10px Inter;display:block}.preview button{width:100%;margin:8px 0}.play{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dial{background:linear-gradient(110deg,#802037,#1a2c50);grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:32px;display:grid}.dial>span{font:600 24px Cinzel}.dial>strong{font:700 70px Cinzel}.dial button{color:#fff;background:#07101f;border:1px solid #fff7;padding:10px}.dial small{text-align:center;grid-column:1/-1}.stress{align-items:center;gap:10px;margin:14px 0;display:flex}.stress>b{width:100px}.stress button{color:#fff;background:#07101f;border:1px solid #63728b;width:42px;height:42px}.stress .marked{background:var(--blood)}.consequences{gap:9px;display:grid}.rules{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rules article{border:1px solid var(--line);min-height:180px}.rules h3{color:var(--gold)}.sources{border-left:3px solid var(--gold);background:var(--deep);margin-top:25px;padding:25px}.sources a{color:#8dc5f4}.world{grid-template-columns:1.2fr 1fr;gap:28px;margin-top:65px;display:grid}.npcs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.npcs article{border:1px solid var(--line);background:var(--deep);padding:15px;display:grid}.npcs span{color:#9eacc1;margin-top:5px}.map{background:var(--deep);border:1px solid var(--line);padding:12px}.map img{width:100%}footer{border-top:1px solid var(--line);color:var(--gold);align-items:center;gap:10px;padding:28px 6vw;font-family:Cinzel;display:flex}footer small{color:#74839a;margin-left:auto;font-family:Inter}@media (width<=900px){.top{flex-wrap:wrap}.top nav{order:3;width:100%;overflow:auto}.top>a{display:none}.features,.faction>div,.rules{grid-template-columns:1fr 1fr}.builder,.world{grid-template-columns:1fr}.preview{position:static}.skills{grid-template-columns:1fr 1fr}.play{grid-template-columns:1fr}.dial{grid-column:auto}}@media (width<=600px){.hero{background-position:65%;min-height:650px}.section,.faction{padding:65px 5vw}.features,.faction>div,.rules,.two,.skills,.npcs{grid-template-columns:1fr}.hero h1{font-size:48px}.faction article{padding:20px}.dial{grid-template-columns:1fr auto}.dial div,.dial small{grid-column:1/-1}footer{flex-wrap:wrap}footer small{width:100%;margin:0}}.ranks .over{color:#fff;background:#7e1d30;border-color:#ff536c}.skills .overSkill{color:#fff;background:#541729;border-color:#ff536c}.skills .overSkill select{background:#a72a43}.error{color:#ff9baa;background:#501526;border:1px solid #b93850;padding:12px}.roller{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.roller select{color:#fff;background:#07101f;border:1px solid #52627e;padding:12px}.roller button{padding:12px 20px}.rollResult{background:#07101f;border:1px solid #53647f;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:18px;display:grid}.fateDice{gap:8px;display:flex}.fateDice b{color:#152039;background:#e8dfca;border-radius:7px;place-items:center;width:48px;height:48px;font:700 26px Cinzel;display:grid}.fateDice .plus{color:#287c66}.fateDice .minus{color:#aa2942}.fateDice .blank{color:#708099}.rollResult>strong{color:var(--gold);font:700 54px Cinzel}.rollResult>span{font:600 21px Cinzel}.rollResult>small{text-align:right;color:#93a2b7}.vaultbar{align-items:center;gap:16px;margin-bottom:28px;display:flex}.vaultbar button,.vaultbar a,.advance button,.playSave button{color:#fff;border:1px solid var(--gold);background:#111f37;padding:12px 18px;text-decoration:none}.vaultgrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.vaultgrid article{border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#172845,#0b1426);padding:24px}.vaultgrid img,.vaultletter{aspect-ratio:16/10;object-fit:cover;color:#fff;background:radial-gradient(circle,#be465b,#3c1930);place-items:center;width:100%;font:700 64px Cinzel;display:grid}.vaultgrid small{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-top:18px;display:block}.vaultgrid h2{font-family:Cinzel}.vaultgrid p,.empty{color:#afbdd0}.vaultgrid button{color:#fff;background:0 0;border:0;padding:0}.portraitImage{object-fit:cover}.upload{color:#d9e4f5;cursor:pointer;border:1px dashed #647795;margin:12px 0;padding:11px;display:block}.upload input{display:none}.notice{font-size:13px;color:#f3cf81!important}.advance{gap:10px;display:grid}.advance select,.advance textarea{color:#fff;background:#07101f;border:1px solid #52627e;padding:12px}.advance textarea{min-height:90px}.playSave{text-align:center;border:1px solid var(--line);background:#0d1930;grid-column:1/-1;padding:22px}.playSave p{color:var(--gold)}@media (width<=900px){.vaultgrid{grid-template-columns:1fr 1fr}}@media (width<=600px){.roller{grid-template-columns:1fr}.rollResult{flex-wrap:wrap;display:flex}.fateDice{width:100%}.rollResult>small{text-align:left;width:100%}.vaultgrid{grid-template-columns:1fr}}.signin{align-items:center;gap:8px;display:flex}.signin a{color:#b8c6da;font-size:13px;text-decoration:none}.signin .discord,.vaultbar .discord,.access-denied .discord{color:#fff;background:#5865f2;border:1px solid #8390ff;padding:10px 14px;font-weight:700}.account{align-items:center;gap:8px;display:flex!important}.account img{border-radius:50%;width:28px;height:28px}@media (width<=900px){.signin{display:none}}.editorFields{border:0;min-width:0;margin:0;padding:0}.readonly .editorFields{opacity:.82}.readonly .editorFields input,.readonly .editorFields select,.readonly .editorFields textarea{cursor:not-allowed}
