.gm-slot:nth-child(n){color:hsl(calc(var(--hue2) - 5) 71% 84.9%);background:linear-gradient(180deg, hsl(calc(var(--hue2) - 3) 100% 83.3% / .2), #0006), var(--tex-wood) center / cover scroll, hsl(calc(var(--hue2) - 19) 57% 14.5%);box-shadow:inset 0 0 0 2px hsl(calc(var(--hue2) - 3) 100% 73.5% / .28), inset 0 -4px 0 #00000059, 0 4px 0 hsl(calc(var(--hue) + 10) 73% 7.3%), 0 0 0 1px hsl(calc(var(--hue2) - 13) 60% 33.7%)}.gm-slot:nth-child(n):after{display:none}.gm-slot:nth-child(n):is(:hover,:focus-visible){filter:brightness(1.08);box-shadow:inset 0 0 0 2px hsl(calc(var(--hue2) - 3) 87% 61.0%), inset 0 -4px 0 #0000004d, 0 4px 0 hsl(calc(var(--hue) + 10) 73% 7.3%), 0 0 14px hsl(calc(var(--hue2) - 2) 100% 62.0% / .3)}.gm-slot svg{color:hsl(calc(var(--hue2) - 1) 100% 65.1%)}.gm-slot b{color:hsl(calc(var(--hue2) + 0) 100% 90.8%)}.gm-slot small{color:hsl(calc(var(--hue2) - 4) 36% 69.2%)}.gm-slot:nth-child(n).alert{background:linear-gradient(180deg, #ff786447, #3c000a99), var(--tex-wood) center / cover scroll, #4a1010;box-shadow:inset 0 0 0 2px #ff7a6b, 0 4px 0 hsl(calc(var(--hue) + 10) 73% 7.3%), 0 0 18px #ff5a4680;animation:none}.gm-slot.alert svg{color:#ff9e8f}.gm-tabs{gap:6px;padding:0 10px}.gm-tabs button{font-family:var(--font-display);letter-spacing:.04em;color:hsl(calc(var(--hue2) - 5) 71% 84.9%);text-shadow:0 1px #000;background:#00000059;border:2px solid #00000080;border-radius:10px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex}.gm-tabs button:hover{color:#fff;background:hsl(calc(var(--hue2) - 3) 100% 77.5% / .15)}.gm-tabs button.on{color:hsl(calc(var(--hue2) - 17) 100% 12.4%);text-shadow:0 1px #ffffff80;background:linear-gradient(180deg, hsl(calc(var(--hue2) + 7) 100% 81.4%), hsl(calc(var(--hue2) - 1) 100% 61.4%) 50%, hsl(calc(var(--hue2) - 8) 87% 53.3%));border-color:var(--outline);box-shadow:0 3px 0 hsl(calc(var(--hue2) - 16) 100% 23.9%)}.gm-tabs button em{font-style:normal;font-family:var(--font-ui);color:#fff;border:1.5px solid var(--outline);background:#d42a3a;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:900;display:grid}.gm-tabs-hint{color:hsl(calc(var(--hue2) - 5) 100% 77.1%);text-shadow:0 1px #000;text-overflow:ellipsis;white-space:nowrap;max-width:40%;margin-left:auto;font-size:11.5px;font-weight:700;overflow:hidden}.gm-narration .gm-panel-heading{margin:0 -5px}.gm-narr-body{gap:10px;padding:10px 6px 4px;display:grid}.gm-narr-text{font-family:var(--font-lore);color:hsl(calc(var(--hue2) - 16) 57% 14.5%);background:var(--parch);border:2px solid hsl(calc(var(--hue2) - 13) 60% 33.7%);box-shadow:0 0 0 2px var(--outline), inset 0 0 30px hsl(calc(var(--hue2) - 18) 85% 25.5% / .35);border-radius:10px;margin:0;padding:14px 18px;font-size:clamp(16px,1.15vw,19px);line-height:1.5}.gm-narr-text.empty{color:hsl(calc(var(--hue2) - 15) 36% 35.3%);font-style:italic}.gm-narr-edit{gap:10px;display:grid}.gm-narr-actions{align-items:center;gap:8px;display:flex}.gm-narr-link{color:hsl(calc(var(--hue2) - 1) 100% 65.1%);align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.gm-narr-note{color:#9df0ff;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.gm-narration .textarea{background:linear-gradient(180deg, hsl(calc(var(--hue) + 7) 63% 10.6%), hsl(calc(var(--hue) + 5) 60% 17.6%))}.gm-narration .gm-empty{padding:14px}.gm-quests{flex:1;align-content:start;gap:10px;min-height:0;padding:12px;display:grid;overflow:auto}.gm-quest{background:var(--surface);box-shadow:inset 0 1px 0 hsl(calc(var(--hue2) - 5) 100% 79.4% / .14), 0 2px 0 #0006;border:2px solid #0000008c;border-radius:12px;gap:8px;padding:12px;display:grid}.gm-quest.st-active{border-color:hsl(calc(var(--hue2) - 7) 70% 51.0%)}.gm-quest.st-hidden{border-style:solid;border-color:hsl(calc(var(--hue) + 9) 19% 51.2%)}.gm-quest.st-completed,.gm-quest.st-failed{opacity:.8}.gm-quest header{justify-content:space-between;align-items:center;gap:8px;display:flex}.gm-quest header b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;font-size:14.5px;font-weight:800}.gq-giver{color:#9df0ff;margin-top:-4px;font-size:11.5px;font-weight:700}.gm-quest ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.gm-quest li{color:hsl(calc(var(--hue) + 24) 71% 93.3%);align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.35;display:flex}.gm-quest li span.done{color:hsl(calc(var(--hue) + 6) 27% 64.7%);text-decoration:line-through}.gq-check{border:2px solid var(--outline);background:hsl(calc(var(--hue) + 7) 63% 10.6%);width:20px;height:20px;box-shadow:inset 0 2px 4px #0009, 0 0 0 1px hsl(calc(var(--hue) + 4) 43% 43.3%);color:hsl(calc(var(--hue2) - 17) 100% 12.4%);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid}.gq-check.done{background:var(--gold);box-shadow:0 0 10px hsl(calc(var(--hue2) - 2) 100% 62.0% / .5)}.gq-check:hover{box-shadow:inset 0 2px 4px #0009, 0 0 0 2px hsl(calc(var(--hue2) - 1) 100% 64.5%)}.gm-quest footer{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.gm-quest-add{border:2px solid hsl(calc(var(--hue2) - 7) 70% 51.0%);color:hsl(calc(var(--hue2) - 1) 100% 65.1%);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:800;display:flex}.gm-quest-add:hover{background:hsl(calc(var(--hue2) - 2) 100% 62.0% / .1)}.ws-back{color:hsl(calc(var(--hue2) - 1) 100% 65.1%);letter-spacing:.03em;text-shadow:0 1px #000;background:0 0;border:0;margin-bottom:10px;padding:0;font-size:13px;font-weight:800}.ws-back:hover{color:hsl(calc(var(--hue2) + 6) 100% 84.5%);text-decoration:underline}.cast-filter{background:var(--surface);border:2px solid hsl(calc(var(--hue2) - 13) 60% 33.7%);box-shadow:0 0 0 2px var(--outline);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;padding:10px 12px;display:flex}.cf-search{width:230px;display:block;position:relative}.cf-search svg{color:hsl(calc(var(--hue) + 6) 27% 64.7%);position:absolute;top:14px;left:11px}.cf-search .input{padding-left:32px}.cf-region{width:190px}.cf-count{color:#9df0ff;margin-left:auto;font-size:12px;font-weight:800}.chip i{width:9px;height:9px;box-shadow:0 0 0 1.5px var(--outline);background:#aab;border-radius:50%}.chip.al-good i,.al-tag.al-good i{background:#42e06a}.chip.al-grey i,.al-tag.al-grey i{background:#b8bccd}.chip.al-evil i,.al-tag.al-evil i{background:#ff5a5a}.al-tag{gap:5px}.al-tag i{width:8px;height:8px;box-shadow:0 0 0 1px var(--outline);border-radius:50%}.quest-tile{text-align:left;border:2px solid var(--outline);background:linear-gradient(180deg, hsl(calc(var(--hue) + 4) 51% 37.8%), hsl(calc(var(--hue) + 7) 57% 23.9%));box-shadow:inset 0 1px 0 #fff3, 0 3px 0 var(--outline);border-radius:12px;grid-column:1/-1;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.quest-tile:hover{box-shadow:0 0 0 3px hsl(calc(var(--hue2) - 1) 100% 64.5%), 0 3px 0 var(--outline)}.quest-tile.on{box-shadow:0 0 0 3px hsl(calc(var(--hue2) + 2) 100% 73.9%), 0 0 14px hsl(calc(var(--hue2) - 2) 100% 62.0% / .6)}.quest-tile.st-hidden{border-style:solid;border-color:hsl(calc(var(--hue) + 6) 27% 64.7%)}.qt-icon{background:var(--gold);width:40px;height:40px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);border:2px solid var(--outline);border-radius:10px;flex:none;place-items:center;display:grid}.qt-text{flex:1;min-width:0;display:grid}.qt-text b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;font-weight:800}.qt-text small{color:#9df0ff;font-size:12px;font-weight:700}.quest-tile .thumb-live{position:absolute;top:-8px;right:10px}.modal.hero-modal{width:min(1040px,100%)}.hc{grid-template-columns:300px minmax(0,1fr);gap:22px;min-height:480px;display:grid}.hc-side{flex-direction:column;gap:14px;display:flex}.hc-portrait{border:4px solid hsl(calc(var(--hue2) - 5) 89% 59.2%);min-height:330px;box-shadow:0 0 0 2px var(--outline), 0 0 26px hsl(calc(var(--hue2) - 2) 100% 62.0% / .3), inset 0 0 40px #00000080;background:radial-gradient(circle at 50% 30%, hsl(calc(var(--hue) + 5) 50% 46.1%), hsl(calc(var(--hue) + 6) 55% 19.2%));border-radius:16px;flex:1;position:relative;overflow:hidden}.hc-portrait img,.hc-portrait .img-fallback{object-fit:cover;object-position:50% 14%;width:100%;height:100%}.hc-portrait:after{content:"";background:linear-gradient(0deg, hsl(calc(var(--hue) + 10) 64% 8.6% / .92), transparent);pointer-events:none;position:absolute;inset:55% 0 0}.hc-level{z-index:2;text-align:center;background:var(--gold);width:48px;height:48px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);border:3px solid var(--outline);font-family:var(--font-display);box-shadow:0 0 14px hsl(calc(var(--hue2) - 2) 100% 62.0% / .6);border-radius:50%;place-content:center;font-size:20px;font-weight:900;line-height:.9;display:grid;position:absolute;top:10px;left:10px}.hc-level small{font-family:var(--font-ui);letter-spacing:.1em;font-size:9px;font-weight:800}.hc-presence{z-index:2;color:hsl(calc(var(--hue) + 6) 100% 89.4%);text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;position:absolute;bottom:10px;left:12px}.hc-presence:before{content:"";width:9px;height:9px;box-shadow:0 0 0 1.5px var(--outline);background:#6a6f90;border-radius:50%;margin-right:7px;display:inline-block}.hc-presence.on{color:#a8ffc0}.hc-presence.on:before{box-shadow:0 0 8px #3fe07a, 0 0 0 1.5px var(--outline);background:#3fe07a}.hc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:0 8px;display:grid}.hc-stat{align-items:center;gap:8px;min-width:0;display:flex}.hc-stat>div{min-width:0}.hc-stat b{color:var(--bone);font-family:var(--font-display);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:5px;font-size:24px;font-weight:900;line-height:1.15;display:flex}.hc-stat b small{font-family:var(--font-body);letter-spacing:.06em;color:var(--bone-dim);font-size:10px;font-weight:800}.hc-stat>div>span{color:var(--bone-dim);margin-top:3px;font-size:11px;display:block}.hc-orb{text-align:center;border:3px solid hsl(calc(var(--hue2) - 5) 89% 59.2%);width:62px;height:62px;box-shadow:0 0 0 2px var(--outline), inset 0 0 14px #0000008c;color:#fff;text-shadow:0 2px #000;border-radius:50%;place-content:center;display:grid;position:relative;overflow:hidden}.hc-orb b{font-family:var(--font-display);font-size:17px;font-weight:900;line-height:1;position:relative}.hc-orb small{letter-spacing:.08em;font-size:9px;font-weight:800;position:relative}.hc-orb.hp{background:linear-gradient(0deg, #e2323f var(--p), #2a0a14 var(--p))}.hc-orb.mana{background:linear-gradient(0deg, hsl(calc(var(--hue) - 8) 100% 59.2%) var(--p), hsl(calc(var(--hue) + 5) 66% 11.4%) var(--p))}.hc-orb.ac{background:radial-gradient(circle at 50% 35%, hsl(calc(var(--hue) + 2) 100% 71.8%), hsl(calc(var(--hue) + 7) 57% 23.9%))}.hc-orb.gold{background:radial-gradient(circle at 50% 35%, hsl(calc(var(--hue2) - 2) 68% 32.2%), #2a1c06)}.hc-orb svg{color:hsl(calc(var(--hue2) - 1) 100% 65.1%);filter:drop-shadow(0 1px #000);margin:0 auto 2px;position:relative}.hc-xp{gap:4px;display:grid}.hc-xp small{text-align:center;color:hsl(calc(var(--hue) + 6) 100% 89.4%);font-size:11px;font-weight:800}.hc-main{flex-direction:column;min-width:0;display:flex}.hc-tabs{border-bottom:3px solid hsl(calc(var(--hue) + 6) 63% 11.6%);gap:6px;padding-bottom:12px;display:flex}.hc-tabs button{font-family:var(--font-display);color:hsl(calc(var(--hue2) - 5) 71% 84.9%);background:linear-gradient(180deg, #0003, #00000080), var(--tex-wood) center / cover fixed;border:2px solid var(--outline);text-shadow:0 1px #000;border-radius:12px 12px 0 0;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:800;display:inline-flex}.hc-tabs button:hover:not(:disabled){color:#fff;filter:brightness(1.2)}.hc-tabs button.on{color:hsl(calc(var(--hue2) - 17) 100% 12.4%);text-shadow:0 1px #ffffff80;background:linear-gradient(180deg, hsl(calc(var(--hue2) + 7) 100% 81.4%), hsl(calc(var(--hue2) - 1) 100% 61.4%) 50%, hsl(calc(var(--hue2) - 8) 87% 53.3%))}.hc-tabs button:disabled{opacity:.4}.hc-panel{animation:rise .2s var(--ease-out);flex:1;padding:18px 4px 10px}.hc-line{color:hsl(calc(var(--hue) + 27) 52% 89.4%);justify-content:space-between;margin-bottom:8px;font-weight:700;display:flex}.hc-line b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 0) 100% 82.9%);text-shadow:0 2px #000;font-weight:800}.hc-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.hc-grid.hc-hp{grid-template-columns:repeat(6,1fr)}.hc-btn{min-height:44px;font-family:var(--font-display);color:#fff;text-shadow:0 2px #00000080;background:linear-gradient(180deg, hsl(calc(var(--hue) + 2) 100% 71.8%), hsl(calc(var(--hue) + 4) 72% 56.3%) 45%, hsl(calc(var(--hue) + 6) 61% 42.9%));border:2px solid var(--outline);box-shadow:inset 0 2px 0 #ffffff59, 0 3px 0 hsl(calc(var(--hue) + 6) 67% 16.5%);border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.hc-btn:active{box-shadow:0 1px 0 hsl(calc(var(--hue) + 6) 67% 16.5%);transform:translateY(2px)}.hc-btn.bad{background:linear-gradient(#ff8a78,#ef3b42 45%,#b01d34);box-shadow:inset 0 2px #ffffff59,0 3px #5a0a18}.hc-btn.good{background:linear-gradient(#7dffa8,#2fc46a 50%,#17803e);box-shadow:inset 0 2px #fff6,0 3px #0a4a20}.hc-btn.wide{grid-column:1/-1}.hc-btn:hover{filter:brightness(1.1)}.hc-rewards{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:12px;display:grid}.hc-rewards>.hc-tile{grid-template-rows:48px auto 1fr;align-content:start;width:100%;min-width:0;height:100%;min-height:210px}.hc-tile{text-align:center;border:2px solid hsl(calc(var(--hue2) - 13) 60% 33.7%);background:var(--surface);box-shadow:0 0 0 2px var(--outline);color:hsl(calc(var(--hue2) - 1) 100% 65.1%);border-radius:14px;align-content:center;justify-items:center;gap:8px;padding:18px 12px;display:grid}button.hc-tile:hover{border-color:hsl(calc(var(--hue2) - 1) 100% 64.5%);box-shadow:0 0 0 2px var(--outline), 0 0 16px hsl(calc(var(--hue2) - 2) 100% 62.0% / .4)}.hc-tile b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;font-weight:800}.hc-tile small{color:#9df0ff;font-weight:700}.hc-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hc-chips button{color:hsl(calc(var(--hue2) - 17) 100% 12.4%);background:var(--gold);border:2px solid var(--outline);box-shadow:0 2px 0 hsl(calc(var(--hue2) - 16) 100% 23.9%);border-radius:999px;padding:6px 12px;font-weight:800}.hc-chips button.neg{color:#fff;background:linear-gradient(#ff8a78,#d42a3a);box-shadow:0 2px #5a0a18}.hc-hint{color:hsl(calc(var(--hue) + 6) 100% 89.4%);margin:0 0 12px;font-weight:600}.hc-conds{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hc-conds button{color:hsl(calc(var(--hue) + 5) 100% 93.7%);background:linear-gradient(180deg, hsl(calc(var(--hue) + 4) 51% 37.8%), hsl(calc(var(--hue) + 7) 57% 23.9%));border:2px solid var(--outline);box-shadow:inset 0 1px 0 #fff3, 0 3px 0 var(--outline);border-radius:10px;padding:12px 8px;font-weight:800}.hc-conds button.on{color:hsl(calc(var(--hue2) - 17) 100% 12.4%);background:linear-gradient(180deg, hsl(calc(var(--hue2) + 7) 100% 81.4%), hsl(calc(var(--hue2) - 1) 100% 61.4%));box-shadow:0 0 14px hsl(calc(var(--hue2) - 2) 100% 62.0% / .5), 0 3px 0 hsl(calc(var(--hue2) - 16) 100% 23.9%)}.hc-panel .textarea{margin-bottom:12px}.hc-foot{border-top:3px solid hsl(calc(var(--hue) + 6) 63% 11.6%);align-items:center;gap:10px;padding-top:14px;display:flex}@media (max-width:800px){.hc{grid-template-columns:1fr}.hc-portrait{min-height:260px}.hc-rewards{grid-template-columns:1fr}.hc-conds{grid-template-columns:repeat(2,1fr)}.hc-grid,.hc-grid.hc-hp{grid-template-columns:repeat(3,1fr)}}.dice-tray{flex-direction:column;width:440px;max-height:calc(100dvh - 40px);display:flex}.dice-tray .dice-body{min-height:0;overflow:auto}.dice-buttons{grid-template-columns:repeat(7,minmax(0,1fr))}.die-btn{border:2px solid var(--outline);background:linear-gradient(180deg, hsl(calc(var(--hue) + 4) 50% 41.2%), hsl(calc(var(--hue) + 5) 55% 29.4%));color:hsl(calc(var(--hue2) + 0) 100% 82.9%);box-shadow:inset 0 1px 0 #ffffff40, 0 3px 0 var(--outline);border-radius:10px}.die-btn:hover{border-color:var(--outline);color:#fff;filter:brightness(1.15)}.die-btn span{color:hsl(calc(var(--hue2) + 3) 100% 88.4%);font-weight:800}.die-btn em{background:var(--gold);color:hsl(calc(var(--hue2) - 17) 100% 12.4%);border:1.5px solid var(--outline)}.dice-formula{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:hsl(calc(var(--hue2) + 2) 100% 73.9%);font-weight:800;overflow:hidden}.dice-tray .row{min-width:0}@media (max-width:520px){.dice-tray{width:auto;max-width:none;bottom:10px;left:10px;right:10px}}.item-shelf{flex-direction:column;min-height:0;max-height:calc(100dvh - 290px);display:flex;position:sticky;top:0}.item-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));align-content:start;gap:10px;min-height:0;padding:14px;display:grid;overflow:auto}.item-tile{--rar:hsl(calc(var(--hue) - 7) 27% 83.3%);aspect-ratio:1;border:2px solid var(--outline);background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--rar) 40%, transparent), transparent 68%), radial-gradient(circle at 50% 42%, hsl(calc(var(--hue) + 4) 48% 51.0% / .3), hsl(calc(var(--hue) + 6) 67% 4.7% / .7) 75%), var(--tex-stone) center / cover fixed, hsl(calc(var(--hue) + 6) 53% 16.9%);box-shadow:inset 0 0 0 2px var(--rar), inset 0 0 14px color-mix(in srgb, var(--rar) 40%, transparent);border-radius:12px;place-items:center;transition:transform .1s,filter .15s;display:grid;position:relative}.item-tile img,.item-tile .img-fallback{object-fit:contain;filter:drop-shadow(0 3px 2px #0000008c);width:80%;height:80%;position:absolute;inset:10%}.item-tile:hover{filter:brightness(1.2);transform:translateY(-2px)}.item-tile.active{box-shadow:inset 0 0 0 2px var(--rar), 0 0 0 3px hsl(calc(var(--hue2) + 2) 100% 73.9%), 0 0 16px hsl(calc(var(--hue2) - 2) 100% 62.0% / .6)}.it-name{text-align:center;color:hsl(calc(var(--hue2) + 3) 100% 88.4%);background:hsl(calc(var(--hue) + 10) 64% 8.6% / .8);text-overflow:ellipsis;white-space:nowrap;opacity:0;border-radius:0 0 10px 10px;padding:2px 4px;font-size:10.5px;font-weight:800;transition:opacity .12s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.item-tile:hover .it-name,.item-tile.active .it-name{opacity:1}.it-price{color:hsl(calc(var(--hue2) + 2) 100% 65.1%);text-shadow:0 1px #000,1px 0 #000,-1px 0 #000;font-size:11px;font-weight:900;position:absolute;top:4px;right:6px}.item-shelf-foot{border-top:3px solid hsl(calc(var(--hue) + 6) 63% 11.6%);background:#00000040;border-radius:0 0 11px 11px;gap:2px;padding:12px 16px;display:grid}.item-shelf-foot b{font-family:var(--font-display);font-weight:800}.item-shelf-foot span{color:#9df0ff;font-size:12.5px;font-weight:700}.t-gate{z-index:50;background:radial-gradient(ellipse at 50% 40%, hsl(calc(var(--hue) + 7) 60% 29.4% / .7), hsl(calc(var(--hue) + 9) 67% 7.1% / .95));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.t-gate-card{text-align:center;justify-items:center;gap:14px;width:min(640px,100%);padding:36px 40px 30px;display:grid}.t-gate-icon{background:var(--gold);width:76px;height:76px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);border:4px solid var(--outline);box-shadow:0 0 30px hsl(calc(var(--hue2) - 2) 100% 62.0% / .5);border-radius:50%;place-items:center;display:grid}.t-gate-card .h1{margin:0;font-size:44px}.t-gate-card p{color:hsl(calc(var(--hue) + 24) 71% 93.3%);margin:0;font-size:18px;line-height:1.5}.t-gate-card ul{text-align:left;gap:10px;margin:4px 0 8px;padding:0;list-style:none;display:grid}.t-gate-card li{color:hsl(calc(var(--hue) + 27) 52% 89.4%);align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.t-gate-card li svg{color:hsl(calc(var(--hue2) - 1) 100% 65.1%);flex:none}.t-gate-card small{color:#9df0ff;font-weight:700}.t-standby{z-index:30;font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);background:var(--plank) padding-box, var(--rim) border-box;box-shadow:0 0 0 2px var(--outline), 0 8px 18px #00000073;text-shadow:0 2px #000;white-space:nowrap;border:3px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:8px 20px;font-size:15px;font-weight:800;display:flex;position:absolute;top:16px;left:16px}.live-dot.standby{background:hsl(calc(var(--hue2) - 1) 100% 64.5%);animation:1.6s infinite live}.t-quest{place-items:center;padding:5vh 6vw;display:grid;position:absolute;inset:0}.t-quest-card{background:var(--parch);width:min(1000px,100%);max-height:90vh;box-shadow:0 0 0 4px var(--outline), 0 0 0 10px hsl(calc(var(--hue2) - 7) 70% 51.0%), 0 0 0 12px var(--outline), 0 30px 70px #0009, inset 0 0 70px hsl(calc(var(--hue2) - 18) 85% 25.5% / .4);animation:rise .6s var(--ease-out);color:hsl(calc(var(--hue2) - 16) 57% 14.5%);border-radius:22px;padding:clamp(28px,4vw,56px);overflow:hidden}.t-quest-kicker{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#a3301c;align-items:center;gap:10px;font-size:clamp(16px,1.5vw,24px);font-weight:900;display:flex}.t-quest-title{font-family:var(--font-display);color:hsl(calc(var(--hue2) - 20) 76% 12.9%);text-shadow:0 3px #ffffff80;margin:8px 0 4px;font-size:clamp(40px,5vw,84px);font-weight:900;line-height:1.05}.t-quest-giver{color:hsl(calc(var(--hue2) - 12) 51% 27.5%);font-size:clamp(16px,1.5vw,24px);font-weight:700}.t-quest-card .divider{filter:brightness(.7);margin:16px 0}.t-quest-desc{font-family:var(--font-lore);color:hsl(calc(var(--hue2) - 16) 57% 14.5%);margin:0 0 18px;font-size:clamp(20px,2vw,32px);line-height:1.45}.t-quest-obj{gap:12px;margin:0;padding:0;list-style:none;display:grid}.t-quest-obj li{color:hsl(calc(var(--hue2) - 16) 57% 14.5%);align-items:center;gap:16px;font-size:clamp(18px,1.8vw,30px);font-weight:700;display:flex}.t-quest-obj li i{border:3px solid hsl(calc(var(--hue2) - 12) 51% 27.5%);color:#1e7a3a;background:#ffffff59;border-radius:6px;flex:none;place-items:center;width:1.3em;height:1.3em;font-style:normal;font-weight:900;display:grid}.t-quest-obj li.done{color:#7a6a52;text-decoration:line-through}.t-quest-foot{border-top:3px solid hsl(calc(var(--hue2) - 12) 51% 27.5% / .4);color:hsl(calc(var(--hue2) - 12) 51% 27.5%);justify-content:space-between;gap:16px;margin-top:22px;padding-top:14px;font-size:clamp(15px,1.4vw,22px);font-weight:800;display:flex}.t-quest-reward{color:#a3301c}.t-combat-bar{z-index:4;background:linear-gradient(180deg, #1e0814d1, hsl(calc(var(--hue) + 41) 60% 5.9% / .85));border:4px solid hsl(calc(var(--hue2) - 7) 70% 51.0%);box-shadow:0 0 0 2px var(--outline), 0 12px 30px #00000080;border-radius:22px;align-items:flex-start;gap:1.6vw;padding:12px 22px;display:flex;position:absolute;top:2.5vh;left:2vw;right:2vw}.t-combat-tag{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ff9e8f;text-shadow:0 3px #000;align-self:center;align-items:center;gap:10px;font-size:24px;font-weight:900;display:flex}.t-round{background:var(--gold);width:76px;height:76px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);border:4px solid var(--outline);letter-spacing:0;border-radius:50%;align-self:center;place-items:center;margin:0;display:grid}.t-round small{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);margin-bottom:-4px;font-size:11px;font-weight:800}.t-round b{font-family:var(--font-display);font-size:32px;font-weight:900;line-height:1}.t-combat-bar .t-initiative{flex:1;justify-content:flex-start;gap:14px;padding:0;position:static;overflow:hidden}.t-init{width:104px;position:relative}.t-init-order{z-index:2;color:#fff;background:hsl(calc(var(--hue) + 7) 60% 37.6%);border:2px solid var(--outline);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid;position:absolute;top:-4px;left:6px}.t-init.turn{transform:scale(1.08)}.t-init.turn .t-init-order{background:var(--gold);color:hsl(calc(var(--hue2) - 17) 100% 12.4%)}.t-init:not(.turn){opacity:.88}.t-init.monster .portrait.round{border-color:#ff6b6b}.t-turn-card{z-index:4;background:linear-gradient(180deg, hsl(calc(var(--hue) + 7) 56% 35.3% / .94), hsl(calc(var(--hue) + 8) 61% 18.0% / .96));border:5px solid hsl(calc(var(--hue2) - 5) 89% 59.2%);box-shadow:0 0 0 3px var(--outline), 0 0 50px hsl(calc(var(--hue2) - 2) 100% 62.0% / .35), 0 20px 50px #0000008c;animation:turnIn .5s var(--ease-spring);border-radius:28px;align-items:center;gap:28px;min-width:min(760px,90vw);padding:22px 48px 22px 26px;display:flex;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}@keyframes turnIn{0%{opacity:0;transform:translate(-50%,24px)scale(.96)}}.t-turn-card.monster{box-shadow:0 0 0 3px var(--outline), 0 0 50px #ff504673, 0 20px 50px #0000008c;background:linear-gradient(#78182cf2,#320a1af7);border-color:#ff7a6b}.t-turn-card .portrait.round{border-width:5px;flex:none}.t-turn-kicker{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);background:var(--gold);border:2px solid var(--outline);border-radius:999px;padding:4px 16px;font-size:clamp(14px,1.3vw,22px);font-weight:900;display:inline-block}.t-turn-card.monster .t-turn-kicker{color:#fff;background:linear-gradient(#ff8a78,#d42a3a)}.t-turn-card .t-turn-name{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 0) 100% 82.9%);text-shadow:0 5px 0 hsl(calc(var(--hue) + 26) 60% 15.7%);letter-spacing:.02em;margin:8px 0 4px;font-size:clamp(40px,5vw,84px);font-weight:900;line-height:1.05}.t-turn-sub{color:hsl(calc(var(--hue) + 6) 100% 89.4%);font-size:clamp(16px,1.5vw,26px);font-weight:700}.t-turn-sub b{color:hsl(calc(var(--hue2) + 3) 100% 88.4%)}.t-turn-card.monster .t-turn-sub{color:#ffc4b8}button.chip.active:hover,.tab.active:hover{color:hsl(calc(var(--hue2) - 17) 100% 12.4%)}.show-panel .tabs{border-bottom:0;flex-wrap:wrap;gap:6px}.show-panel .tab{border-bottom:2px solid var(--outline);border-radius:10px;padding:8px 14px}
.stage.single,.split.stage>*,.stage.cols-2>*,.live.stage>*{overflow:visible}.split.stage>.item-shelf{overflow:hidden}.cards{padding:6px 4px 10px}.card:hover{transform:translateY(-3px)}.dm-content{padding-top:22px;padding-bottom:26px}.kb{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.table.preview .kb,.table.preview .t-backdrop img{animation:none;transform:scale(1.04)}.table{contain:layout paint}.preview-frame iframe{backface-visibility:hidden}.show-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;padding:10px 8px 14px}.thumb{gap:8px}.thumb-img{box-shadow:0 3px 0 var(--outline), 0 6px 12px #00000059;border:0;border-radius:12px}.thumb:hover .thumb-img{box-shadow:0 0 0 3px hsl(calc(var(--hue2) - 1) 100% 64.5%), 0 6px 14px #0006}.thumb.on .thumb-img{box-shadow:0 0 0 3px hsl(calc(var(--hue2) + 2) 100% 73.9%), 0 0 18px hsl(calc(var(--hue2) - 2) 100% 62.0% / .6)}.thumb-text b{font-size:14px}.thumb-text small{color:#9df0ff;font-size:12px;font-weight:700}.thumb-live{top:8px;left:8px}.upload-card{grid-column:1/-1;justify-items:center;gap:8px;display:grid}.upload-drop{border:3px solid hsl(calc(var(--hue2) - 7) 70% 51.0%);width:100%;color:hsl(calc(var(--hue2) - 1) 100% 65.1%);background:#00000038;border-radius:16px;justify-items:center;gap:6px;padding:30px 20px;transition:background .15s,transform .1s;display:grid}.upload-drop:hover:not(:disabled){background:hsl(calc(var(--hue2) - 2) 100% 62.0% / .12)}.upload-drop b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;font-size:18px;font-weight:800}.upload-drop small{color:#9df0ff;font-size:13px;font-weight:700}.send-heroes{flex-wrap:wrap;align-items:flex-start;gap:14px;margin:10px 0 18px;display:flex}.send-hero{text-align:center;justify-items:center;gap:2px;width:118px;transition:transform .12s,filter .15s;display:grid}.sh-art{background:radial-gradient(circle at 50% 30%, hsl(calc(var(--hue) + 5) 50% 46.1%), hsl(calc(var(--hue) + 6) 55% 19.2%));width:118px;height:138px;box-shadow:0 3px 0 var(--outline), 0 6px 12px #00000059;border-radius:14px;position:relative;overflow:hidden}.sh-art img,.sh-art .img-fallback{object-fit:cover;object-position:50% 14%;width:100%;height:100%;transition:filter .15s}.send-hero:not(.on) .sh-art img,.send-hero:not(.on) .sh-art .img-fallback{filter:grayscale(.85)brightness(.6)}.send-hero.on .sh-art{box-shadow:0 0 0 3px hsl(calc(var(--hue2) + 2) 100% 73.9%), 0 0 18px hsl(calc(var(--hue2) - 2) 100% 62.0% / .55)}.send-hero:hover{transform:translateY(-3px)}.send-hero b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;margin-top:6px;font-size:14px;font-weight:800}.send-hero:not(.on) b{color:hsl(calc(var(--hue) + 6) 27% 64.7%)}.send-hero small{color:#9df0ff;font-size:12px;font-weight:700}.sh-check{background:var(--gold);width:26px;height:26px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);box-shadow:0 0 0 2px var(--outline);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.send-heroes .textbtn{align-self:center}.send-actions{background:0 0;border:0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:4px;padding:4px;display:grid;overflow:visible}.send-action{text-align:center;min-height:92px;font-family:var(--font-display);color:hsl(calc(var(--hue2) - 5) 71% 84.9%);background:linear-gradient(180deg, hsl(calc(var(--hue2) - 3) 100% 83.3% / .08), #00000080), var(--tex-wood) center / cover fixed, #2e1a0b;box-shadow:0 3px 0 var(--outline), 0 6px 10px #0000004d;text-shadow:0 1px #000;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:13.5px;font-weight:800;display:flex}.send-action svg{width:26px;height:26px;color:hsl(calc(var(--hue2) - 1) 100% 65.1%)}.send-action:hover{filter:brightness(1.2)}.send-action.on{color:hsl(calc(var(--hue2) - 17) 100% 12.4%);text-shadow:0 1px #ffffff80;background:linear-gradient(180deg, hsl(calc(var(--hue2) + 7) 100% 81.4%), hsl(calc(var(--hue2) - 1) 100% 61.4%) 50%, hsl(calc(var(--hue2) - 8) 87% 53.3%));box-shadow:0 0 0 3px hsl(calc(var(--hue2) + 6) 100% 84.5%), 0 0 16px hsl(calc(var(--hue2) - 2) 100% 62.0% / .5)}.send-action.on svg{color:hsl(calc(var(--hue2) - 17) 100% 12.4%)}.send-form{background:#00000038;border-radius:14px;gap:12px;margin:16px 0 14px;padding:16px;display:grid}.send-panel>.label{font-size:13px}.reveal-row{text-align:left;color:hsl(calc(var(--hue2) + 3) 100% 88.4%);background:linear-gradient(180deg, hsl(calc(var(--hue) + 4) 51% 37.8%), hsl(calc(var(--hue) + 7) 57% 23.9%));box-shadow:0 3px 0 var(--outline);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.reveal-row span{color:hsl(calc(var(--hue2) - 1) 100% 65.1%);margin-left:auto;font-size:12px;font-weight:800}.handout-pick{border:3px solid hsl(calc(var(--hue2) - 7) 70% 51.0%);width:140px;height:110px;color:hsl(calc(var(--hue2) - 1) 100% 65.1%);border-radius:12px;font-weight:800;overflow:hidden}.handout-pick img{object-fit:cover;width:100%;height:100%}.music-mini{gap:18px;display:grid}.mm-now{background:linear-gradient(180deg, hsl(calc(var(--hue2) - 3) 100% 83.3% / .08), #00000080), var(--tex-wood) center / cover fixed, #2e1a0b;box-shadow:0 3px 0 var(--outline), 0 0 0 2px hsl(calc(var(--hue2) - 13) 60% 33.7%);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 18px;display:flex}.mm-now.playing{box-shadow:0 3px 0 var(--outline), 0 0 0 3px hsl(calc(var(--hue2) - 1) 100% 64.5%), 0 0 22px hsl(calc(var(--hue2) - 2) 100% 62.0% / .35)}.mm-icon{object-fit:contain;filter:drop-shadow(0 4px 3px #00000080);width:72px;height:72px}.mm-now-text{flex:1;min-width:160px;display:grid}.mm-now-text b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;font-size:22px;font-weight:900}.mm-now-text small{color:#9df0ff;font-size:12.5px;font-weight:700}.mm-round{width:58px;height:58px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);background:var(--gold);border:3px solid var(--outline);box-shadow:0 4px 0 hsl(calc(var(--hue2) - 16) 100% 23.9%);border-radius:50%;place-items:center;display:grid}.mm-round.sm{color:#fff;background:linear-gradient(180deg, hsl(calc(var(--hue) + 2) 100% 71.8%), hsl(calc(var(--hue) + 6) 61% 42.9%));width:42px;height:42px;box-shadow:0 3px 0 hsl(calc(var(--hue) + 6) 67% 16.5%)}.mm-round:disabled{filter:grayscale(.8);opacity:.5}.mm-round:active:not(:disabled){transform:translateY(3px)}.mm-vol{color:hsl(calc(var(--hue2) - 1) 100% 65.1%);flex-basis:100%;align-items:center;gap:12px;display:flex}.mm-vol input{accent-color:hsl(calc(var(--hue2) - 1) 100% 64.5%);flex:1;height:8px}.mm-vol span{text-align:right;width:44px;color:hsl(calc(var(--hue2) + 3) 100% 88.4%);font-weight:800}.mm-mood{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:hsl(calc(var(--hue2) - 5) 100% 77.1%);text-shadow:0 2px #000;margin:0 2px 10px;font-size:15px;font-weight:800}.mm-tracks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.mm-track{text-align:left;color:hsl(calc(var(--hue2) + 3) 100% 88.4%);background:linear-gradient(180deg, hsl(calc(var(--hue) + 4) 51% 37.8%), hsl(calc(var(--hue) + 7) 57% 23.9%));box-shadow:0 3px 0 var(--outline), 0 6px 10px #0000004d;border:0;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.mm-track b{min-width:0;font-family:var(--font-display);text-shadow:0 2px #000;flex:1;font-size:14px;font-weight:800}.mm-track:hover{filter:brightness(1.15)}.mm-track.on{background:linear-gradient(180deg, hsl(calc(var(--hue) + 4) 53% 50.8%), hsl(calc(var(--hue) + 7) 61% 37.5%));box-shadow:0 0 0 3px hsl(calc(var(--hue2) + 2) 100% 73.9%), 0 0 16px hsl(calc(var(--hue2) - 2) 100% 62.0% / .5)}.mm-play{width:40px;height:40px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);background:var(--gold);box-shadow:0 0 0 2px var(--outline);border-radius:50%;flex:none;place-items:center;display:grid}.eq{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.eq i{background:hsl(calc(var(--hue2) - 1) 100% 65.1%);border-radius:2px;width:4px;animation:.9s ease-in-out infinite eqbar}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}@keyframes eqbar{0%,to{height:4px}50%{height:18px}}.hero-card{background:var(--surface);box-shadow:0 3px 0 var(--outline), 0 0 0 2px hsl(calc(var(--hue2) - 13) 60% 33.7%);border:0;border-radius:16px;grid-template-columns:104px 1fr;gap:16px;padding:16px}.hero-card .hcard-portrait{box-shadow:0 0 0 3px hsl(calc(var(--hue2) - 5) 89% 59.2%), 0 0 0 5px var(--outline);border:0;border-radius:14px}.hero-card .hc-name{color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;font-size:17px;font-weight:800}.hero-card .hc-meta{color:#9df0ff;font-size:12.5px;font-weight:700}.hc-actions .btn{min-height:30px;font-size:11px}.npc-pick{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;display:grid}.npc-tile{text-align:center;justify-items:center;gap:6px;transition:transform .12s,filter .15s;display:grid}.nt-art{aspect-ratio:3/4;background:radial-gradient(circle at 50% 30%, hsl(calc(var(--hue) + 5) 50% 46.1%), hsl(calc(var(--hue) + 6) 55% 19.2%));width:100%;box-shadow:0 3px 0 var(--outline), 0 6px 12px #00000059;border-radius:14px;position:relative;overflow:hidden}.nt-art img,.nt-art .img-fallback{object-fit:cover;object-position:50% 14%;width:100%;height:100%}.npc-tile:not(.on) .nt-art img,.npc-tile:not(.on) .nt-art .img-fallback{filter:grayscale(.85)brightness(.6)}.npc-tile.on .nt-art{box-shadow:0 0 0 3px hsl(calc(var(--hue2) + 2) 100% 73.9%), 0 0 16px hsl(calc(var(--hue2) - 2) 100% 62.0% / .5)}.npc-tile:hover{transform:translateY(-3px)}.npc-tile b{color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 1px #000;font-size:12.5px;font-weight:800;line-height:1.2}.npc-tile:not(.on) b{color:hsl(calc(var(--hue) + 6) 27% 64.7%)}.section-title{align-items:center;gap:12px;margin:22px 2px 10px;display:flex}.section-title .h3{font-size:16px}.li.active,.scene-pill.active{box-shadow:none}.outline-frame{flex-direction:column;align-self:start;min-height:0;max-height:calc(100dvh - 250px);display:flex;position:sticky;top:0;overflow:hidden}.outline{flex:1;align-content:start;gap:14px;min-height:0;padding:14px 12px 16px;display:grid;overflow:auto}.ol-chapter{background:#0003;border-radius:14px;padding:8px;position:relative}.ol-chapter.dragging,.ol-scene.dragging{opacity:.4}.ol-chapter.drop-before:before,.ol-chapter.drop-after:after,.ol-scene.drop-before:before,.ol-scene.drop-after:after{content:"";background:hsl(calc(var(--hue2) - 1) 100% 65.1%);height:4px;box-shadow:0 0 10px hsl(calc(var(--hue2) - 2) 100% 62.0% / .8);z-index:3;border-radius:4px;position:absolute;left:6px;right:6px}.ol-chapter.drop-before:before{top:-9px}.ol-chapter.drop-after:after{bottom:-9px}.ol-scene.drop-before:before{top:-5px}.ol-scene.drop-after:after{bottom:-5px}.ol-chapter.drop-into{box-shadow:0 0 0 3px hsl(calc(var(--hue2) - 1) 100% 65.1%), 0 0 14px hsl(calc(var(--hue2) - 2) 100% 62.0% / .5)}.ol-head{cursor:grab;border-radius:12px;align-items:center;gap:6px;padding:6px 8px 6px 4px;display:flex}.ol-head.active{background:hsl(calc(var(--hue2) - 2) 100% 62.0% / .16)}.ol-grip{color:hsl(calc(var(--hue) + 6) 27% 64.7%);opacity:.7;cursor:grab;flex:none}.ol-head:hover .ol-grip,.ol-scene:hover .ol-grip{opacity:1;color:hsl(calc(var(--hue2) - 1) 100% 65.1%)}.ol-title{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ol-icon{object-fit:contain;filter:drop-shadow(0 3px 2px #00000080);flex:none;width:48px;height:48px}.ol-title span{min-width:0;display:grid}.ol-title small{letter-spacing:.08em;text-transform:uppercase;color:#9df0ff;font-size:11px;font-weight:800}.ol-title b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;font-size:15px;font-weight:800;line-height:1.2}.ol-count{min-width:24px;height:24px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);background:var(--gold);box-shadow:0 0 0 2px var(--outline);border-radius:999px;place-items:center;padding:0 7px;font-size:12px;font-weight:900;display:grid}.ol-scenes{gap:8px;padding:8px 0 0 12px;display:grid}.ol-scene{cursor:grab;background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:6px 8px 6px 2px;transition:background .12s;display:flex;position:relative}.ol-scene:hover{background:#ffffff1a}.ol-scene.active{background:hsl(calc(var(--hue2) - 2) 100% 62.0% / .18);box-shadow:0 0 0 2px hsl(calc(var(--hue2) - 1) 100% 64.5%)}.ol-thumb{width:84px;height:52px;box-shadow:0 2px 0 var(--outline);border-radius:9px;flex:none;position:relative;overflow:hidden}.ol-thumb img,.ol-thumb .img-fallback{object-fit:cover;width:100%;height:100%}.ol-thumb em{width:20px;height:20px;color:hsl(calc(var(--hue2) - 17) 100% 12.4%);background:var(--gold);box-shadow:0 0 0 1.5px var(--outline);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:900;display:grid;position:absolute;top:4px;left:4px}.ol-text{min-width:0;display:grid}.ol-text b{color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 1px #000;font-size:14px;font-weight:800;line-height:1.2}.ol-text small{color:#9df0ff;font-size:11.5px;font-weight:700}.ol-empty{text-align:center;border:2px solid hsl(calc(var(--hue) + 9) 19% 51.2%);color:hsl(calc(var(--hue) + 6) 27% 64.7%);border-radius:10px;padding:12px;font-size:13px;font-weight:700}.ol-add{color:hsl(calc(var(--hue2) - 1) 100% 65.1%);background:#0003;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:800;display:flex}.ol-add:hover{background:hsl(calc(var(--hue2) - 2) 100% 62.0% / .12)}.qt-icon{background:0 0;border:0;border-radius:0;width:64px;height:64px;position:relative}.qt-icon img{object-fit:contain;filter:drop-shadow(0 3px 2px #00000080);width:100%;height:100%}.quest-tile.st-hidden .qt-icon img{filter:grayscale(.7)brightness(.8)drop-shadow(0 3px 2px #00000080)}.qt-lock{color:#fff;background:hsl(calc(var(--hue) + 7) 60% 37.6%);width:24px;height:24px;box-shadow:0 0 0 2px var(--outline);border-radius:50%;padding:3px;position:absolute;bottom:-2px;right:-2px}.send-heroes .textbtn{background:#0000004d;border-radius:999px;padding:8px 16px}.ol-icon,.mm-icon,.qt-icon img{image-rendering:auto}.choice.race-choice{background:var(--surface);box-shadow:0 3px 0 var(--outline), 0 0 0 2px hsl(calc(var(--hue) + 4) 43% 43.3%);border:0;border-radius:14px;padding:0 0 12px;overflow:hidden}.race-choice.active{box-shadow:0 0 0 3px hsl(calc(var(--hue2) + 2) 100% 73.9%), 0 0 18px hsl(calc(var(--hue2) - 2) 100% 62.0% / .5)}.race-choice>b,.race-choice>span:not(.race-art){padding:0 14px}.race-art{aspect-ratio:4/3;margin-bottom:4px;display:block;overflow:hidden}.race-art img,.race-art .img-fallback{object-fit:cover;object-position:50% 18%;width:100%;height:100%;transition:transform .3s}.race-choice:hover .race-art img{transform:scale(1.05)}.photo-upload{text-align:center;aspect-ratio:3/4;color:hsl(calc(var(--hue2) - 1) 100% 65.1%);place-items:center;gap:4px;padding:8px;display:grid;border:3px solid hsl(calc(var(--hue2) - 7) 70% 51.0%)!important;opacity:1!important;background:#00000038!important}.photo-upload b{color:hsl(calc(var(--hue2) + 3) 100% 88.4%);font-size:12px;line-height:1.2}.photo-upload small{color:#9df0ff;font-size:11px;font-weight:700}.gal-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;padding:6px 4px 16px;display:grid}.gal-card{align-content:start;gap:8px;display:grid}.gal-art{aspect-ratio:1;background:radial-gradient(circle at 50% 30%, hsl(calc(var(--hue) + 5) 50% 46.1%), hsl(calc(var(--hue) + 6) 55% 19.2%));box-shadow:0 3px 0 var(--outline), 0 6px 12px #00000059;border-radius:14px;position:relative;overflow:hidden}.gal-art img,.gal-art .img-fallback{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.gal-del{opacity:0;transition:opacity .12s;position:absolute;top:8px;right:8px}.gal-card:hover .gal-del,.gal-del:focus-visible{opacity:1}.gal-grid.built .gal-card{opacity:.85}.gal-grid.balanced{flex-direction:column;display:flex}.gal-row{gap:18px;display:grid}.gal-row>*{min-width:0}.gal-card.item-art .gal-art{aspect-ratio:1}.gal-card.item-art .gal-art img{object-fit:contain;object-position:center}.gal-name{text-align:center;font-size:14px;line-height:1.35}.gallery-tabs{flex-wrap:wrap}.gallery-page{min-width:0}@media (max-width:700px){.gallery-page .page-head{flex-direction:column;align-items:stretch}.gallery-page .page-head>.row{justify-content:flex-start}}.gal-add{aspect-ratio:1;border:3px solid hsl(calc(var(--hue2) - 7) 70% 51.0%);color:hsl(calc(var(--hue2) - 1) 100% 65.1%);background:#00000038;border-radius:14px;align-content:center;place-items:center;gap:4px;display:grid}.gal-add:hover:not(:disabled){background:hsl(calc(var(--hue2) - 2) 100% 62.0% / .12)}.gal-add b{font-family:var(--font-display);color:hsl(calc(var(--hue2) + 3) 100% 88.4%);text-shadow:0 2px #000;font-weight:800}.gal-add small{color:#9df0ff;font-weight:700}
:root{--hue:226;--hue2:45}html[data-theme=vivid]{--hue:226;--hue2:45;--tex-stone:url(/ui/bg/vivid.png);--tex-panel:url(/ui/bg/leather-vivid.webp)}html[data-theme=frost]{--hue:205;--hue2:192;--tex-stone:url(/ui/bg/frost.png);--tex-panel:url(/ui/bg/leather-frost.webp)}html[data-theme=arcane]{--hue:268;--hue2:172;--tex-stone:url(/ui/bg/arcane.png);--tex-panel:url(/ui/bg/leather-arcane.webp)}html[data-theme=blood]{--hue:352;--hue2:40;--tex-stone:url(/ui/bg/blood.png);--tex-panel:url(/ui/bg/leather-blood.webp)}html[data-theme=verdant]{--hue:150;--hue2:48;--tex-stone:url(/ui/bg/verdant.png);--tex-panel:url(/ui/bg/leather-verdant.webp)}html[data-theme=ember]{--hue:24;--hue2:42;--tex-stone:url(/ui/bg/ember.png);--tex-panel:url(/ui/bg/leather-ember.webp)}
.quest-layout{grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start}.quest-layout>*{min-width:0}@media (max-width:1000px){.dm-content>.quest-layout{flex:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.quest-layout .quest-shelf{max-height:420px;position:static;overflow:hidden}.quest-layout>.frame>.frame-head{flex-wrap:wrap}.quest-layout .quest-title{min-width:0}.quest-layout .quest-title .h2{overflow-wrap:anywhere}}@media (max-width:520px){.quest-layout .form-grid{grid-template-columns:minmax(0,1fr)}}.quest-shelf{flex-direction:column;min-height:0;max-height:calc(100dvh - 250px);display:flex;position:sticky;top:0;overflow:hidden}.quest-filter{gap:10px;padding:12px 12px 4px;display:grid}.quest-list{flex:1;align-content:start;gap:10px;min-height:0;padding:10px 12px 14px;display:grid;overflow:auto}.quest-card{text-align:left;box-shadow:0 3px 0 var(--outline);background:linear-gradient(#00000029,#0000006b);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:transform .1s,background .12s;display:flex}.quest-card img{object-fit:contain;filter:drop-shadow(0 3px 2px #00000080);flex:none;width:52px;height:52px}.quest-card.st-hidden img{filter:grayscale(.7)brightness(.85)drop-shadow(0 3px 2px #00000080)}.quest-card:hover{background:#ffffff1a;transform:translate(3px)}.quest-card.active{background:#ffc83d24;box-shadow:0 0 0 3px #ffcf4a,0 0 14px #ffc83d66}.qc-text{flex:1;min-width:0;display:grid}.qc-text b{font-family:var(--font-display);color:#fff3c4;text-shadow:0 2px #000;font-size:14.5px;font-weight:800;line-height:1.2}.qc-text small{color:#9df0ff;font-size:12px;font-weight:700}.quest-title{align-items:center;gap:14px;display:flex}.quest-title img{object-fit:contain;filter:drop-shadow(0 3px 2px #00000080);width:58px;height:58px}.gq-check.big{border-radius:8px;width:28px;height:28px}.label small{letter-spacing:0;text-transform:none;margin-left:8px;font-weight:700}.link-scenes{gap:10px;margin-top:8px;display:grid}.link-chip{text-align:left;box-shadow:0 2px 0 var(--outline);color:#aeb4dc;background:#00000047;border-radius:12px;align-items:center;gap:10px;padding:5px 14px 5px 5px;transition:filter .12s,background .12s;display:flex;position:relative}.link-chip .lc-img{border-radius:8px;flex:none;width:74px;height:46px;overflow:hidden}.link-chip .lc-img img,.link-chip .lc-img .img-fallback{object-fit:cover;filter:grayscale(.8)brightness(.65);width:100%;height:100%}.link-chip b{font-size:13.5px;font-weight:800}.link-chip:hover{background:#ffffff1a}.link-chip.on{color:#fff3c4;background:#ffc83d29;box-shadow:0 0 0 3px #ffcf4a}.link-chip.on .lc-img img,.link-chip.on .lc-img .img-fallback{filter:none}.lc-check{color:#ffd04d}.place-pick{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.place-tile{text-align:center;gap:6px;display:grid}.pt-art{aspect-ratio:16/10;box-shadow:0 3px 0 var(--outline), 0 6px 12px #00000059;border-radius:12px;position:relative;overflow:hidden}.pt-art img,.pt-art .img-fallback{object-fit:cover;width:100%;height:100%}.place-tile:not(.on) .pt-art img{filter:grayscale(.85)brightness(.6)}.place-tile.on .pt-art{box-shadow:0 0 0 3px #ffe27a,0 0 16px #ffc83d80}.place-tile b{color:#fff3c4;text-shadow:0 1px #000;font-size:12.5px;font-weight:800}.place-tile:not(.on) b{color:#8d93bd}.place-tile:hover,.npc-tile:hover{filter:brightness(1.15)}.scene-quests{gap:8px;display:grid}.sq-row{box-shadow:0 2px 0 var(--outline);background:#00000042;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sq-row.st-hidden{outline-offset:-2px;outline:2px solid #6b6f9a}.sq-row img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000080);flex:none;width:44px;height:44px}.sq-text{flex:1;min-width:0;display:grid}.sq-text b{font-family:var(--font-display);color:#fff3c4;text-shadow:0 2px #000;font-size:14px;font-weight:800}.sq-text small{color:#9df0ff;font-size:12px;font-weight:700}.reveal-list{gap:12px;display:grid}.reveal-card{box-shadow:0 3px 0 var(--outline);background:#00000042;border-radius:14px;grid-template-columns:150px 1fr;gap:10px 16px;padding:12px;display:grid}.rc-art{aspect-ratio:4/3;border-radius:10px;grid-row:1/3;width:150px;display:block;overflow:hidden}.rc-art img,.rc-art .img-fallback{object-fit:cover;width:100%;height:100%}.rc-art.quest{background:radial-gradient(circle,#3b4cb0,#161d4c);place-items:center;display:grid}.rc-art.quest img{object-fit:contain;width:80%;height:80%}.rc-text{align-content:start;gap:2px;min-width:0;display:grid}.rc-text b{font-family:var(--font-display);color:#fff3c4;text-shadow:0 2px #000;font-size:16px;font-weight:800}.rc-text small{color:#9df0ff;font-size:12px;font-weight:700}.rc-text em{color:#dcd6f2;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:13.5px;font-style:normal;line-height:1.4;display:-webkit-box;overflow:hidden}.rc-actions{flex-wrap:wrap;align-self:end;gap:8px;display:flex}.reveal-list .mm-mood{margin:4px 2px 0}.divider{max-width:100%;height:48px;margin:8px auto}.t-quest-card .divider{filter:none;height:84px;margin:6px 0}.t-title .divider{height:90px}.frame-body>.divider{height:56px}.t-controls{z-index:40;opacity:0;pointer-events:none;gap:10px;transition:opacity .25s;display:flex;position:absolute;top:16px;left:16px}.t-controls.show{opacity:1;pointer-events:auto}.t-controls button{font-family:var(--font-display);color:#fff3c4;box-shadow:0 0 0 2px var(--outline), 0 6px 14px #00000080;text-shadow:0 1px #000;background:linear-gradient(#0e1238d9,#06081ae6);border:2px solid #d99a2b;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:800;display:inline-flex}.t-controls button:hover{filter:brightness(1.2)}.t-gate-back{color:#ffd04d;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.t-gate-back:hover{text-decoration:underline}.quest-audience{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4e9cf;background-color:#182542}.quest-audience optgroup,.quest-audience option{color:#f4e9cf;background-color:#182542}.quest-audience option:disabled{color:#aebbd0}
.modal.creator{width:min(1240px,100%)}.creator .creator-steps{margin-bottom:18px}.creator-body{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:26px;min-height:0}.creator-preview{aspect-ratio:3/4;background:radial-gradient(circle at 50% 30%,#3b4cb0,#161d4c);border-width:4px;border-radius:18px;place-self:start center;width:100%;min-height:320px;max-height:calc(100dvh - 330px);position:sticky;top:0}.creator-preview img,.creator-preview .img-fallback{object-position:50% 12%}.creator-preview .cp-info{bottom:18px;left:18px;right:18px}.creator-preview .cp-info .h2{font-size:26px}.creator-pane{min-width:0;padding-bottom:8px}.creator .choice-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.creator .art-pick.portraits{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.creator .art-pick.portraits button{aspect-ratio:3/4;opacity:1;box-shadow:0 3px 0 var(--outline);border:0;border-radius:12px;overflow:hidden}.creator .art-pick.portraits button img{object-position:50% 14%}.creator .art-pick.portraits button.active{box-shadow:0 0 0 3px #ffe27a,0 0 14px #ffc83d8c}.creator .art-pick.portraits button:hover{filter:brightness(1.12);transform:translateY(-2px)}.creator .photo-upload{padding:10px}@media (max-width:860px){.creator-body{grid-template-columns:1fr}.creator-preview{aspect-ratio:4/3;max-height:380px;position:relative}}.creator-body.hidden{display:none}.origin{gap:12px;display:grid}.origin-top{justify-content:space-between;align-items:center;display:flex}.origin-top .gender-pick{margin:0}.origin-count{color:#9df0ff;font-size:13px;font-weight:800}.origin-stage{touch-action:pan-y;--cw:clamp(170px, 17vw, 240px);--gap:22px;background:#00000038;border-radius:16px;position:relative;overflow:hidden}.origin-strip{align-items:center;gap:var(--gap);width:max-content;transform:translateX(calc(var(--i) * (var(--cw) + var(--gap)) * -1 - var(--cw) / 2));margin-left:50%;padding:22px 0;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex}.oc{width:var(--cw);aspect-ratio:3/4;border:3px solid hsl(calc(var(--hue2) - 3) 70% 50%);min-height:190px;max-height:calc(100dvh - 520px);box-shadow:0 0 0 2px var(--outline), 0 10px 20px #00000080;transform:scale(calc(1 - min(var(--d), 3) * .09));filter:brightness(calc(1 - min(var(--d), 3) * .2)) saturate(.85);background:radial-gradient(circle at 50% 30%,#3b4cb0,#161d4c);border-radius:16px;flex:none;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .3s;position:relative;overflow:hidden}.oc img,.oc .img-fallback{object-fit:cover;object-position:50% 14%;width:100%;height:100%}.oc:after{content:"";pointer-events:none;background:linear-gradient(#0000,#080a24f2);position:absolute;inset:55% 0 0}.oc.on{filter:none;box-shadow:0 0 0 2px var(--outline), 0 0 26px #ffc83d99, 0 14px 26px #0000008c;z-index:2;border-color:#fff3b0;transform:scale(1.1)}.oc-name{z-index:1;font-family:var(--font-display);color:#fff3c4;text-shadow:0 2px #000;text-align:center;font-size:15px;font-weight:900;position:absolute;bottom:10px;left:10px;right:10px}.origin-arrow{z-index:5;color:#3f1d00;border:3px solid var(--outline);background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px #7a3a00}.origin-arrow.left{left:10px}.origin-arrow.right{right:10px}.origin-arrow:disabled{opacity:.3;filter:grayscale(.8)}.origin-info{box-shadow:0 3px 0 var(--outline);background:#00000042;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:14px 18px;display:flex}.oi-name{font-family:var(--font-display);color:#ffe9a8;text-shadow:0 3px #1a1040;font-size:26px;font-weight:900}.oi-main p{color:#dcd6f2;margin:2px 0 0;font-size:15px}.oi-stats{flex-wrap:wrap;gap:8px;display:flex}.oi-chip{color:#dfe4ff;box-shadow:0 2px 0 var(--outline);background:linear-gradient(#34469e,#222e74);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex}.oi-chip b{color:#ffd04d}.oi-chip.speed{color:#a8ffc0}
.join{grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}.join-bg img,.join-bg .img-fallback{object-position:50% 40%;filter:blur(3px)saturate(1.1);transform:scale(1.06)}.join-shade{background:radial-gradient(at 50% 45%,#0c103c26,#080a24d9 78%),linear-gradient(#0000 55%,#080a24eb)}.jc-stage{z-index:2;touch-action:pan-y;cursor:grab;--cw:clamp(210px, 21vw, 330px);--gap:clamp(20px, 2.4vw, 40px);align-items:center;display:grid;position:relative;overflow:hidden}.jc-stage:active{cursor:grabbing}.jc-strip{align-items:center;gap:var(--gap);width:max-content;transform:translateX(calc(var(--i) * (var(--cw) + var(--gap)) * -1 - var(--cw) / 2));margin-left:50%;padding:26px 0;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex}.jc{width:var(--cw);aspect-ratio:3/4;border:4px solid hsl(calc(var(--hue2) - 3) 78% 55%);min-height:230px;max-height:calc(100dvh - 470px);box-shadow:0 0 0 3px var(--outline), 0 18px 34px #0000008c;transform:scale(calc(1 - min(var(--d), 3) * .1));filter:brightness(calc(1 - min(var(--d), 3) * .18)) saturate(.85);text-align:left;background:radial-gradient(circle at 50% 30%,#3b4cb0,#161d4c);border-radius:20px;flex:none;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .3s,box-shadow .3s;position:relative;overflow:hidden}.jc img,.jc .img-fallback{object-fit:cover;object-position:50% 14%;width:100%;height:100%}.jc.on{filter:none;box-shadow:0 0 0 3px var(--outline), 0 0 34px hsl(calc(var(--hue2) - 3) 100% 60% / .6), 0 22px 40px #0009;z-index:2;border-color:#fff3b0;transform:scale(1.08)}.jc:after{content:"";pointer-events:none;background:linear-gradient(#0000,#080a24f5);position:absolute;inset:52% 0 0}.jc-info{z-index:1;gap:1px;display:grid;position:absolute;bottom:14px;left:16px;right:16px}.jc-info small{letter-spacing:.08em;text-transform:uppercase;color:#9df0ff;text-shadow:0 1px #000;font-size:11.5px;font-weight:800}.jc-info b{font-family:var(--font-display);color:#fff3c4;text-shadow:0 2px #000;font-size:clamp(17px,1.6vw,24px);font-weight:900;line-height:1.15}.jc-info em{color:#c9d0ff;font-size:12.5px;font-style:normal;font-weight:800}.jc.forge{background:linear-gradient(#3042a0e6,#12184af2);border-style:solid}.jc-forge{color:#ffd04d;filter:drop-shadow(0 4px #000)drop-shadow(0 0 18px #ffc83d99);place-items:center;display:grid;position:absolute;inset:0 0 30%}.jc-arrow{z-index:5;color:#3f1d00;border:3px solid var(--outline);background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px #7a3a00,0 10px 18px #00000080}.jc-arrow.left{left:clamp(10px,3vw,48px)}.jc-arrow.right{right:clamp(10px,3vw,48px)}.jc-arrow:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-50%)scale(1.06)}.jc-arrow:disabled{opacity:.3;filter:grayscale(.8)}.jc-dots{z-index:2;justify-content:center;gap:10px;padding:2px 0 10px;display:flex;position:relative}.jc-dots i{width:10px;height:10px;box-shadow:0 0 0 2px var(--outline);background:#ffffff47;border-radius:50%;transition:all .2s}.jc-dots i.on{background:linear-gradient(#fff2a0,#ffcc3a);border-radius:6px;width:30px}.jc-plate{z-index:2;border:4px solid hsl(calc(var(--hue2) - 5) 70% 45%);box-shadow:0 0 0 2px var(--outline), 0 14px 30px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0e1238d1,#06081ae6);border-radius:20px;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:center;gap:28px;margin:0 clamp(16px,4vw,70px) 22px;padding:20px 26px;display:grid;position:relative}.jc-plate-name{font-family:var(--font-display);color:#ffe9a8;text-shadow:0 4px #1a1040;margin:4px 0;font-size:clamp(30px,3.4vw,54px);font-weight:900;line-height:1.05}.jc-quote{color:#fff3c4;margin:4px 0;font-size:clamp(16px,1.3vw,21px);font-style:italic}.jc-bio{color:#dcd6f2;max-width:640px;margin:6px 0 0;font-size:15px;line-height:1.5}.jc-plate-side{gap:14px;display:grid}.jc-note{color:#ffc4b8;font-size:12.5px;font-weight:700}@media (max-width:860px){.jc-plate{grid-template-columns:1fr;gap:14px;padding:16px}.jc{max-height:40dvh}.jc-arrow{width:48px;height:48px}.jc-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.gender-pick{align-items:center;gap:10px;margin-bottom:14px;display:flex}.gender-pick button{font-family:var(--font-display);color:#f4e2bd;border:2px solid var(--outline);box-shadow:0 3px 0 var(--outline);background:#0000004d;border-radius:999px;padding:9px 22px;font-size:14px;font-weight:800}.gender-pick button.on{color:#3f1d00;background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020)}
.cb-vignette{pointer-events:none;background:radial-gradient(at 50% 55%,#0000 40%,#3c06148c 100%),linear-gradient(#080a24b3,#0000 28% 70%,#080a24bf);position:absolute;inset:0}.cb-top{z-index:4;justify-content:center;align-items:flex-start;gap:22px;display:flex;position:absolute;top:2.2vh;left:2vw;right:2vw}.cb-round{text-align:center;color:#3f1d00;border:4px solid var(--outline);background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020);border-radius:50%;flex:none;place-content:center;width:84px;height:84px;margin-top:8px;display:grid;box-shadow:0 0 0 3px #d99a2b,0 8px 18px #00000080}.cb-round small{letter-spacing:.14em;text-transform:uppercase;margin-bottom:-4px;font-size:11px;font-weight:900}.cb-round b{font-family:var(--font-display);font-size:38px;font-weight:900;line-height:1}.cb-order{box-shadow:0 0 0 2px var(--outline), 0 14px 30px #00000080;background:linear-gradient(#0e1238c7,#06081ab3);border:3px solid #d99a2b;border-radius:26px;justify-content:center;align-items:flex-start;gap:14px;max-width:78vw;padding:18px 26px 12px;display:flex}.cb-unit{width:92px;animation:cbIn .45s var(--ease-spring) both;animation-delay:calc(var(--k) * 45ms);transition:transform .35s var(--ease-spring);justify-items:center;gap:5px;display:grid;position:relative}@keyframes cbIn{0%{opacity:0;transform:translateY(-14px)scale(.9)}}.cb-unit.cur{width:128px;transform:translateY(6px)}.cb-face{display:block;position:relative}.cb-face .portrait.round{border-width:4px}.cb-unit.hero .portrait.round{box-shadow:0 0 0 2px var(--outline), 0 0 14px #55e08a66;border-color:#55e08a}.cb-unit.monster .portrait.round{box-shadow:0 0 0 2px var(--outline), 0 0 14px #ff5a5a66;border-color:#ff6b6b}.cb-unit.cur .portrait.round{box-shadow:0 0 0 3px var(--outline), 0 0 28px #ffd65ad9;border-color:#fff3b0}.cb-unit.dead .cb-face{filter:grayscale()brightness(.6)}.cb-skull{color:#fff;text-shadow:0 2px 6px #000;place-items:center;font-size:34px;display:grid;position:absolute;inset:0}.cb-mark{width:0;height:0;filter:drop-shadow(0 2px 0 var(--outline));border-top:18px solid #ffe27a;border-left:13px solid #0000;border-right:13px solid #0000;animation:1.1s ease-in-out infinite cbBob;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@keyframes cbBob{50%{transform:translate(-50%,5px)}}.cb-pip{width:100%;height:7px;box-shadow:0 0 0 1.5px var(--outline);background:#05071a;border-radius:6px;overflow:hidden}.cb-pip i,.cb-bar i{border-radius:inherit;height:100%;transition:width .6s var(--ease-out);display:block}.cb-pip i.ok,.cb-bar.ok i{background:linear-gradient(#8dffb0,#2fc46a)}.cb-pip i.mid,.cb-bar.mid i{background:linear-gradient(#ffe27a,#f0a020)}.cb-pip i.low,.cb-bar.low i{background:linear-gradient(#ff8a78,#d42a3a)}.cb-pip i.dead{width:0!important}.cb-name{text-align:center;max-width:100%;font-family:var(--font-display);color:#e6e2fa;text-shadow:0 2px #000;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.15;overflow:hidden}.cb-unit.cur .cb-name{color:#ffe9a8;font-size:16px}.cb-legend{color:#dcd6f2;text-shadow:0 1px #000;flex:none;align-self:center;gap:6px;font-size:12px;font-weight:800;display:grid}.cb-legend i{width:12px;height:12px;box-shadow:0 0 0 1.5px var(--outline);vertical-align:-1px;border-radius:50%;margin-right:6px;display:inline-block}.cb-legend i.h{background:#55e08a}.cb-legend i.e{background:#ff6b6b;margin-left:0}.cb-legend{grid-auto-flow:row}.cb-side{z-index:4;align-content:start;gap:10px;width:min(25vw,360px);display:grid;position:absolute;top:27vh}.cb-side.left{left:2vw}.cb-side.right{right:2vw}.cb-side-head{width:max-content;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#fff3c4;text-shadow:0 2px #000;border:2px solid var(--outline);background:linear-gradient(#34469e,#1e2864);border-radius:999px;padding:6px 18px;font-size:14px;font-weight:900}.cb-side.right .cb-side-head{background:linear-gradient(#b0283c,#6a1224);margin-left:auto}.cb-card{box-shadow:0 0 0 2px var(--outline), 0 6px 14px #00000073;transition:transform .3s var(--ease-spring), border-color .2s;background:linear-gradient(#0e1238d1,#06081ae0);border:3px solid #4b5cb0;border-radius:40px 16px 16px 40px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.cb-card.foe{border-color:#b0405a;border-radius:16px 40px 40px 16px;flex-direction:row-reverse;padding:8px 8px 8px 12px}.cb-card.cur{box-shadow:0 0 0 2px var(--outline), 0 0 22px #ffd65a80;border-color:#ffe27a;transform:scale(1.04)}.cb-card.dead{opacity:.5;filter:grayscale(.9)}.cb-card-main{flex:1;gap:5px;min-width:0;display:grid}.cb-card-main b{font-family:var(--font-display);color:#fff3c4;text-shadow:0 2px #000;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.cb-card.foe .cb-card-main b{text-align:right}.cb-bar{height:18px;box-shadow:0 0 0 2px var(--outline);background:#05071a;border-radius:999px;position:relative;overflow:hidden}.cb-bar span{color:#fff;text-shadow:0 1px #000,0 0 3px #000;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;inset:0}.cb-ac{color:#fff;clip-path:polygon(50% 0,100% 15%,100% 65%,50% 100%,0 65%,0 15%);text-shadow:0 1px #000;background:linear-gradient(#6f8cff,#2b3cb0);flex:none;place-items:center;width:36px;height:40px;font-size:16px;font-weight:900;display:grid}.cb-none{color:#c9d0ff;text-align:center;font-weight:700}.cb-turn{z-index:5;text-align:center;box-shadow:0 0 0 3px var(--outline), 0 0 44px #ffc83d59, 0 16px 40px #0000008c;animation:cbTurn .5s var(--ease-spring);background:linear-gradient(#28348cf0,#12184af5);border:4px solid #f4b73a;border-radius:26px;justify-items:center;gap:4px;min-width:min(560px,80vw);padding:16px 56px 18px;display:grid;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}@keyframes cbTurn{0%{opacity:0;transform:translate(-50%,26px)scale(.95)}}.cb-turn.monster{box-shadow:0 0 0 3px var(--outline), 0 0 44px #ff504673, 0 16px 40px #0000008c;background:linear-gradient(#78182cf2,#320a1af7);border-color:#ff7a6b}.cb-turn-kicker{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#3f1d00;border:2px solid var(--outline);background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020);border-radius:999px;padding:3px 18px;font-size:clamp(13px,1.2vw,18px);font-weight:900}.cb-turn.monster .cb-turn-kicker{color:#fff;background:linear-gradient(#ff8a78,#d42a3a)}.cb-turn-name{font-family:var(--font-display);color:#ffe9a8;text-shadow:0 5px #1a1040;font-size:clamp(34px,4.2vw,68px);font-weight:900;line-height:1.05}.cb-turn-sub{color:#c9d0ff;font-size:clamp(14px,1.3vw,21px);font-weight:700}.cb-turn-sub b{color:#fff3c4}.cb-turn.monster .cb-turn-sub{color:#ffc4b8}@media (max-width:1100px){.cb-side,.cb-legend{display:none}}.t-ticker{top:25vh}.cb-legend{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.cb-legend span{align-items:center;gap:6px;display:inline-flex}.fight-view-tabs{align-items:center;gap:6px;display:flex}.fight-view-tabs button{color:var(--bone-dim);border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.fight-view-tabs button.active{background:hsl(var(--hue2) 75% 55% / .16);color:#ffe8a5;border-color:hsl(var(--hue2) 65% 55% / .45)}.gm-fighting .gm-stage{min-height:450px}.fight-workspace{background:hsl(var(--hue) 42% 13%);border-radius:10px;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.fight-heading{border-bottom:1px solid hsl(var(--hue2) 60% 55% / .3);justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.fight-heading h2{font-family:var(--font-display);color:#fff0be;margin:4px 0 0;font-size:20px}.fight-heading .row{gap:6px}.fight-scroll{flex:1;min-height:0;max-height:55vh;padding:12px;overflow:auto}.fight-tip{color:var(--bone-dim);margin:0 0 12px;font-size:13px;line-height:1.5}.fight-footer{border-top:1px solid hsl(var(--hue2) 60% 55% / .3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.fight-footer small{color:var(--bone-dim)}.fight-section-title{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px;display:flex}.fight-section-title h3{font-family:var(--font-display);color:#ffe8a5;margin:0}.fight-section-title>.input{max-width:220px}.fight-party-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fight-pick{text-align:left;background:var(--surface);border:1px solid hsl(var(--hue) 32% 37%);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.fight-pick>span{min-width:0}.fight-pick strong,.fight-enemy-pick strong{overflow-wrap:anywhere;font-size:14px;display:block}.fight-pick small,.fight-enemy-pick small{color:var(--bone-dim);margin-top:4px;font-size:12px;display:block}.fight-pick.selected,.fight-enemy-pick.selected{border-color:hsl(var(--hue2) 75% 58%)}.fight-check{color:#ffe8a5;margin-left:auto;font-size:18px}.fight-enemy-pick,.fight-review{border:1px solid hsl(var(--hue) 32% 32%);background:var(--surface);border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.fight-enemy-pick>span,.fight-review>strong{overflow-wrap:anywhere;flex:1;min-width:0}.fight-enemy-pick label,.fight-review label{color:var(--bone-dim);flex:none;width:72px;font-size:11px}.fight-enemy-pick input,.fight-review input{text-align:center;margin-top:4px;padding:5px}.fight-row{background:var(--surface);border:1px solid hsl(var(--hue) 32% 32%);border-radius:10px;grid-template-columns:45px 46px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;padding:12px;display:grid}.fight-row.current{border-color:hsl(var(--hue2) 85% 65%);box-shadow:inset 3px 0 hsl(var(--hue2) 85% 65%)}.fight-row.fallen{opacity:.65}.fight-initiative{text-align:center;color:var(--bone-dim);font-size:10px}.fight-initiative input{text-align:center;margin-top:4px;padding:4px}.fight-identity{min-width:0}.fight-identity strong{color:#fff0be;overflow-wrap:anywhere;font-size:15px;display:block}.fight-identity small{color:var(--bone-dim);margin:4px 0 7px;font-size:12px;display:block}.fight-hp{flex-wrap:wrap;grid-column:3;align-items:center;gap:6px;display:flex}.fight-hp>input{text-align:center;width:58px;min-height:30px;padding:4px}.fight-dice-desk{flex-direction:column;min-height:0;display:flex}.fight-dice-scroll{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px;display:flex;overflow:auto}.fight-visibility,.fight-advantage{flex-wrap:wrap;gap:6px;display:flex}.fight-dice-scroll .fight-tip{margin:0}.fight-target{color:#ffe8a5;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;display:flex}.fight-attacks{gap:10px;display:grid}.fight-attacks strong{margin-bottom:6px;font-size:14px;display:block}.fight-attacks .row{flex-wrap:wrap;gap:6px}.fight-result{text-align:center;background:var(--surface);border:1px solid hsl(var(--hue2) 75% 58%);border-radius:10px;gap:8px;padding:14px;display:grid}.fight-result small{color:var(--bone-dim);overflow-wrap:anywhere;font-size:12px;line-height:1.4}.fight-result>b{color:#ffe8a5;font-size:38px;line-height:1}.fight-result>span{color:var(--bone-dim);font-size:12px}.fight-roll-history{gap:8px;display:grid}.fight-roll-history>div:not(.eyebrow){border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:7px;font-size:12px;display:flex}.fight-roll-history span{overflow-wrap:anywhere;min-width:0}@media (max-width:1000px){.gm-fighting{grid-template-rows:auto auto auto 98px;grid-template-areas:"party stage""dice dice""journal journal""actions actions"}.gm-fighting .fight-dice-desk{grid-area:dice}.fight-dice-scroll{max-height:650px}}@media (max-width:650px){.gm-fighting .gm-stage{min-height:470px}.gm-fighting .fight-dice-desk{order:2;max-width:none}.gm-fighting .gm-party{order:3}.gm-fighting .gm-narration{order:4}.fight-heading{flex-wrap:wrap;padding:12px}.fight-heading h2{font-size:17px}.fight-scroll{max-height:470px}.fight-party-picks{grid-template-columns:1fr}.fight-hp{grid-column:1/-1;justify-content:flex-end}.fight-enemy-pick,.fight-review{gap:7px;padding:8px}.fight-enemy-pick label,.fight-review label{width:60px}.fight-section-title>.input{max-width:170px}}.fight-panel{overflow:visible}.fight-bar{box-shadow:inset 0 1px 0 #ffffff40, 0 3px 0 var(--outline);background:linear-gradient(#82182ce6,#3c0a1cf2);border-radius:11px 11px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.fight-bar-main{align-items:center;gap:16px;display:flex}.fight-badge{font-family:var(--font-display);letter-spacing:.1em;color:#fff;border:2px solid var(--outline);background:linear-gradient(#ff8a78,#d42a3a 55%,#9a1428);border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:14px;font-weight:900;animation:1.8s ease-in-out infinite cbBadge;display:inline-flex;box-shadow:0 0 16px #ff504699}@keyframes cbBadge{50%{box-shadow:0 0 6px #ff50464d}}.fight-round{letter-spacing:.1em;text-transform:uppercase;color:#ffc4b8;font-size:12px;font-weight:800}.fight-turn{font-family:var(--font-display);color:#ffe9a8;text-shadow:0 3px #1a1040;font-size:22px;font-weight:900}.fight-bar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fight-controls{background:#00000040;border-bottom:3px solid #0b1030;flex-wrap:wrap;align-items:center;gap:18px 30px;padding:12px 18px;display:flex}.fight-switch{align-items:center;gap:12px;display:flex}.fight-switch span{display:grid}.fight-switch b{color:#fff3c4;font-weight:800}.fight-switch small{color:#9df0ff;font-size:12px;font-weight:700}.fs-toggle{border:3px solid var(--outline);background:#0a0e2c;border-radius:999px;flex:none;width:58px;height:30px;transition:background .2s;position:relative;box-shadow:inset 0 2px 6px #0009,0 0 0 1.5px #3f4f9e}.fs-toggle i{background:linear-gradient(#c8cbe0,#7d82a8);border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px #0006}.fs-toggle.on{background:linear-gradient(#ff8a78,#c0243a)}.fs-toggle.on i{background:linear-gradient(#fff,#ffe58f);left:30px}.fight-in{gap:4px;display:grid}.fight-who-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fw-hero{opacity:.45;border-radius:14px;justify-items:center;gap:2px;padding:4px 6px;transition:opacity .15s,transform .1s;display:grid}.fw-hero b{color:#fff3c4;text-shadow:0 1px #000;font-size:11px;font-weight:800}.fw-hero.on{opacity:1;background:#ffc83d29;box-shadow:0 0 0 2px #ffcf4a}.fw-hero:hover{opacity:1;transform:translateY(-2px)}.fight-who{background:#00000038;border-radius:14px;gap:6px;margin-bottom:14px;padding:12px 14px;display:grid}.fight-panel .init-list{gap:10px;padding:14px}.fight-panel .init-row{box-shadow:0 3px 0 var(--outline);background:linear-gradient(90deg,#3042a080,#0000004d);border:0;border-left:8px solid #4b5cb0;border-radius:14px;grid-template-columns:56px 64px minmax(0,1fr) auto;gap:14px;padding:10px 14px}.fight-panel .init-row.monster{background:linear-gradient(90deg,#961e3280,#0000004d);border-left-color:#d94a5a}.fight-panel .init-row.turn{transform:scale(1.01);box-shadow:0 0 0 3px #ffe27a,0 0 20px #ffc83d73}.fight-panel .init-row.turn:before{content:"▶";color:#ffe27a;font-size:20px;position:absolute;left:-26px}.fight-panel .init-row{position:relative}.fight-panel .init-name{color:#fff3c4;text-shadow:0 2px #000;letter-spacing:.02em;font-size:17px;font-weight:800}.fight-panel .init-row.monster .init-name{color:#ffd0c8}.fight-panel .init-num{font-size:22px;font-weight:900}.fight-panel .portrait.round{border-width:3px}.fo{z-index:4;pointer-events:none;position:absolute;inset:0}.fo-top{box-shadow:0 0 0 2px var(--outline), 0 12px 26px #00000080;pointer-events:auto;max-width:94vw;animation:cbIn .45s var(--ease-spring) both;background:linear-gradient(#1e0814d9,#0e0618e0);border:3px solid #d99a2b;border-radius:24px;align-items:flex-start;gap:14px;padding:12px 20px 8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.fo-round{text-align:center;color:#3f1d00;border:3px solid var(--outline);background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020);border-radius:50%;flex:none;place-content:center;align-self:center;width:56px;height:56px;display:grid}.fo-round small{letter-spacing:.1em;text-transform:uppercase;margin-bottom:-3px;font-size:9px;font-weight:900}.fo-round b{font-family:var(--font-display);font-size:24px;font-weight:900;line-height:1}.fo-order{align-items:flex-start;gap:10px;padding:14px 4px 4px;display:flex;overflow-x:auto}.fo-unit{width:66px;transition:transform .3s var(--ease-spring);flex:none;justify-items:center;gap:3px;display:grid;position:relative}.fo-unit.cur{width:88px}.fo-unit .portrait.round{border-width:3px}.fo-unit.hero .portrait.round{border-color:#55e08a}.fo-unit.monster .portrait.round{border-color:#ff6b6b}.fo-unit.me .portrait.round{box-shadow:0 0 0 2px var(--outline), 0 0 12px #ffe27a}.fo-unit.cur .portrait.round{box-shadow:0 0 0 3px var(--outline), 0 0 22px #ffd65ad9;border-color:#fff3b0}.fo-unit.dead{filter:grayscale()brightness(.6)}.fo-name{color:#e6e2fa;text-shadow:0 1px #000;font-size:11px;font-weight:800}.fo-spectator{color:#9df0ff;align-self:center;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.fo-close{align-self:center}.fo-turn{text-align:center;box-shadow:0 0 0 3px var(--outline), 0 12px 30px #00000080;animation:cbTurn .5s var(--ease-spring);background:linear-gradient(#28348cf0,#12184af5);border:4px solid #f4b73a;border-radius:20px;justify-items:center;gap:2px;padding:12px 40px 14px;display:grid;position:absolute;bottom:168px;left:50%;transform:translate(-50%)}.fo-turn b{font-family:var(--font-display);color:#ffe9a8;text-shadow:0 4px #1a1040;font-size:clamp(24px,3vw,40px);font-weight:900}.fo-turn small{color:#c9d0ff;font-size:14px;font-weight:700}.fo-turn.mine{box-shadow:0 0 0 3px var(--outline), 0 0 40px #ffd65aa6, 0 12px 30px #00000080;animation:cbTurn .5s var(--ease-spring), cbBadge 1.4s ease-in-out infinite;border-color:#fff3b0}.fo-turn.monster{background:linear-gradient(#78182cf2,#320a1af7);border-color:#ff7a6b}.fo-state{color:#ffc4b8!important}.fo-notice{z-index:20;box-shadow:0 0 0 2px var(--outline), 0 0 30px #ff504680, 0 12px 26px #00000080;color:#ffe9a8;animation:cbTurn .5s var(--ease-spring);background:linear-gradient(#78182cf5,#320a1afa);border:3px solid #ff7a6b;border-radius:18px;align-items:center;gap:14px;max-width:94vw;padding:12px 16px 12px 18px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.fo-notice div{display:grid}.fo-notice b{font-family:var(--font-display);text-shadow:0 2px #000;font-size:17px;font-weight:900}.fo-notice small{color:#ffc4b8;font-size:13px;font-weight:700}.fo-chip{z-index:20;font-family:var(--font-display);color:#fff;border:2px solid var(--outline);background:linear-gradient(#ff8a78,#d42a3a 55%,#9a1428);border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ff504680,0 4px #5a0a18}@media (max-width:760px){.fo-turn{padding:10px 22px;bottom:230px}.fo-notice{flex-wrap:wrap}}.hc-custom{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;width:100%;min-width:0;display:grid}.hc-custom .input{text-align:center;grid-column:1/-1;width:100%;min-width:0;min-height:34px;padding:4px 10px}.hc-custom .btn{min-width:0}.hc-custom .btn:only-of-type{grid-column:1/-1}.hc-tile.static{align-content:start}.fo-turn{bottom:300px}.hud:has(.fo) .pf-combat{display:none}
.dm-content .frame:not(.glass),.outline-frame,.quest-shelf,.item-shelf{background:linear-gradient(180deg, hsl(var(--hue) 46% 21%), hsl(var(--hue) 52% 14%)) padding-box, var(--rim) border-box}.outline,.ol-chapter,.ol-scene,.hero-card,.cast-filter,.gm-quest,.quest-card,.reveal-card,.link-chip,.sq-row,.story-facts div,.hc-tile,.vital,.stat-tile,.ability-card,.foe,.choice:not(.race-choice),.doll-stats>div,.give-strip{background-image:none;background-color:hsl(var(--hue) 50% 12% / .55)}.ol-chapter{background-color:hsl(var(--hue) 50% 10% / .45)}.ol-scene{background-color:hsl(var(--hue) 40% 24% / .5)}.ol-scene:hover{background-color:hsl(var(--hue) 40% 30% / .6)}.ol-scene.active{background-color:hsl(var(--hue2) 70% 40% / .2)}.hero-card{box-shadow:0 3px 0 var(--outline), 0 0 0 2px hsl(var(--hue2) 45% 38%)}.cast-filter{box-shadow:0 0 0 2px var(--outline)}.ws-back{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#fff3c4;text-shadow:0 2px #000;background:linear-gradient(180deg, #ffe6aa1f, #00000080), var(--tex-wood) center / cover fixed, hsl(var(--hue2) 60% 20%);border:2px solid var(--outline);box-shadow:inset 0 0 0 2px hsl(var(--hue2) 80% 55% / .55), 0 4px 0 #050720, 0 8px 12px #00000059;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 18px 8px 12px;font-size:13px;font-weight:800;transition:transform 80ms,filter .15s;display:inline-flex}.ws-back:before{content:"";background:var(--gold);width:20px;height:20px;box-shadow:0 0 0 2px var(--outline);border-radius:50%;display:grid;-webkit-mask:none}.ws-back{padding-left:40px;position:relative}.ws-back:before{content:"←";color:#3f1d00;text-shadow:none;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.ws-back:hover{filter:brightness(1.2);color:#fff;text-decoration:none}.ws-back:active{box-shadow:inset 0 0 0 2px hsl(var(--hue2) 80% 55% / .55), 0 1px 0 #050720;transform:translateY(3px)}.gm{grid-template-rows:minmax(300px,1fr) 300px 98px}.gm-send .textarea{min-height:64px}.gm-narr-body{padding-top:8px}.gm-narration{min-height:0;overflow:auto}.gm-send{gap:10px}.gm-quick{flex-wrap:wrap;gap:6px;display:flex}.gm-send-row{align-items:center;gap:10px;display:flex}.gm-send-row .input{flex:1;min-width:0}.gm-aud{flex:none;align-items:center;gap:6px;display:flex}.gm-aud>button{color:#dfe4ff;border:2px solid var(--outline);background:#0000004d;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800}.gm-aud>button.on{color:#3f1d00;background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020)}.gm-aud>.gm-aud-hero{opacity:.45;border-radius:50%;padding:2px}.gm-aud>.gm-aud-hero.on{opacity:1;box-shadow:0 0 0 2px var(--outline), 0 0 10px #ffc83d99;background:#ffe27a}.gm-recent{color:#9df0ff;text-overflow:ellipsis;white-space:nowrap;max-width:50%;margin-left:auto;font-size:12px;font-weight:700;overflow:hidden}.gm-recent b{color:#fff3c4}@media (max-width:1000px){.gm{grid-template-rows:auto auto auto 100px}}@media (max-width:650px){.gm-send-row{flex-direction:column;align-items:stretch}.gm-send-row .input{flex:auto}.gm-aud,.gm-narr-actions{flex-wrap:wrap}.gm-recent{flex-basis:100%;max-width:100%;margin-left:0}.gm-narration .gm-tabs button{flex:1;justify-content:center;padding:8px 6px;font-size:11px}}
.fight-board{background:radial-gradient(at 50% 0,#961e3247,#0000 60%),linear-gradient(#0a0c28f5,#06081cfa);border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;padding:12px 14px;display:grid;overflow:auto}.fb-top{align-items:center;gap:14px;display:flex}.fb-round{text-align:center;color:#3f1d00;border:3px solid var(--outline);background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020);border-radius:50%;flex:none;place-content:center;width:62px;height:62px;display:grid;box-shadow:0 0 0 2px #d99a2b}.fb-round small{letter-spacing:.12em;text-transform:uppercase;margin-bottom:-3px;font-size:9px;font-weight:900}.fb-round b{font-family:var(--font-display);font-size:26px;font-weight:900;line-height:1}.fb-order{flex:1;align-items:flex-end;gap:12px;min-width:0;padding:18px 8px 6px;display:flex;overflow-x:auto}.fb-unit{opacity:.9;width:64px;transition:transform .2s var(--ease-spring), opacity .15s;flex:none;justify-items:center;gap:4px;display:grid;position:relative}.fb-unit.cur{opacity:1;width:86px}.fb-unit:hover{opacity:1;transform:translateY(-3px)}.fb-unit .portrait.round{border-width:3px}.fb-unit.hero .portrait.round{border-color:#55e08a}.fb-unit.monster .portrait.round{border-color:#ff6b6b}.fb-unit.cur .portrait.round{box-shadow:0 0 0 3px var(--outline), 0 0 22px #ffd65ad9;border-color:#fff3b0}.fb-unit.sel:not(.cur) .portrait.round{box-shadow:0 0 0 3px var(--outline), 0 0 0 5px #9df0ff}.fb-unit.dead{filter:grayscale()brightness(.55)}.fb-mark{width:0;height:0;filter:drop-shadow(0 2px 0 var(--outline));border-top:15px solid #ffe27a;border-left:11px solid #0000;border-right:11px solid #0000;animation:1.1s ease-in-out infinite cbBob;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.fb-init{color:#fff;border:2px solid var(--outline);background:#26339a;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-4px;left:2px}.fb-unit.cur .fb-init{background:var(--gold);color:#3f1d00}.fb-pip{width:100%;height:6px;box-shadow:0 0 0 1.5px var(--outline);background:#05071a;border-radius:6px;overflow:hidden}.fb-pip i{border-radius:inherit;height:100%;display:block}.fb-pip i.ok,.fb-hp.ok i{background:linear-gradient(#8dffb0,#2fc46a)}.fb-pip i.mid,.fb-hp.mid i{background:linear-gradient(#ffe27a,#f0a020)}.fb-pip i.low,.fb-hp.low i,.fb-hp.dead i{background:linear-gradient(#ff8a78,#d42a3a)}.fb-hidden{color:#9df0ff;filter:drop-shadow(0 1px #000);position:absolute;top:36px;right:0}.fb-skull{color:#fff;text-shadow:0 2px 5px #000;font-size:24px;position:absolute;top:14px}.fb-card{box-shadow:0 0 0 2px var(--outline);background:linear-gradient(90deg,#3042a073,#0000004d);border:3px solid #4b5cb0;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:14px 16px;display:grid}.fb-card.monster{background:linear-gradient(90deg,#961e3273,#0000004d);border-color:#b0405a}.fb-card.turn{box-shadow:0 0 0 2px var(--outline), 0 0 24px #ffc83d66;border-color:#ffe27a}.fb-art{align-self:start;position:relative}.fb-art .portrait{border-width:4px;border-radius:16px}.fb-ac{color:#fff;clip-path:polygon(50% 0,100% 15%,100% 65%,50% 100%,0 65%,0 15%);text-shadow:0 1px #000;background:linear-gradient(#6f8cff,#2b3cb0);align-content:center;place-items:center;min-width:44px;height:44px;font-size:16px;font-weight:900;display:grid;position:absolute;bottom:-8px;right:-10px}.fb-ac svg{display:none}.fb-main{align-content:start;gap:10px;min-width:0;display:grid}.fb-name{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.fb-name b{font-family:var(--font-display);color:#ffe9a8;text-shadow:0 3px #1a1040;font-size:26px;font-weight:900}.fb-side{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.fb-side.hero{color:#8dffb0}.fb-side.monster{color:#ff9e8f}.fb-hp{height:26px;box-shadow:0 0 0 2.5px var(--outline), 0 0 0 4px #ffd25a80;background:#05071a;border-radius:999px;position:relative;overflow:hidden}.fb-hp i{border-radius:inherit;height:100%;transition:width .5s var(--ease-out);display:block}.fb-hp span{color:#fff;text-shadow:0 1px #000,0 0 4px #000;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex;position:absolute;inset:0}.fb-hits{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fb-hit{min-width:52px;min-height:38px;font-family:var(--font-display);color:#fff;text-shadow:0 2px #00000080;border:2px solid var(--outline);background:linear-gradient(#6f8cff,#2b3cb0);border-radius:10px;padding:0 12px;font-size:15px;font-weight:900;box-shadow:inset 0 2px #ffffff59,0 3px #0e1546}.fb-hit.bad{background:linear-gradient(#ff8a78,#d42a3a 55%,#9a1428);box-shadow:inset 0 2px #ffffff59,0 3px #5a0a18}.fb-hit.good{background:linear-gradient(#7dffa8,#2fc46a 50%,#17803e);box-shadow:inset 0 2px #fff6,0 3px #0a4a20}.fb-hit:active:not(:disabled){transform:translateY(2px)}.fb-hit:disabled{filter:grayscale(.7);opacity:.5}.fb-hits .input{text-align:center;width:76px;min-height:38px;padding:4px 8px}.fb-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fb-token{border:2px solid var(--outline);color:#fff3c4;background:#00000059;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:13px;font-weight:800;transition:opacity .15s,filter .15s;display:inline-flex}.fb-token i{width:22px;height:22px;box-shadow:0 0 0 2px var(--outline), 0 0 10px currentColor}.fb-token.action{color:#8dffb0}.fb-token.action i{background:radial-gradient(circle at 35% 30%,#d6ffe3,#2fc46a);border-radius:50%}.fb-token.bonus{color:#ffb347}.fb-token.bonus i{clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none;filter:drop-shadow(0 0 0 var(--outline));background:linear-gradient(#ffd27a,#f0861a)}.fb-token.move{color:#6fb4ff}.fb-token.move i{background:linear-gradient(#a8d4ff,#2f7dff);border-radius:6px;width:36px;height:12px;margin:5px 0}.fb-token span{color:#fff3c4}.fb-token.used{opacity:.4;filter:grayscale()}.fb-token.used span{text-decoration:line-through}.fb-spacer{flex:1}.fb-init-edit{letter-spacing:.08em;text-transform:uppercase;color:#9df0ff;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.fb-init-edit .input{text-align:center;width:62px;min-height:34px;padding:2px 6px}.fb-attacks{flex-wrap:wrap;gap:8px;display:flex}.fb-attack{color:#ffd0c8;box-shadow:0 0 0 1.5px var(--outline);background:#00000059;border-radius:999px;padding:5px 12px;font-size:12.5px}.fb-attack b{color:#fff3c4;margin-right:8px}.fb-foot{align-items:center;gap:12px;display:flex}.fb-hint{color:#9df0ff;flex:1;font-size:13px;font-weight:700}.fb-hint b{color:#fff3c4}.fb-end-turn{min-height:52px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#3f1d00;text-shadow:0 1px #ffffff80;border:3px solid var(--outline);background:linear-gradient(#fff2a0,#ffcc3a 45%,#f09a1a);border-radius:14px;align-items:center;gap:8px;padding:0 30px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:inset 0 2px #ffffffb3,0 5px #7a3a00,0 0 22px #ffc83d59}.fb-end-turn:hover:not(:disabled){filter:brightness(1.1)}.fb-end-turn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #fff9,0 2px #7a3a00}.fb-end-turn:disabled{filter:grayscale(.8);opacity:.5}.fb-nm{color:#e6e2fa;text-shadow:0 1px #000;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:800;overflow:hidden}.fb-unit.cur .fb-nm{color:#ffe9a8;font-size:13px}.fb-hidden{top:30px}.dice-pad{gap:6px;display:grid}.dice-buttons{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.die-cell{justify-items:stretch;gap:4px;display:grid;position:relative}.die-cell .die-btn{padding-top:10px}.die-step{grid-template-columns:1fr 1fr;gap:3px;display:grid}.die-step button{color:#fff;border:2px solid var(--outline);background:linear-gradient(#6f8cff,#2b3cb0);border-radius:7px;place-items:center;height:22px;display:grid;box-shadow:0 2px #0e1546}.die-step button:first-child{background:linear-gradient(#ff8a78,#c0243a);box-shadow:0 2px #5a0a18}.die-step button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.die-step button:disabled{opacity:.35;filter:grayscale(.8)}.die-cell.has .die-btn{box-shadow:0 0 0 3px #ffe27a,0 0 12px #ffc83d80}.dice-hint{color:#c9d0ff;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;display:flex}.dice-hint b{color:#ffd04d;font-size:15px}.mouse{background:#ffffff14;border:2px solid #dfe4ff;border-radius:8px 8px 9px 9px;width:16px;height:22px;display:inline-block;position:relative}.mouse:before{content:"";background:#dfe4ff;width:2px;position:absolute;top:0;bottom:55%;left:50%;transform:translate(-50%)}.mouse i{background:#ffd04d;border-radius:6px 0 0;width:50%;height:45%;position:absolute;top:0}.mouse i.l{left:0}.mouse i.r{border-radius:0 6px 0 0;right:0}.fd-head{justify-content:space-between;align-items:center;display:flex}.fd-mod{gap:4px;display:grid}.fd-formula{text-align:center;font-family:var(--font-display);letter-spacing:.06em;color:#ffe27a;word-break:break-all;background:#00000059;border-radius:12px;padding:10px 14px;font-size:20px;font-weight:900;box-shadow:inset 0 2px 6px #00000080}.fight-board{grid-template-rows:auto auto auto;align-content:space-between;gap:8px;padding:8px 12px}.fb-order{padding-top:14px;padding-bottom:2px}.fb-round{width:52px;height:52px}.fb-round b{font-size:22px}.fb-unit{gap:2px;width:56px}.fb-unit.cur{width:74px}.fb-card{gap:14px;padding:10px 14px}.fb-main{gap:7px}.fb-name b{font-size:22px}.fb-hp{height:22px}.fb-hit{min-height:32px;font-size:14px}.fb-hits .input{min-height:32px}.fb-end-turn{min-height:46px;padding:0 24px;font-size:16px}.fight-board{grid-template-rows:auto auto auto auto}.fb-switches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fb-sw-label{letter-spacing:.08em;text-transform:uppercase;color:#9df0ff;margin-right:4px;font-size:11px;font-weight:800}.fb-sw{box-shadow:0 0 0 2px var(--outline);opacity:.6;background:#00000059;border-radius:999px;align-items:center;gap:7px;padding:3px 8px 3px 4px;transition:opacity .15s;display:inline-flex}.fb-sw b{color:#e6e2fa;font-size:12px;font-weight:800}.fb-sw .portrait{filter:grayscale(.9)}.fb-sw-track{width:30px;height:16px;box-shadow:inset 0 1px 3px #0009, 0 0 0 1.5px var(--outline);background:#0a0e2c;border-radius:999px;position:relative}.fb-sw-track i{background:#8d93bd;border-radius:50%;width:12px;height:12px;transition:left .15s;position:absolute;top:2px;left:2px}.fb-sw.on{opacity:1;box-shadow:0 0 0 2px #ffcf4a}.fb-sw.on .portrait{filter:none}.fb-sw.on .fb-sw-track{background:linear-gradient(#7dffa8,#2fc46a)}.fb-sw.on .fb-sw-track i{background:#fff;left:16px}.fb-card{padding:8px 14px}.fb-art .portrait{width:84px!important;height:84px!important}.vap{display:inline-flex;position:relative}.vap .iconbtn.on{filter:brightness(1.25);box-shadow:0 0 0 3px #ffcf4a}.vap-menu{z-index:300;min-width:220px;box-shadow:0 0 0 2px var(--outline), 0 14px 30px #0000008c;background:linear-gradient(#232f78,#141a4a);border:3px solid #d99a2b;border-radius:14px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.vap-menu small{letter-spacing:.08em;text-transform:uppercase;color:#9df0ff;padding:2px 8px 6px;font-size:11px;font-weight:800}.vap-menu button{text-align:left;color:#fff3c4;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;font-size:14px;font-weight:800;display:flex}.vap-menu button:hover{background:#ffc83d2e}.vap-menu em{color:#c9d0ff;padding:6px 8px}.vap-stage{z-index:900;background:#05071a;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.vap-bar{box-shadow:0 3px 0 #f2be45, 0 5px 0 var(--outline);color:#fff3c4;background:linear-gradient(#4a2c12,#24140a);align-items:center;gap:14px;padding:8px 16px;font-weight:700;display:flex}.vap-bar span{align-items:center;gap:8px;display:inline-flex}.vap-bar b{color:#ffe27a}.vap-bar .select{width:220px;min-height:36px}.vap-bar .btn{margin-left:auto}.vap-stage iframe{border:0;width:100%;height:100%}.fight-workspace{width:100%;min-width:0}.fight-scroll{min-width:0;overflow-x:hidden}.enc-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.enc-tabs button{color:#cbd2f0;background:#141b42;border:1px solid #626da1;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex}.enc-tabs button span{background:#0000004d;border-radius:5px;padding:1px 5px;font-size:11px}.enc-tabs button.active{color:#ffe498;background:#463820;border-color:#e5b54d;box-shadow:inset 0 -2px #c29436}.enc-search{width:100%;margin-bottom:12px}.enc-roster{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:10px;display:grid}.enc-unit{background:radial-gradient(at 50% 15%,#394877,#171d3e 75%);border:2px solid #404e7b;border-radius:12px;min-width:0;padding:10px 8px 7px;box-shadow:inset 0 1px #ffffff1f,0 3px #0b1027}.enc-unit.selected{background:radial-gradient(at 50% 15%,#655733,#222239 75%);border-color:#eac45b}.enc-unit.enemy.selected{border-color:#ed837e}.enc-select{text-align:center;flex-direction:column;align-items:center;gap:5px;width:100%;min-width:0;padding:0;display:flex}.enc-art{margin:2px 0 7px;display:block;position:relative}.enc-art .portrait{box-shadow:0 0 0 2px #17203d,0 0 0 4px #6b7bab}.selected .enc-art .portrait{box-shadow:0 0 0 2px #17203d,0 0 0 4px #eac45b}.enc-level,.enc-check{color:#fff;background:#233967;border:2px solid #8fa9dd;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;font-weight:900;display:grid;position:absolute}.enc-level{top:-4px;left:-8px}.enc-check{background:#3b3144;border-color:#8c8598;bottom:-3px;right:-8px}.selected .enc-check{color:#372515;background:#ffe297;border-color:#cba04b}.enc-select strong{font-family:var(--font-display);color:#fff0c8;overflow-wrap:anywhere;font-size:13px;line-height:1.3}.enc-select small{color:#bac8ed;overflow-wrap:anywhere;font-size:11px}.enc-stats{color:#e1e6f8;justify-content:center;align-items:center;gap:5px;margin-top:3px;font-size:12px;display:flex}.enc-stats svg:first-child{color:#f797a2}.enc-stats svg:nth-child(2){color:#98cfec;margin-left:7px}.enc-quantity{background:#10162e;border:1px solid #5c6b95;border-radius:7px;grid-template-columns:32px minmax(0,1fr) 32px;margin:10px 0 3px;display:grid;overflow:hidden}.enc-quantity button{color:#ffe297;background:#303e62;min-height:32px;font-size:18px;font-weight:900}.enc-quantity input{color:#fff;text-align:center;appearance:textfield;background:0 0;border:0;width:100%;min-width:0}.enc-quantity input::-webkit-inner-spin-button{appearance:none}.enc-visibility{color:#b5c7e8;justify-content:center;align-items:center;gap:5px;width:100%;min-height:30px;margin-top:4px;font-size:11px;display:flex}.enc-select:hover .portrait{filter:brightness(1.13)}.enc-unit:focus-within{outline-offset:2px;outline:2px solid #9df0ff}.fight-review{min-width:0}.fb-side.npc{color:#9df0ff}.fb-unit.npc .portrait{box-shadow:0 0 0 2px #9df0ff}@media (max-width:450px){.enc-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.enc-tabs button{padding:7px 9px}}.enc-toolbar{border-bottom:1px solid #364368;flex:none;padding:10px 12px 0}.fight-heading,.fight-footer{flex:none}.director{overflow:hidden}.director-head,.director-now{flex:none}.director-head{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.director-head>.h3{grid-area:1/1}.director-head>.iconbtn{grid-area:1/2}.director-head .dir-tabs{grid-area:2/1/auto/-1;justify-content:flex-start;gap:7px;width:100%;overflow-x:auto}.dir-tabs button{white-space:nowrap;flex:none;min-height:38px}.director-body{overscroll-behavior:contain;flex:1 1 0;min-height:0}.fight-dice-desk .dice-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fight-dice-desk .die-btn{width:100%;min-height:68px}.fight-dice-desk .die-step{grid-template-columns:1fr 1fr;gap:4px;margin-top:5px;display:grid}.fight-dice-desk .die-step button{width:100%;height:28px;min-height:28px}.fight-dice-desk .die-step svg{width:14px;height:14px}.fight-dice-desk .dice-hint{display:none}.action-counters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.action-counter{color:#e5edff;background:#192540;border:1px solid #627caf;border-radius:8px;align-items:center;gap:7px;padding:5px 8px;font-size:12px;display:inline-flex}.action-counter.bonus{border-color:#b394e4}.action-counter.move{border-color:#67beac}.action-counter button{background:#344468;border-radius:5px;width:24px;height:26px;font-weight:900}.fo>.action-counters{justify-content:center;padding:8px}.abilities .row.between{flex-wrap:wrap;gap:15px}.ability-cards{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:16px}.hero-menu .ability-card{color:#f4eee0;background:#18213a;border:1px solid #647392;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:18px}.hero-menu .ability-card:disabled{opacity:1;cursor:default;background:#171c2e;border-color:#45516b}.ability-card .ac-icon{background:#10192b;border:2px solid #b69a61;border-radius:12px;flex:none;width:76px;height:76px;overflow:hidden}.ability-card .ac-icon img{object-fit:cover;width:100%;height:100%}.ability-card .ac-body{flex:1;min-width:130px}.ability-card .ac-body b{color:#ffe2a2;font-size:19px}.ability-card .ac-body small{color:#d3ddf0;margin-top:8px;font-size:15px;line-height:1.6;display:block}.ability-card .ac-status{color:#9fd8d0;margin-top:12px;font-size:12px;font-style:normal;display:block}.ability-card:disabled .ac-status{color:#e1b9aa}.ability-card .ac-meta{border-top:1px solid #414b65;flex-wrap:wrap;gap:8px;width:100%;padding-top:10px;display:flex}.ability-card .ac-meta em{color:#d9e4ff;background:#293954;border-radius:5px;padding:4px 8px;font-size:12px;font-style:normal}.ab-slot:not(.item) img{object-fit:cover;width:100%;height:100%}.hero-menu .journal{color:#eef0f5;background:#152039}.hero-menu .journal .quest-entry{background:#202d46;border:1px solid #596b90;border-radius:10px;padding:22px}.hero-menu .journal .quest-entry .h2{color:#ffe3a8;-webkit-text-fill-color:initial;text-shadow:none;background:0 0;font-size:25px}.hero-menu .journal .lore,.hero-menu .journal .card-body{color:#e4e9f3;line-height:1.7;font-size:17px!important}.hero-menu .journal .eyebrow{color:#aacde8}.hero-menu .journal .objectives li{color:#edf0fa;font-size:15px;line-height:1.6}.hero-menu .journal .objectives li.done{color:#aebbcf}.hero-menu .journal .muted{color:#c0c9df}.hero-menu .journal .feed-item{color:#e5ecf6;border-bottom:1px solid #465471;border-left:0;padding:14px 0;font-size:15px;line-height:1.6}.hero-menu .journal .feed-item time{color:#9fb3d4}.hero-menu .journal .card{background:#202d46;border:1px solid #596b90}.hero-menu .journal .tabs{background:#182542}.hero-menu .journal .tab{color:#c8d6ec;min-height:48px}.hero-menu .journal .tab.active{color:#ffe3a8}@media (min-width:1001px){.fight-dice-desk .fight-dice-scroll{max-height:950px}}@media (max-width:650px){.director-head .dir-tabs{order:initial}}.enc-unit{flex-direction:column;display:flex}.enc-select{flex:1}.enc-select strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}.enc-select small{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;line-height:1.4;display:-webkit-box;overflow:hidden}.enc-stats{margin-top:auto;padding-top:4px}.enc-visibility{flex:none}.fb-top{flex-wrap:wrap;align-items:center}.fb-order{flex-wrap:wrap;gap:12px;min-width:0;display:flex;overflow:visible}.fb-tools{gap:6px;margin-left:auto;display:flex}.fb-dm-turn{color:#ffd2ba;background:radial-gradient(#682331,#1b1025);border:1px solid #b46863;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:9px;font-size:12px;display:flex}.fb-dm-turn span{color:#ffe4a5;font-family:var(--font-display);font-size:16px}.fb-card{border-radius:16px;place-self:center;width:100%;max-width:720px}.fb-art .portrait{border-radius:50%;width:112px!important;height:112px!important}.fb-hp{max-width:310px}.fb-actions,.fb-name{flex-wrap:wrap}.action-counter{grid-template-columns:1fr auto auto;justify-items:center;gap:3px;min-width:75px;padding:7px;display:grid}.action-counter>span{text-transform:uppercase;grid-column:1/-1;font-size:10px}.action-counter b{color:#a6eebd;font-size:16px}.action-counter.bonus b{color:#d1b2ff}.action-counter.move b{color:#8bdccb}@media (max-width:650px){.fb-art .portrait{width:76px!important;height:76px!important}.fb-card{padding:12px}.fb-name b{font-size:19px}}.fight-board{background-position:50%;background-size:cover;flex-direction:column;display:flex}.fb-top,.fb-dm-turn,.fb-foot{flex:none}.fb-card{flex:none;margin:auto}.fb-foot{margin-top:auto}.gm-fighting .gm-stage{min-height:640px}.gm-stage-top{flex:none}.fight-workspace,.fight-board{flex:1 1 0;height:auto}.fight-workspace .fight-scroll{min-height:0}@media (min-width:1001px){.gm-fighting{grid-template-rows:minmax(640px,1fr) 300px 98px}}.ability-turn-counters{margin-bottom:16px}.gm-hero{min-height:92px}.gm-hero-info{min-width:0}.gm-hero-info b,.gm-hero-class{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.fb-sw b{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.fb-sw{flex:none}.fb-name b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fight-dice-desk select,.fight-dice-desk .select{text-overflow:ellipsis;max-width:100%}.fb-nm{text-align:center;width:100%;display:block}.dm-control-roster>button{flex:0 0 78px;width:78px;min-width:78px;max-width:78px;overflow:hidden}.dm-control-roster>button small{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}
.narration.msg-card{z-index:6;animation-delay:0s;animation:rise .45s var(--ease-out) both;bottom:300px}.msg-title{font-family:var(--font-display);color:#7a2a14;text-shadow:0 1px #ffffff80;margin:0 40px 4px 0;font-size:clamp(17px,1.5vw,24px);font-weight:900}.msg-card .lore{margin:0}.fo-unit{grid-template-columns:minmax(0,1fr);width:66px}.fo-unit.cur{width:88px}.fo-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fo-turn b{text-overflow:ellipsis;white-space:nowrap;max-width:min(80vw,760px);overflow:hidden}.fo-turn{max-width:92vw}.fb-unit,.cb-unit{grid-template-columns:minmax(0,1fr)}.hud-menu{flex:none;grid-template-columns:repeat(4,56px);grid-auto-rows:54px;gap:6px;display:grid}.hud-btn{color:#fff3c4;border:2px solid var(--outline);background:linear-gradient(#4d63d8,#26339a);border-radius:12px;align-content:center;justify-items:center;gap:1px;width:56px;height:54px;transition:transform 80ms,filter .15s;display:grid;position:relative;box-shadow:inset 0 2px #ffffff4d,0 3px #0e1546}.hud-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.hud-btn:active{transform:translateY(2px);box-shadow:0 1px #0e1546}.hud-btn svg{filter:drop-shadow(0 2px #00000080)}.hud-btn .hb-label{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px #000;font-size:9.5px;font-weight:800;line-height:1}.hud-btn kbd{color:#3f1d00;background:var(--gold);border:1.5px solid var(--outline);min-width:14px;height:14px;box-shadow:none;border-radius:5px;place-items:center;padding:0 3px;font-size:9px;font-weight:900;display:grid;position:absolute;top:3px;bottom:auto;right:4px}.hud-side{width:auto}.sl-level{margin:6px 0 22px}.sl-level .section-title{margin:8px 2px 12px}.sl-lv-state{color:#9df0ff;font-size:12px;font-weight:800}.sl-level.future .sl-grid{opacity:.75}.sl-cost{font-weight:900;color:#ffd04d!important}.sl-balance{text-align:center;color:#8dffb0;margin:-6px 0 8px;font-size:12px;font-weight:800;display:block}.sl-balance.short{color:#ff9e8f}.market-close{z-index:20;min-height:52px;padding:0 34px;font-size:15px;position:fixed;inset:auto auto 28px 50%;transform:translate(-50%)}.toasts{z-index:9000;max-width:calc(100vw - 28px);right:14px}.toast{min-width:0;max-width:100%}.toast>*{overflow-wrap:anywhere;min-width:0}.narration.msg-card{bottom:340px}.stack-menu{z-index:9100;width:230px;box-shadow:0 0 0 2px var(--outline), 0 14px 30px #0009;animation:rise .12s var(--ease-out);background:linear-gradient(#232f78,#141a4a);border:3px solid #d99a2b;border-radius:14px;gap:4px;padding:8px;display:grid;position:fixed}.sm-head{border-bottom:2px solid #00000059;margin-bottom:2px;padding:2px 8px 6px;display:grid}.sm-head b{font-family:var(--font-display);color:#fff3c4;text-shadow:0 2px #000;font-weight:800}.sm-head small{color:#9df0ff;font-size:12px;font-weight:700}.stack-menu>button{text-align:left;color:#fff3c4;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:800;display:flex}.stack-menu>button:hover{background:#ffc83d2e}.stack-menu svg{color:#ffd04d}.sm-custom{gap:6px;padding:4px;display:flex}.sm-custom .input{min-height:34px;padding:2px 8px}.fo-banner{z-index:8;pointer-events:none;animation:foBanner 2.6s var(--ease-out) both;background:linear-gradient(90deg,#0000,#141c5ae0 20% 80%,#0000);border-block:3px solid #f4b73a;justify-items:center;gap:2px;padding:22px 0;display:grid;position:absolute;top:34%;left:0;right:0}.fo-banner span{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(#fffbe0,#ffe27a 45%,#f5a623);color:#0000;-webkit-text-stroke:2px #3a1600;filter:drop-shadow(0 6px #2a1004)drop-shadow(0 0 30px #ffbe3c99);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,7vw,110px);font-weight:900}.fo-banner b{color:#fff3c4;text-shadow:0 2px #000;font-size:clamp(16px,1.8vw,26px);font-weight:800}@keyframes foBanner{0%{opacity:0;transform:scaleY(.2)}12%{opacity:1;transform:scaleY(1)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.hero-menu{z-index:880}.veil{z-index:1000}.sl-sub{margin-bottom:18px}.sl-sub-title{border-bottom:2px solid #ffffff1a;align-items:center;gap:10px;margin:4px 2px 10px;padding-bottom:6px;display:flex}.sl-sub-title b{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#ffe9a8;text-shadow:0 2px #000;font-size:14px;font-weight:800}.sl-sub-title span{color:#3f1d00;background:var(--gold);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:900;display:grid}.sl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.sl-card{gap:0;padding:14px 10px 12px;position:relative;overflow:visible}.sl-card p,.sl-meta,.sl-requirements{display:none}.sl-art{margin:0 0 8px}.sl-art img{width:78px;height:78px}.sl-art>span:not(.sl-gem){display:none}.sl-gem{color:#3f1d00;background:var(--gold);border:2px solid var(--outline);border-radius:50%;place-items:center;min-width:30px;height:30px;padding:0 6px;font-size:13px;font-weight:900;display:grid;top:-6px;right:-12px;box-shadow:0 0 10px #ffc83d80;position:absolute!important;bottom:auto!important;left:auto!important;transform:none!important}.sl-gem.done{color:#06361a;background:linear-gradient(#7dffa8,#2fc46a);box-shadow:0 0 10px #50ff8c80}.sl-card h3{text-align:center;margin:2px 0 6px;font-size:14px;line-height:1.15}.sl-stats{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:8px;display:flex}.sl-stats span{color:#cde4f6;background:#00000059;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.sl-balance{margin:0 0 6px!important;font-size:12px!important}.sl-card>button{white-space:nowrap;text-overflow:ellipsis;min-height:34px;padding:0 8px;font-size:12px;overflow:hidden}.sl-card.locked{opacity:.6;filter:grayscale(.4)}.sl-card.locked:hover{opacity:1}.sl-tip{z-index:30;text-align:left;width:230px;box-shadow:0 0 0 2px var(--outline), 0 12px 26px #0000008c;opacity:0;pointer-events:none;background:linear-gradient(#232f78,#141a4a);border:3px solid #d99a2b;border-radius:12px;gap:4px;padding:10px 12px;transition:opacity .12s,transform .12s;display:grid;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%,6px)}.sl-tip b{font-family:var(--font-display);color:#fff3c4;text-shadow:0 2px #000;font-weight:800}.sl-tip p{color:#dcd6f2;margin:0;font-size:13px;line-height:1.4;display:block!important}.sl-tip small{color:#9df0ff;font-size:11px;font-weight:700}.sl-tip em{color:#ffb09e;font-size:12px;font-style:normal;font-weight:800}.sl-card:hover .sl-tip,.sl-card:focus-within .sl-tip{opacity:1;transform:translate(-50%)}.sl-art>span.sl-gem{color:#3f1d00;border:2px solid var(--outline);background:linear-gradient(#fff2a0,#ffcc3a 55%,#f0a020);border-radius:50%;place-items:center;min-width:30px;height:30px;padding:0 6px;font-size:13px;font-weight:900;display:grid;position:absolute;inset:-6px -12px auto auto;transform:none;box-shadow:0 0 10px #ffc83d80}.sl-art>span.sl-gem.done{color:#06361a;background:linear-gradient(#7dffa8,#2fc46a)}.sl-hint{display:none}.sl-points small{color:#9df0ff;font-weight:700}.director-head .dir-tabs{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.director-head .dir-tabs button{white-space:nowrap;justify-content:center;min-height:40px}.show-panel>.tabs{border:0;flex-wrap:nowrap;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:0;display:grid;overflow:visible}.show-panel>.tabs .tab{text-align:center;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;border-bottom:2px solid var(--outline);border-radius:10px;min-width:0;padding:9px 4px;font-size:11px;overflow:hidden}.director-now{min-height:124px}.director-body{scrollbar-gutter:stable}.t-message{z-index:25;pointer-events:none;background:0 0;padding:0;display:block;position:absolute;inset:0}.t-message .t-msgcard{pointer-events:auto;width:min(1100px,80vw);padding:28px 64px 28px 36px;position:absolute;bottom:17vh;left:50%;transform:translate(-50%)}.t-msgcard .msg-title{margin-right:0;font-size:clamp(28px,2.6vw,46px)}.t-msgcard .lore{font-size:clamp(22px,2vw,34px);line-height:1.45}.t-msgcard .narr-x{top:14px;right:14px}.t-msg-image{object-fit:cover;width:100%;max-height:38vh;box-shadow:0 0 0 3px var(--outline);border-radius:10px;margin-bottom:14px}