*{box-sizing:border-box;margin:0;padding:0}:root{--gold:#ffd75e;--gold-dim:#c9a227;--parchment:#f3e2b3;--ink:#171208;--panel:#140f08e0;--panel-border:#5a4a28;--good:#7ee081;--bad:#ff7a7a}html,body,#root{height:100%}body{color:var(--parchment);-webkit-user-select:none;user-select:none;background:#12100d;font-family:Spectral,Georgia,serif;overflow:hidden}h1,h2,h3,.menu-title,.topbar-title,.panel-title,.turn-banner,.combatant-name{font-family:Cinzel,Georgia,serif}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,input,[tabindex]{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #8ec5ff}.game-root{position:fixed;inset:0}.game-root canvas{display:block}.board-loading{background:#12100d;place-items:center;display:grid;position:fixed;inset:0}.board-loading-text{color:var(--gold);font-family:Cinzel,serif;font-size:22px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.menu{background-position:50%;background-size:cover;position:fixed;inset:0}.menu-scrim{background:linear-gradient(#0a08058c 0%,#0a0805d1 60%,#0a0805f2 100%);flex-direction:column;align-items:center;padding:4vh 16px 6vh;display:flex;position:absolute;inset:0;overflow-y:auto}.menu-title{color:var(--gold);text-shadow:0 3px 18px #000000e6,0 0 40px #ffd75e40;letter-spacing:2px;text-align:center;font-size:clamp(34px,6vw,64px);font-weight:900}.menu-sub{color:#e8d9ae;text-align:center;margin:6px 0 22px;font-size:17px;font-style:italic}.menu-credit{color:#b5a578;text-align:center;max-width:560px;margin-top:16px;font-size:14px;font-style:italic}.menu-resume{text-align:center;align-content:center;place-items:center;gap:18px;min-height:270px;display:grid}.menu-resume h2{color:var(--gold);font-size:clamp(22px,4vw,32px)}.menu-resume p{color:#cbbb90;margin-top:6px}.menu-resume-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.menu-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;width:min(860px,94vw);padding:20px;box-shadow:0 18px 60px #000000a6}.menu-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.menu-label{color:var(--gold-dim);font-weight:600}.menu-warn{color:var(--bad);margin:4px 0 10px;font-size:14px}.chip{color:var(--parchment);border:1px solid var(--panel-border);background:#2a2113;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--gold-dim)}.chip-on{background:var(--gold-dim);color:var(--ink);font-weight:700}.chip-ghost{background:0 0}.chip-icon{object-fit:cover;border-radius:4px;width:18px;height:18px}.setup-player{border-top:1px solid #33291a;padding:14px 0 8px}.setup-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.name-input{border:1px solid var(--panel-border);color:var(--parchment);background:#241c10;border-radius:8px;width:220px;padding:8px 12px;font-family:inherit;font-size:15px}.name-input:focus{border-color:var(--gold-dim);outline:none}.faction-tag{letter-spacing:.5px;font-size:14px;font-weight:700}.hero-picker{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.hero-card{background:#1d1610;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:5px;transition:transform .12s,border-color .12s;display:flex}.hero-card img{aspect-ratio:2/3;object-fit:cover;border-radius:6px;width:100%}.hero-card:hover:not(:disabled){border-color:var(--fc);transform:translateY(-3px)}.hero-on{border-color:var(--fc);box-shadow:0 0 14px color-mix(in srgb, var(--fc) 60%, transparent)}.hero-taken{opacity:.35;filter:grayscale(.8)}.hero-name{color:var(--parchment);font-size:12.5px;font-weight:700}.hero-class{color:#b5a578;font-size:11px}.btn-primary{color:#241a06;background:linear-gradient(#ffd75e,#c9932a);border:none;border-radius:10px;margin-top:10px;padding:12px 28px;font-family:Cinzel,serif;font-size:17px;font-weight:700;transition:transform .1s;box-shadow:0 4px 18px #ffd75e40}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{color:var(--parchment);border:1px solid var(--panel-border);background:#2a2113;border-radius:10px;margin-top:10px;padding:12px 22px;font-size:15px}.overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08060399;place-items:center;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.overlay-dark{background:#080603c7}.overlay-privacy{z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:#090703}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:16px;width:min(680px,94vw);max-height:92vh;padding:22px;overflow-y:auto;box-shadow:0 24px 80px #000c}.modal h2{color:var(--gold);margin-bottom:10px}.empty-note{color:#8f8163;font-size:13px;font-style:italic}.rules-modal{text-align:left;width:min(720px,94vw)}.rules-body h3{color:var(--gold-dim);margin:14px 0 6px}.rules-body p,.rules-body li{color:#e9dcb6;font-size:15px;line-height:1.55}.rules-body ul{padding-left:20px}.rules-modal .btn-primary{margin:16px auto 0;display:block}.topbar{z-index:20;pointer-events:none;background:linear-gradient(#0a0804eb,#0a080400);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar-left,.topbar-right{pointer-events:none;flex:1;align-items:center;gap:8px;display:flex}.topbar-left>*,.topbar-right>*{pointer-events:auto}.topbar-right{justify-content:flex-end}.topbar-title{color:var(--gold);letter-spacing:1.5px;text-shadow:0 2px 8px #000c;font-size:20px;font-weight:700}.round-chip,.vp-chip,.boss-chip,.event-chip{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.mobile-only{display:none}.event-chip img{object-fit:cover;border-radius:3px;width:22px;height:15px}.boss-chip{color:#9ae66e;border-color:#3f6b32}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:12px}.panel-title{letter-spacing:2px;text-transform:uppercase;color:var(--gold-dim);margin-bottom:8px;font-size:13px;font-weight:700}.side-left{z-index:15;flex-direction:column;gap:10px;width:270px;max-height:calc(100vh - 170px);display:flex;position:fixed;top:60px;left:12px;overflow-y:auto}.side-right{z-index:15;flex-direction:column;gap:10px;width:250px;max-height:calc(100vh - 160px);display:flex;position:fixed;top:60px;right:12px}.hero-panel{border-left:3px solid var(--fc)}.hero-head{gap:10px;margin-bottom:8px;display:flex}.hero-head>div{min-width:0}.hero-title,.hero-subtitle,.combatant-name,.score-name,.turn-banner{overflow-wrap:anywhere}.hero-portrait{object-fit:cover;border:1px solid var(--panel-border);border-radius:8px;width:58px;height:78px}.hero-title{color:var(--gold);font-family:Cinzel,serif;font-size:16px;font-weight:700}.hero-subtitle{color:#cbbb90;font-size:12.5px}.hero-level{color:#9ae66e;margin-top:2px;font-size:12.5px}.bar{background:#241c10;border:1px solid #3a2f1c;border-radius:9px;height:18px;margin:5px 0;position:relative;overflow:hidden}.bar-fill{border-radius:8px;height:100%;transition:width .35s}.bar-hp .bar-fill{background:linear-gradient(90deg,#a12626,#e04747)}.bar-en .bar-fill{background:linear-gradient(90deg,#1f5f8f,#3fa9e0)}.bar-text{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:11.5px;font-weight:700;display:grid;position:absolute;inset:0}.stat-row{flex-wrap:wrap;justify-content:space-between;gap:4px;margin:6px 0;font-size:13.5px;display:flex}.ability-row{color:#d8c896;border-top:1px solid #33291a;padding-top:6px;font-size:12.5px;line-height:1.4}.ability-row .chip{margin-left:6px;padding:2px 10px;font-size:12px}.item-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.item-icon{object-fit:cover;border:1px solid var(--panel-border);background:#241c10;border-radius:8px;width:38px;height:38px;padding:0}.item-consumable{border-color:var(--gold-dim)}.item-consumable img{object-fit:cover;border-radius:7px;width:100%;height:100%}.quest-card{background:#241c10;border:1px solid #3a2f1c;border-radius:10px;margin-bottom:8px;padding:9px 10px}.quest-name{color:var(--gold);font-size:13.5px;font-weight:700}.quest-text{color:#d8c896;margin:2px 0;font-size:12.5px}.quest-reward{color:#9ae66e;font-size:12px}.quest-tools{gap:6px;margin-top:7px;display:flex}.quest-tools .chip{min-height:30px;padding:3px 9px;font-size:11px}.event-objective{border:1px solid #64532e;border-left:3px solid var(--gold-dim);background:#21190d;border-radius:9px;flex-direction:column;gap:2px;margin-bottom:8px;padding:8px 9px;display:flex}.event-objective b{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:11px}.event-objective span{color:#e3d3a9;font-size:12.5px}.event-objective small{color:#8fc976;font-size:11px}.event-objective.claimed{opacity:.65;border-left-color:#4d7c3a}.log-panel{flex-direction:column;flex:1;min-height:120px;display:flex;overflow:hidden}.log-list{flex:1;overflow-y:auto}.log-line{color:#cbbb90;border-bottom:1px dotted #2b2214;padding:2px 0;font-size:12.5px;line-height:1.45}.log-good,.log-line.log-good{color:var(--good)}.log-bad,.log-line.log-bad{color:var(--bad)}.log-line.log-event{color:var(--gold)}.log-line.log-boss{color:#9ae66e;font-weight:700}.actionbar{z-index:20;pointer-events:none;background:linear-gradient(#0a080400,#0a0804eb);flex-direction:column;align-items:center;gap:8px;padding:10px 14px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar>*{pointer-events:auto}.turn-banner{background:var(--panel);border:1px solid var(--fc);letter-spacing:.5px;box-shadow:0 0 16px color-mix(in srgb, var(--fc) 35%, transparent);border-radius:20px;padding:6px 18px;font-size:14.5px}.action-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn-action{color:var(--parchment);border:1px solid var(--panel-border);background:#2a2113;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:transform .1s,border-color .1s}.btn-action:hover:not(:disabled){border-color:var(--gold-dim);transform:translateY(-1px)}.btn-fight{border-color:#8f3b3b}.btn-boss{color:#9ae66e;border-color:#39ff6a}.btn-duel{color:#ff8ba0;border-color:#b0203f}.btn-assist{color:#9ae66e;border-color:#4d7c3a}.btn-end{border-color:var(--gold-dim)}.quest-target-chip{color:#aeda83;border-left:1px solid #5a4a28;margin-left:9px;padding-left:9px;font-family:Spectral,serif;font-size:12px;display:inline-flex}.toasts{z-index:35;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--gold-dim);color:var(--gold);pointer-events:auto;cursor:pointer;border-radius:24px;padding:8px 20px;font-size:14.5px;font-weight:600;animation:.25s toastIn,.4s 3.6s forwards toastOut;box-shadow:0 8px 30px #0009}.toast-death{color:var(--bad);border-color:#8f3b3b}.toast-boss{color:#9ae66e;border-color:#39ff6a}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px)}}@keyframes toastOut{to{opacity:0;transform:translateY(-10px)}}.event-modal{width:min(480px,92vw)}.event-round{letter-spacing:3px;color:var(--gold-dim);font-family:Cinzel,serif;font-size:14px}.event-art{border:1px solid var(--panel-border);border-radius:10px;width:100%;margin:12px 0}.event-name{font-size:26px}.event-desc{color:#e9dcb6;margin:8px 0 4px;font-size:16px}.event-choice-modal{width:min(560px,94vw)}.event-choice-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.event-choice-card{border:1px solid var(--panel-border);min-height:112px;color:var(--parchment);background:#241c10;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;padding:14px;display:flex}.event-choice-card:hover{border-color:var(--gold)}.event-choice-card b{color:var(--gold);font-family:Cinzel,serif}.event-choice-card span{color:#cbbb90;font-size:13px}.combat-modal{width:min(640px,94vw)}.combat-arena{justify-content:space-between;align-items:stretch;gap:12px;display:flex}.combatant{flex:1}.combatant img{object-fit:cover;border:1px solid var(--panel-border);border-radius:10px;width:100%;max-height:210px}.combatant img.boss-img{border-color:#39ff6a;box-shadow:0 0 22px #39ff6a4d}.combatant-name{color:var(--gold);margin-top:6px;font-size:15px;font-weight:700}.combat-hp{margin-top:2px;font-size:13.5px}.combat-vs{flex-direction:column;justify-content:center;align-items:center;min-width:70px;display:flex}.vs-text{font-size:34px}.combat-round{color:var(--gold-dim);letter-spacing:1px;font-size:12.5px}.dice-rows{flex-direction:column;gap:6px;margin:12px 0 4px;display:flex}.dice-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.dice-label{color:#b5a578;text-align:right;width:40px;font-size:13px}.auto-hits{color:var(--good);font-size:13px;font-weight:700}.die{color:#241a06;background:#efe6cd;border:2px solid #b7a77c;border-radius:8px;place-items:center;width:34px;height:34px;font-family:Cinzel,serif;font-size:17px;font-weight:800;animation:.45s backwards dieRoll;display:inline-grid}.die-hit{color:#1e3d16;background:#cdeacb;border-color:#4d7c3a}.die-crit{background:var(--gold);color:#4d3405;border-color:#a97b12;box-shadow:0 0 12px #ffd75e99}.die-miss{opacity:.55}@keyframes dieRoll{0%{opacity:0;transform:rotate(280deg)scale(.2)}70%{transform:rotate(-16deg)scale(1.12)}to{opacity:1;transform:rotate(0)scale(1)}}.combat-log{text-align:left;background:#1a1409;border:1px solid #2b2214;border-radius:10px;min-height:74px;margin:8px 0;padding:8px 12px}.combat-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0 2px;display:flex}.ability-toggle{border:1px solid var(--panel-border);cursor:pointer;background:#241c10;border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;display:inline-flex}.ability-toggle.on{border-color:var(--gold);color:var(--gold)}.ability-toggle.disabled{opacity:.45;cursor:not-allowed}.combat-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.combat-result{width:100%;margin-top:6px;font-family:Cinzel,serif;font-size:19px;font-weight:700}.combat-result.good{color:var(--good)}.combat-result.bad{color:var(--bad)}.creature-trait{color:#e8bd72;border:1px solid #80602e;border-radius:14px;align-items:center;gap:4px;margin-top:5px;padding:3px 8px;font-size:12px;display:inline-flex}.pvp-defense{background:#1b130d;border:1px solid #69402e;border-radius:12px;margin-top:12px;padding:14px}.pvp-defense p{color:#cbbb90;margin-bottom:10px}.shake{animation:.4s shake}@keyframes shake{20%{transform:translate(-5px,2px)rotate(-.5deg)}40%{transform:translate(5px,-2px)rotate(.5deg)}60%{transform:translate(-4px,-1px)}80%{transform:translate(3px,1px)}}.shop-modal{width:min(760px,96vw)}.sale-tag{color:var(--good);margin-left:8px;font-size:14px}.shop-gold{color:var(--gold);margin-bottom:12px;font-weight:700}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.shop-item{border:1px solid var(--panel-border);text-align:center;color:var(--parchment);background:#241c10;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px;transition:transform .1s,border-color .1s;display:flex;position:relative}.shop-item:hover:not(:disabled){border-color:var(--gold-dim);transform:translateY(-2px)}.shop-item img{object-fit:cover;border-radius:10px;width:64px;height:64px}.shop-item-name{color:var(--gold);font-size:13.5px;font-weight:700}.shop-item-desc{color:#cbbb90;flex:1;font-size:11.5px;line-height:1.35}.shop-item-cost{font-size:13px;font-weight:700}.shop-slot{color:#8f8163;text-transform:uppercase;letter-spacing:1px;margin-left:4px;font-size:10.5px}.shop-owned{background:var(--gold-dim);color:var(--ink);text-transform:uppercase;border-radius:8px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.shop-filters{scrollbar-width:thin;align-items:center;gap:6px;margin:0 0 12px;padding:2px 1px 7px;display:flex;overflow-x:auto}.shop-filters .chip{flex:none}.shop-affordable{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:13px;display:inline-flex}.shop-affordable input{accent-color:var(--gold-dim);width:17px;height:17px}.shop-compare{color:#7bb4e8;font-size:11px;line-height:1.25}.shop-footer{z-index:3;background:linear-gradient(#0000,#151007 28%);margin:12px -22px -22px;padding:7px 22px 14px;position:sticky;bottom:-22px}.score-panel{flex-direction:column;gap:8px;display:flex}.score-row{border-left:3px solid var(--fc);background:#241c10;border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 14px;font-size:14.5px;display:flex}.score-name{color:var(--gold);text-align:left;min-width:120px;font-weight:700}.tip3d{border:1px solid var(--gold-dim);color:#e9dcb6;background:#120d06f0;border-radius:10px;width:240px;padding:9px 12px;font-family:Spectral,Georgia,serif;font-size:12.5px;line-height:1.4;box-shadow:0 10px 34px #000000b3}.tip3d-title{color:var(--gold);font-family:Cinzel,serif;font-size:13.5px;font-weight:700}.tip3d-title span{letter-spacing:.5px;margin-left:6px;font-size:11px}.tip3d-desc{color:#cbbb90;margin:3px 0}.tip3d-creature{color:#ffb0b0;border-top:1px dotted #3a2f1c;margin-top:4px;padding-top:4px}.tip3d-locked{color:#9ae66e;margin-top:4px}.cam-controls{z-index:18;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;gap:4px;padding:7px;display:flex;position:fixed;bottom:96px;right:12px}.cam-row{gap:4px;display:flex}.cam-controls button{border:1px solid var(--panel-border);width:34px;height:30px;color:var(--parchment);background:#241c10;border-radius:8px;place-items:center;font-size:14px;line-height:1;display:grid}.cam-controls button:hover{border-color:var(--gold-dim);color:var(--gold)}.cam-controls .cam-wide{flex:1;width:auto;font-size:11.5px}.cam-controls-embedded{width:fit-content;margin:12px auto;position:static;transform:none}.cam-controls-embedded button{width:52px;height:44px}.sheet-modal{text-align:left;width:min(940px,96vw);position:relative}.sheet-close{color:var(--gold-dim);z-index:2;background:0 0;border:none;font-size:20px;position:absolute;top:12px;right:14px}.sheet-close:hover{color:var(--gold)}.sheet-grid{grid-template-columns:220px 1fr 1fr;gap:18px;display:grid}.sheet-col{min-width:0}.sheet-identity{text-align:center}.sheet-portrait{aspect-ratio:2/3;object-fit:cover;border:2px solid var(--fc);border-radius:12px;width:100%;box-shadow:0 8px 28px #00000080}.sheet-name{color:var(--gold);overflow-wrap:anywhere;margin-top:8px;font-family:Cinzel,serif;font-size:19px;font-weight:800}.sheet-sub{color:#cbbb90;font-size:13px}.sheet-level{color:#9ae66e;margin:4px 0;font-size:13px}.bar-xp{height:10px}.bar-xp .bar-fill{background:linear-gradient(90deg,#4d7c3a,#7ee081)}.sheet-record{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0;font-size:13px;display:flex}.sheet-blurb{color:#b5a578;font-size:12.5px;font-style:italic;line-height:1.45}.sheet-section-title{letter-spacing:2px;text-transform:uppercase;color:var(--gold-dim);border-bottom:1px solid #33291a;margin:12px 0 7px;padding-bottom:4px;font-family:Cinzel,serif;font-size:12px}.sheet-col .sheet-section-title:first-child{margin-top:0}.sheet-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sheet-stats div{background:#241c10;border:1px solid #3a2f1c;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;display:flex}.sheet-stats b{font-size:14px}.sheet-stats span{color:#8f8163;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px}.eq-slot{background:#241c10;border:1px dashed #3a2f1c;border-radius:10px;margin-bottom:7px;padding:8px 10px}.eq-filled{border-style:solid;border-color:var(--gold-dim)}.eq-slot-head{text-transform:uppercase;letter-spacing:1px;color:#8f8163;margin-bottom:4px;font-size:11px}.eq-item{align-items:center;gap:9px;display:flex}.eq-item img{object-fit:cover;border-radius:8px;width:42px;height:42px}.eq-item-name{color:var(--gold);font-size:13.5px;font-weight:700}.eq-item-desc{color:#cbbb90;font-size:11.5px}.eq-empty{color:#6f6248;font-size:12px;font-style:italic}.sheet-satchel{gap:8px;display:flex}.eq-consumable{border:1px solid var(--gold-dim);background:#241c10;border-radius:10px;width:52px;height:52px;padding:0;overflow:hidden}.eq-consumable img{object-fit:cover;width:100%;height:100%}.eq-consumable-empty{color:#4d422e;border:1px dashed #3a2f1c;place-items:center;font-size:18px;display:grid}.ability-card{border:1px solid #3a2f1c;border-left:3px solid var(--gold-dim);background:#241c10;border-radius:10px;margin-bottom:7px;padding:9px 11px}.ability-card-head{color:var(--gold);justify-content:space-between;gap:8px;font-size:13.5px;font-weight:700;display:flex}.ability-cost{color:#3fa9e0;font-size:12px}.ability-card-desc{color:#cbbb90;margin-top:2px;font-size:12.5px}.talent-card{border-left-color:#7ee081}.talent-pending{color:#e0c07a;border-left-color:#e0a63f;font-size:12.5px}.sheet-hint{color:#6f6248;margin-bottom:6px;font-size:11.5px;font-style:italic}.chip-sheet{justify-content:center;width:100%;margin-top:8px}.chip-sheet kbd{color:#8f8163;background:#17110a;border:1px solid #3a2f1c;border-radius:4px;padding:0 5px;font-size:10.5px}.hero-talents{letter-spacing:2px;margin-top:2px;font-size:13px}.hero-portrait-btn{background:0 0;border:none;padding:0}.hero-portrait-btn:hover .hero-portrait{border-color:var(--gold);box-shadow:0 0 10px #ffd75e59}.ability-strip{border-top:1px solid #33291a;flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.ability-chip{border:1px solid var(--gold-dim);background:#241c10;border-radius:9px;width:44px;height:44px;position:relative;overflow:hidden}.ability-chip img{object-fit:cover;width:100%;height:100%}.ability-passive{border-color:#4d7c3a}.ability-empty{color:#4d422e;border:1px dashed #3a2f1c;place-items:center;font-size:16px;display:grid}.ability-cast{color:var(--gold);text-transform:uppercase;background:#140e06d9;border:none;padding:2px 0;font-size:9.5px;font-weight:700;position:absolute;inset:auto 0 0}.ability-cast:disabled{color:#6f6248}.ability-card{align-items:center;gap:10px;display:flex}.ability-card-icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.ability-card-body{flex:1;min-width:0}.ability-slot-empty{color:#6f6248;border-style:dashed dashed dashed solid;font-size:12.5px;font-style:italic}.ability-card.talent-card,.ability-card.talent-pending{display:block}.shop-tabs{align-items:center;gap:8px;margin-bottom:12px;display:flex}.shop-tabs .shop-gold{margin-bottom:0;margin-left:auto}.trainer-slots{color:#d8c896;text-align:left;margin-bottom:10px;font-size:13.5px}.trainer-hint{color:#8f8163}.trainer-free{color:var(--good);font-weight:700}.quest-draw-modal{width:min(620px,94vw)}.quest-draw-options{justify-content:center;gap:14px;display:flex}.quest-draw-card{border:2px solid var(--panel-border);max-width:250px;color:var(--parchment);background:#241c10;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px;transition:transform .12s,border-color .12s,box-shadow .12s;animation:.35s backwards cardIn;display:flex}.quest-draw-card:nth-child(2){animation-delay:.12s}.quest-draw-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 10px 30px #ffd75e29}.quest-draw-card img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%}.quest-draw-name{color:var(--gold);font-family:Cinzel,serif;font-size:15px;font-weight:700}.quest-draw-text{color:#cbbb90;flex:1;font-size:12.5px}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)rotate(2deg)scale(.92)}}.quest-celebration{width:min(420px,92vw)}.celebration-banner{letter-spacing:3px;text-transform:uppercase;color:var(--good);margin-bottom:8px;font-family:Cinzel,serif;font-size:15px;font-weight:800;animation:1.4s ease-in-out infinite pulse}.celebration-art{aspect-ratio:1;object-fit:cover;border:2px solid var(--gold-dim);border-radius:12px;width:200px;box-shadow:0 0 30px #ffd75e40}.celebration-rewards{color:var(--good);justify-content:center;gap:14px;margin:10px 0 4px;font-size:17px;font-weight:700;display:flex}.talent-modal{width:min(560px,94vw)}.talent-portrait{object-fit:cover;border:2px solid var(--gold-dim);border-radius:10px;width:84px;height:112px;margin-bottom:8px}.talent-sub{color:#cbbb90;margin-bottom:14px}.talent-options{justify-content:center;gap:12px;display:flex}.talent-option{border:2px solid var(--panel-border);max-width:220px;color:var(--parchment);background:#241c10;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 12px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.talent-option:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 26px #ffd75e2e}.talent-icon{font-size:34px}.talent-name{color:var(--gold);font-family:Cinzel,serif;font-size:16px;font-weight:700}.talent-desc{color:#cbbb90;font-size:13px}.mobile-dock,.mobile-hero-strip,.region-inspector{display:none}.handoff-modal{width:min(460px,92vw);padding:36px 28px}.handoff-modal p{color:#cbbb90;max-width:350px;margin:0 auto 14px}.handoff-icon{color:var(--gold);font-size:52px;animation:1.5s ease-in-out infinite pulse}.tutorial-coach{z-index:34;border:1px solid var(--gold-dim);background:#110c06f5;border-radius:14px;width:min(430px,100vw - 28px);padding:14px 16px;position:fixed;bottom:112px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #000000b8}.tutorial-coach h2{color:var(--gold);margin:2px 0 4px;font-size:17px}.tutorial-coach p{color:#d8c896;font-size:13.5px;line-height:1.4}.tutorial-count{color:#8f8163;text-transform:uppercase;letter-spacing:1.4px;font-size:11px}.tutorial-actions{justify-content:flex-end;gap:6px;margin-top:9px;display:flex}.region-inspector{border:1px solid var(--gold-dim);background:#120d06f7;box-shadow:0 15px 40px #000000b8}.region-inspector>img{object-fit:cover;border:1px solid #594629;border-radius:9px;width:74px;height:74px}.region-inspector-copy{flex:1;min-width:0}.region-inspector-copy h2{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.region-inspector-copy p{color:#8fc976;font-size:12px}.region-inspector-kicker{color:#7eb8ef;text-transform:uppercase;letter-spacing:1px;font-size:10px}.region-creature{color:#e5c689;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.region-move{color:#f2e4bd;white-space:nowrap;background:#17365f;border:1px solid #6f9bd1;border-radius:9px;align-self:center;min-height:44px;padding:0 12px;font-weight:700}.region-inspector-close{color:#b5a578;background:0 0;border:0;width:30px;height:30px;position:absolute;top:3px;right:3px}.board-fallback{z-index:5;background:radial-gradient(circle at 50% 35%,#2a2011,#0d0a06 72%);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.board-fallback-card{text-align:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;width:min(520px,100%);padding:26px;box-shadow:0 24px 70px #000000b3}.board-fallback-card .eyebrow{color:var(--gold-dim);text-transform:uppercase;letter-spacing:2px;font-size:12px}.board-fallback-card h1{color:var(--gold);margin:6px 0}.board-fallback-card p{color:#cbbb90;line-height:1.5}.board-fallback-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.btn,.btn-gold{border:1px solid var(--panel-border);min-height:44px;color:var(--parchment);background:#2a2113;border-radius:9px;padding:8px 16px}.btn-gold{color:#241a06;background:linear-gradient(#ffd75e,#c9932a);border:0;font-weight:700}@media (width<=900px){.side-left{width:220px}.side-right{width:200px}.hero-picker{grid-template-columns:repeat(3,1fr)}.topbar-title{display:none}}@media (width<=700px){.side-left{width:180px}.side-right{display:none}.action-buttons .btn-action{padding:8px 12px;font-size:13.5px}.cam-controls{transform-origin:100% 100%;bottom:120px;transform:scale(.9)}}@media (width<=900px){.sheet-grid{grid-template-columns:1fr}.sheet-portrait{max-width:200px}}@media (width<=700px){:root{--mobile-nav-h:calc(58px + env(safe-area-inset-bottom))}.mobile-only{display:inline}.desktop-only,.side-left,.side-right,body>.cam-controls,.game-root>.cam-controls{display:none}.topbar{min-height:calc(52px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) 7px 5px;background:#0a0804f5;border-bottom:1px solid #3a2f1c;align-items:flex-end;gap:5px}.topbar-left{flex:auto;gap:4px;min-width:0}.topbar-right{flex:none;gap:4px;min-width:0}.round-chip,.vp-chip,.boss-chip,.event-chip{border-radius:10px;min-height:38px;padding:4px 7px;font-size:11.5px;line-height:1.05}.round-chip{flex:none}.event-chip{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:104px;overflow:hidden}.event-chip img{flex:none;width:20px}.vp-chip{padding-inline:6px}.boss-chip{top:calc(91px + env(safe-area-inset-top));z-index:2;border-radius:13px;min-height:25px;position:fixed;right:7px}.topbar-right>.chip{justify-content:center;width:38px;height:38px;padding:0;font-size:17px}.actionbar{bottom:var(--mobile-nav-h);background:#0b0804f7;border-top:1px solid #4a3b22;height:58px;padding:6px 7px;display:block}.actionbar .turn-banner{z-index:17;top:calc(57px + env(safe-area-inset-top));text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#110c06f5;justify-content:center;min-height:34px;padding:5px 10px;font-size:12px;position:fixed;left:7px;right:7px;overflow:hidden}.quest-target-chip{text-overflow:ellipsis;vertical-align:bottom;max-width:38%;overflow:hidden}.action-buttons{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:100%;height:46px;padding-right:2px;display:flex;overflow-x:auto}.action-buttons::-webkit-scrollbar{display:none}.action-buttons .btn-action{border-radius:9px;flex:none;min-height:44px;padding:7px 14px;font-size:13px}.action-buttons .btn-end{color:#d6f2bf;background:linear-gradient(#254b22,#153315);border-color:#4b8b42;order:99;position:sticky;right:0;box-shadow:-10px 0 12px #0b0804}.mobile-dock{z-index:23;height:var(--mobile-nav-h);padding-bottom:env(safe-area-inset-bottom);background:#0a0804fa;border-top:1px solid #5a4a28;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-dock button{color:#a99b79;background:0 0;border:0;border-right:1px solid #302617;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;font-size:11px;display:flex}.mobile-dock button>span:first-child{color:#d6c59a;font-size:20px;line-height:1}.mobile-dock button.active{color:var(--gold);box-shadow:inset 0 2px var(--gold-dim);background:#1c160d}.mobile-hero-strip{z-index:19;left:7px;right:7px;bottom:calc(var(--mobile-nav-h) + 62px);height:68px;color:var(--parchment);text-align:left;border:1px solid #5a4a28;border-left:3px solid var(--fc);background:#100c07f5;border-radius:12px;align-items:center;gap:9px;padding:6px 9px;display:flex;position:fixed;box-shadow:0 10px 24px #00000080}.mobile-hero-strip>img{object-fit:cover;border:1px solid var(--fc);border-radius:7px;width:39px;height:54px}.mobile-hero-copy{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-hero-copy b{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-family:Cinzel,serif;font-size:13px;overflow:hidden}.mobile-hero-copy small{color:#aa9a75;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.mobile-mini-bars{grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;display:grid}.mobile-mini-bars>span{isolation:isolate;color:#fff;text-align:center;background:#271d13;border-radius:7px;padding:1px 4px;font-size:9.5px;font-weight:700;position:relative;overflow:hidden}.mobile-mini-bars>span:before{content:"";z-index:-1;width:var(--fill);position:absolute;inset:0 auto 0 0}.mobile-mini-bars .mini-hp:before{background:#ad3434}.mobile-mini-bars .mini-en:before{background:#246b9d}.mobile-hero-stats{color:#d7c89d;flex:none;font-size:10.5px;line-height:1.45}.mobile-hero-chevron{width:30px;height:30px;color:var(--gold);border:1px solid #5a4a28;border-radius:50%;place-items:center;display:grid}.region-inspector{z-index:18;left:7px;right:7px;bottom:calc(var(--mobile-nav-h) + 136px);border-radius:12px;align-items:center;gap:9px;min-height:84px;padding:5px 37px 5px 5px;display:flex;position:fixed}.region-inspector .region-move{margin-right:-28px}.toasts{top:calc(98px + env(safe-area-inset-top));width:calc(100% - 18px)}.toast{text-align:center;max-width:100%;padding:7px 13px;font-size:12.5px}.tutorial-coach{bottom:calc(var(--mobile-nav-h) + 204px)}.overlay{padding-top:env(safe-area-inset-top);place-items:end center}.overlay-privacy{place-items:center;padding:16px}.modal{width:100%;max-height:calc(92dvh - env(safe-area-inset-top));padding:18px 14px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-radius:18px 18px 0 0}.handoff-modal{border:1px solid var(--panel-border);border-radius:16px;width:min(460px,94vw);padding:28px 18px}.mobile-sheet-overlay{z-index:48}.mobile-sheet{text-align:left;max-height:76dvh;padding-top:26px}.mobile-sheet-handle{background:#6f6248;border-radius:4px;width:42px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mobile-sheet>.panel{background:0 0;border:0;padding:4px 0}.mobile-sheet .hero-panel{border-left:3px solid var(--fc);padding-left:10px}.mobile-sheet .log-panel{min-height:45dvh}.mobile-sheet .log-list{max-height:48dvh}.camera-help{color:#cbbb90;font-size:13px}.key-guide{grid-template-columns:1fr 1fr;gap:7px;display:grid}.key-guide div{background:#241c10;border-radius:8px;justify-content:space-between;gap:8px;padding:7px 9px;display:flex}.key-guide dt{color:var(--gold);font-weight:700}.key-guide dd{color:#cbbb90}.shop-modal{height:min(90dvh,820px)}.shop-tabs{z-index:4;background:#140f08fa;margin:-18px -14px 8px;padding:14px 14px 8px;position:sticky;top:-18px}.shop-filters{z-index:4;background:#140f08fa;margin-inline:-14px;padding:7px 14px;position:sticky;top:38px}.shop-affordable{margin-left:0}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-item{min-height:214px;padding:8px}.shop-item img{width:58px;height:58px}.shop-footer{bottom:calc(-16px - env(safe-area-inset-bottom));margin:10px -14px calc(-16px - env(safe-area-inset-bottom));padding:7px 14px calc(9px + env(safe-area-inset-bottom))}.combat-modal{max-height:94dvh}.combat-arena{gap:7px}.combatant img{max-height:128px}.combat-vs{min-width:43px}.vs-text{font-size:24px}.combatant-name{font-size:12.5px}.combat-hp{font-size:11px}.combat-options{max-height:120px;overflow-y:auto}.combat-buttons .btn-primary,.combat-buttons .btn-secondary{min-height:44px;margin-top:4px}.sheet-modal{max-height:94dvh}.sheet-grid{gap:12px}.sheet-portrait{width:120px}.quest-draw-options,.talent-options{gap:8px}.quest-draw-card,.talent-option{min-width:0;padding:9px}.quest-draw-card img{max-height:130px}.menu-scrim{padding:max(22px, env(safe-area-inset-top)) 9px calc(24px + env(safe-area-inset-bottom))}.menu-title{font-size:clamp(30px,10vw,44px)}.menu-sub{margin-bottom:14px;font-size:14px}.menu-panel{width:100%;padding:14px 11px}.menu-resume{min-height:220px}.setup-head{flex-direction:column;align-items:stretch}.name-input{width:100%;min-height:44px}.hero-picker{grid-template-columns:repeat(3,1fr)}.hero-card{min-height:44px}.hero-name{font-size:11px}.hero-class{font-size:9px}.board-fallback-card{padding:20px 15px}}@media (width<=380px){.event-chip{max-width:75px}.round-chip,.vp-chip,.event-chip{padding-inline:5px;font-size:10.5px}.mobile-hero-stats{display:none}.region-inspector>img{width:64px;height:64px}.region-inspector-copy h2{font-size:14px}.region-move{padding-inline:8px;font-size:11px}}@media (height<=700px) and (width<=700px){.mobile-hero-strip{height:58px;bottom:calc(var(--mobile-nav-h) + 62px)}.mobile-hero-strip>img{height:46px}.region-inspector{bottom:calc(var(--mobile-nav-h) + 126px);min-height:72px}.region-inspector>img{width:62px;height:62px}.tutorial-coach{bottom:calc(var(--mobile-nav-h) + 182px)}}@media (pointer:coarse){button,.chip,.cam-controls button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}