*{box-sizing:border-box}:root{--bg: #14100e;--panel: #1f1915;--panel-2: #2a221c;--border: #3d322a;--text: #e8ddcf;--muted: #9b8b78;--accent: #d98b3c;--accent-2: #7fb069;--danger: #c0504d;--hp: #a63d3a;--mana: #3d6da6;--gold: #d4af37}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.4}h1,h2,h3,h4{font-weight:600;margin:0 0 .5rem}h1{font-size:1.6rem;color:var(--accent)}h2{font-size:1.2rem}h3{font-size:1.05rem;color:var(--accent)}p{margin:.3rem 0}small,.muted{color:var(--muted)}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .9rem;font-family:inherit;font-size:.95rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#1a120a;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){color:#000}button.danger{border-color:var(--danger);color:var(--danger)}button.small{padding:.2rem .55rem;font-size:.85rem}button.selected{border-color:var(--accent);background:#3a2c1c;color:var(--accent)}input,select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;font-family:inherit;font-size:.95rem}input:focus,select:focus{outline:1px solid var(--accent)}.app{display:flex;flex-direction:column;height:100%}.center-page{display:grid;place-items:center;height:100%;padding:1rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.7rem}.row{display:flex;gap:.6rem;align-items:center}.col{display:flex;flex-direction:column;gap:.6rem}.wrap{flex-wrap:wrap}.grow{flex:1}.right{margin-left:auto}.gap-s{gap:.3rem}.mt{margin-top:.8rem}.game-header{display:flex;gap:1.2rem;align-items:center;padding:.5rem 1rem;background:var(--panel);border-bottom:1px solid var(--border)}.game-body{display:flex;flex:1;min-height:0}.game-main{flex:1;overflow-y:auto;padding:1rem}.game-side{width:340px;min-width:340px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.clock{color:var(--accent);font-weight:700}.clock.low{color:var(--danger)}.gold{color:var(--gold)}.bar{height:10px;background:#0e0b09;border-radius:5px;overflow:hidden;border:1px solid var(--border)}.bar>div{height:100%}.bar .hp{background:var(--hp)}.bar .mana{background:var(--mana)}.party-member{border-bottom:1px solid var(--border);padding:.6rem .8rem}.party-member .name{font-weight:700}.status-chip{display:inline-block;padding:0 .35rem;margin-right:.25rem;border:1px solid var(--border);border-radius:4px;font-size:.78rem;background:var(--panel-2)}.status-chip.harmful{border-color:var(--danger)}.log{flex:1;overflow-y:auto;padding:.6rem .8rem;font-size:.85rem;display:flex;flex-direction:column}.log-entry{margin-bottom:.18rem;color:var(--muted)}.log-entry.dice{color:#b8a15e}.log-entry.damage{color:#c98a87}.log-entry.heal{color:var(--accent-2)}.log-entry.death{color:var(--danger);font-weight:700}.log-entry.loot,.log-entry.xp{color:var(--gold)}.log-entry.quest,.log-entry.system{color:var(--text)}.combat-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}.combat-row .owner{width:130px;text-align:right}.slot{width:108px;min-height:96px;border:1px dashed var(--border);border-radius:8px;padding:.35rem;text-align:center;background:var(--panel)}.slot.occupied{border-style:solid;cursor:default}.slot.targetable{border-color:var(--accent);cursor:crosshair;box-shadow:0 0 6px #d98b3c66}.slot .icon{font-size:1.6rem}.slot .mname{font-size:.78rem;line-height:1.15}.slot .intent{font-size:.72rem;color:var(--muted)}.boss-panel{border:1px solid var(--danger);border-radius:10px;padding:.8rem;margin-bottom:1rem;background:var(--panel)}.boss-panel.targetable{cursor:crosshair;box-shadow:0 0 8px #c0504d80}.action-bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:.7rem;background:var(--panel);border:1px solid var(--border);border-radius:10px}.item-line{display:flex;align-items:center;gap:.5rem;padding:.25rem .4rem;border-radius:6px}.item-line:hover{background:var(--panel)}.rarity-common{color:var(--text)}.rarity-magic{color:#7ea6d9}.rarity-rare{color:#d9c86a}.rarity-unique{color:#f0a83c}.rarity-quest{color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:20}.modal{width:min(860px,94vw);max-height:88vh;overflow-y:auto}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:.6rem 1.2rem;border-radius:8px;z-index:50;cursor:pointer}.die{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;font-size:.8rem;font-weight:700;margin:0 1px;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 -2px 3px #0000004d,0 1px 2px #00000080;vertical-align:middle}.die.blank{width:14px;height:14px;border-radius:4px}.pool.small .die.blank{width:12px;height:12px}.die-white{background:#e8e4da;color:#222}.die-green{background:#4c8f3f;color:#fff}.die-blue{background:#3d6da6;color:#fff}.die-red{background:#b03a36;color:#fff}.die-black{background:#23201e;color:#eee;border-color:#555}.die-purple{background:#7a4a9e;color:#fff}.die-yellow{background:#d4af37;color:#221a08}.die-orange{background:#d97b28;color:#fff}.die.maxed{outline:2px solid var(--gold);box-shadow:0 0 8px #d4af37b3}.rolled-total{margin-left:.35rem;color:var(--accent)}@keyframes dieTumble{0%{transform:rotate(-40deg) translateY(-14px);opacity:0}60%{transform:rotate(12deg) translateY(2px);opacity:1}to{transform:rotate(0) translateY(0)}}.dice-chip .die{animation:dieTumble .4s ease-out backwards}.dice-chip .die:nth-child(2){animation-delay:.06s}.dice-chip .die:nth-child(3){animation-delay:.12s}.dice-chip .die:nth-child(4){animation-delay:.18s}.dice-chip .die:nth-child(5){animation-delay:.24s}@keyframes lootFlip{0%{transform:rotateY(90deg) scale(.9);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}.loot-card{width:150px;min-height:190px;background:linear-gradient(160deg,var(--panel-2),#241a12);border:2px solid var(--border);border-radius:12px;padding:.6rem;text-align:center;display:flex;flex-direction:column;gap:.3rem;animation:lootFlip .5s ease-out backwards;box-shadow:0 4px 10px #00000073}.loot-card .art{font-size:2.4rem}.loot-card.rarity-magic{border-color:#7ea6d9}.loot-card.rarity-rare{border-color:#d9c86a}.loot-card.rarity-unique{border-color:#f0a83c;box-shadow:0 0 12px #f0a83c73}.gamble-miss{opacity:.45;filter:grayscale(.6)}.item-card{width:175px;border-radius:12px;padding:4px;background:linear-gradient(170deg,#5d554b,#37312a 40%,#4c443b);box-shadow:0 4px 10px #00000080;display:flex;flex-direction:column}.item-card.rarity-magic{background:linear-gradient(170deg,#4a6a94,#2a3d57 40%,#3d5578)}.item-card.rarity-rare{background:linear-gradient(170deg,#a3873e,#57431a 40%,#8a6d3f)}.item-card.rarity-unique{background:linear-gradient(170deg,#c08a2e,#5c3d12 40%,#96662a);box-shadow:0 0 14px #f0a83c66}.item-card .sts-banner b{font-size:.88rem}.item-card .sts-body{min-height:52px}.slot.occupied{border:none;border-radius:10px;padding:3px;background:linear-gradient(170deg,#6e4a3a,#3a2620 40%,#56392e);box-shadow:0 4px 10px #00000080}.slot.occupied.elite{background:linear-gradient(170deg,#a3873e,#57431a 40%,#8a6d3f)}.slot.occupied .m-inner{background:linear-gradient(180deg,#241b12,#1b140d);border-radius:7px;padding:.3rem;height:100%}.mode-badge{font-size:.72rem;color:var(--muted)}.sts-card{width:240px;border-radius:14px;padding:5px;background:linear-gradient(170deg,#8a6d3f,#4a3620 40%,#6b5537);box-shadow:0 6px 16px #0000008c;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.sts-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 12px 22px #0009}.sts-card.main-quest{background:linear-gradient(170deg,#a3873e,#57431a 40%,#8a6d3f)}.sts-inner{background:linear-gradient(180deg,#241b12,#1b140d);border-radius:10px;border:1px solid rgba(0,0,0,.6);display:flex;flex-direction:column;flex:1;overflow:hidden}.sts-banner{text-align:center;padding:.45rem .5rem .35rem;background:linear-gradient(180deg,rgba(217,139,60,.22),transparent);border-bottom:1px solid var(--border)}.sts-banner b{font-size:1.02rem;color:var(--accent);letter-spacing:.02em}.sts-banner small{display:block;color:var(--muted);font-variant:small-caps;letter-spacing:.12em}.sts-art{font-size:3rem;text-align:center;padding:.55rem 0;background:radial-gradient(ellipse at 50% 60%,rgba(217,139,60,.18),transparent 65%),repeating-linear-gradient(115deg,rgba(255,255,255,.015) 0 4px,transparent 4px 9px);border-bottom:1px solid var(--border)}.sts-body{padding:.5rem .65rem;flex:1;font-size:.85rem}.sts-body .road-line{display:flex;gap:.45rem;align-items:baseline;margin-bottom:.22rem}.sts-body .road-line .ri{width:1.25rem;text-align:center}.sts-footer{border-top:1px solid var(--border);background:#d98b3c12;padding:.45rem .65rem;font-size:.85rem}.sts-footer .reward-line{color:var(--gold)}.sts-footer .penalty-line{color:var(--muted);font-size:.78rem}.sts-actions{padding:.45rem .6rem .55rem}.sts-actions button{width:100%}.quest-track{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.track-card{width:44px;height:60px;border:1.5px solid var(--border);border-radius:7px;display:grid;place-items:center;font-size:1.15rem;background:linear-gradient(160deg,var(--panel-2),#241a12);box-shadow:0 2px 5px #0006}.track-card.done{opacity:.4}.track-card.current{border-color:var(--accent);box-shadow:0 0 8px #d98b3c80;transform:translateY(-4px)}.track-card.facedown{background:repeating-linear-gradient(135deg,#241a12,#241a12 5px,#2c2016 5px,#2c2016 10px);color:var(--muted)}.track-card.boss{border-color:var(--danger)}.dice-chip{position:sticky;top:0;z-index:5;align-self:flex-start;background:var(--panel-2);border:1px solid var(--accent);border-radius:8px;padding:.3rem .7rem;animation:dicePop .5s ease-out}@keyframes dicePop{0%{transform:scale(1.6) rotate(-8deg);opacity:0}60%{transform:scale(1.1) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}.invite-code{color:var(--accent);font-size:1.25rem;letter-spacing:.15em}@keyframes cardDeal{0%{transform:translateY(60px) rotate(-4deg) scale(.85);opacity:0}70%{transform:translateY(-4px) rotate(1deg) scale(1.02);opacity:1}to{transform:translateY(0) rotate(0) scale(1)}}.card-deal{animation:cardDeal .45s ease-out backwards}.class-card{width:200px;min-height:280px;background:linear-gradient(160deg,var(--panel-2),#241a12);border:2px solid var(--border);border-radius:14px;padding:1rem .8rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #00000073}.class-card:hover{transform:translateY(-6px);border-color:var(--accent)}.class-card.chosen{border-color:var(--accent);box-shadow:0 0 14px #d98b3c73;transform:translateY(-6px)}.class-card .portrait{line-height:0}.class-art{width:100%;height:132px;border-radius:8px;display:block}.sheet-portrait{width:56px;min-width:56px}.sheet-portrait .class-art{height:68px;border-radius:6px}.class-card .frame{border:1px solid var(--border);border-radius:10px;padding:.5rem .2rem;background:#00000040}.encounter-card{max-width:640px;margin:0 auto}.encounter-card .art{font-size:3rem;text-align:center}table.simple{border-collapse:collapse;width:100%}table.simple td,table.simple th{padding:.3rem .5rem;border-bottom:1px solid var(--border);text-align:left}.flip-card{perspective:900px;width:175px}.flip-card.skill-card{width:210px;min-height:170px}.flip-inner{position:relative;width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .45s ease}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;width:100%;min-height:inherit;position:relative;border-radius:12px;padding:4px;background:linear-gradient(170deg,#5d554b,#37312a 40%,#4c443b);box-shadow:0 4px 10px #00000080;display:flex;flex-direction:column}.flip-face.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);background:linear-gradient(170deg,#a3873e,#57431a 40%,#8a6d3f)}.flip-card.item-card{background:none;box-shadow:none;padding:0}.flip-card.rarity-magic .flip-face.flip-front{background:linear-gradient(170deg,#4a6a94,#2a3d57 40%,#3d5578)}.flip-card.rarity-rare .flip-face.flip-front{background:linear-gradient(170deg,#a3873e,#57431a 40%,#8a6d3f)}.flip-card.rarity-unique .flip-face.flip-front{background:linear-gradient(170deg,#c08a2e,#5c3d12 40%,#96662a)}.flip-toggle{position:absolute;top:4px;right:4px;z-index:2;padding:0 .35rem;font-size:.8rem;opacity:.75}.flip-toggle:hover{opacity:1}.sts-inner{border:1px solid rgba(232,199,102,.25)}.sts-banner{background:linear-gradient(180deg,#d98b3c4d,#d98b3c14);border-bottom:1px solid rgba(232,199,102,.3);text-shadow:0 1px 2px rgba(0,0,0,.8)}.sts-art{box-shadow:inset 0 0 0 1px #e8c76633,inset 0 0 18px #0000008c}.sts-body{background:linear-gradient(180deg,#241b12e6,#1b140df2);box-shadow:inset 0 1px #e8c7661f}.sts-footer{border-top:1px solid rgba(232,199,102,.25)}.gear-board{display:grid;grid-template-areas:".      head   amulet ." "main   body   off    ring1" "gloves boots  ring2  ." "c1     c2     c3     .";gap:.5rem;padding:.9rem;border-radius:14px;background:radial-gradient(ellipse at 50% 30%,rgba(217,139,60,.08),transparent 70%),repeating-linear-gradient(45deg,#221a12 0,#221a12 6px,#1e160f 6px,#1e160f 12px);border:2px solid var(--border);box-shadow:inset 0 0 24px #0009}.gear-slot{width:104px;min-height:128px;border:2px dashed rgba(232,199,102,.22);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-align:center;font-size:.78rem;padding:.3rem;background:#00000040;position:relative}.gear-slot.filled{border-style:solid;border-color:#e8c76659;background:linear-gradient(170deg,#2c2318,#1d150e);box-shadow:0 3px 8px #0000008c}.gear-slot.filled.rarity-magic{border-color:#7ea6d9}.gear-slot.filled.rarity-rare{border-color:#d9c86a}.gear-slot.filled.rarity-unique{border-color:#f0a83c;box-shadow:0 0 10px #f0a83c73}.gear-slot .slot-label{color:var(--muted);font-variant:small-caps;letter-spacing:.06em}.gear-slot .gear-icon{font-size:1.7rem;line-height:1.1}.gear-slot .gear-name{font-size:.74rem;line-height:1.1}.gear-unequip{position:absolute;top:2px;right:2px;padding:0 .3rem;opacity:.6}.gear-unequip:hover{opacity:1}.rank-dice{display:flex;gap:3px;justify-content:center;margin:.15rem 0}.rank-die{width:18px;height:18px;font-size:.7rem}.rank-die.empty{background:transparent;border:1.5px dashed rgba(232,199,102,.35);box-shadow:none}.skill-board{display:flex;gap:1.4rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:1rem;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(217,139,60,.1),transparent 60%),repeating-linear-gradient(45deg,#221a12 0,#221a12 6px,#1e160f 6px,#1e160f 12px);border:2px solid var(--border);box-shadow:inset 0 0 24px #0009}.skill-tree{display:flex;flex-direction:column;align-items:center}.tree-banner{text-align:center;padding:.4rem 1rem;margin-bottom:.6rem;border:1px solid rgba(232,199,102,.3);border-radius:999px;background:linear-gradient(180deg,#d98b3c33,#0000004d);max-width:230px}.tree-banner small{display:block;font-size:.72rem}.skill-node{display:flex;flex-direction:column;align-items:center}.skill-link{width:4px;height:26px;background:repeating-linear-gradient(180deg,rgba(232,199,102,.2) 0 4px,transparent 4px 8px);border-radius:2px}.skill-link.lit{background:linear-gradient(180deg,var(--accent),rgba(217,139,60,.4));box-shadow:0 0 6px #d98b3c80}.skill-slot{position:relative}.lock-chip{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:3;font-size:.68rem;background:#1a1109;border:1px solid var(--border);border-radius:999px;padding:0 .5rem;white-space:nowrap;color:var(--muted)}.flip-card.locked{opacity:.55;filter:grayscale(.5)}@keyframes learnPulse{0%,to{box-shadow:0 0 6px #d98b3c59}50%{box-shadow:0 0 16px #d98b3cbf}}.flip-card.learnable .flip-inner{animation:learnPulse 1.6s ease-in-out infinite;border-radius:12px}.draft-panel{border-color:var(--accent);box-shadow:0 0 14px #d98b3c40}.draft-badge{border-color:var(--accent);color:var(--accent);animation:learnPulse 1.6s ease-in-out infinite}.pay-pick{cursor:pointer}.pay-pick:hover{transform:translateY(-2px)}.pay-selected{outline:2px solid var(--accent);box-shadow:0 0 8px #d98b3cb3}.card-art-img{width:100%;height:110px;object-fit:cover;display:block}.monster-art-img{width:100%;height:56px;object-fit:cover;border-radius:5px;display:block}.boss-art-img{width:72px;height:72px;object-fit:cover;border-radius:8px}.class-art-img{width:100%;height:132px;object-fit:cover;border-radius:8px;display:block}.sheet-portrait .class-art-img{height:68px;border-radius:6px}.skill-art-img{width:100%;height:64px;object-fit:cover;display:block}.rumor-line{color:var(--muted);font-style:italic;font-size:.78rem}.unlock-line{color:var(--accent-2);font-size:.8rem}.act-intro-card{background:linear-gradient(165deg,#241a10,#12100c 45%,#1d150e);border:2px solid #8a6d3f;border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 10px 26px #0000008c,inset 0 0 60px #a3873e14;gap:.8rem}.act-intro-eyebrow{letter-spacing:.35em;font-size:.65rem;color:#a3873e}.act-intro-head h2{margin:.15rem 0 .3rem;font-size:1.5rem}.act-intro-flavor{color:var(--muted);font-style:italic;margin:0}.act-intro-section h4{margin:0 0 .25rem;color:#d8c08a}.act-intro-section .small-note{margin:0 0 .4rem;font-size:.8rem}.act-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.55rem}.act-diff-card{border:1px solid #4a3b22;border-radius:9px;padding:.5rem .65rem;background:#00000040;font-size:.8rem}.act-diff-card.chosen{border-color:#d8c08a;box-shadow:0 0 10px #d8c08a59}.act-diff-name{font-weight:700;margin-bottom:.25rem;display:flex;gap:.4rem;align-items:baseline}.act-diff-badge{font-size:.62rem;color:#d8c08a;border:1px solid #d8c08a;border-radius:6px;padding:0 .3rem}.act-diff-card ul{margin:0;padding-left:1.05rem;color:var(--muted)}.act-diff-card li{margin:.12rem 0}.boss-intel{border:1px dashed #6b5731;border-radius:10px;padding:.45rem .7rem;background:#a3873e12;align-items:center;gap:.55rem}.boss-hp-table{font-size:.68rem;color:var(--muted);white-space:nowrap}.boss-bar{position:relative}.vit-notch{position:absolute;top:0;bottom:0;width:2px;background:#0000008c;pointer-events:none}.die-any{background:conic-gradient(#c0392b,#27ae60,#2980b9,#8e44ad,#ecf0f1,#c0392b);border-color:#ddd}.die-any.blank:after{content:"◈";color:#111;font-weight:700}.power-num{color:#ffd479;margin-left:.25rem}.round-roll{display:inline-flex;gap:2px;align-items:center;opacity:.9}.round-roll .die{transform:scale(.85)}.pip-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:6px;border:2px solid rgba(255,255,255,.35);font-weight:800;font-size:.8rem;color:#fff;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.7)}.pip-badge.pay-selected{outline:2px solid #ffd479;transform:scale(1.1)}.hand{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch}.play-card{display:flex;flex-direction:column;gap:.3rem;width:168px;padding:.5rem .6rem;background:linear-gradient(170deg,#2a2320,#17130f 55%,#221b14);border:1.5px solid #6b5731;border-radius:10px;box-shadow:0 4px 10px #00000073;transition:transform .12s ease,box-shadow .12s ease}.play-card:hover:not(.blocked){transform:translateY(-4px);box-shadow:0 8px 16px #0009}.play-card.blocked{opacity:.55;filter:saturate(.4)}.play-card.utility{border-color:#44506b;background:linear-gradient(170deg,#202531,#12151c 55%,#1a1f29)}.play-card.item{border-color:#4b6b44;background:linear-gradient(170deg,#21301f,#121a11 55%,#1a2418)}.play-card.pass{border-style:dashed;opacity:.85}.pc-head{font-weight:700;font-size:.85rem;line-height:1.2}.pc-cost{display:flex;align-items:center;gap:.3rem;min-height:20px}.pc-body{font-size:.72rem;line-height:1.25;flex:1}.pc-actions{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.pc-actions button{font-size:.75rem;padding:.2rem .5rem}.rolled-zero{opacity:.35;filter:grayscale(.7);text-decoration:line-through}.sts-inner{position:relative}.card-frame-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.sts-banner{background:url(/art/frames/banner-title.webp) center / 190% 120% no-repeat,linear-gradient(180deg,#d98b3c47,#d98b3c14);border-bottom:1px solid rgba(0,0,0,.45);text-shadow:0 1px 1px rgba(255,240,205,.5)}.sts-banner b{color:#38220e}.sts-banner small{color:#64502f}.sts-banner b.rarity-common{color:#38220e}.sts-banner b.rarity-magic{color:#29486f}.sts-banner b.rarity-rare{color:#6e4d0d}.sts-banner b.rarity-unique{color:#7a4d0e}.sts-banner b.rarity-quest{color:#7a480e}.sts-body,.sts-footer{background:linear-gradient(180deg,#18120c66,#120d0999),url(/art/textures/textbox.webp) center / cover}.gear-board,.skill-board{background:radial-gradient(ellipse at 50% 25%,rgba(217,139,60,.07),transparent 70%),url(/art/textures/playmat.webp) center / 512px repeat}.track-card.facedown{background:url(/art/backs/back-encounter.webp) center / cover;color:#e8d9b8;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.8)}.pcard{aspect-ratio:5 / 7;flex:none;width:185px}.pcard .sts-inner{height:100%}.pcard .sts-banner{flex:none}.pcard .sts-art{flex:none;height:32%;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.pcard .sts-art .card-art-img{width:100%;height:100%;object-fit:cover}.pcard .sts-art .art-fallback{font-size:2.6rem;line-height:1}.pcard .sts-body{flex:1 1 0;min-height:0;overflow-y:auto}.pcard .sts-footer{flex:none}.pcard .flip-inner,.pcard .flip-face{height:100%}.flip-card.skill-card.pcard{min-height:0}.skill-card.pcard{width:210px}.sts-card.pcard{width:250px}.encounter-pcard{margin:0 auto}.sts-card.encounter-pcard{width:280px}.class-card.pcard{width:210px;min-height:0;padding:5px;gap:0;text-align:inherit;border:none;background:linear-gradient(170deg,#8a6d3f,#4a3620 40%,#6b5537)}.class-card.pcard .sts-art{height:44%}.class-card.pcard.chosen{outline:2px solid var(--accent)}.pcard-stack{display:flex;flex-direction:column;gap:.35rem;align-items:stretch;flex:none}.pcard-actions{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;align-items:center}.m-nameplate{background:url(/art/frames/banner-title.webp) center / 190% 140% no-repeat,linear-gradient(180deg,#d98b3c4d,#d98b3c1a);margin:-.3rem -.35rem .25rem;padding:.22rem .3rem .16rem;border-radius:5px 5px 0 0;font-size:.78rem;font-weight:700;line-height:1.15;text-align:center;color:#38220e;text-shadow:0 1px 1px rgba(255,240,205,.5)}.m-nameplate .mode-badge{color:#5a4630}.play-card{background:linear-gradient(170deg,#2a2320e0,#17130fe6 55%,#221b14e0),url(/art/textures/textbox.webp) center / cover}.play-card.utility{background:linear-gradient(170deg,#202531e6,#12151ceb 55%,#1a1f29e6),url(/art/textures/textbox.webp) center / cover}.play-card.item{background:linear-gradient(170deg,#21301fe6,#121a11eb 55%,#1a2418e6),url(/art/textures/textbox.webp) center / cover}.pc-head{background:url(/art/frames/banner-title.webp) center / 190% 145% no-repeat,linear-gradient(180deg,#d98b3c47,#d98b3c14);margin:-.5rem -.6rem 0;padding:.32rem .5rem .26rem;border-radius:8px 8px 0 0;text-align:center;color:#38220e;text-shadow:0 1px 1px rgba(255,240,205,.5)}.pc-head .muted,.pc-head small{color:#5a4630}.die-spent{opacity:.25;filter:grayscale(.9)}.round-roll .die-spent{transform:scale(.85) rotate(90deg)}.die-partial{outline:2px dashed rgba(232,199,102,.65);outline-offset:1px}.die-bonus{border:1.5px dashed rgba(255,255,255,.5)}.slot{width:152px}.slot.occupied .m-inner{display:flex;flex-direction:column;text-align:left}.m-mid{display:flex;gap:3px;align-items:stretch;margin-bottom:3px}.m-artwrap{flex:1 1 auto;min-width:0;position:relative}.monster-art-img{height:84px;border-radius:4px}.m-artwrap .icon{font-size:2.2rem;text-align:center;line-height:84px}.m-lootdice{position:absolute;bottom:2px;left:2px;background:#000000b3;border:1px solid rgba(240,168,60,.4);border-radius:4px;padding:0 3px;font-size:.62rem}.m-armor{position:absolute;top:2px;left:2px;background:#000000b3;border:1px solid rgba(232,199,102,.35);border-radius:4px;padding:0 3px;font-size:.68rem}.hp-track{flex:none;display:flex;gap:2px;align-self:flex-start}.hp-col{display:flex;flex-direction:column;gap:1px}.hp-cell.tens{width:19px;font-weight:600}.hp-cell{width:14px;height:13px;font-size:.6rem;line-height:12px;text-align:center;background:#17110b;border:1px solid rgba(232,199,102,.28);border-radius:2px;color:var(--muted)}.hp-cell.cube{background:var(--danger);border-color:#e8837f;color:#fff;font-weight:800;box-shadow:0 0 5px #c0504de6}.hp-cell.lost{opacity:.3}.m-moves{display:flex;flex-direction:column;gap:1px;border-top:1px solid rgba(232,199,102,.25);padding-top:3px;font-size:.7rem}.m-move{display:flex;align-items:center;gap:4px;line-height:1.25;min-width:0}.m-lead{flex:none;color:var(--gold);font-size:.66rem;min-width:18px}.m-lead.d6chip{background:#e8e4da;color:#1d1812;border-radius:3px;padding:0 3px;font-weight:800;text-align:center;box-shadow:inset 0 -1px #0000004d}.m-move-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-fx{flex:none;display:inline-flex;gap:2px;align-items:center}.m-fx .pool.small .die{width:10px;height:10px}.slot .intent{text-align:center;margin-top:2px}.pcard{aspect-ratio:63 / 88}.slot{width:188px;aspect-ratio:63 / 88;min-height:0;height:auto}.combat-row{overflow-x:auto;padding-bottom:4px}.slot.occupied .m-inner{height:100%}.m-nameplate{display:flex;align-items:baseline;justify-content:center;gap:4px;min-height:24px}.m-name{white-space:nowrap}.m-mid{flex:1 1 auto;min-height:0;margin-bottom:3px}.m-artwrap{overflow:hidden;border-radius:4px}.monster-art-img{width:100%;height:100%;object-fit:cover}.m-artwrap .icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.6rem;line-height:1}.m-status-overlay{position:absolute;top:2px;right:2px;background:#0000009e;border-radius:4px;padding:0 3px;font-size:.74rem}.m-intent-overlay{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000000d9 35%);color:#f5e9c8;font-size:.64rem;line-height:1.2;padding:8px 4px 2px;text-align:center}.m-moves{margin-top:auto;font-size:.7rem}.m-moves--3{font-size:.65rem}.m-moves--dense{font-size:.6rem}.m-move{align-items:flex-start}.m-move .m-lead{margin-top:1px}.m-move-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.18}.pcard{padding:5px}.flip-card.pcard{padding:0;background:none;box-shadow:none}.pcard .sts-inner{padding:12px 11px 13px}.pcard .sts-banner{border-radius:5px 5px 0 0}.pcard .sts-banner b{display:block;line-height:1.2}.pcard .sts-footer{border-radius:0 0 5px 5px}.flip-toggle{top:13px;right:13px;z-index:4}.pcard .sts-body{scrollbar-width:thin;scrollbar-color:rgba(232,199,102,.3) transparent}.pcard .sts-body::-webkit-scrollbar{width:5px}.pcard .sts-body::-webkit-scrollbar-thumb{background:#e8c76640;border-radius:3px}.slot.occupied .m-inner{padding:.3rem .35rem .4rem}.card-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;border:8px solid transparent;border-image-slice:60;border-image-width:8px;border-image-repeat:stretch}.card-frame--common{border-image-source:url(/art/frames/frame-common.webp)}.card-frame--magic{border-image-source:url(/art/frames/frame-magic.webp)}.card-frame--rare{border-image-source:url(/art/frames/frame-rare.webp)}.card-frame--unique{border-image-source:url(/art/frames/frame-unique.webp)}.card-frame--skill{border-image-source:url(/art/frames/frame-skill.webp)}.pcard .sts-inner{padding:9px 9px 10px}.flip-toggle{top:10px;right:10px}.sts-card.quest-pcard{width:400px}.quest-pcard .sts-banner b{font-size:1.18rem}.quest-pcard .sts-banner small{font-size:.85rem}.quest-pcard .sts-body{font-size:.95rem}.quest-pcard .sts-footer{font-size:.92rem}.quest-pcard .sts-art .art-fallback{font-size:3.4rem}.town-hero-img{width:100%;height:130px;object-fit:cover;object-position:center 30%;border-radius:8px;border:1px solid var(--border);margin-bottom:.6rem;display:block}.shop-portrait-img{width:62px;height:62px;flex:none;object-fit:cover;border-radius:50%;border:2px solid rgba(232,199,102,.35);box-shadow:0 2px 6px #00000080}.char-board{display:grid;grid-template-columns:minmax(0,auto) 216px;gap:.8rem;padding:.9rem;border-radius:14px;border:2px solid var(--border);background:radial-gradient(ellipse at 50% 25%,rgba(217,139,60,.07),transparent 70%),url(/art/textures/playmat.webp) center / 512px repeat;box-shadow:inset 0 0 24px #0009}.char-board .gear-board{background:none;border:none;box-shadow:none;padding:0}.gear-slot{width:100px;aspect-ratio:63 / 88;min-height:0;gap:.1rem;padding:.25rem}.gear-slot .gear-art{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center}.gear-art-img{width:100%;height:100%;object-fit:cover;display:block}.gear-slot .gear-icon{font-size:1.5rem;line-height:1}.gear-slot .gear-name{font-size:.68rem;line-height:1.1}.gear-slot .gear-stats{font-size:.64rem;line-height:1.15}.gear-slot .slot-label{font-size:.6rem}.char-portrait{position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(232,199,102,.3);box-shadow:0 4px 12px #00000080;min-height:320px}.char-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.char-portrait svg{width:100%;height:100%}.char-name-banner{position:absolute;left:0;right:0;top:0;background:url(/art/frames/banner-title.webp) center / 190% 135% no-repeat,linear-gradient(180deg,#140e08bf,#140e0833);text-align:center;padding:.4rem .5rem .35rem;color:#38220e;text-shadow:0 1px 1px rgba(255,240,205,.5)}.char-name-banner b{display:block;font-size:1.08rem}.char-name-banner small{color:#5a4630}.hp-track-h{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:2px;align-items:center}.hp-cell-h{width:21px;height:19px;line-height:18px;font-size:.66rem;border-radius:3px}.modal{width:min(1060px,96vw)}.char-board{grid-template-columns:minmax(0,auto) 250px}.char-board .gear-board{grid-template-areas:".      .       head   .       ." "main   .       amulet .       off" "main   .       body   .       off" "main   ring1   .      gloves  off" ".      .       boots  .       .";grid-template-rows:.65fr .5fr .9fr .6fr .85fr;aspect-ratio:4 / 5;background:url(/art/textures/inventory-board.webp) center / cover no-repeat;padding:1.6rem 1.2rem;border-radius:10px}.char-board .gear-board>div{display:flex;align-items:center;justify-content:center}.class-slot-row{display:flex;gap:.6rem;justify-content:center}.char-board .gear-slot{width:100px;background:#0a06044d;border-color:#e8c76640}.char-board .gear-slot:not(.filled){border-style:dashed}.char-board .gear-slot:not(.filled):hover{border-color:#e8c7668c}.char-board .gear-slot.filled{background:linear-gradient(170deg,#2c2318,#1d150e)}.gear-slot{width:112px}.char-board .gear-board{gap:.6rem}.stat-tracks{grid-column:1 / -1;display:flex;flex-direction:column;gap:3px}.stat-track{display:flex;gap:2px;align-items:center}.stat-track-label{width:34px;flex:none;font-size:.72rem;font-variant:small-caps;letter-spacing:.08em;color:var(--muted);text-align:right;padding-right:4px}.stat-cell{width:19px;height:17px;line-height:16px;font-size:.62rem;border-radius:3px}.stat-cell.stat-cube{background:var(--accent);border-color:#f0b869;color:#1a120a;font-weight:800;box-shadow:0 0 5px #d98b3ce6}.stat-cell.die-threshold{border-bottom:2px solid var(--gold)}.stat-track-note{font-size:.68rem;margin-left:4px;white-space:nowrap}.almanac{flex:1;overflow-y:auto;padding:0 1.2rem 3rem}.almanac-bar{position:sticky;top:0;z-index:30;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;background:var(--bg);padding:.8rem 0 .6rem;border-bottom:1px solid var(--border)}.almanac-bar input{min-width:230px}.almanac-back{color:var(--accent);text-decoration:none;white-space:nowrap}.almanac-back:hover{text-decoration:underline}.almanac-nav{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;padding:.55rem 0;font-size:.9rem}.almanac-nav a{color:var(--accent);text-decoration:none}.almanac-nav a:hover{text-decoration:underline}.almanac section{margin-top:1.7rem}.almanac h2{color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:.25rem}.almanac h3{margin-top:1.1rem}.almanac-sub{font-size:.85rem;max-width:70ch}.almanac-grid{display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-start;margin-top:.6rem}.almanac .slot{width:188px;aspect-ratio:63 / 88;min-height:0;height:auto;cursor:default}.almanac .slot.occupied .m-inner{display:flex;flex-direction:column;text-align:left;height:100%}.almanac .encounter-pcard{margin:0}.almanac .boss-pcard{width:290px}.almanac .pcard-actions{justify-content:center}.count-badge{display:inline-block;padding:.05rem .5rem;border:1px solid var(--accent);border-radius:10px;background:var(--panel-2);color:var(--accent);font-size:.82rem;font-weight:700}.count-badge.zero{border-color:var(--danger);color:var(--danger)}.rulebook{max-width:1100px}.rule-steps{margin:.2rem 0 .2rem 1.2rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.7rem;align-items:start}.glossary-group h4{margin:0 0 .4rem;color:var(--accent)}.glossary-row{display:flex;gap:.5rem;align-items:baseline;margin-bottom:.3rem;font-size:.88rem}.glossary-row .g-icon{flex:none;min-width:2.2em;text-align:center;font-size:1.05rem}