:root{color-scheme:dark;--bg:#0c171d;--panel:#13232b;--panel2:#192e36;--line:#2b424a;--text:#e6ece9;--muted:#9baeb2;--gold:#e3c488;--goldSoft:#b59b6b;--green:#8bcbb4;--danger:#efac95;--shadow:0 12px 30px #0002;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;background:var(--bg);color:var(--text)}:root[data-theme=light]{color-scheme:light;--bg:#f1eee6;--panel:#fbfaf6;--panel2:#e8eee9;--line:#cbd4ce;--text:#233d41;--muted:#526c70;--gold:#805d26;--goldSoft:#8b6c36;--green:#367461;--danger:#984f3c;--shadow:0 8px 24px #263a3009}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,input,select{border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel2);min-height:42px;padding:9px 12px}button:hover{border-color:var(--goldSoft);background:var(--panel2)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select{width:100%;max-width:100%}input[type=checkbox]{width:17px;min-height:17px;height:17px;margin:0;accent-color:var(--gold)}input::placeholder{color:var(--muted);opacity:.8}button.primary{background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:700}button.primary:hover{filter:brightness(1.1)}.quiet{background:transparent}.wide{width:100%}a{color:var(--gold)}[hidden]{display:none!important}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:8px;left:8px;z-index:20;padding:12px;background:var(--panel)}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,Cambria,serif;font-weight:400}h1{font-size:clamp(30px,3.7vw,44px);letter-spacing:-.025em;line-height:1.15;margin:5px 0 9px}h2{font-size:25px;line-height:1.2}h3{font-size:15px;font-weight:600;margin-bottom:14px}p+p{margin-top:12px}.muted,.micro{color:var(--muted)}.muted{font-size:12px}.micro{font-size:12px;line-height:1.65}.eyebrow{color:var(--goldSoft);font-size:10px;font-weight:700;letter-spacing:.17em}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1420px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brandMark{width:36px;height:40px;border:1px solid var(--goldSoft);display:grid;place-items:center;color:var(--gold);font:24px Georgia;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.brand b{font-size:14px;letter-spacing:.2em;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:.22em;color:var(--muted);margin-top:2px}.topRight{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}.connectionDot{width:6px;height:6px;background:var(--green);border-radius:50%}.offline .connectionDot{background:var(--danger)}#theme{margin-left:12px;min-height:34px;padding:2px 9px;font-size:22px}main{max-width:1468px;margin:auto;padding:0 24px}.notice:empty{display:none}.notice{padding:12px 16px;border:1px solid var(--goldSoft);border-radius:7px;margin-top:20px;color:var(--gold);font-size:13px;white-space:pre-line}.retry{margin-top:10px}.hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 0 27px}.identity{display:flex;align-items:center;gap:24px;min-width:0}.crest{position:relative;width:92px;height:112px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(150deg,var(--panel2),var(--bg));border:1px solid var(--goldSoft);border-radius:45px 45px 7px 7px;box-shadow:inset 0 0 0 6px var(--bg)}.crest:before{content:'';position:absolute;inset:15px 14px;border:1px solid var(--line);border-radius:35px 35px 0 0}.crest span{color:var(--gold);font:30px Georgia;z-index:1}.crest i{position:absolute;bottom:-10px;font:20px Georgia;color:var(--gold);background:var(--bg);padding:0 8px}.classLevel{color:var(--muted);font-size:14px}.heroMeta{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:12px}.turn{font-size:11px;color:var(--green);background:var(--panel2);padding:4px 9px;border-radius:4px}.turn.waiting{color:var(--gold)}.worldTime{font-size:11px;color:var(--muted)}.vital{width:238px;flex-shrink:0;border-left:1px solid var(--line);padding-left:30px}.vitalTop{display:flex;justify-content:space-between;align-items:center}.hpValue{display:flex;align-items:baseline;gap:9px;margin:3px 0 7px}.hpValue strong{font:38px Georgia;letter-spacing:-.04em}.hpValue>span{font-size:11px;color:var(--muted)}progress{display:block;width:100%;height:5px;border:none;overflow:hidden;border-radius:5px;appearance:none;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.vital.low progress::-webkit-progress-value{background:var(--danger)}.vital.low progress::-moz-progress-bar{background:var(--danger)}#tempHp{margin-top:8px;font-size:11px}.combatStats{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.stat{display:flex;gap:12px;align-items:center;padding:16px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.statIcon{color:var(--goldSoft);font-size:22px;width:26px;text-align:center}.stat small{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.075em}.stat b{font-size:21px;font-weight:600;line-height:1.3}.stat b.used{color:var(--muted)}.conditions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;min-height:0}.conditions:empty{display:none}.pill{font-size:11px;border:1px solid var(--line);padding:4px 9px;border-radius:20px;color:var(--gold)}.mainNav{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);margin:25px 0 25px}.mainNav button{min-height:50px;background:none;border:0;border-radius:0;padding:9px 0 14px;color:var(--muted);font-size:13px;position:relative}.mainNav button span{display:inline-block;width:20px;color:var(--goldSoft);font-size:16px}.mainNav button.active{color:var(--gold)}.mainNav button.active:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:var(--gold)}.navHint{margin-left:auto;font:italic 12px Georgia;color:var(--muted)}.playGrid{display:grid;grid-template-columns:minmax(255px,.94fr) minmax(270px,1.16fr) minmax(285px,.94fr);gap:20px;align-items:start}article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0;box-shadow:var(--shadow)}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.sectionHead h2{margin-top:5px}.sectionHead h3{margin:0}.count{padding:3px 9px;background:var(--panel2);border-radius:20px;font-size:11px;color:var(--muted)}label{display:block;font-size:12px;color:var(--muted);margin:15px 0}label>select,label>input:not([type=checkbox]){margin-top:6px;font-size:13px}.searchField{position:relative;margin:0 0 14px}.searchField input{margin:0!important;padding-right:36px;background:var(--bg)}kbd{position:absolute;right:12px;top:10px;color:var(--muted);font:12px monospace;border:1px solid var(--line);padding:1px 5px;border-radius:3px}.filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.filters button{background:none;min-height:32px;padding:4px 9px;font-size:11px;border-color:transparent}.filters button.active{background:var(--panel2);border-color:var(--line);color:var(--gold)}.filterRow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.filterRow select{width:107px;font-size:10px;min-height:30px;padding:4px 6px;background:transparent}.check{display:flex;gap:9px;align-items:center;margin:0;font-size:11px;line-height:1.5}.choiceList{max-height:530px;overflow:auto;margin:0 -9px;padding:0 7px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.choiceCard{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:11px;width:100%;min-height:69px;text-align:left;border-color:transparent;background:none;border-radius:7px;padding:11px 9px;margin-bottom:4px}.choiceCard:hover{background:var(--panel2);border-color:var(--line)}.choiceCard.selected{background:var(--panel2);border-color:var(--goldSoft);box-shadow:inset 2px 0 var(--gold)}.choiceCard .abilityGlyph{font-size:19px;width:32px;height:36px}.choiceCard strong{font-size:13px;display:block;font-weight:600;overflow-wrap:anywhere}.choiceCard small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.choiceCard.unavailable strong{color:var(--muted)}.choiceCard .chevron{color:var(--gold);font-size:13px}.abilityGlyph{display:grid;place-items:center;color:var(--gold);background:var(--bg);border:1px solid var(--line);border-radius:9px;width:54px;height:58px;font-size:29px}.abilityGlyph svg{width:60%;height:60%}.detailHeading{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.favorite{font-size:24px;min-height:36px;padding:1px 8px;color:var(--gold)}.abilityDetail h2{font-size:31px;margin:7px 0 18px;overflow-wrap:anywhere}.detailEnglish{color:var(--muted);font-size:12px;margin:-10px 0 17px}.detailEnglish:empty{display:none}.tags{display:flex;gap:7px;flex-wrap:wrap}.badge,.tag{font-size:10px;padding:5px 9px;border-radius:4px;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.detailDivider{height:1px;background:linear-gradient(90deg,var(--goldSoft),var(--line));margin:24px 0}.description{font-size:13px;line-height:1.85;white-space:pre-line;color:var(--text);overflow-wrap:anywhere}.description:empty:before{content:'Kuvausta ei ole vielä lisätty. Tarkista kyvyn tiedot DM:ltä.';color:var(--muted)}.fullDescription{margin-top:18px;font-size:12px;color:var(--muted)}.fullDescription summary{cursor:pointer;color:var(--gold);padding:8px 0}.fullDescription .description{margin-top:10px;font-size:12px}.disabledReason:empty{display:none}.disabledReason{font-size:12px;line-height:1.7;color:var(--danger);background:var(--bg);border-left:2px solid var(--danger);padding:13px 14px;margin-top:20px}.detailNote{display:flex;align-items:start;gap:9px;border-top:1px solid var(--line);padding-top:16px;margin-top:28px;color:var(--muted);font-size:11px}.detailNote>span{color:var(--gold)}.actionRail{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.castPanel>h2{margin:6px 0 14px;font-size:25px}.castSummary{color:var(--muted);font-size:12px;padding-bottom:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.castButtons{display:grid;gap:9px;margin:22px 0 11px}.castButtons button{min-height:46px;font-size:13px}.castButtons .primary{display:flex;justify-content:center;gap:14px;align-items:center}.slotPanel{padding:18px 22px}.slotRow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:12px}.pips{display:flex;gap:5px;flex-wrap:wrap}.pip{height:8px;width:8px;border:1px solid var(--goldSoft);border-radius:50%}.pip.filled{background:var(--gold)}.slotCount{color:var(--muted);font-size:11px;min-width:28px;text-align:right}.current{border-color:var(--goldSoft)}.current h2{font:21px Georgia;margin-bottom:12px}.current p{font-size:12px;color:var(--muted);line-height:1.8}.receiptState{display:block;color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}.roll{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.roll input{font-size:12px;margin:8px 0}.roll button{width:100%;font-size:12px}.roll>label{margin:8px 0}.questions:empty{display:none}.question{background:var(--panel2);padding:18px 22px;border:1px solid var(--goldSoft);border-radius:10px;margin-top:15px}.question>b{display:block;font-size:14px}.question button{margin:12px 8px 0 0;font-size:12px}.question .eyebrow{margin-bottom:8px}.empty{color:var(--muted);font-size:12px;padding:24px 8px;text-align:center}.pageTitle{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:5px 0 25px}.pageTitle h2{font-size:32px;margin-top:7px}.scores{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.score{background:var(--panel);border:1px solid var(--line);border-radius:9px;text-align:center;padding:15px}.score small{font-size:10px;color:var(--muted);letter-spacing:.1em}.score strong{display:block;font:32px Georgia;color:var(--gold);line-height:1.2;margin:7px 0}.score span{display:block;font-size:11px;color:var(--muted)}.sheetGrid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.sheetSide{display:flex;flex-direction:column;gap:20px}.training>div,.saves>div,.resourceList>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.training b,.saves b{color:var(--gold);font-variant-numeric:tabular-nums}.training small{color:var(--muted);font-size:10px;margin-left:8px}.training .trained:before{content:'●';color:var(--gold);font-size:8px;margin-right:9px}.saves{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.casting{display:flex;gap:18px;margin-bottom:15px}.casting strong{display:block;font:23px Georgia;color:var(--gold)}.casting small{font-size:10px;color:var(--muted)}.wallet{text-align:right}.wallet>span{font-size:9px;letter-spacing:.14em;color:var(--muted);display:block}.wallet strong{font-size:19px;font-weight:500;color:var(--gold);display:block;margin-top:5px}.inventoryToolbar{display:flex;gap:22px;align-items:center;margin-bottom:18px}.inventoryToolbar .searchField{flex:1;margin:0}.inventory{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inventory li{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.itemIcon{color:var(--gold);font-size:22px;text-align:center}.inventory strong{font-weight:500;font-size:14px;overflow-wrap:anywhere}.inventory small{display:block;color:var(--green);font-size:10px;margin-top:4px}.quantity{font-size:13px;color:var(--muted);background:var(--panel2);border-radius:5px;padding:5px 9px}.bagTip{display:flex;align-items:start;gap:20px;padding:24px 0;color:var(--muted);font-size:13px;max-width:800px}.bagTip h3{color:var(--text);margin-bottom:7px}.tipSymbol{font-size:34px;color:var(--gold)}code{font:12px Consolas,monospace;background:var(--panel2);color:var(--gold);padding:3px 6px;border-radius:3px}.helpSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.helpSteps article>span{font:34px Georgia;color:var(--goldSoft);display:block;margin-bottom:24px}.helpSteps p,.helpGrid p,.helpDetails p{font-size:13px;color:var(--muted);line-height:1.85}.helpGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.helpGrid h3:not(:first-child){margin-top:24px}.commandGuide{display:grid;grid-template-columns:auto 1fr;gap:14px;font-size:12px;color:var(--muted);align-items:center}.helpDetails{border:1px solid var(--line);border-radius:8px;padding:18px 22px;margin-top:20px;font-size:13px}.helpDetails summary{cursor:pointer;color:var(--gold)}.helpDetails p{margin-top:16px}.areaPanel{margin-top:18px}.areaPanel h3{margin-bottom:8px}.areaPanel canvas{margin-top:12px}.coordinates{margin:12px 0;color:var(--muted);font-size:11px}.coordinates summary{cursor:pointer;padding:7px 0}.approval{align-items:flex-start;margin:13px 0}.approval input{flex-shrink:0;margin-top:3px}#areaInfo{font-size:12px!important}#areaTargets{padding-left:18px;color:var(--muted);font-size:12px}footer{text-align:center;padding:35px 16px;color:var(--muted);font-size:10px;letter-spacing:.04em}footer span{color:var(--goldSoft);padding:0 8px}@media(min-width:1500px){.playGrid{grid-template-columns:345px 1fr 345px}.library{padding:24px}}@media(max-width:1100px){.playGrid{grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr)}.actionRail{grid-column:2;position:static}.library{grid-row:1 / 3;position:sticky;top:15px}.abilityDetail{grid-column:2}.stat{padding:13px 12px;gap:8px}.statIcon{font-size:18px;width:20px}.navHint{display:none}.vital{width:200px}.inventory{grid-template-columns:1fr}}@media(max-width:700px){.topbar{height:60px;padding:0 16px}.brand small{font-size:7px}.topRight{font-size:10px;gap:6px}.brandMark{width:28px;height:32px;font-size:20px}.brand b{font-size:12px}.topRight #theme{margin-left:3px}.connectionDot{display:none}main{padding:0 16px}.hero{padding:25px 0 20px;gap:18px;align-items:start;flex-wrap:wrap}.identity{gap:14px;width:100%}.crest{width:60px;height:76px;border-radius:30px 30px 6px 6px;box-shadow:inset 0 0 0 4px var(--bg)}.crest:before{inset:10px}.crest span{font-size:22px}.crest i{font-size:15px;bottom:-8px}h1{font-size:29px}.identity .eyebrow{font-size:8px}.classLevel{font-size:12px}.heroMeta{gap:7px;margin-top:9px}.worldTime{font-size:10px}.vital{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:13px 16px;display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center}.vitalTop{justify-content:start;gap:12px}.hpValue{margin:0;grid-column:2;grid-row:1 / 3;align-items:baseline}.hpValue strong{font-size:29px}#hpPercent{display:none}#tempHp{grid-column:1 / -1;font-size:10px;margin-top:1px}.vital progress{grid-column:1;grid-row:2}.combatStats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}.stat:nth-child(3){border-right:0}.stat{padding:12px 10px;gap:9px}.stat small{font-size:8px}.stat b{font-size:19px}.mainNav{gap:0;justify-content:space-between;margin:19px 0}.mainNav button{font-size:11px;min-height:43px;padding:6px 0 12px}.mainNav button span{width:16px;font-size:13px}.playGrid{grid-template-columns:1fr;gap:16px}.library{grid-row:auto;position:static}.abilityDetail,.actionRail{grid-column:auto}.choiceList{max-height:240px}.choiceCard{min-height:59px;padding:8px 9px}.library,.abilityDetail,.castPanel{padding:19px}.sectionHead h2{font-size:23px}.detailHeading{margin-bottom:17px}.abilityDetail h2{font-size:28px}.description{font-size:13px}.detailNote{margin-top:20px}.pageTitle{align-items:start;flex-direction:column;gap:14px}.pageTitle h2{font-size:28px}.scores{grid-template-columns:repeat(3,1fr);gap:9px}.score{padding:12px 8px}.score strong{font-size:29px}.sheetGrid,.helpGrid,.helpSteps{grid-template-columns:1fr;gap:16px}.wallet{text-align:left}.inventoryToolbar{flex-wrap:wrap;gap:13px}.inventoryToolbar .searchField{flex-basis:100%}.inventoryToolbar>span{margin-left:auto}.inventory li{padding:12px;gap:9px}.helpSteps article>span{margin-bottom:14px}.commandGuide{gap:12px 10px;font-size:11px}article{padding:19px}.navHint{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#areaMap{width:100%;height:auto;background:#101a22;border:1px solid #53645c;cursor:crosshair;border-radius:6px}.areaFields{display:flex;gap:12px}.areaFields label{flex:1;min-width:0}#areaApprove{width:auto;display:inline;margin-right:7px}#areaInfo{font-size:.88rem;color:#e7c88d}