@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101719;--panel:#192123;--line:#ffffff13;--muted:#8e9b9b;--text:#efeee7;--gold:#d9be85;--green:#abcbbb;--serif:'Cormorant Garamond',Georgia,serif;--font:'Noto Sans KR',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px var(--font);line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,img{user-select:none}img{display:block;width:100%;height:100%;object-fit:cover}.art{object-position:center 22%}.topbar{height:86px;display:flex;align-items:center;padding:0 4.2%;gap:24px;border-bottom:1px solid var(--line);background:#101719ed;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;min-width:280px;line-height:1}.brand-mark{font-size:42px;color:var(--gold);font-weight:400}.brand>span:last-child{font:22px var(--serif);letter-spacing:2px}.brand b{font-weight:600}.brand small{display:block;font:8px var(--font);letter-spacing:4.5px;color:#a7afaa;margin-top:6px}.topbar nav{align-self:stretch;display:flex;gap:30px;align-items:stretch;flex:1}.nav-item{position:relative;font-size:12px;color:var(--muted);white-space:nowrap;padding:0 4px}.nav-item.active{color:var(--gold)}.nav-item.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);box-shadow:0 0 20px #e0c88c55}.nav-item span{font-size:9px;color:#7d8d8d;padding-left:5px}.wallet{display:flex;align-items:center;gap:9px;background:#ffffff04;border:1px solid var(--line);border-radius:4px;padding:8px 13px;font-size:12px}.gem{color:var(--gold)}.wallet b{font-weight:500;min-width:27px}.wallet-label{font-size:10px;color:var(--muted)}.icon-button{border:1px solid var(--line);border-radius:50%;width:29px;height:29px;padding:0;display:grid;place-items:center;color:#b4beb9}.topbar .icon-button+.icon-button{margin-left:-12px}.eyebrow{display:block;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase}.button{height:46px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:600;letter-spacing:.2px;font-size:12px;border-radius:3px;transition:filter .2s,transform .2s}.button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.button.primary{background:linear-gradient(110deg,#d9c28c,#bda46b);color:#222722;box-shadow:0 3px 15px #0002;border:1px solid #efdaad3a}.button.secondary{border:1px solid #c5b18055;background:#c7b58c09;color:var(--gold)}.button span{font-size:12px}.text-button{font-size:11px;color:#c3c9be;padding:8px 0;display:inline-flex;gap:25px;align-items:center}.text-button:hover{color:var(--gold)}.rarity{font-family:var(--serif);letter-spacing:1.5px;font-size:17px;font-weight:700;color:#e0c888;filter:drop-shadow(0 0 6px #0008)}.rarity.sr{color:#c6c1e1}.role{font-size:9px;color:var(--role);letter-spacing:1px}.power-chip{font:600 19px var(--serif);background:#17231de0;display:grid;place-items:center;border:1px solid #d2c39480;border-radius:4px;width:29px;height:31px;color:#f7e9c5}.lobby{max-width:1512px;margin:auto;padding:30px 4.2% 24px;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);gap:24px 38px}.hero-panel{min-height:635px;position:relative;overflow:hidden;border:1px solid #bead8925;border-radius:4px;background:#101718}.hero-art{position:absolute;inset:0;object-position:50% 28%;animation:art-arrive 1s ease}.hero-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#0a1417f5 1%,#0b151766 33%,transparent 63%),linear-gradient(90deg,#0b141650,transparent 40%,#0b14161a)}.hero-top{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center}.hero-top .eyebrow{text-shadow:0 1px 6px #000}.season-pill{background:#111b1c70;backdrop-filter:blur(8px);padding:6px 10px;border:1px solid #fff2;border-radius:2px;font-size:9px;letter-spacing:.7px;color:#d3d8d0}.hero-copy{position:absolute;left:32px;bottom:108px;right:25px}.hero-kicker{display:flex;gap:11px;align-items:center;font-size:11px;letter-spacing:1px;color:#e1d7b7}.hero-copy h1{font-size:40px;line-height:1.35;margin:10px 0 13px;font-weight:600;letter-spacing:-1px}.hero-copy h1 span{font:15px var(--serif);letter-spacing:5px;display:inline-block;margin-left:16px;color:#b4beb4}.quote{font-size:12px;color:#c9d0c7;font-weight:400}.hero-copy .text-button{margin-top:11px;font-size:10px;color:#c7bd9e}.hero-selector{position:absolute;bottom:26px;left:32px;display:flex;gap:10px;align-items:center}.avatar{height:44px;width:44px;display:block;overflow:hidden;border-radius:50%;border:1px solid #bac4b250;padding:3px;background:#192021;flex-shrink:0}.avatar img{border-radius:50%;object-position:center 15%}.avatar.active{border-color:var(--gold);box-shadow:0 0 0 3px #dec7911a}.hero-selector>span{font-size:9px;color:#899b9a;line-height:1.6;margin-left:5px}.hero-index{position:absolute;bottom:36px;right:28px;display:flex;align-items:center;gap:12px;font:12px var(--serif);color:#c5c7b7}.hero-index i{height:1px;width:36px;background:#a8aa9344}.lobby-side{padding:6px 0 0}.welcome h2{font-size:30px;line-height:1.5;font-weight:500;letter-spacing:-.8px;margin:14px 0 12px}.welcome>p{color:var(--muted);font-size:11px;line-height:1.9}.journey{margin-top:26px}.section-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:13px;font-size:11px}.section-line small{color:#6f8080;letter-spacing:1.5px;font-size:8px}.encounter-cover{height:108px;position:relative;border-radius:3px;overflow:hidden;background:#152321}.encounter-cover>img{object-position:center 24%;opacity:.55}.encounter-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#122020ec 3%,#12202099 50%,transparent)}.encounter-cover>div{position:absolute;inset:18px;z-index:1}.encounter-cover .eyebrow{font-size:8px;letter-spacing:1px;color:#b6c8b5}.encounter-cover h3{font-size:18px;font-weight:500;margin-top:5px}.stars{font-size:12px;color:var(--gold);letter-spacing:4px}.stage-select{display:flex;gap:5px;position:relative;justify-content:flex-end;margin-top:8px}.stage-select button{font:11px var(--serif);color:#86908b;border:1px solid var(--line);padding:3px 12px;border-radius:2px}.stage-select button.active{color:var(--gold);border-color:#d0bb7d88;background:#ccb36d13}.stage-desc{font-size:10px;color:var(--muted);margin-top:8px;min-height:16px}.battle-start{width:100%;justify-content:space-between;margin-top:14px;height:48px}.battle-caption{text-align:center;font-size:9px;color:#6e807e;margin-top:8px}.summon-banner{margin-top:20px;display:flex;width:100%;border:1px solid #bda06a38;background:linear-gradient(110deg,#25302d,#171f21);border-radius:4px;padding:14px 16px;gap:14px;text-align:left;align-items:center}.summon-symbol{font-size:38px;color:var(--gold);line-height:1}.summon-banner small{display:block;font-size:7px;letter-spacing:1.9px;color:#aa9974}.summon-banner strong{display:block;font-size:12px;font-weight:500;margin:3px 0}.summon-banner em{font-size:8px;font-style:normal;color:#8c9a94}.summon-banner>b{margin-left:auto;color:#ad9870;font-size:17px;font-weight:400}.lobby-stats{display:flex;margin-top:20px}.lobby-stats>div{flex:1;border-right:1px solid var(--line);text-align:center}.lobby-stats>div:first-child{text-align:left}.lobby-stats>div:last-child{border:0}.lobby-stats strong{display:block;font:28px var(--serif);color:#dad6bd}.lobby-stats strong small{font:13px var(--serif);color:#74827b;padding-left:4px}.lobby-stats span{display:block;font-size:9px;color:#8a9690;margin-top:4px}.squad-strip{grid-column:1/-1;display:flex;gap:30px;border:1px solid var(--line);background:#162021;border-radius:4px;padding:20px 24px;align-items:center}.squad-strip>div:first-child{width:130px;flex-shrink:0}.squad-strip h3{font-size:18px;font-weight:500;margin:5px 0}.squad-faces{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;flex:1}.squad-mini{height:88px;position:relative;border:1px solid #c9bf8b25;border-radius:3px;overflow:hidden;text-align:left}.squad-mini img{position:absolute;inset:0;object-position:center 18%}.squad-mini:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102021f7,transparent 85%)}.squad-mini>span{position:absolute;z-index:1;left:9px;bottom:7px;font-size:10px}.squad-mini>.role{right:8px;left:auto;font-size:8px}footer{max-width:1380px;margin:auto;padding:0 4.2% 22px;color:#52625f;font:9px var(--serif);letter-spacing:2px;display:flex;gap:20px}footer span{font:8px var(--font);letter-spacing:1px}footer small{margin-left:auto;font:8px var(--font);letter-spacing:1px}.collection-page{max-width:1450px;margin:auto;padding:40px 4.2% 50px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-heading h1{font-size:30px;font-weight:500;margin:8px 0}.page-heading p{font-size:11px;color:var(--muted)}.deck-builder{display:flex;align-items:center;gap:24px;border:1px solid #c0b08c33;padding:20px;background:#1b2626;border-radius:4px}.deck-builder h3{font-size:15px;font-weight:500;margin:5px 0}.deck-builder h3 b{font:16px var(--serif);margin-left:10px;color:#da9b93}.deck-builder h3 b.ready{color:var(--gold)}.deck-builder p{font-size:9px;color:var(--muted);max-width:200px}.deck-slots{display:flex;gap:10px;flex:1;justify-content:center}.deck-slot{width:64px;height:84px;border:1px solid #bda97b55;position:relative;border-radius:3px;overflow:hidden;padding:0}.deck-slot img{object-position:center 12%}.deck-slot span{position:absolute;left:0;right:0;bottom:0;background:#121d1cd9;font-size:8px;padding:3px 0}.deck-slot b{position:absolute;right:3px;top:0;font-size:15px;color:white;text-shadow:0 1px 5px #000;opacity:0}.deck-slot:hover b{opacity:1}.deck-slot.empty{background:#0d171755;border-style:dashed;display:grid;place-items:center;color:#879489}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px}.collection-toolbar>span{font-size:9px;letter-spacing:1.8px;color:#87978d}.filters{display:flex;gap:8px}.filters button{font-size:11px;padding:7px 16px;color:#8e9d97;border-radius:3px;border:1px solid transparent}.filters button.active{color:var(--gold);background:#d4b8780a;border-color:#c2ac7155}.collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.portrait-card{position:relative;aspect-ratio:2/3.25;overflow:hidden;padding:0;border-radius:4px;border:1px solid #a8ada044;transition:transform .25s,border .25s,box-shadow .25s;background:#1b2425;text-align:left}.portrait-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 30px #0005}.portrait-card.selected{border-color:#d0bb8c88}.portrait-card img{transition:transform .45s;object-position:center top}.portrait-card:hover img{transform:scale(1.05)}.portrait-card.locked img{filter:saturate(.35);opacity:.65}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101b1cff 2%,#111b1c99 25%,transparent 57%)}.card-top{position:absolute;inset:10px 10px auto;display:flex;align-items:center;justify-content:space-between}.card-bottom{position:absolute;left:13px;bottom:12px;right:8px}.card-bottom strong{display:block;font-size:16px;font-weight:500;margin:2px 0}.card-bottom small{font-size:8px;color:#a8b0a5}.deck-tick{position:absolute;right:10px;bottom:15px;border:1px solid var(--gold);background:#26352bf0;border-radius:50%;width:18px;height:18px;text-align:center;line-height:16px;font-size:11px;color:var(--gold);z-index:1}.collection-note{margin-top:25px;font-size:10px;color:#788b82;text-align:center}.empty-battle{min-height:75vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.empty-battle p{color:var(--muted)}.big-symbol{font-size:70px;color:var(--gold)}.battle-page{max-width:1530px;margin:auto;padding:24px 3.5% 30px}.battle-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.battle-heading h1{font-size:20px;font-weight:500;margin-top:3px}.round-track{display:flex;gap:16px;align-items:center}.round-track span{font:13px var(--serif);height:27px;width:27px;display:grid;place-items:center;border:1px solid #70847a44;border-radius:50%;color:#5c6e67}.round-track span.current{border-color:var(--gold);background:#d6c19518;color:var(--gold);box-shadow:0 0 15px #ceb87517}.round-track span.complete{color:var(--green);background:#9cbba218}.battle-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px}.commander-panel{position:relative;overflow:hidden;border:1px solid #bbaa7c33;border-radius:4px;min-height:680px}.commander-panel>img{position:absolute;inset:0;object-position:50% 10%}.commander-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c181bf9 1%,#0d191aed 32%,#0d191a40 59%,transparent)}.commander-copy{position:absolute;bottom:23px;left:21px;right:21px}.commander-copy>.eyebrow{font-size:8px;color:#adaf9b;letter-spacing:1px;margin-top:5px}.commander-copy h2{font-size:29px;font-weight:500;margin:6px 0 8px}.commander-power{display:flex;align-items:center;gap:12px}.commander-power b{font:32px var(--serif);color:var(--gold)}.skill-box{border-top:1px solid #c6c59830;margin-top:12px;padding-top:15px}.skill-box strong{color:var(--gold);font-size:11px;font-weight:500}.skill-box p{font-size:11px;color:#b6c1b9;margin-top:7px;line-height:1.9}.commander-quote{font-size:9px;color:#738c82;margin-top:22px;line-height:1.9}.arena{min-width:0}.arena-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;min-height:42px}.opponent-badge{display:flex;align-items:center;gap:10px}.opponent-badge .avatar{width:35px;height:35px;border-color:#cf88804d}.opponent-badge b{font-size:11px;font-weight:500;display:block}.opponent-badge small{font-size:8px;color:#869990;display:block}.territory-summary{display:flex;align-items:center;gap:16px}.territory-summary>span{font:26px var(--serif)}.territory-summary small{font-size:9px;color:#71877b}.enemy-text{color:#d59391}.ally-text{color:#b8d9b6}.ai-status{font-size:9px;color:#a59886;display:flex;gap:8px;align-items:center}.ai-status i{width:5px;height:5px;border-radius:50%;background:#b89f70}.lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lane{background:linear-gradient(180deg,#21242377,#19262299);border:1px solid #a8b0a225;border-radius:5px;padding:11px 10px 9px;transition:border-color .25s,background .25s}.lane.winning{border-color:#90b69755;background:linear-gradient(180deg,#20282155,#213b2b44)}.lane.losing{border-color:#ab737644}.lane.targeted{border-color:var(--gold);box-shadow:inset 0 0 25px #cfb2750d,0 0 15px #cbb57713}.lane-title{display:flex;align-items:center;gap:8px;padding:0 1px 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.lane-title>span{font-size:18px;color:#c6b581;line-height:1}.lane-title h3{font-size:11px;font-weight:500;color:#bbc5b8}.lane-title small{margin-left:auto;font:10px var(--serif);color:#6c7d72}.enemy-slots,.player-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px}.battle-slot{height:126px;position:relative;padding:0;border:1px solid #a8ab8e25;border-radius:3px;overflow:hidden;min-width:0}.battle-slot.empty{display:grid;place-items:center;background:#10171840;border-style:dashed}.battle-slot.empty span{font-size:24px;color:#667c722e}.battle-slot.empty.enemy{background:#38262618}.battle-slot.occupied img{object-position:center 8%;transition:transform .3s}.battle-slot:hover.occupied img{transform:scale(1.08)}.slot-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101b1cf0 0%,transparent 62%)}.slot-name{position:absolute;bottom:9px;left:7px;font-size:9px;right:23px;text-align:left;white-space:nowrap}.slot-power{position:absolute;right:6px;bottom:2px;font:600 24px var(--serif);color:#f1e5c3;text-shadow:0 1px 4px #000}.slot-power.buffed{color:#bdedb2}.slot-power.debuffed{color:#ffaaa2}.slot-role{position:absolute;top:4px;right:6px;font-size:13px;color:#fffc;filter:drop-shadow(0 0 4px #000)}.lane-score{display:flex;align-items:center;justify-content:space-between;padding:7px 4px;min-height:43px}.lane-score>b{font:600 24px var(--serif)}.lane-score span{font-size:8px;color:#718779}.lane-score em{font-size:14px;color:var(--gold);font-style:normal}.lane-target{width:100%;margin-top:9px;padding:6px 2px;min-height:30px;font-size:9px;color:#8ea596;border:1px solid #8caa9133;border-radius:2px}.lane-target:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:#c4af7711}.lane-target.selected{background:#d4ba7715;color:var(--gold);border-color:#c9b27499}.turn-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0}.turn-bar>div{display:flex;align-items:center;gap:12px}.turn-badge{font:11px var(--serif);letter-spacing:1px;color:var(--gold);white-space:nowrap}.turn-bar p{font-size:10px;color:#a6b5a7}.confirm-turn{height:40px;min-width:146px}.hand{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-top:6px}.hand-card{height:146px;position:relative;overflow:hidden;border:1px solid #a9b99a4a;border-radius:4px;padding:0;transition:transform .2s,border .2s;background:#172321}.hand-card img{object-position:center 7%}.hand-card.selected{transform:translateY(-7px);border-color:var(--gold);box-shadow:0 3px 24px #c8b38124}.hand-card:hover:not(:disabled){transform:translateY(-7px)}.hand-card.played{opacity:.23;filter:grayscale(.9)}.hand-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#101b1cff 3%,#101b1c88 32%,transparent 75%)}.hand-card .power-chip{position:absolute;top:6px;left:6px;width:23px;height:27px;font-size:17px}.hand-role{position:absolute;right:8px;top:7px;color:#f9e8be;font-size:15px;filter:drop-shadow(0 1px 2px #000)}.hand-info{position:absolute;bottom:10px;left:7px;right:7px;text-align:center}.hand-info strong{font-size:10px;display:block;font-weight:500}.hand-info small{font-size:8px;color:#a5b6a2}.battle-log{font-size:9px;color:#70877a;margin-top:13px;min-height:20px}.battle-log>span{color:#abaf95;margin-right:12px}.battle-log i{padding:0 10px}.just-revealed{animation:reveal .6s ease both}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;z-index:50;inset:0;background:#060c10d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .2s ease}.modal{position:relative;max-height:92vh;overflow:auto;border:1px solid #cdb37b55;background:#162022;border-radius:5px;box-shadow:0 25px 100px #0009}.modal-close{position:absolute;right:15px;top:13px;border:1px solid #d7cfb544;border-radius:50%;width:29px;height:29px;line-height:25px;font-size:23px;z-index:5;color:#d1d7cc;background:#132022aa}.detail-modal{display:grid;grid-template-columns:1fr 1fr;width:840px;min-height:570px;overflow:hidden}.detail-art{position:relative;min-height:570px;background:#0d181a}.detail-art>img{position:absolute;inset:0;object-position:center top}.detail-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#162022bb),linear-gradient(0deg,#13202288,transparent 30%)}.detail-copy{padding:55px 34px 35px;display:flex;flex-direction:column;justify-content:center}.detail-copy>.eyebrow{margin-top:19px;letter-spacing:1px;color:#a1afa1}.detail-copy h2{font-size:33px;line-height:1.5;font-weight:500;margin:7px 0 13px}.detail-quote{font-size:12px;color:#d4c6a3;line-height:1.9}.lore{font-size:11px;line-height:2;color:#879e91;margin-top:19px}.detail-skill{display:flex;gap:19px;border-top:1px solid #bca57838;border-bottom:1px solid #bca57838;margin-top:25px;padding:19px 0;align-items:center}.large-power{font:44px var(--serif);color:var(--gold);text-align:center;flex-shrink:0;min-width:50px}.large-power small{display:block;font:8px var(--font);color:#829187;margin-top:3px}.detail-skill strong{font-size:12px;color:#d6c193;font-weight:500}.detail-skill p{font-size:11px;color:#afbdae;line-height:1.8;margin-top:5px}.detail-actions{margin-top:23px}.detail-actions .button{width:100%}.detail-actions>span{font-size:9px;color:#7f9486;display:block;text-align:center;margin-top:10px}.new-contract{position:absolute;left:20px;bottom:25px;right:20px;text-align:center;color:#e8d7a4;font:12px var(--serif);letter-spacing:4px;animation:reveal .8s}.new-contract strong{font:26px var(--font);letter-spacing:2px;display:block;margin-top:5px}.score-breakdown{font-size:9px;color:#bfcbb7;padding-top:12px}.score-breakdown small{display:block;color:#8a9e8c}.help-modal{width:540px;padding:38px}.help-modal h2{font-weight:500;font-size:29px;line-height:1.5;margin:12px 0}.help-intro{font-size:12px;color:#b7c5b5}.help-steps{margin:24px 0}.help-steps>div{display:flex;gap:16px;margin:17px 0}.help-steps>div>b{font:23px var(--serif);color:var(--gold)}.help-steps strong{font-size:12px;font-weight:500}.help-steps p{font-size:10px;color:#8fa495;line-height:1.9;margin-top:4px}.help-tip{padding:13px 16px;background:#c6b4780a;border:1px solid #c6b47822;font-size:10px;color:#bcc6b4;line-height:1.9}.help-note{font-size:9px;color:#788e82;margin:13px 0 20px}.help-modal>.button{width:100%}.result-modal{width:530px;text-align:center;padding:35px 32px}.result-emblem{font-size:62px;line-height:1.3;color:var(--gold);filter:drop-shadow(0 0 25px #d3b78044)}.result-modal>.eyebrow{margin-top:10px}.result-modal h2{font-weight:500;font-size:30px;margin:9px 0}.result-modal>p{font-size:11px;color:#8da293}.result-scores{display:flex;gap:9px;margin:26px 0 13px}.result-scores>div{flex:1;background:#152321;border:1px solid #9dad9540;border-radius:3px;padding:13px 6px}.result-scores>div.won{border-color:#ccb57777;background:#c1ac7011}.result-scores span{font-size:9px;color:#a7b7a7}.result-scores strong{display:block;font:30px var(--serif);margin:6px 0;color:#d3dcc2}.result-scores strong small{font-size:17px;color:#7d9683}.result-scores em{font-size:9px;font-style:normal;color:#8c9c87}.result-scores .won em{color:var(--gold)}.result-total{font-size:11px;color:#c2cdbb}.result-total span{font-size:9px;color:#7d9485;display:block;margin-top:4px}.reward{display:flex;align-items:center;justify-content:space-between;background:#c8b4770d;padding:13px 17px;border-top:1px solid #ceb47722;border-bottom:1px solid #ceb47722;margin:21px 0;color:#acbda8;font-size:11px}.reward strong{font:22px var(--serif);color:var(--gold)}.result-actions{display:flex;gap:12px}.result-actions .button{flex:1}.result-modal>.text-button{margin-top:14px;color:#899c87;font-size:10px}#toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#25332ff5;border:1px solid #d5bd7d77;padding:12px 25px;border-radius:4px;color:#e9e0c7;font-size:12px;box-shadow:0 8px 30px #0006;transition:.2s;max-width:90vw;width:max-content;text-align:center}#toast.visible{transform:translate(-50%,0);opacity:1}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes art-arrive{from{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes reveal{from{opacity:0;transform:translateY(-8px) scale(.92);filter:brightness(1.8)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}
@media(min-width:1500px){.hero-panel{min-height:710px}.welcome{padding-top:16px}.welcome h2{font-size:35px}.journey{margin-top:36px}.encounter-cover{height:130px}.summon-banner{margin-top:26px}.lobby-stats{margin-top:26px}.commander-panel{min-height:730px}.battle-slot{height:148px}.hand-card{height:164px}}
@media(max-width:1100px){.topbar{padding:0 3%;gap:15px}.brand{min-width:235px}.brand>span:last-child{font-size:18px}.topbar nav{gap:20px}.wallet-label{display:none}.lobby{padding:24px 3%;gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(295px,1fr)}.hero-top{left:18px;right:18px}.season-pill{display:none}.hero-panel{min-height:620px}.hero-copy{left:23px}.hero-selector{left:23px}.hero-index{display:none}.welcome h2{font-size:26px}.collection-page{padding:30px 3%}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deck-builder{gap:15px;padding:15px}.deck-slots{gap:7px}.deck-slot{width:50px;height:73px}.deck-builder>div:first-child{max-width:160px}.battle-page{padding:22px 3%}.battle-layout{grid-template-columns:205px minmax(0,1fr);gap:16px}.commander-copy{left:16px;right:16px}.commander-copy h2{font-size:25px}.battle-slot{height:112px}.lane{padding:10px 7px}.lane-title{gap:5px}.lane-title h3{font-size:10px}.hand{gap:7px}.hand-card{height:133px}.turn-bar>div{gap:8px}.turn-bar p{font-size:9px}.confirm-turn{min-width:120px;padding:0 12px}.commander-panel{min-height:640px}.squad-strip{gap:18px}.squad-faces{gap:8px}.squad-mini>.role{display:none}}
@media(max-width:780px){.topbar{height:68px;gap:12px;padding:0 18px;flex-wrap:wrap}.brand{min-width:auto;margin-right:auto;gap:8px}.brand-mark{font-size:30px}.brand>span:last-child{font-size:16px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:3px;margin-top:2px}.topbar nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#122021f5;backdrop-filter:blur(15px);height:61px;border-top:1px solid #c4b17422;justify-content:space-around;gap:0;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;font-size:12px}.nav-item.active:after{top:0;bottom:auto;left:20%;right:20%}.wallet{padding:5px 8px;font-size:11px;gap:6px}.help-button{display:grid}.topbar [data-action="sound"]{display:none}.topbar .icon-button{width:26px;height:26px;font-size:12px}body{padding-bottom:62px}.lobby{grid-template-columns:1fr;padding:18px;gap:24px}.hero-panel{min-height:590px}.hero-art{object-position:center 25%}.hero-top .eyebrow{font-size:8px}.hero-copy h1{font-size:36px}.lobby-side{display:grid;grid-template-columns:1fr 1fr;gap:22px}.welcome{grid-column:1/-1}.welcome h2{font-size:25px;margin:9px 0;line-height:1.45}.welcome h2 br{display:none}.welcome>p br{display:none}.welcome>p{font-size:11px}.journey{grid-column:1/-1;margin-top:0}.encounter-cover{height:130px}.encounter-cover>img{object-position:50% 23%}.encounter-cover h3{font-size:22px}.stage-select{margin-top:10px}.stage-desc{font-size:11px}.summon-banner{grid-column:1/-1;margin-top:0;padding:19px}.summon-banner small{font-size:8px}.summon-banner strong{font-size:15px}.summon-banner em{font-size:10px}.lobby-stats{grid-column:1/-1;margin:0}.squad-strip{display:block;padding:17px}.squad-strip>div:first-child{width:auto;display:flex;align-items:center;justify-content:space-between}.squad-strip .eyebrow{display:none}.squad-strip h3{font-size:15px}.squad-faces{margin-top:12px;gap:6px}.squad-mini{height:77px}.squad-mini>span{font-size:8px;left:3px;right:3px;text-align:center}.squad-mini .role{display:none}footer{padding:0 18px 20px;font-size:8px}footer span{display:none}.page-heading{gap:14px;align-items:flex-start}.page-heading h1{font-size:26px}.page-heading p{font-size:10px}.page-heading .button{height:39px;font-size:10px;padding:0 12px;gap:8px}.page-heading .button span{display:none}.collection-page{padding:25px 18px}.deck-builder{display:grid;grid-template-columns:1fr auto;gap:13px;padding:15px}.deck-builder>div:first-child{max-width:100%}.deck-builder p{display:none}.deck-slots{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:6px}.deck-slot{width:100%;height:80px}.deck-builder .button{height:36px;padding:0 15px;font-size:10px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 9px}.collection-toolbar{margin:24px 0 15px;gap:8px}.collection-toolbar>span{display:none}.filters{gap:2px;width:100%;justify-content:space-between}.filters button{font-size:10px;padding:6px 10px}.card-top{inset:7px 7px auto}.card-top .rarity{font-size:13px}.card-top .power-chip{font-size:16px;width:22px;height:25px}.card-bottom{left:8px;bottom:8px}.card-bottom strong{font-size:12px}.card-bottom small{font-size:7px}.card-bottom .role{font-size:7px}.deck-tick{right:6px;bottom:10px;width:14px;height:14px;line-height:12px;font-size:8px}.battle-page{padding:17px 12px 25px}.battle-heading{gap:8px;flex-wrap:wrap;margin-bottom:14px}.battle-heading .eyebrow{font-size:7px}.battle-heading h1{font-size:17px}.battle-heading>.text-button{display:none}.round-track{gap:6px}.round-track span{width:21px;height:21px;font-size:10px}.battle-layout{grid-template-columns:1fr;gap:10px}.commander-panel{min-height:105px;max-height:105px;order:2}.commander-panel>img{width:90px;object-position:center 14%}.commander-shade{background:linear-gradient(90deg,transparent 45px,#132022 100px)}.commander-copy{position:relative;bottom:auto;left:auto;right:auto;margin:13px 13px 13px 105px}.commander-copy>.rarity,.commander-copy>.eyebrow,.commander-power,.commander-quote{display:none}.commander-copy h2{font-size:14px;margin:0 0 4px;color:var(--gold)}.skill-box{border:0;margin:0;padding:0}.skill-box strong{font-size:10px}.skill-box p{font-size:10px;margin-top:3px;line-height:1.65}.arena-top{margin-bottom:11px}.territory-summary{gap:10px}.territory-summary small{font-size:8px}.territory-summary>span{font-size:23px}.ai-status{font-size:8px;gap:5px}.opponent-badge .avatar{width:30px;height:30px}.opponent-badge b{font-size:10px}.opponent-badge small{font-size:7px}.lanes{gap:6px}.lane{padding:8px 5px 6px;border-radius:4px}.lane-title{gap:4px;margin-bottom:8px;padding-bottom:8px}.lane-title>span{font-size:13px}.lane-title h3{font-size:9px}.lane-title small{font-size:8px}.enemy-slots,.player-slots{gap:4px}.battle-slot{height:87px}.slot-name{font-size:7px;left:3px;bottom:5px;right:3px}.slot-power{font-size:19px;right:3px;bottom:16px}.slot-role{font-size:9px;right:3px}.lane-score{padding:4px 2px;min-height:35px}.lane-score>b{font-size:21px}.lane-score span{font-size:7px}.lane-score em{font-size:11px}.lane-target{font-size:8px;padding:4px 0;margin-top:6px;min-height:28px}.turn-bar{margin:12px 0;gap:10px}.turn-bar>div{display:block}.turn-bar p{font-size:9px;margin-top:2px;max-width:220px}.turn-badge{font-size:9px}.confirm-turn{height:37px;min-width:110px;font-size:10px;gap:10px}.hand{gap:5px;padding-top:5px}.hand-card{height:100px}.hand-card .power-chip{width:18px;height:20px;font-size:14px;top:4px;left:3px}.hand-role{right:4px;top:3px;font-size:11px}.hand-info{bottom:5px;left:2px;right:2px}.hand-info strong{font-size:8px;white-space:nowrap}.hand-info small{font-size:7px}.battle-log{font-size:8px;margin-top:10px;line-height:1.9}.battle-log>span{display:none}.battle-log i{padding:0 3px}.modal-backdrop{padding:14px}.detail-modal{width:100%;max-width:480px;grid-template-columns:1fr;min-height:0;overflow:auto}.detail-art{height:380px;min-height:380px}.detail-art>img{object-position:center 18%}.detail-art-shade{background:linear-gradient(0deg,#162022 0%,transparent 35%)}.detail-copy{padding:8px 24px 24px;display:block}.detail-copy>.eyebrow{margin-top:8px}.detail-copy h2{font-size:26px;margin:5px 0 8px}.detail-quote{font-size:11px}.lore{margin-top:12px;font-size:10px}.detail-skill{margin-top:17px;padding:12px 0}.detail-actions{margin-top:17px}.new-contract{bottom:32px}.help-modal{padding:30px 23px}.help-modal h2{font-size:25px}.result-modal{padding:28px 20px}.result-modal h2{font-size:26px}.result-scores{gap:6px}.result-scores strong{font-size:26px}.result-scores span{font-size:8px}.result-modal>p{font-size:10px}.result-emblem{font-size:52px}.result-actions .button{padding:0 15px;font-size:11px}#toast{bottom:79px;font-size:11px;padding:10px 17px}}
@media(max-width:390px){.topbar{gap:9px;padding:0 12px}.brand>span:last-child{font-size:14px}.brand-mark{font-size:28px}.brand small{font-size:5px}.hero-panel{min-height:535px}.hero-copy{left:20px}.hero-selector{left:20px;gap:7px}.hero-selector .avatar{width:38px;height:38px}.hero-selector>span{font-size:8px}.card-bottom strong{font-size:11px}.battle-slot{height:78px}.lane-title small{display:none}.battle-heading h1{font-size:15px}.round-track{gap:5px}.hand-card{height:92px}.hand-info strong{font-size:7px}.filters button{padding:5px 8px}.commander-copy{margin-left:98px}.commander-panel{min-height:114px;max-height:114px}.result-scores span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.reset-link{display:block;margin:10px auto 0;color:#6e8278;font-size:9px}