:root{--bg:#1b1714;--panel:#26201b;--panel-2:#312922;--line:#4a3d31;--line-2:#6b5746;--text:#f2e8d8;--muted:#b9a992;--gold:#e3b04b;--gold-light:#f4cb75;--hp:#a8342b;--teal:#5fb3a6;--teal-bg:#22352f;--teal-text:#9fe0d4;--purple:#b58cd9;--purple-bg:#3d3346;--danger:#c8453a;--card-w:clamp(92px, calc((100vw - 700px) / 7.4), 124px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Alegreya Sans,system-ui,sans-serif;font-size:15px}h1,h2,h3,.logo,.hero-title{font-family:Cinzel,Georgia,serif}h3{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0;font-size:14px}button{color:inherit;font-family:inherit}.muted{color:var(--muted)}.small{font-size:13px}.light{color:var(--text)}.gold-text{color:var(--gold)}.teal-text{color:var(--teal-text)}.spacer{flex:1}.btn{border:1px solid var(--line-2);background:var(--panel-2);min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn{transition:transform 80ms ease-out}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.recruit .card{animation:.2s ease-out card-in}@keyframes card-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}.btn.primary{background:var(--gold);border-color:var(--gold);color:#1b1714}.btn.primary:hover:not(:disabled){background:var(--gold-light)}.btn.big{min-height:52px;padding:0 28px;font-size:18px}.btn.active{color:#bfe3f7;border-color:#8fc6e8}.btn.danger{border-color:var(--danger);color:#ffb3aa}.btn.teal{border-color:var(--teal);color:var(--teal-text);background:0 0;min-height:32px}:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.badge{border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.badge.gold{background:var(--gold);color:#1b1714}.badge.purple{background:var(--purple-bg);color:#e3cff5;border:1px solid var(--purple)}.title-screen,.hero-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:32px 16px;display:flex}body{background:var(--bg)}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#140f0bb8, #140f0bd1), var(--scene-tavern,none) center / cover;position:fixed;inset:0}.title-screen{background:linear-gradient(#0f0b0859, #0f0b08d9), var(--scene-title,none) center / cover}.title-screen h1{text-shadow:0 4px 18px #000000d9}.title-screen .subtitle,.title-screen .difficulty{gap:8px;display:flex}.rules{text-shadow:0 2px 6px #000000e6;color:#e6d8c0}.title-screen h1{color:var(--gold);letter-spacing:2px;margin:0;font-size:clamp(40px,7vw,72px)}.subtitle{max-width:560px;color:var(--muted);margin:0;font-size:18px}.difficulty{gap:8px;display:flex}.difficulty .btn.active{border-color:var(--gold);color:var(--gold-light);background:#3a2f1c}.rules{text-align:left;max-width:560px;color:var(--muted);padding-left:20px;line-height:1.5}.rules strong{color:var(--text)}.hero-screen h2{color:var(--gold);margin:0;font-size:32px}.tribes-in-game{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tribe-chip{--tint:#3a3430;background:var(--tint);border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:14px;font-weight:700;display:inline-flex}.tribe-chip.t-automaton{--tint:#3e4a52}.tribe-chip.t-beast{--tint:#4b5a36}.tribe-chip.t-corsair{--tint:#2f4660}.tribe-chip.t-spirit{--tint:#6a3b2e}.tribe-chip.t-fungal{--tint:#4d3a5a}.tribe-chip.t-arcanist{--tint:#33365e}.hero-options{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.hero-option{border:2px solid var(--line-2);background:var(--panel);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:280px;padding:24px 20px;font-size:15px;display:flex}.hero-option:hover{border-color:var(--gold);transform:translateY(-2px)}.hero-name{font-family:Cinzel,serif;font-size:18px;font-weight:700}.power-name{color:var(--purple);font-weight:700}.power-text{line-height:1.35}.evo{color:var(--muted);font-size:14px;line-height:1.35}.evo strong{color:var(--text)}.ranking{text-align:left;flex-direction:column;gap:8px;min-width:320px;margin:0;padding:0;list-style:none;display:flex}.ranking li{background:var(--panel);counter-increment:rank;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;display:flex}.ranking li:before{content:counter(rank) ".";width:22px;color:var(--muted);font-weight:700}.ranking li.is-me{border:1px solid var(--gold)}.portrait{background:color-mix(in srgb, var(--hero) 45%, #1b1714);border:3px solid var(--hero);color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.portrait-hp{background:var(--hp);color:#fff;border-radius:999px;padding:1px 8px;font-size:14px;font-weight:700;position:absolute;bottom:-6px;right:-8px}.recruit,.combat{flex-direction:column;gap:14px;min-width:1180px;min-height:100vh;padding:16px;display:flex}.topbar{border:1px solid var(--line);background:#26201bed;border-radius:14px;align-items:center;gap:16px;min-height:56px;padding:0 16px;display:flex}.logo{color:var(--gold);letter-spacing:1px;font-size:20px;font-weight:700}.divider{background:var(--line);width:1px;height:28px}.layout{flex:1;grid-template-columns:220px minmax(0,1fr) 290px;gap:14px;display:grid}.center,.side{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{border:1px solid var(--line);background:#26201bed;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 8px 24px #00000059}.panel-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row{align-items:center;gap:12px;display:flex}.center,.arena{container-type:inline-size}.center{--card-w:clamp(90px, min(calc((100cqi - 124px) / 7), calc((100vh - 340px) / 4.5)), 176px)}.arena{--card-w:clamp(96px, min(calc((100cqi - 120px) / 7.4), calc((100vh - 400px) / 3)), 184px)}.tavern .cards .card{flex-shrink:1;min-width:0}.cards{min-height:calc(var(--card-w) * 1.42 + 12px);padding:6px 4px 12px}.hint{min-width:80px;max-width:280px;color:var(--muted);text-align:center;border:2px dashed var(--line);border-radius:14px;flex:100px;justify-content:center;align-self:stretch;align-items:center;padding:12px;font-size:14px;display:flex}.tavern[data-drop]{transition:border-color .15s}.cards.frozen .card{box-shadow:0 0 0 2px #8fc6e8}.board{background:linear-gradient(#19120c40, #19120c73), var(--scene-board,none) center / 100% 100%, #2b2420;border-color:#8a6a3f;box-shadow:inset 0 0 40px #0000008c,0 8px 24px #0006}.board h3,.board .muted{text-shadow:0 1px 4px #000000e6;color:#f0dfc2}.board .slot{background:#0000002e;border-color:#ffe1aa59}.board-row{justify-content:safe center}.slot{width:var(--card-w);aspect-ratio:1/1.42;border:2px dashed var(--line);border-radius:14px;flex-shrink:0}.players{z-index:20;gap:8px;position:relative}.player-row{background:var(--panel-2);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.player-row.is-me{border-color:var(--gold);background:#3a2f25}.player-row.is-next{border-color:#8a7058}.player-row.is-dead{opacity:.45}.player-row{cursor:default;position:relative}.player-tip{z-index:30;border:1px solid var(--gold);background:#1f1a16;border-radius:12px;flex-direction:column;gap:6px;width:260px;padding:12px 14px;font-size:14px;display:none;position:absolute;top:-6px;left:calc(100% + 10px);box-shadow:0 12px 30px #0000008c}.player-row:hover .player-tip,.player-row:focus-visible .player-tip{display:flex}.player-row.is-dead:hover{opacity:1}.tip-title{color:var(--gold);font-family:Cinzel,serif;font-weight:700}.tip-row{justify-content:space-between;gap:8px;display:flex}.tip-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:12px}.tip-result{grid-template-columns:24px 1fr;align-items:center;column-gap:8px;display:grid}.tip-result .muted{grid-column:2;font-size:12px}.res{border-radius:6px;grid-row:span 2;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex}.res.win{color:#d9f5d9;background:#2f6b34}.res.loss{color:#ffd6d0;background:#7a2a22}.res.draw{background:var(--panel-2);color:var(--muted);border:1px solid var(--line-2)}.player-info{flex-direction:column;flex:1;min-width:0;display:flex}.player-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.player-hp{color:#f08a7e;font-weight:700}.hero-panel{flex-direction:row;align-items:center;gap:14px}.hero-id{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:116px;display:flex}.hero-title{font-size:14px;font-weight:700;line-height:1.2}.power{text-align:left;border:1px solid var(--purple);background:var(--purple-bg);cursor:pointer;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.3}.power:disabled{opacity:.55;cursor:not-allowed}.power:hover:not(:disabled){border-color:#dcc0f5}.power.passive{cursor:default}.power-icon{cursor:pointer;width:78px;height:78px;color:var(--purple);background:#1b1714;border:3px solid #8a6a3f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:visible;box-shadow:0 4px 12px #00000080}.power-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.power-icon.ready{border-color:#7ed67e;box-shadow:0 0 0 2px #7ed67e59,0 0 16px #7ed67e73}.power-icon.ready:hover{transform:scale(1.06)}.power-icon:disabled{cursor:not-allowed}.power-icon:disabled img{filter:grayscale(.85)brightness(.6)}.power-icon.passive{cursor:help;border-color:var(--purple)}.power-cost{color:#3a2400;background:radial-gradient(circle at 35% 30%,#ffe08a,#d9951e);border:2px solid #5a3a10;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:800;display:flex;position:absolute;top:-6px;left:50%;translate:-50%}.power-icon{overflow:visible}.power-icon img{z-index:1;position:relative}.evo-ring{pointer-events:none;width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;inset:-9px;transform:rotate(-90deg)}.evo-ring circle{fill:none;stroke-width:5px}.evo-ring .track{stroke:#ffffff1a}.evo-ring .fill{stroke:var(--purple);stroke-linecap:round;filter:drop-shadow(0 0 3px #b58cd9cc);transition:stroke-dashoffset .4s}.evo-ring.done .fill{stroke:var(--gold);filter:drop-shadow(0 0 4px #e3b04be6)}.power-cost{z-index:2}.power-wrap{flex-shrink:0;padding:9px;position:relative}.power-tip{z-index:40;border:1px solid var(--purple);background:#1f1a16;border-radius:12px;flex-direction:column;gap:6px;width:280px;padding:12px 14px;font-size:14px;line-height:1.35;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%;box-shadow:0 12px 30px #0009}.power-wrap:hover .power-tip,.power-wrap:focus-within .power-tip{display:flex}.tip-evo{color:#d9c4ec;margin-top:4px;font-size:13px;font-weight:700}.tip-evo.done{color:var(--gold-light);font-weight:400}.tip-evo-option{color:var(--muted);font-size:13px}.tip-evo-option strong{color:var(--text)}.evo-bar{background:var(--purple-bg);border-radius:999px;height:10px;overflow:hidden}.evo-bar div{background:var(--purple);height:100%}.evo-done{color:#e3cff5;font-size:14px}.hand{border-left:1px solid var(--line);flex-direction:column;flex:1;gap:6px;min-width:0;padding-left:16px;display:flex}.hand-row{padding-top:12px;overflow:auto visible}.gold-panel{border-color:var(--gold)}.gold-amount{color:var(--gold);align-items:center;gap:8px;font-size:38px;font-weight:700;display:flex}.kv{justify-content:space-between;font-size:14px;display:flex}.kv span:first-child{color:var(--muted)}.interest{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px;display:grid}.interest span{text-align:center;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:5px 0;font-size:13px;font-weight:700}.interest span.on{background:var(--gold);color:#1b1714;border-color:var(--gold)}.spell-panel{background:var(--teal-bg);border-color:var(--teal)}.spell-current{font-size:14px;line-height:1.35}.spell-option{text-align:left;border:1px solid var(--teal);cursor:pointer;background:#1b2a26;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.3}.spell-option:hover{background:#26403a}.relic{background:var(--panel-2);color:var(--gold);border-radius:10px;align-items:flex-start;gap:10px;padding:8px;font-size:14px;display:flex}.relic strong{color:var(--text)}.relic-art{object-fit:cover;border:2px solid #8a6a3f;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #00000080}.card{--tint:#3a3430;width:var(--card-w);aspect-ratio:1/1.42;background:var(--panel-2);border:2px solid var(--line-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:7px 6px 16px;transition:transform .15s ease-out;display:flex;position:relative}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card.t-automaton{--tint:#3e4a52}.card.t-beast{--tint:#4b5a36}.card.t-corsair{--tint:#2f4660}.card.t-spirit{--tint:#6a3b2e}.card.t-fungal{--tint:#4d3a5a}.card.t-arcanist{--tint:#33365e}.card .tier{width:clamp(24px, calc(var(--card-w) * .18), 30px);aspect-ratio:1;background:var(--bg);border:2px solid var(--gold);color:var(--gold);font-size:clamp(12px, calc(var(--card-w) * .09), 15px);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-8px;left:-8px}.card .art{background:var(--tint);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:34%;display:flex;overflow:hidden}.card.has-art .art{height:44%}.card .art img{object-fit:cover;object-position:center 35%;width:100%;height:100%}.portrait img{object-fit:cover;object-position:center 22%;border-radius:50%;width:100%;height:100%}.card .name{font-weight:700;font-size:calc(var(--card-w) * .105);text-align:center;line-height:1.1}.card .text{font-size:calc(var(--card-w) * .085);text-align:center;color:#d9ccb8;flex:1;line-height:1.15;overflow:hidden}.card .tribe{font-size:calc(var(--card-w) * .08);color:var(--muted)}.card .stat{width:clamp(28px, calc(var(--card-w) * .22), 38px);aspect-ratio:1;font-weight:700;font-size:clamp(14px, calc(var(--card-w) * .12), 19px);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-9px}.card .stat.long{font-size:clamp(11px, calc(var(--card-w) * .09), 14px);letter-spacing:-.03em}.card .atk{background:var(--gold);color:#1b1714;left:-8px}.card .hp{background:var(--hp);color:#fff;right:-8px}.card.taunt{border-width:3px;border-color:#9aa3ab;border-radius:14px 14px 30px 30px}.card.ward:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(at 50% 40%,#ffeca000 60%,#ffd65a1f 100%);border:2px solid #ffe278b3;border-radius:20px;animation:2.4s ease-in-out infinite ward-pulse;position:absolute;inset:-7px;box-shadow:0 0 10px 2px #ffd65a66}.card.taunt.ward:after{border-radius:20px 20px 36px 36px}@keyframes ward-pulse{50%{opacity:.6}}.card .stat,.card .tier,.card .card-badge{z-index:5}.card .ward-badge{z-index:4;color:#f4cb75;background:#3a2f1c;border:2px solid #e3b04b;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:-13px;left:50%;translate:-50%}.card.golden{border-color:var(--gold);background:#4a3a1c}.card.golden .name{color:var(--gold-light)}.card.unaffordable{opacity:.6}.card.selected{border-color:var(--gold-light);box-shadow:0 0 0 3px var(--gold);transform:translateY(-6px)}.card.targetable{border-color:var(--purple)}.card.targetable:hover{box-shadow:0 0 0 3px var(--purple)}.card.big{--card-w:150px}.card .text b{color:var(--gold-light);font-weight:700}.card .markers{z-index:5;gap:2px;display:flex;position:absolute;bottom:-11px;left:50%;translate:-50%}.card .marker{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.card .marker.rites{background:var(--purple-bg);border:2px solid var(--purple);color:#f4d9a8;box-shadow:0 0 8px #b58cd980}.card .marker.empower{color:#d8d8ff;background:#2a2a55;border:2px solid #8f8fff;box-shadow:0 0 8px #8f8fff80}.card .marker.bloom{color:#d9f5d9;background:#283d22;border:2px solid #7ed67e;border-radius:12px;gap:2px;width:auto;padding:0 6px 0 4px;font-size:11px;font-weight:700;box-shadow:0 0 8px #7ed67e73}.card .marker.rush{color:#ffc9b8;background:#4a211c;border:2px solid #d9573f;box-shadow:0 0 8px #d9573f80}.card-badge{z-index:2;background:var(--panel);border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;position:absolute;top:-10px;right:-8px}.card.triple{border-color:#7ed67e}.card.triple:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;animation:1.4s ease-in-out infinite triple-pulse;position:absolute;inset:-2px;box-shadow:0 0 0 3px #7ed67e,0 0 18px 4px #7ed67e8c}.card.triple .card-badge{color:#1b1714;background:#7ed67e;border-color:#7ed67e}@keyframes triple-pulse{50%{opacity:1}}.overlay{z-index:50;background:#0a0806b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--gold);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;max-width:760px;padding:28px;display:flex}.modal h2{color:var(--gold);margin:0}.modal p{margin:0}.choice-row{flex-wrap:wrap;justify-content:center;gap:16px;padding:10px 0;display:flex}.choice{border:2px solid var(--line-2);background:var(--panel-2);cursor:pointer;width:210px;color:var(--text);border-radius:14px;padding:16px;font-size:15px;line-height:1.4}.choice:hover{border-color:var(--gold)}.spell-card{border:2px solid var(--teal);background:var(--teal-bg);width:200px;color:var(--text);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:14px;line-height:1.35;transition:transform .12s,box-shadow .12s;display:flex}.spell-card:hover{box-shadow:0 0 0 3px var(--teal), 0 10px 24px #00000080;transform:translateY(-4px)}.spell-card strong{font-size:17px}.spell-art{aspect-ratio:4/3;width:100%;color:var(--teal-text);background:#1b2a26;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.spell-art img{object-fit:cover;width:100%;height:100%}.spell-when{letter-spacing:.5px;text-transform:uppercase;color:var(--teal-text);font-size:12px;font-weight:700}.modal-actions{justify-content:center;gap:10px;display:flex}.choice svg{color:var(--gold)}.toast{z-index:70;border:1px solid var(--danger);background:#3a1f1b;border-radius:10px;padding:10px 18px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.fx-buff{background:radial-gradient(circle at 40% 40%,#fffbe0,#9be37f 45%,#50b44600);border-radius:50%;width:18px;height:18px;box-shadow:0 0 14px 4px #aaf078cc}.fx-curse{background:radial-gradient(circle at 40% 40%,#f3e0ff,#9a4fd6 45%,#5a1e8c00);border-radius:50%;width:18px;height:18px;box-shadow:0 0 14px 4px #a050dccc}.cast-card{z-index:85;pointer-events:none;text-align:center;color:#e6fbf7;background:#16242a;border:2px solid #7fd3c8;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:150px;padding:8px 8px 10px;display:flex;position:fixed;box-shadow:0 0 24px #7fd3c899,0 12px 30px #0009}.cast-card.above{--dy:-100%}.cast-card.below{--dy:0%}.cast-card img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.cast-card strong{font-size:15px}.cast-card span{color:#9fd8cf;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.recruit .card .splash{z-index:8}.card .marker.haunt{color:#dcebff;background:#1d2a3a;border:2px solid #8fb8e8;border-radius:12px;gap:2px;width:auto;padding:0 6px 0 4px;font-size:11px;font-weight:700;box-shadow:0 0 8px #8fb8e880}.card .marker.haunt.kindled{color:#ffe2b0;background:#3a2a14;border-color:#f0b35a;box-shadow:0 0 8px #f0b35a99}.ghosts{gap:4px;margin-top:4px;display:flex}.ghost{color:#dcebff;background:#1d2a3a;border:2px solid #8fb8e8;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative;overflow:visible;box-shadow:0 0 10px #8fb8e8b3}.ghost img{object-fit:cover;opacity:.55;filter:grayscale(.6)sepia(.3)hue-rotate(170deg);border-radius:50%;width:100%;height:100%}.ghost small{color:#10202e;background:#8fb8e8;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:-6px;right:-6px}.fx-ghost{background:radial-gradient(circle at 40% 40%,#fff,#bcd8ff 40%,#78a0e600);border-radius:50%;width:20px;height:20px;box-shadow:0 0 16px 5px #a0c8ffbf}.journal-btn{z-index:40;font:inherit;cursor:pointer;color:var(--gold-light);border:1px solid var(--gold);background:linear-gradient(#3a2d1d,#231a12);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 20px #00000080}.journal-btn:hover{filter:brightness(1.15)}.journal-overlay{z-index:55;background:#0a0806c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.journal{background:var(--panel);border:1px solid var(--gold);border-radius:18px;flex-direction:column;gap:12px;width:min(1400px,100%);height:100%;padding:18px 20px;display:flex;box-shadow:0 20px 50px #0009}.journal-head{align-items:center;gap:10px;display:flex}.journal-head h2{color:var(--gold);align-items:center;gap:8px;margin:0;display:flex}.comp{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.comp-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.comp-input{border:1px solid var(--line-2);min-width:260px;min-height:36px;color:var(--text);font:inherit;background:#17120e;border-radius:8px;flex:0 320px;padding:0 10px;font-size:13px}.comp-msg{color:#a7e59a;margin:0;font-size:13px}.comp-chips{flex-wrap:wrap;gap:6px;min-height:8px;display:flex}.comp-chip{cursor:pointer;font:inherit;border:1px solid var(--gold);color:var(--text);background:#2b2116;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:13px;display:inline-flex}.comp-chip img{object-fit:cover;border-radius:50%;width:26px;height:26px}.comp-chip.off{opacity:.45}.jtabs{flex-wrap:wrap;gap:6px;display:flex}.jtab{cursor:pointer;font:inherit;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-weight:700;display:inline-flex}.jtab.on{background:var(--gold);border-color:var(--gold);color:#1b1714}.jtab.off:not(.on){opacity:.5}.jbody{--card-w:128px;flex-direction:column;flex:1;gap:14px;padding:6px 4px 12px;display:flex;overflow-y:auto}.jrow{align-items:flex-start;gap:14px;display:flex}.jtier{width:64px;color:var(--gold-light);flex-shrink:0;padding-top:10px;font-weight:800}.jcards{flex-wrap:wrap;gap:16px;padding-top:10px;display:flex}.jcard{position:relative}.jcard .card{cursor:default}.jfav{z-index:7;cursor:pointer;border:2px solid var(--line-2);color:#6b5a44;background:#231a12;border-radius:50%;width:30px;height:30px;font-size:17px;line-height:1;position:absolute;top:-10px;right:-10px}.jfav:hover{color:var(--gold-light);border-color:var(--gold)}.jfav.on{color:#1b1714;background:var(--gold);border-color:var(--gold-light);box-shadow:0 0 10px #e3b04bb3}.card.fav{border-color:var(--gold-light)}.card .fav-star{z-index:7;background:var(--gold);color:#1b1714;border:2px solid #1b1714;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;line-height:1;display:flex;position:absolute;top:-12px;left:50%;translate:-50%;box-shadow:0 0 10px #e3b04bd9}.game-tip{z-index:90;pointer-events:none;max-width:280px;color:var(--text);opacity:0;background:linear-gradient(#2a221b,#1a1511);border:1px solid #8a6a3f;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;font-size:13px;line-height:1.4;transition:opacity .12s;display:flex;position:fixed;top:0;left:0;box-shadow:0 12px 30px #0009,inset 0 1px #ffdca014}.game-tip.show{opacity:1}.game-tip strong{color:var(--gold-light);margin-bottom:2px;font-size:14px;display:block}.game-tip span{color:#e2d6c3;display:block}.game-tip.card-tip{width:260px}.game-tip .tip-kw+.tip-kw{border-top:1px solid #8a6a3f59;padding-top:8px}.game-tip .tip-foot{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.scrap-badge{color:#d7e6ee;white-space:nowrap;background:#1f2a30;border:1px solid #8fa9b8;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:13px;font-weight:800;display:inline-flex}.retrofit-bar{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.btn.retrofit{color:#d7e6ee;border-color:#8fa9b8;min-height:32px;padding:0 10px;font-size:13px}.card .card-modules{z-index:6;color:#cfe0ea;background:#141c22d9;border-radius:8px;gap:1px;padding:2px 3px;display:flex;position:absolute;top:4px;right:4px}.blood-badge{color:#ffb3b8;white-space:nowrap;background:#3a1216;border:1px solid #c2414b;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:13px;font-weight:800;display:inline-flex}.blood-badge svg{fill:#d8404c;stroke:none}.splash.blood{color:#ffe1e4;background:#8e1f2a;top:30%;box-shadow:0 0 0 3px #1b1714}.spell-power{color:#b9a0ff;align-items:center;gap:5px;font-size:14px;font-weight:800;display:inline-flex}.empower-note{border-radius:8px;justify-content:center;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.25;display:flex}.spell-current .empower-note{justify-content:flex-start}.empower-note.yes{color:#a7e59a;background:#6cc35a29}.empower-note.maybe{color:#f1d27a;background:#e6be5029}.empower-note.no{color:#f0968d;background:#d0493e2e}.odds{flex-direction:column;gap:4px;width:280px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.odds-labels{justify-content:space-between;gap:12px;font-size:14px;font-weight:700;display:flex}.odds-labels .odds-win{color:#8fdc7a}.odds-labels .odds-draw{color:var(--muted)}.odds-labels .odds-loss{color:#e0645a}.odds-bar{background:var(--panel-2);border-radius:999px;height:8px;display:flex;overflow:hidden}.odds-bar .odds-win{background:#6cc35a}.odds-bar .odds-draw{background:#8a8174}.odds-bar .odds-loss{background:#d0493e}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}.modal{position:relative}.modal-top{align-self:flex-end;margin:-12px -12px 0 0}.discover-pill{z-index:55;border:2px solid var(--gold);color:var(--gold-light);background:#1f1a16;border-radius:999px;align-items:center;gap:14px;padding:10px 12px 10px 20px;font-weight:700;animation:.2s ease-out pill-in;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%;box-shadow:0 10px 30px #0009}@keyframes pill-in{0%{opacity:0;transform:translateY(12px)}}.card-reroll{z-index:6;cursor:pointer;color:#dfe6ff;background:#2b2f3d;border:2px solid #a9b8e6;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-10px;right:-8px;box-shadow:0 2px 6px #00000080}.card-reroll:hover,.card-reroll:focus-visible{border-color:#fff;outline:none;transform:rotate(-12deg)scale(1.1)}[data-drag]{touch-action:none}.drag-ghost{z-index:80;pointer-events:none;will-change:transform;box-shadow:0 18px 40px #0000008c, 0 0 0 2px var(--gold);margin:0;transition:none;animation:none;position:fixed;top:0;left:0}.card.drag-origin{opacity:.3}body.dragging,body.dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}body.dragging .card:hover{transform:none}.board-row .card{transition:transform .16s ease-out}.board-row .card.shift-left{transform:translate(-16px)}.board-row .card.shift-right{transform:translate(16px)}.board.drop-here,.tavern.drop-here{border-color:var(--gold);box-shadow:0 0 0 2px #e3b04b8c,0 8px 24px #00000059}body.dragging-board .tavern.drop-here{border-color:#e0645a;box-shadow:0 0 0 2px #e0645a99,0 8px 24px #00000059}.card .marker.plunder,.card .marker.bribe{border-radius:12px;gap:2px;width:auto;padding:0 6px 0 4px;font-family:inherit;font-size:11px;font-weight:700}.card .marker.plunder{color:#ffe39a;background:#3d2f10;border:2px solid #c9962e;box-shadow:0 0 8px #c9962e73}.card .marker.bribe{color:#fff0c2;cursor:default;background:#33260d;border:2px solid #f2c14e}.card button.marker.bribe.ready{cursor:pointer;background:linear-gradient(#6b4a17,#3d2a0c);position:relative;box-shadow:0 0 8px #f2c14eb3}.card button.marker.bribe.ready:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;animation:1.6s ease-in-out infinite bribe-glow;position:absolute;inset:-2px;box-shadow:0 0 14px #f2c14e}.card button.marker.bribe.ready:hover,.card button.marker.bribe.ready:focus-visible{outline:2px solid #f7d27a;transform:scale(1.12)}.card .marker.bribe.used{opacity:.55}@keyframes bribe-glow{50%{opacity:1}}.card.primed{box-shadow:0 0 0 2px #f2c14e,0 0 16px #f2c14e99}.gold-amount.debt{color:#e0645a}.gold-amount small{text-transform:uppercase;letter-spacing:.05em;margin-left:6px;font-size:13px}.fx-coin{background:radial-gradient(circle at 35% 35%,#fff3b0,#f2c14e 45%,#a8741a);border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #f2c14ee6}.splash.plunder{color:#1b1714;background:#f2c14e;top:20%;box-shadow:0 0 0 3px #1b1714}@media (prefers-reduced-motion:reduce){.card button.marker.bribe.ready:after,.card.triple:before{opacity:1;animation:none}}.sound-wrap{position:relative}.icon-btn{padding:0 10px}.sound-panel{z-index:60;border:1px solid var(--gold);background:#1f1a16;border-radius:12px;flex-direction:column;gap:10px;width:230px;padding:14px;font-size:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0009}.sound-panel label{flex-direction:column;gap:4px;font-weight:700;display:flex}.sound-panel input[type=range]{accent-color:var(--gold);width:100%}.topbar{z-index:30;position:relative}.toast.info{border-color:var(--gold);color:var(--gold-light);background:#3a2f1c}.arena{background:radial-gradient(ellipse at center, #140f0a1a, #140f0aa6), var(--scene-arena,none) center / cover, #221c18;border:1px solid #8a6a3f;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:inset 0 0 60px #0009}.combatant strong{text-shadow:0 2px 6px #000000e6}.combatant{position:relative}.combatant .portrait-hp{padding:2px 9px;font-size:16px}.splash.hero-hit{z-index:30;padding:6px 16px;font-size:34px;top:45%}.combatant.eliminated .portrait{filter:grayscale()brightness(.6);border-color:#555}.out-badge{border:1px solid var(--danger);color:#ffb3aa;letter-spacing:.5px;text-transform:uppercase;background:#3a1f1b;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.combat-log{border:1px solid var(--line);background:#26201be0}.arena-row{min-height:calc(var(--card-w) * 1.42 + 12px);justify-content:center}.arena .card{cursor:default}.arena .card:hover{border-color:var(--line-2);transform:none}.combatant{align-items:center;gap:12px;font-size:18px;display:flex}.combat-log{background:var(--panel-2);border-radius:999px;min-height:32px;padding:6px 16px;font-weight:700}.card.attacker{border-color:var(--gold-light);box-shadow:0 0 0 3px var(--gold)}.card.target{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger)}.card.dying{filter:grayscale(.8)brightness(.7)}.card.buffed{animation:.6s buffed}@keyframes buffed{40%{box-shadow:0 0 0 4px #7ed67e,0 0 18px 4px #7ed67e99}}.splash{z-index:6;pointer-events:none;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:22px;font-weight:800;animation:1s forwards splash;position:absolute;top:38%;left:50%;translate:-50% -50%}.splash.damage{color:#fff;background:#c8453a;box-shadow:0 0 0 3px #1b1714}.splash.ward-break{color:#1b1714;background:#f7e08a;box-shadow:0 0 0 3px #1b1714}.splash.buff{color:#d9f5d9;opacity:0;background:#2f6b34;font-size:16px;animation-delay:.1s;top:62%}@keyframes splash{0%{opacity:0;scale:.3}15%{opacity:1;scale:1.25}30%{scale:1}75%{opacity:1}to{opacity:0;translate:-50% -140%}}.result{z-index:10;text-align:center;background:var(--panel);border:2px solid var(--line-2);border-radius:18px;flex-direction:column;align-items:center;gap:10px;min-width:380px;padding:28px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0009}.result h2{margin:0;font-size:34px}.result p{margin:0;font-size:17px}.result.won{border-color:var(--gold)}.result.won h2{color:var(--gold)}.result.lost{border-color:var(--danger)}.result.lost h2{color:#f08a7e}.other-results{flex-direction:column;gap:2px;padding:6px 0;display:flex}.projectile{z-index:50;pointer-events:none;border-radius:50%;width:26px;height:26px;position:fixed;transform:translate(-50%,-50%)}.fx-fire{background:radial-gradient(circle,#fff3b0 0%,#ffae3b 40%,#e2461d 70%,#0000 72%);border-radius:50% 40% 40% 50%;width:30px;height:22px;box-shadow:0 0 18px 6px #ff7828b3}.fx-cannon{background:radial-gradient(circle at 35% 35%,#8a8a8a,#2a2a2a 60%);width:22px;height:22px;box-shadow:0 0 10px 2px #ffaa3c99}.fx-spark{background:radial-gradient(circle,#fff 0%,#7fe7ff 45%,#0000 70%);box-shadow:0 0 16px 5px #5ad2ffcc}.fx-arcane{background:radial-gradient(circle,#fff 0%,#c79bff 40%,#7a3fd1 65%,#0000 70%);box-shadow:0 0 18px 6px #aa6effb3}.fx-holy{background:radial-gradient(circle,#fff 0%,#ffe28a 45%,#0000 70%);box-shadow:0 0 18px 6px #ffdc78cc}.fx-claw{background:linear-gradient(90deg,#0000,#ffd9c9 40%,#ff6f4f);border-radius:6px;width:34px;height:10px;box-shadow:0 0 10px 3px #ff6e5099}.fx-lightning{background:linear-gradient(#0000,#e8fbff 30%,#6fd8ff 70%,#fff);border-radius:6px;width:10px;height:90px;box-shadow:0 0 22px 8px #78d2ffd9}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}