:root{--charcoal: #1a1a1a;--charcoal-2: #232120;--charcoal-3: #2c2826;--bone: #eae7dc;--bone-dim: #9c968a;--gold: #d4af37;--gold-deep: #8a6d1f;--blood: #800000;--blood-bright: #b01818;--ok: #6fae6f;--hex: #b066d6;--berserk: #ff5a2c;--font-title: "Cinzel Decorative", "Cinzel", serif;--font-head: "Cinzel", serif;--font-body: "Spectral", Georgia, serif;--font-num: "JetBrains Mono", "Courier New", monospace;--slot-w: 178px;--slot-h: 236px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--charcoal);color:var(--bone);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:relative;width:100vw;height:100vh;background:radial-gradient(120% 80% at 50% -10%,#2a2522 0%,var(--charcoal) 55%,#0d0c0b 100%);overflow:hidden}#app:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay;pointer-events:none}#app:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 220px 60px #000000d9}#fx{position:fixed;inset:0;pointer-events:none;z-index:50}.cutscene-overlay{position:fixed;inset:0;z-index:300;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transition:opacity .5s ease}.cutscene-overlay.shown{opacity:1}.cutscene-overlay.fading{opacity:0}.cutscene-video{width:100%;height:100%;object-fit:cover}.cutscene-bars{position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 80px 90px -40px #000,inset 0 -90px 90px -40px #000,inset 0 0 220px 60px #000000b3}.cutscene-title{position:absolute;left:0;right:0;top:38%;text-align:center;z-index:3;animation:csTitle 2.8s ease both;pointer-events:none;padding:0 8%}.cutscene-title .cs-title{font-family:var(--font-title);font-size:clamp(30px,4.5vw,58px);color:var(--gold);letter-spacing:.05em;text-shadow:0 2px 0 #000,0 0 34px rgba(212,175,55,.45)}.cutscene-title .cs-sub{font-family:var(--font-head);letter-spacing:.34em;text-transform:uppercase;font-size:13px;color:var(--bone-dim);margin-top:12px}@keyframes csTitle{0%{opacity:0;transform:translateY(14px)}22%{opacity:1;transform:none}78%{opacity:1}to{opacity:0}}.cutscene-line{position:absolute;left:0;right:0;bottom:13%;z-index:3;text-align:center;padding:0 12%;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease;font-family:var(--font-body);font-style:italic;font-size:clamp(18px,2.4vw,28px);color:var(--bone);text-shadow:0 2px 14px #000,0 0 6px #000;line-height:1.4}.cutscene-line.show{opacity:1;transform:none}.cutscene-skip{position:absolute;right:26px;bottom:22px;z-index:4;font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--bone);background:#0d0c0b99;border:1px solid var(--gold-deep);padding:8px 16px;cursor:pointer;transition:all .15s ease;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.cutscene-skip:hover{border-color:var(--gold);color:var(--gold)}.duel-screen{overflow:hidden!important}.duel-layout{flex:1;display:flex;gap:14px;min-height:0}.duel-board{flex:1;display:flex;flex-direction:column;gap:6px;min-height:0}.duel-inspector{width:246px;flex:none;border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,#2c282699,#0d0c0bbf);padding:12px;overflow-y:auto}.ins-empty{display:flex;flex-direction:column;gap:10px;justify-content:center;height:100%;text-align:center}.ins-hint{font-size:13px;color:var(--bone-dim);line-height:1.5}.ins-body{display:flex;flex-direction:column;gap:8px}.ins-art{position:relative;width:100%;height:150px;overflow:hidden;border:1px solid var(--gold-deep);display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.ins-art .glyph-fallback{font-size:46px}.ins-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ins-name{font-family:var(--font-head);font-size:17px;color:var(--gold);letter-spacing:.04em;line-height:1.1}.ins-cost{color:#9fc5f0;font-size:15px;flex:none}.ins-type{font-family:var(--font-head);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}.ins-stats{display:flex;gap:16px;font-size:15px;padding:6px 0;border-top:1px solid rgba(212,175,55,.15);border-bottom:1px solid rgba(212,175,55,.15)}.ins-kw{font-size:12px;color:var(--bone);line-height:1.5}.ins-kw .kw{font-size:10px;margin-right:4px}.ins-text{font-size:13px;color:var(--bone);line-height:1.55}.ins-flavor{font-size:12px;color:var(--bone-dim);font-style:italic;line-height:1.5;border-top:1px dotted rgba(212,175,55,.2);padding-top:8px}.duel-card.spell{border-color:var(--hex)}.duel-card.spell.playable{border-color:var(--hex);box-shadow:0 0 12px #b066d659}.duel-card.spell .dc-cost{background:radial-gradient(circle at 35% 30%,#7a4fa8,#2c1a3f);border-color:#b088d6}.kw-rite{border-color:var(--hex);color:#d6a8ea}.duel-face{display:flex;align-items:center;gap:18px;justify-content:center;padding:6px 16px;border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,#2c2826b3,#0d0c0bcc);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);align-self:center;min-width:340px}.duel-face.targetable{border-color:var(--blood-bright);box-shadow:0 0 18px #b0181880;cursor:crosshair;animation:pulse 1.4s infinite}.duel-face .df-name{font-family:var(--font-head);letter-spacing:.08em;font-size:14px}.duel-face .df-life{color:var(--blood-bright);font-size:17px}.duel-face .df-deck{font-size:12px}.duel-mid{display:flex;align-items:center;gap:14px}.duel-meter{font-family:var(--font-num);font-size:12px;color:var(--gold);padding:3px 10px;border:1px solid rgba(212,175,55,.3);background:#0d0c0b99;cursor:help;white-space:nowrap}.duel-row{display:flex;gap:12px;justify-content:center;min-height:128px}.duel-slot{width:108px;height:126px;border:1px dashed rgba(212,175,55,.15);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.duel-slot.droppable{border-color:var(--gold);background:#d4af3712;cursor:copy;animation:pulse 1.4s infinite}.duel-unit{position:relative;width:108px;height:126px;padding:4px;border:1px solid var(--gold-deep);background:linear-gradient(160deg,var(--charcoal-3),#131110);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);display:flex;flex-direction:column;gap:2px;transition:transform .12s ease,filter .2s ease}.duel-unit.foe{border-color:#5a2020;background:linear-gradient(160deg,#2a1c1a,#140c0b)}.duel-unit .du-art{position:relative;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.duel-unit .du-art .glyph-fallback{font-size:30px}.duel-unit .du-name{font-family:var(--font-head);font-size:10px;text-align:center;color:var(--bone);line-height:1.05}.duel-unit .du-kw,.duel-card .dc-kw{display:flex;gap:2px;justify-content:center;flex-wrap:wrap}.kw{font-family:var(--font-num);font-size:7.5px;padding:0 3px;border:1px solid rgba(212,175,55,.4);color:var(--gold)}.kw-bulwark{border-color:#6f8fc0;color:#cfe0ff}.kw-swift{border-color:#7fd0c0;color:#c8f5ec}.kw-stormborn{border-color:#e8d06a;color:#f7ecc0}.kw-deathpact{border-color:var(--hex);color:#e3c6f5}.duel-unit .du-stats{display:flex;justify-content:space-between;padding:0 6px;font-size:13px}.du-atk{color:var(--gold)}.du-hp{color:var(--ok)}.duel-unit.ready{border-color:var(--gold);box-shadow:0 0 14px #d4af3759;cursor:pointer}.duel-unit.selected{transform:translateY(-6px);box-shadow:0 0 0 2px var(--gold),0 10px 22px #0009}.duel-unit.targetable{border-color:var(--blood-bright);box-shadow:0 0 16px #b018188c;cursor:crosshair;animation:pulse 1.4s infinite}.duel-unit.dead{filter:grayscale(1) brightness(.4);opacity:.4}.duel-hand{display:flex;gap:10px;justify-content:center;align-items:flex-end;padding:8px 0 2px;border-top:1px solid rgba(212,175,55,.2);min-height:148px}.duel-card{position:relative;width:104px;height:138px;padding:4px;border:1px solid var(--gold-deep);background:linear-gradient(160deg,var(--charcoal-3),#131110);clip-path:polygon(8% 0,96% 2%,100% 92%,88% 100%,4% 98%,0 8%);display:flex;flex-direction:column;gap:2px;transition:transform .12s ease}.duel-card.playable{cursor:pointer;border-color:var(--gold);box-shadow:0 0 12px #d4af3747}.duel-card.playable:hover{transform:translateY(-10px)}.duel-card.selected{transform:translateY(-14px) scale(1.06);box-shadow:0 0 0 2px var(--gold),0 12px 26px #000000b3;z-index:5}.duel-card.dim{opacity:.55}.duel-card .dc-cost{position:absolute;top:-6px;left:-6px;width:26px;height:26px;z-index:3;display:flex;align-items:center;justify-content:center;font-size:14px;color:#dff1ff;background:radial-gradient(circle at 35% 30%,#3d6fa8,#17293f);border:1px solid #6f9fd0;border-radius:50%}.duel-card .dc-art{position:relative;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.duel-card .dc-art .glyph-fallback{font-size:30px}.duel-card .dc-name{font-family:var(--font-head);font-size:9.5px;text-align:center;color:var(--bone);line-height:1.05}.duel-card .dc-stats{display:flex;justify-content:space-between;padding:0 6px;font-size:12px}.mana-row{display:flex;align-items:center;gap:3px}.mana-gem{width:13px;height:13px;border-radius:50%;border:1px solid #35507a;background:#14202f}.mana-gem.full{background:radial-gradient(circle at 35% 30%,#5f9fe8,#1d3a5f);border-color:#7fb5f0;box-shadow:0 0 6px #5f9fe880}.mana-count{margin-left:6px;color:#9fc5f0;font-size:13px}.duel-banner{position:absolute;top:42%;left:50%;transform:translate(-50%);z-index:60;font-family:var(--font-title);font-size:24px;color:var(--gold);white-space:nowrap;text-shadow:0 2px 0 #000,0 0 26px rgba(212,175,55,.5);padding:10px 30px;background:#0d0c0bd9;border:1px solid var(--gold-deep);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);animation:fadein .3s ease both;pointer-events:none}.account-bar{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px}.account-chip{display:flex;align-items:center;gap:10px;padding:6px 14px;border:1px solid rgba(212,175,55,.3);background:linear-gradient(180deg,#2c2826b3,#0d0c0bcc);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.account-photo{width:26px;height:26px;border-radius:50%;border:1px solid var(--gold-deep)}.account-name{font-family:var(--font-head);font-size:13px;color:var(--bone);letter-spacing:.05em}.account-sync{font-family:var(--font-num);font-size:10px;color:var(--ok)}#crash-panel{position:fixed;inset:0;z-index:400;background:#0a0908f0;display:flex;align-items:center;justify-content:center}#crash-panel .crash-box{text-align:center;max-width:440px;padding:34px 40px;border:1px solid var(--gold-deep);background:linear-gradient(180deg,#211d1b,#100f0e);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}#crash-panel .crash-title{font-family:var(--font-title);font-size:26px;color:var(--gold);margin-bottom:12px}#crash-panel .crash-text{color:var(--bone-dim);font-size:14px;line-height:1.6;margin-bottom:22px}#mute-toggle{position:fixed;right:14px;bottom:12px;z-index:100;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:16px;background:#0d0c0bd9;color:var(--gold);border:1px solid var(--gold-deep);transition:all .15s ease}#mute-toggle:hover{border-color:var(--gold);box-shadow:0 0 14px #d4af3759}h1,h2,h3{font-family:var(--font-head);font-weight:700;letter-spacing:.06em;margin:0}.title{font-family:var(--font-title);color:var(--gold);text-shadow:0 2px 0 #000,0 0 26px rgba(212,175,55,.25)}.num{font-family:var(--font-num)}.muted{color:var(--bone-dim)}.blood{color:var(--blood-bright)}.gold{color:var(--gold)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:22px clamp(16px,4vw,64px) 40px;overflow-y:auto;animation:fadein .45s ease both}.screen:has(.board){overflow:hidden}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(212,175,55,.25);padding-bottom:10px;margin-bottom:8px}.topbar .stat{display:flex;align-items:center;gap:8px;font-family:var(--font-head)}.topbar .stat .num{font-size:20px}.pill{border:1px solid rgba(212,175,55,.4);background:linear-gradient(180deg,#d4af3714,#0003);padding:5px 12px;border-radius:2px;letter-spacing:.12em;font-family:var(--font-head);font-size:12px;text-transform:uppercase}.btn{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--bone);background:linear-gradient(180deg,var(--charcoal-3),#171513);border:1px solid var(--gold-deep);padding:11px 20px;cursor:pointer;position:relative;transition:all .15s ease;font-size:13px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 16px #d4af3733;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#3a1414,#220a0a);border-color:var(--blood-bright)}.btn.primary:hover{border-color:#ff6a4a;color:#ffd9c8;box-shadow:0 0 18px #b0181859}.btn.ghost{background:transparent;border-color:#d4af374d}.hero{text-align:center;margin:6vh 0 4vh}.hero h1{font-size:clamp(40px,7vw,86px);line-height:.95}.hero .sub{color:var(--bone-dim);letter-spacing:.4em;text-transform:uppercase;font-family:var(--font-head);font-size:13px;margin-top:14px}.hero .rune{color:var(--blood-bright);font-size:22px;letter-spacing:.6em;margin-top:18px}.pantheon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:0 auto;width:100%}.pantheon-card{border:1px solid rgba(212,175,55,.3);background:linear-gradient(180deg,#2c2826e6,#0d0c0bf2);padding:22px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}.pantheon-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 30px #0009}.pantheon-card.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 30px #d4af3740}.pantheon-card.locked{opacity:.7}.pantheon-card.locked .glyph,.pantheon-card.locked h2{filter:grayscale(.6)}.pantheon-card.locked:hover{transform:none;border-color:#d4af374d}.locked-note{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--bone-dim);line-height:1.4}.locked-note .lock-icon{font-size:22px}.locked-note b{color:var(--gold)}.pantheon-card .glyph{font-size:52px;text-align:center;color:var(--gold);text-shadow:0 0 24px rgba(212,175,55,.3)}.pantheon-card h2{font-size:22px;text-align:center;margin:8px 0 2px;color:var(--bone)}.pantheon-card .engine-name{text-align:center;color:var(--blood-bright);font-family:var(--font-head);letter-spacing:.1em;font-size:13px;margin-bottom:10px}.pantheon-card .desc{font-size:14px;color:var(--bone-dim);line-height:1.5;min-height:96px}.pantheon-card .starters{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.tag{font-family:var(--font-num);font-size:10px;padding:2px 7px;border:1px solid rgba(212,175,55,.35);color:var(--gold);letter-spacing:.08em}.tag.trait{border-color:#b066d680;color:#cfa6e6}.center-actions{display:flex;gap:16px;justify-content:center;margin-top:28px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:880px;margin:18px auto 0;width:100%}.mode-card{border:1px solid rgba(212,175,55,.3);background:linear-gradient(180deg,#2c2826e6,#0d0c0bf2);padding:26px 24px;transition:all .2s ease;text-align:center;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}.mode-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 30px #0009}.mode-card .glyph{font-size:44px;color:var(--gold);text-shadow:0 0 22px rgba(212,175,55,.3)}.mode-card h2{font-size:24px;margin:8px 0 10px;color:var(--bone)}.mode-card .desc{font-size:14px;color:var(--bone-dim);line-height:1.55;min-height:84px}.story-progress{margin-top:12px;font-family:var(--font-head);letter-spacing:.08em;font-size:13px}.campaign-wrap{flex:1;display:flex;gap:24px;overflow:hidden;padding-top:10px}.campaign-main{flex:1.5;overflow-y:auto;padding-right:8px}.campaign-side{flex:1;border-left:1px solid rgba(212,175,55,.2);padding-left:22px;display:flex;flex-direction:column}.campaign-side h3{font-size:13px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}.campaign-prologue{color:var(--bone-dim);font-size:14px;line-height:1.6;margin-bottom:18px}.campaign-prologue p{margin:0 0 10px}.deck-strip{display:flex;flex-wrap:wrap;gap:8px}.deck-card{position:relative;width:64px;height:84px;overflow:hidden;border:1px solid var(--gold-deep);display:flex;align-items:center;justify-content:center;background:#131110;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.deck-card .glyph-fallback{font-size:26px}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.roster-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.roster-art{position:relative;width:90px;height:116px;overflow:hidden;border:1px solid var(--gold-deep);display:flex;align-items:center;justify-content:center;background:#131110;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.roster-art .glyph-fallback{font-size:32px}.roster-card.locked .roster-art{filter:grayscale(1) brightness(.35)}.roster-card.locked .roster-name{color:var(--bone-dim)}.roster-name{font-family:var(--font-head);font-size:12px;color:var(--bone);text-align:center;letter-spacing:.03em}.roster-tag{position:absolute;top:4px;left:4px;font-family:var(--font-num);font-size:8px;padding:1px 4px;background:#b01818cc;color:var(--bone);border:1px solid var(--gold)}.roster-card.owned .roster-art{box-shadow:0 0 12px #d4af3733}.trial-offer{border-color:var(--gold)}.chapter-list{display:flex;flex-direction:column;gap:8px}.chapter-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid rgba(212,175,55,.18);background:linear-gradient(180deg,#2c282680,#0d0c0b99)}.chapter-row.current{border-color:var(--gold);box-shadow:0 0 16px #d4af372e}.chapter-row.done{opacity:.7}.chapter-row.locked{opacity:.45}.chapter-row .ch-num{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-num);border:1px solid var(--gold-deep);color:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.chapter-row .ch-body{flex:1}.chapter-row .ch-title{font-family:var(--font-head);font-size:16px;color:var(--bone);letter-spacing:.04em}.chapter-row .ch-reward{font-size:12px;margin-top:2px}.ch-art{position:relative;width:48px;height:60px;flex:none;overflow:hidden;border:1px solid var(--gold-deep);display:flex;align-items:center;justify-content:center;background:#131110;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.ch-art.locked{filter:grayscale(1) brightness(.4)}.ch-art .glyph-fallback{font-size:22px}.narrative{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:720px;margin:0 auto;text-align:center;gap:6px;overflow-y:auto}.narrative-art{position:relative;width:150px;height:150px;overflow:hidden;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:8px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);box-shadow:0 0 30px #d4af3740}.narrative-art .glyph-fallback{font-size:64px}.narrative-title{font-family:var(--font-title);font-size:34px;color:var(--gold)}.narrative-sub{letter-spacing:.2em;text-transform:uppercase;font-family:var(--font-head);font-size:12px}.narrative-body{font-size:16px;line-height:1.75;color:var(--bone);margin:16px 0;text-align:left}.narrative-body p{margin:0 0 14px;text-indent:1.5em}.squad-strip .mini.chosen{outline:2px solid var(--gold);outline-offset:2px}.squad-strip .mini .pos-badge{position:absolute;top:-8px;left:-8px;width:24px;height:24px;z-index:6;background:var(--blood);color:var(--bone);border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-num);font-size:13px}.reward-reveal{display:flex;gap:22px;align-items:center;padding:18px 26px;border:1px solid var(--gold);background:radial-gradient(circle at 30% 30%,#d4af371f,#0d0c0beb);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.reward-art{position:relative;width:132px;height:176px;flex:none;overflow:hidden;border:1px solid var(--gold-deep);display:flex;align-items:center;justify-content:center;clip-path:polygon(8% 0,96% 2%,100% 90%,88% 100%,4% 98%,0 10%)}.reward-art .glyph-fallback{font-size:56px}.reward-name{font-family:var(--font-head);font-size:24px;color:var(--gold);letter-spacing:.05em}.reward-tags{margin:8px 0}.reward-stat{font-size:16px;color:var(--bone);margin:6px 0}.reward-blurb{font-size:13px;color:var(--bone-dim);line-height:1.5;max-width:320px;font-style:italic}.map-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.map-scroll{flex:1;overflow-y:auto;padding:10px 0 30px}.map-canvas{position:relative;margin:0 auto}.map-edge{position:absolute;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,#d4af370d,#d4af3759);z-index:1}.map-edge.live{background:linear-gradient(90deg,#b0181833,#b01818cc);height:3px}.map-node{position:absolute;width:66px;height:66px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:2;border:1px solid rgba(212,175,55,.4);background:radial-gradient(circle,var(--charcoal-3),#100f0e);font-size:26px;cursor:default;transition:all .15s ease;color:var(--bone-dim);clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%)}.map-node.reach{cursor:pointer;color:var(--gold);border-color:var(--gold);box-shadow:0 0 18px #d4af374d;animation:pulse 1.8s ease-in-out infinite}.map-node.reach:hover{transform:translate(-50%,-50%) scale(1.12)}.map-node.visited{opacity:.45;border-color:#b0181880}.map-node.current{border-color:var(--blood-bright);color:var(--blood-bright);box-shadow:0 0 22px #b0181880}.map-node.boss{width:84px;height:84px;font-size:34px;border-color:var(--blood-bright)}.map-node.has-mod{box-shadow:0 0 0 1px var(--hex)}.map-node .mod-badge{position:absolute;top:-8px;right:-8px;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;background:#0d0c0be6;border:1px solid var(--hex);border-radius:50%}@keyframes pulse{0%,to{box-shadow:0 0 12px #d4af3740}50%{box-shadow:0 0 26px #d4af378c}}.map-legend{display:flex;gap:18px;justify-content:center;padding:8px;flex-wrap:wrap;color:var(--bone-dim);font-size:12px;font-family:var(--font-head);letter-spacing:.08em}.map-legend span b{color:var(--gold)}.board{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:26px 20px 14px;margin:4px 0;border:1px solid rgba(212,175,55,.18);background:radial-gradient(130% 70% at 50% -8%,rgba(110,28,28,.22),transparent 60%),radial-gradient(130% 70% at 50% 108%,rgba(140,110,40,.2),transparent 60%),linear-gradient(180deg,#20100f,#160d0c 30%,#100b0a,#15100d 70%,#1c1611);box-shadow:inset 0 0 140px #000000c7,0 0 0 1px #00000080;overflow:hidden}.board:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.row-label{font-family:var(--font-head);letter-spacing:.2em;font-size:11px;color:var(--bone-dim);text-transform:uppercase;opacity:.7}.row{position:relative;display:flex;gap:16px;justify-content:center;min-height:var(--slot-h);align-items:center}.row.enemy{flex-direction:row-reverse}.vs-divider{position:relative;text-align:center;padding:7px 0;margin:1px 0;font-family:var(--font-title);letter-spacing:.5em;font-size:13px;color:var(--gold);text-shadow:0 0 14px rgba(212,175,55,.4)}.vs-divider:before,.vs-divider:after{content:"";position:absolute;top:50%;width:34%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(176,24,24,.55),rgba(212,175,55,.55));box-shadow:0 0 14px #b018184d}.vs-divider:before{left:4%}.vs-divider:after{right:4%;transform:translateY(-50%) scaleX(-1)}.slot{width:var(--slot-w);height:var(--slot-h);position:relative}.slot:after{content:"";position:absolute;left:6%;right:6%;bottom:-4px;height:16px;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.65),transparent 72%)}.row.enemy .slot:after{background:radial-gradient(ellipse at 50% 50%,rgba(60,10,10,.55),transparent 72%)}.slot .empty-slot{position:absolute;inset:16px;border:1px dashed rgba(212,175,55,.14);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.battlefield-banner{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:8px;padding:5px 18px;white-space:nowrap;background:linear-gradient(180deg,#30183aeb,#180e1eeb);border:1px solid var(--hex);color:#e7cbf7;font-family:var(--font-head);letter-spacing:.08em;font-size:12px;box-shadow:0 4px 18px #0009,0 0 22px #b066d640;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.battlefield-banner .bf-glyph{font-size:16px}.battlefield-banner .bf-text{color:#c9a9dd;font-family:var(--font-body);font-size:11px}.token{position:absolute;inset:0;padding:10px 9px 8px;background:linear-gradient(160deg,var(--charcoal-3),#131110 70%);border:1px solid var(--gold-deep);clip-path:polygon(8% 0,96% 2%,100% 90%,88% 100%,4% 98%,0 10%);display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 20px #0009,inset 0 0 30px #00000080;transition:transform .12s ease,filter .2s ease}.token:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");clip-path:inherit}.token.player{border-color:var(--gold-deep)}.token.enemy{border-color:#5a2020;background:linear-gradient(160deg,#2a1c1a,#140c0b 70%)}.token .name{font-family:var(--font-head);font-size:13px;color:var(--bone);letter-spacing:.03em;line-height:1.05;text-shadow:0 1px 0 #000}.token .portrait{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.token .portrait .glyph-fallback{font-size:44px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portrait.has-art .glyph-fallback,.o-portrait.has-art .glyph-fallback{display:none}.token .portrait.has-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0d0c0b26,#0d0c0b00 35%,#0d0c0b8c);mix-blend-mode:multiply}.o-portrait{position:relative;height:96px;overflow:hidden;display:flex;align-items:center;justify-content:center}.o-portrait .glyph-fallback{font-size:40px}.token .ptype{position:absolute;top:8px;right:9px;font-family:var(--font-num);font-size:9px;color:var(--gold);opacity:.8}.traits{display:flex;gap:4px;flex-wrap:wrap}.token .traits{gap:3px}.traits .tt{font-family:var(--font-num);font-size:9px;padding:1px 5px;border:1px solid rgba(212,175,55,.35);color:var(--gold);letter-spacing:.04em}.token .traits .tt{font-size:8px;padding:1px 4px}.traits .tt.syn{border-color:var(--hex);color:#d6a8ea}.token .stats{display:flex;justify-content:space-between;font-family:var(--font-num);font-size:14px}.token .stats .atk{color:var(--gold)}.token .stats .hp{color:var(--ok)}.token .hpbar{height:6px;background:#0c0b0a;border:1px solid rgba(0,0,0,.6);position:relative;overflow:hidden}.token .hpbar .fill{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,#4f8f4f,#6fae6f);transition:transform .3s ease}.token .hpbar .fill.low{background:linear-gradient(90deg,#7a1414,var(--blood-bright))}.token .badges{position:absolute;top:30px;left:6px;display:flex;flex-direction:column;gap:3px}.token .badge{font-family:var(--font-num);font-size:9px;padding:1px 4px;border-radius:2px}.token .badge.hex{background:#b066d640;border:1px solid var(--hex);color:#e3c6f5}.token .badge.berserk{background:#ff5a2c40;border:1px solid var(--berserk);color:#ffd0c0}.token .badge.armor{background:#7896c833;border:1px solid #6f8fc0;color:#cfe0ff}.token.dead{filter:grayscale(1) brightness(.4);opacity:.35}.token.acting{transform:translateY(-10px) scale(1.05);filter:brightness(1.25);z-index:5}.token.target{box-shadow:0 0 0 1px var(--blood-bright),0 0 22px #b0181880}@keyframes bump-p{0%{transform:none}40%{transform:translateY(-22px) scale(1.06)}to{transform:none}}@keyframes bump-e{0%{transform:none}40%{transform:translateY(-22px) scale(1.06)}to{transform:none}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-7px) rotate(-1deg)}40%{transform:translate(6px) rotate(1deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes flash-red{0%{filter:brightness(2.2) sepia(1) hue-rotate(-30deg) saturate(4)}to{filter:none}}@keyframes flash-green{0%{filter:brightness(1.8) sepia(1) hue-rotate(60deg) saturate(3)}to{filter:none}}.token.anim-bump-p{animation:bump-p .4s ease}.token.anim-bump-e{animation:bump-e .4s ease}.token.anim-hit{animation:shake .4s ease,flash-red .5s ease}.token.anim-heal{animation:flash-green .6s ease}.floater{position:absolute;left:50%;top:30%;transform:translate(-50%);font-family:var(--font-num);font-weight:700;font-size:22px;pointer-events:none;z-index:40;text-shadow:0 2px 3px #000;animation:floatUp 1s ease forwards;white-space:nowrap}.floater.dmg{color:#ff7a5a}.floater.crit{color:#ffd23c;font-size:30px}.floater.heal{color:#8fe08f}.floater.status{color:#d6a8ea;font-size:15px}.floater.essence{color:var(--gold);font-size:16px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,6px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-46px)}}.combat-foot{display:flex;gap:16px;margin-top:8px;border-top:1px solid rgba(212,175,55,.2);padding-top:12px}.panel{border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,#2c282699,#0d0c0bb3);padding:12px 16px}.panel h3{font-size:12px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}.resource-panel{flex:1.1}.synergy-panel{flex:1}.log-panel{flex:1.3}.scale{display:flex;align-items:center;gap:12px}.scale .meter{flex:1;height:22px;background:#0c0b0a;border:1px solid var(--gold-deep);position:relative;overflow:hidden}.scale .meter .fill{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,#6b5410,var(--gold));transition:transform .4s ease}.scale .meter .ticks{position:absolute;inset:0}.scale .meter .tick{position:absolute;top:0;bottom:0;width:1px;background:#0009}.scale .val{font-family:var(--font-num);color:var(--gold);font-size:16px;min-width:70px;text-align:right}.pillar{display:flex;align-items:flex-end;gap:4px;height:64px}.pillar .seg{width:16px;flex:1;background:#14110f;border:1px solid var(--gold-deep);transition:all .3s ease}.pillar .seg.on{background:linear-gradient(0deg,#6b5410,var(--gold));box-shadow:0 0 10px #d4af3766}.pillar .seg.crit{background:linear-gradient(0deg,#7a1414,var(--blood-bright));box-shadow:0 0 12px #b0181899}.pillar.shatter{animation:shatterflash .5s ease}@keyframes shatterflash{0%{filter:brightness(3)}to{filter:none}}.berserk-list{display:flex;flex-direction:column;gap:6px;font-size:13px}.berserk-list .b-row{display:flex;justify-content:space-between;font-family:var(--font-num)}.berserk-list .b-row .on{color:var(--berserk)}.synergy-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:13px;border-bottom:1px dotted rgba(212,175,55,.12)}.synergy-row .s-name{font-family:var(--font-head);letter-spacing:.06em}.synergy-row .s-count{font-family:var(--font-num)}.synergy-row.active .s-name{color:var(--gold)}.synergy-row.active .s-count{color:var(--ok)}.synergy-row.inactive{opacity:.5}.log-stream{height:96px;overflow-y:auto;font-size:12px;line-height:1.5;font-family:var(--font-body);color:var(--bone-dim)}.log-stream .ln{padding:1px 0}.log-stream .ln.proc{color:var(--gold)}.log-stream .ln.death{color:var(--blood-bright)}.modal-stack{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.panel-head{text-align:center}.panel-head h2{font-size:30px;color:var(--gold)}.panel-head p{color:var(--bone-dim);margin-top:6px}.offer-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.offer{width:224px;border:1px solid rgba(212,175,55,.3);background:linear-gradient(180deg,var(--charcoal-3),#131110);padding:16px;display:flex;flex-direction:column;gap:8px;transition:all .15s ease}.offer:hover{border-color:var(--gold);transform:translateY(-3px)}.offer .o-name{font-family:var(--font-head);font-size:17px;color:var(--bone)}.offer .o-portrait{font-size:40px;text-align:center}.offer .o-blurb{font-size:12px;color:var(--bone-dim);min-height:48px;line-height:1.4}.offer .o-stats{font-family:var(--font-num);font-size:13px;display:flex;gap:12px}.offer .o-price{color:var(--gold);font-family:var(--font-num)}.relic-strip{display:flex;gap:5px;align-items:center}.relic-chip{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid var(--gold-deep);background:#d4af3714;cursor:help;overflow:hidden;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.relic-offer{border-color:var(--gold)}.relic-reveal{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 32px;border:1px solid var(--gold);background:radial-gradient(circle,#d4af371f,#0d0c0be6);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.relic-glyph{position:relative;width:128px;height:128px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--gold-deep);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);filter:drop-shadow(0 0 16px rgba(212,175,55,.4));animation:pulse 2.4s ease-in-out infinite}.relic-glyph .glyph-fallback{font-size:56px}.event-art{position:relative;width:min(560px,92vw);height:220px;overflow:hidden;border:1px solid rgba(212,175,55,.4);margin-bottom:4px;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);box-shadow:0 10px 28px #0009}.event-art .glyph-fallback{font-size:48px;color:var(--gold);opacity:.5}.event-art.has-art:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -50px 60px -20px #0d0c0be6,inset 0 0 80px #0d0c0b80}.relic-name{font-family:var(--font-head);font-size:22px;color:var(--gold);letter-spacing:.06em}.relic-text{font-size:14px;color:var(--bone-dim);max-width:360px;text-align:center;line-height:1.5}.squad-strip{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.squad-strip .mini{width:150px;height:198px;position:relative;cursor:grab}.squad-strip .mini.dragging{opacity:.4}.squad-strip .mini.over{outline:2px dashed var(--gold)}.hint{color:var(--bone-dim);font-size:12px;text-align:center;font-style:italic}.gameover{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center;flex:1}.gameover .verdict{font-family:var(--font-title);font-size:64px}.gameover .verdict.win{color:var(--gold)}.gameover .verdict.loss{color:var(--blood-bright)}.gameover .reward-line{font-family:var(--font-head);letter-spacing:.1em;color:var(--bone)}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:900px;margin:0 auto;width:100%}.artifact{border:1px solid rgba(212,175,55,.25);padding:14px;background:linear-gradient(180deg,var(--charcoal-3),#131110)}.artifact.locked{opacity:.6}.artifact.equipped{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.artifact h3{font-size:15px;color:var(--bone)}.artifact .a-text{font-size:12px;color:var(--bone-dim);margin:6px 0 10px;min-height:34px}.artifact .a-foot{display:flex;justify-content:space-between;align-items:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--gold-deep);border-radius:0}::-webkit-scrollbar-track{background:#0d0c0b}@media (max-width: 900px){:root{--slot-w: 132px;--slot-h: 176px}.pantheon-grid{grid-template-columns:1fr}}.card-tip{position:fixed;z-index:200;pointer-events:none;width:248px;background:linear-gradient(180deg,#211d1b,#100f0e);border:1px solid var(--gold);padding:12px 14px;box-shadow:0 14px 36px #000000bf,0 0 0 1px #0009;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.card-tip.show{opacity:1;transform:none}.card-tip .tip-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.card-tip .tip-name{font-family:var(--font-head);font-size:16px;color:var(--bone);letter-spacing:.04em}.card-tip .tip-type{font-family:var(--font-num);font-size:10px;color:var(--gold)}.card-tip .tip-sub{font-family:var(--font-head);font-size:11px;color:var(--bone-dim);letter-spacing:.12em;text-transform:uppercase;margin:2px 0 8px}.card-tip .tip-traits{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.card-tip .tip-stats{display:flex;gap:12px;font-family:var(--font-num);font-size:14px;padding:8px 0;border-top:1px solid rgba(212,175,55,.18);border-bottom:1px solid rgba(212,175,55,.18)}.card-tip .tip-blurb{font-size:12.5px;color:var(--bone-dim);line-height:1.5;margin-top:8px;font-style:italic}