@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#f5f2e8;font-synthesis:none;--gold:#ffc85c;--cyan:#45e3ef;--red:#ff526d;--panel:#0a1019f0;background:#05070b;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html{background:#05070b;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed}#root{min-height:100vh}.duel-landing{background:linear-gradient(90deg,#04070cfa 0%,#04070cba 43%,#04070ced 100%),linear-gradient(#0000 55%,#05070b 100%),url(/assets/goa-tactics-keyart.png) 50% 35%/cover no-repeat;min-height:100vh;padding:28px clamp(24px,4vw,72px) 22px;position:relative;overflow:hidden}.duel-landing:before,.duel-table:before{content:"";pointer-events:none;background-image:linear-gradient(#5adcf006 1px,#0000 1px),linear-gradient(90deg,#5adcf006 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.landing-noise{pointer-events:none;opacity:.14;background:radial-gradient(circle at 35% 30%,#41e0eb3d,#0000 32%),radial-gradient(circle at 75% 46%,#ff62542e,#0000 30%);position:absolute;inset:0}.duel-logo{z-index:2;filter:drop-shadow(0 5px 18px #000);align-items:baseline;gap:10px;width:fit-content;display:flex;position:relative}.duel-logo strong{letter-spacing:-2px;color:var(--gold);text-shadow:2px 2px #9c541c;font-family:Black Han Sans,sans-serif;font-size:42px;line-height:1}.landing-tutorial-button{z-index:3;color:#b9dce1;cursor:pointer;background:#051017c2;border:1px solid #69e2ed6b;padding:9px 12px;font-size:10px;position:absolute;top:28px;right:36px}.landing-tutorial-button b{color:var(--cyan);margin-left:4px}.landing-tutorial-button:hover{border-color:var(--cyan);background:#102530}.landing-card-gallery-button{z-index:3;color:#ffe1a1;cursor:pointer;background:#161007c2;border:1px solid #eab64d75;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:inline-flex;position:absolute;top:28px;right:190px}.landing-card-gallery-button:hover{border-color:var(--gold);background:#2a1d0d}.landing-patch-notes-button{z-index:3;color:#b9dce1;cursor:pointer;background:#051017c2;border:1px solid #69e2ed6b;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:inline-flex;position:absolute;top:28px;right:304px}.landing-patch-notes-button:hover{border-color:var(--cyan);background:#102530}.landing-leaderboard-button{z-index:3;color:#ffe1a1;cursor:pointer;background:#1b1206cc;border:1px solid #ffc85c80;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:inline-flex;position:absolute;top:28px;right:424px}.landing-leaderboard-button:hover{border-color:var(--gold);background:#2e210c}.card-gallery{background:radial-gradient(at 50% -15%,#2f849440,#0000 42%),#050a0f;min-height:100vh;padding:34px clamp(18px,5vw,76px) 70px}.card-gallery-header{grid-template-columns:150px 1fr auto;align-items:center;gap:24px;max-width:1240px;margin:0 auto 24px;display:grid}.card-gallery-header .eyebrow{color:var(--cyan);margin:0 0 7px}.card-gallery-header h1{letter-spacing:-1px;margin:0;font-family:Black Han Sans;font-size:clamp(30px,5vw,50px)}.card-gallery-header>div>span{color:#8198a2;font-size:11px}.card-gallery-header>b{color:var(--gold);letter-spacing:1px;font-family:Black Han Sans;font-size:16px}.gallery-back-button{color:#d9e9ed;cursor:pointer;background:#0d1820;border:1px solid #39515c;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:10px;display:inline-flex}.gallery-back-button:hover{border-color:var(--cyan);color:var(--cyan)}.card-gallery-controls{background:#0d1820c2;border:1px solid #51e2ee2e;flex-wrap:wrap;align-items:center;gap:8px;max-width:1240px;margin:0 auto 30px;padding:12px;display:flex}.card-gallery-controls button{color:#97adb5;cursor:pointer;background:#091219;border:1px solid #2e4650;min-width:68px;padding:8px 11px;font-size:10px;font-weight:800}.card-gallery-controls button:hover,.card-gallery-controls button.is-active{border-color:var(--gold);color:#ffe5ae;background:#473116}.card-gallery-controls small{color:#718792;margin-left:auto;font-size:10px}.card-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-items:center;gap:30px 18px;max-width:1240px;margin:0 auto;display:grid}.patch-notes-page{background:radial-gradient(at 50% -15%,#eab64d29,#0000 42%),#050a0f;min-height:100vh;padding:34px clamp(18px,5vw,76px) 70px}.patch-notes-header{grid-template-columns:150px 1fr;align-items:center;gap:24px;max-width:880px;margin:0 auto 26px;display:grid}.patch-notes-header .eyebrow{color:var(--cyan);margin:0 0 7px}.patch-notes-header h1{letter-spacing:-1px;margin:0;font-family:Black Han Sans;font-size:clamp(30px,5vw,50px)}.patch-notes-header>div>span{color:#8198a2;font-size:11px}.patch-notes-list{gap:14px;max-width:880px;margin:0 auto;display:grid}.patch-note{background:linear-gradient(120deg,#14222beb,#070c12f0);border:1px solid #6287954d;padding:23px 26px;box-shadow:0 16px 38px #0003}.patch-note>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.patch-note>header b{color:var(--gold);letter-spacing:1px;font-size:12px}.patch-note time{color:#78909a;font-size:10px}.patch-note h2{margin:8px 0 14px;font-family:Black Han Sans;font-size:24px}.patch-note ul{color:#c4d3d7;margin:0;padding-left:19px;font-size:12px;line-height:1.65}.patch-note li+li{margin-top:4px}.leaderboard-page{background:radial-gradient(at 50% -15%,#f4b94238,#0000 42%),#050a0f;min-height:100vh;padding:34px clamp(18px,5vw,76px) 70px}.leaderboard-header{grid-template-columns:150px 1fr;align-items:center;gap:24px;max-width:960px;margin:0 auto 26px;display:grid}.leaderboard-header .eyebrow{color:var(--gold);margin:0 0 7px}.leaderboard-header h1{letter-spacing:-1px;margin:0;font-family:Black Han Sans;font-size:clamp(30px,5vw,50px)}.leaderboard-header>div>span{color:#8198a2;font-size:11px}.leaderboard-panel{background:linear-gradient(135deg,#191e22f0,#060b10f5);border:1px solid #e5b64d4d;max-width:960px;margin:0 auto;overflow:hidden;box-shadow:0 22px 52px #00000047}.leaderboard-panel-head,.leaderboard-row{grid-template-columns:68px minmax(150px,1fr) 120px 98px 112px 66px;align-items:center;gap:12px;padding:0 24px;display:grid}.leaderboard-panel-head{color:#9eafaf;letter-spacing:1px;background:#ffcc5b14;border-bottom:1px solid #f0ca6f33;min-height:43px;font-size:9px;font-weight:800}.leaderboard-row{color:#aebfc4;border-bottom:1px solid #7b979e26;min-height:68px;font-size:12px}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row:hover{background:#44889117}.leaderboard-row>strong{color:#eff8fa;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.leaderboard-place{color:#d7e4e6;background:#14232b;border:1px solid #4c6269;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.leaderboard-place.place-1{color:#ffe69a;background:#59421b;border-color:#f5c256;box-shadow:0 0 18px #ffc2502e}.leaderboard-place.place-2{color:#e9fbfd;background:#354a4e;border-color:#b9ced0}.leaderboard-place.place-3{color:#ffd3ac;background:#50321f;border-color:#c78959}.leaderboard-tier{letter-spacing:.6px;border:1px solid;width:fit-content;padding:4px 7px;font-size:9px;font-weight:900}.leaderboard-tier.tier-bronze{color:#d59363}.leaderboard-tier.tier-silver{color:#c9dee1}.leaderboard-tier.tier-gold{color:#f6cc61}.leaderboard-tier.tier-platinum{color:#6ce0d3}.leaderboard-tier.tier-diamond{color:#95b7ff}.leaderboard-lp{color:#ffe0a0;font-size:14px}.leaderboard-lp small{color:#887850;letter-spacing:.7px;font-size:8px}.leaderboard-state{color:#91a7ae;text-align:center;justify-content:center;align-items:center;gap:9px;min-height:150px;margin:0;padding:25px;font-size:12px;display:flex}.leaderboard-state.is-error{color:#ff8c9b}.tutorial-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020509c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tutorial-modal{background:linear-gradient(145deg,#162c36,#070d14 62%);border:1px solid #61e5f07a;width:min(520px,100%);overflow:hidden;box-shadow:0 28px 80px #000000bf,inset 0 0 34px #49dbea0f}.tutorial-modal>header{color:var(--cyan);letter-spacing:1.8px;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;padding:15px 18px;font-size:10px;display:flex}.tutorial-modal>header button{color:#cce8eb;cursor:pointer;background:0 0;border:1px solid #405c67;width:26px;height:26px;font-size:20px;line-height:1}.tutorial-progress{gap:7px;padding:20px 22px 0;display:flex}.tutorial-progress i{background:#263a43;flex:1;height:3px}.tutorial-progress i.is-done{background:#6dcbd3}.tutorial-progress i.is-current{background:var(--gold);box-shadow:0 0 8px #ffc753b3}.tutorial-content{min-height:235px;padding:28px 30px 20px}.tutorial-content small{color:#87dfe7;letter-spacing:1.2px;font-size:10px;font-weight:800}.tutorial-content h2{color:#f7f1dd;letter-spacing:-.8px;margin:13px 0 15px;font-family:Black Han Sans;font-size:28px;line-height:1.22}.tutorial-content p{color:#bdcbd0;word-break:keep-all;margin:0;font-size:14px;line-height:1.75}.tutorial-content strong{border-left:2px solid var(--gold);color:#f4ce7a;background:#f5bc4e17;margin-top:18px;padding:9px 11px;font-size:11px;line-height:1.5;display:block}.tutorial-modal>footer{background:#0003;border-top:1px solid #ffffff17;justify-content:space-between;padding:14px 18px;display:flex}.tutorial-modal>footer button{color:#d8e8eb;cursor:pointer;background:#172932;border:1px solid #3a5661;min-width:82px;padding:10px 14px;font-size:11px;font-weight:900}.tutorial-modal>footer .tutorial-next{color:#171009;background:#ca8d2e;border-color:#e3b452}.tutorial-modal>footer button:disabled{opacity:.35;cursor:not-allowed}.duel-logo span{letter-spacing:5px;font-family:Black Han Sans,sans-serif;font-size:25px}.duel-logo small{color:#7895a2;letter-spacing:3px;margin-left:5px;font-size:9px}.duel-logo.small{margin:0 auto 25px}.duel-logo.tiny strong{font-size:26px}.duel-logo.tiny span{letter-spacing:3px;font-size:15px}.duel-hero{z-index:1;grid-template-columns:minmax(320px,1.05fr) minmax(400px,.9fr) minmax(320px,380px);align-items:center;gap:clamp(20px,3vw,54px);max-width:1530px;min-height:calc(100vh - 135px);margin:0 auto;display:grid;position:relative}.hero-copy{align-self:center}.eyebrow{color:var(--cyan);letter-spacing:2.4px;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.hero-copy h1{letter-spacing:-3px;text-shadow:0 7px 30px #000;margin:18px 0;font-family:Black Han Sans,sans-serif;font-size:clamp(48px,5.4vw,82px);line-height:1.02}.hero-copy h1 em{color:var(--gold);font-style:normal}.hero-description{color:#b9c5cb;text-shadow:0 2px 10px #000;max-width:590px;font-size:16px;line-height:1.8}.rule-pills{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.rule-pills span{color:#d9f6f8;background:#050e14cc;border:1px solid #53dcea38;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.rule-pills svg{width:14px;color:var(--cyan)}.showcase-cards{perspective:1000px;height:500px;position:relative}.showcase-cards>div{transform:translate(-50%, -50%) translateX(calc((var(--show-index) - 1) * 118px)) rotate(calc((var(--show-index) - 1) * 9deg)) translateY(calc(abs(var(--show-index) - 1) * 35px));filter:drop-shadow(0 25px 24px #000000bf);position:absolute;top:50%;left:50%}.showcase-cards>div:nth-child(2){z-index:3;transform:translate(-50%,-54%)scale(1.12)}.duel-connect-panel{background:linear-gradient(145deg,#101923f7,#050a11fa);border:1px solid #4fe3ef38;padding:25px;position:relative;box-shadow:0 25px 70px #0000009e,inset 0 0 40px #3cc4dc09}.duel-connect-panel:before{content:"";pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:7px}.connect-heading{grid-template-columns:1fr auto;gap:2px 10px;margin-bottom:22px;display:grid}.connect-heading span{color:var(--cyan);letter-spacing:2px;font-size:9px}.connect-heading strong{font-size:21px}.connect-heading svg{color:#79ff9b;grid-area:1/2/3;align-self:center}.account-panel{z-index:2;margin-bottom:15px;position:relative}.account-auth{gap:8px;display:grid}.account-auth label{color:#8196a1;gap:5px;font-size:10px;font-weight:700;display:grid}.account-auth input{color:#fff;background:#080e15;border:1px solid #293a45;width:100%;padding:10px 11px;font-weight:700}.account-mode{color:#dcecf0;justify-content:space-between;align-items:center;font-size:13px;display:flex}.account-mode button,.logout-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-size:10px}.account-submit,.ranked-button{color:#161008;cursor:pointer;background:linear-gradient(135deg,#d88d29,#ffd16c);border:1px solid #f3c05d;min-height:38px;font-size:12px;font-weight:900}.account-submit{justify-content:center;align-items:center;gap:7px;display:flex}.account-summary{background:linear-gradient(150deg,#0b1e28eb,#050e15f0);border:1px solid #53dcea40;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #a7f5f912}.account-profile{grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-width:0;display:grid}.profile-avatar{color:#a7f2f5;background:linear-gradient(145deg,#174150,#0a1e29);border:1px solid #4fe3ef6b;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 14px #3bd4e21f}.profile-avatar svg{width:18px}.profile-copy{gap:3px;min-width:0;display:grid}.account-summary small{color:#6f98a4;letter-spacing:1.2px;font-size:7px}.account-summary strong{color:#effbfc;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.1;overflow:hidden}.profile-rank{border-left:1px solid #669da947;align-items:center;gap:5px;padding-left:8px;display:flex}.profile-rank svg{width:15px;color:var(--gold)}.profile-rank div{text-align:right;gap:2px;display:grid}.profile-rank b{color:var(--gold);letter-spacing:.7px;font-size:10px}.profile-rank span{color:#9fb3ba;white-space:nowrap;font-size:8px}.ranked-button{text-align:left;grid-template-columns:30px 1fr 16px;align-items:center;gap:9px;min-height:48px;padding:6px 11px 6px 7px;display:grid;box-shadow:0 7px 22px #d68f222e,inset 0 1px #ffffff61}.ranked-button>span:nth-child(2){gap:1px;display:grid}.ranked-button small{color:#2b1c04b8;letter-spacing:1.1px;font-size:7px;font-weight:900}.ranked-button>svg{justify-self:end;width:16px}.ranked-button-icon{background:#57350826;border:1px solid #462a0547;place-items:center;width:30px;height:30px;display:grid}.ranked-button-icon svg{width:18px}.friendly-section{background:#020b1170;border:1px solid #548e9940;gap:7px;padding:9px;display:grid}.friendly-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.friendly-heading>span{color:#d6f0f2;align-items:center;gap:5px;font-size:10px;font-weight:900;display:flex}.friendly-heading svg{width:13px;color:var(--cyan)}.friendly-heading small{color:#75929b;letter-spacing:0;text-align:right;font-size:8px}.friendly-actions{grid-template-columns:86px 1fr;gap:6px;display:grid}.friendly-button{color:#d4ecee;cursor:pointer;background:linear-gradient(145deg,#18333d,#10242c);border:1px solid #42616b;justify-content:center;align-items:center;gap:4px;padding:8px 5px;font-size:10px;font-weight:800;display:flex}.friendly-button svg{width:14px;color:var(--cyan)}.account-room{grid-template-columns:1fr 42px;gap:4px;display:grid}.account-room input{color:#e3f1f3;background:#08131a;border:1px solid #2e4650;min-width:0;padding:8px;font-size:10px}.account-room input:focus{border-color:#59dbe5bf;outline:0;box-shadow:0 0 0 2px #2fb5c11f}.account-room button{color:#d9f2f4;cursor:pointer;background:#1d3540;border:1px solid #46636c;font-size:10px;font-weight:800}.logout-button{color:#779099;justify-self:end;align-items:center;gap:4px;padding:2px 0;display:flex}.logout-button svg{width:11px}.duel-connect-panel.is-guest>.connect-heading,.duel-connect-panel.is-guest>.duel-connect-panel>label,.duel-connect-panel.is-guest>label,.duel-connect-panel.is-guest>.primary-duel-button,.duel-connect-panel.is-guest>.join-divider,.duel-connect-panel.is-guest>.join-row,.duel-connect-panel.is-signed-in>label,.duel-connect-panel.is-signed-in>.primary-duel-button,.duel-connect-panel.is-signed-in>.join-divider,.duel-connect-panel.is-signed-in>.join-row,.duel-connect-panel.is-signed-in .connect-heading{display:none}.duel-connect-panel label{color:#8196a1;gap:8px;font-size:11px;font-weight:700;display:grid}.duel-connect-panel input{color:#fff;background:#080e15;border:1px solid #293a45;width:100%;padding:13px 14px;font-weight:700}.primary-duel-button{color:#161008;cursor:pointer;background:linear-gradient(135deg,#e39c31,#ffcf67);border:1px solid #f3c05d;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:13px;padding:14px;font-weight:900;display:flex;box-shadow:0 8px 30px #ffb23929}.primary-duel-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.join-divider{color:#536772;letter-spacing:1px;align-items:center;gap:9px;margin:18px 0 10px;font-size:9px;display:flex}.join-divider:before,.join-divider:after{content:"";background:#24323a;flex:1;height:1px}.join-row{grid-template-columns:1fr 68px;gap:8px;display:grid}.join-row button{cursor:pointer;background:#172731;border:1px solid #36505d;font-weight:800}.connect-error{color:#ff899a;margin:13px 0 0;font-size:11px}.landing-rules{z-index:1;color:#748791;letter-spacing:.5px;justify-content:center;align-items:center;gap:24px;min-height:42px;font-size:10px;display:flex;position:relative}.landing-rules b{color:var(--gold)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.duel-card{--card-accent:#45d6e3;color:#f7f4e9;text-align:left;cursor:pointer;background:linear-gradient(145deg,#293540,#0b1017 42%,#171d24);border:2px solid #68737a;border-radius:10px;grid-template-rows:27px 116px 34px 1fr 25px;width:180px;height:260px;padding:7px;transition:transform .18s,filter .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #080b0e,0 12px 30px #0000008c}.duel-card:before{content:"";pointer-events:none;border:1px solid #ffffff26;border-radius:7px;position:absolute;inset:3px}.duel-card:hover:not(:disabled),.duel-card.is-selected{z-index:10;box-shadow:inset 0 0 0 2px #091015, 0 0 0 2px var(--gold), 0 20px 45px #000;transform:translateY(-12px)scale(1.025)}.duel-card.is-selected{filter:brightness(1.12)}.duel-card:disabled{cursor:default;filter:saturate(.55)brightness(.68)}.duel-card.is-exhausted{filter:saturate(.45)brightness(.7)}.duel-card.is-spirit{filter:saturate(.7)brightness(.86);background:linear-gradient(145deg,#46376c,#120f21 48%,#27203d);border-color:#c29cff}.duel-card.is-spirit .duel-card-art{opacity:.46;filter:grayscale(.6)hue-rotate(35deg)}.duel-card.has-active-barrier{border-color:#86f5ff;box-shadow:inset 0 0 0 2px #080b0e,inset 0 0 24px #3fe0f647,0 0 14px #42daee66}.duel-card.has-broken-barrier{border-color:#78858d}.duel-card.rarity-rare{background:linear-gradient(145deg,#164c5c,#09141c 45%,#112c37);border-color:#45cfea}.duel-card.rarity-epic{background:linear-gradient(145deg,#70511e,#16100a 45%,#392712);border-color:#eab64d}.duel-card.rarity-misc{background:linear-gradient(145deg,#4b5663,#151a20 45%,#303844);border-color:#c6d0dc}.card-topline{z-index:2;justify-content:space-between;align-items:center;padding:0 5px;display:flex;position:relative}.card-topline b{font-size:12px}.card-topline span{color:#041016;background:radial-gradient(circle at 35% 30%,#d9fbff,#26bccc 65%,#0d505c);border:1px solid #9ff8ff;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:900;display:grid}.duel-card-art{background-image:url(/assets/goa-tactics-keyart.png);background-repeat:no-repeat;background-size:285%;border:1px solid #ffffff38;position:relative;overflow:hidden;box-shadow:inset 0 -25px 30px #0000008c}.duel-card-art:after{content:"";background:linear-gradient(#0000 45%,#03070bb3);position:absolute;inset:0}.duel-card-art i{position:absolute;inset:0;box-shadow:inset 0 0 22px #000}.duel-card-art span{z-index:2;color:#ffffff59;letter-spacing:2px;font-family:Black Han Sans;font-size:9px;position:absolute;bottom:3px;right:5px}.barrier-indicator{z-index:6;color:#8af6ff;filter:drop-shadow(0 2px 5px #000c);pointer-events:none;place-items:center;width:39px;height:45px;display:grid;position:absolute;top:27px;right:8px}.barrier-indicator:before{content:"";background:#0a5366ad;border:1px solid;border-radius:50%;position:absolute;inset:1px 2px 5px;box-shadow:0 0 12px #4de9ffd9}.barrier-indicator svg{z-index:1;opacity:.95;position:relative}.barrier-indicator b{z-index:2;color:#041419;font-family:Black Han Sans;font-size:11px;line-height:1;position:absolute;top:12px}.barrier-indicator small{z-index:2;color:#d9feff;letter-spacing:.45px;font-size:5px;font-weight:900;position:absolute;bottom:0}.barrier-indicator.is-broken{color:#89949b;opacity:.8}.barrier-indicator.is-broken:before{box-shadow:none;background:#2d353abf}.barrier-indicator.is-broken b{color:#e2e7e8}.barrier-indicator.is-broken small{color:#c4ced1}.duel-card.has-health-shield{box-shadow:inset 0 0 0 2px #080b0e,inset 0 0 26px #6f88ff3b,0 0 14px #687aff52}.health-shield-indicator{z-index:6;color:#b3c2ff;filter:drop-shadow(0 2px 5px #000c);pointer-events:none;place-items:center;width:39px;height:45px;display:grid;position:absolute;top:27px;left:8px}.health-shield-indicator:before{content:"";background:#384391b8;border:1px solid;border-radius:50%;position:absolute;inset:1px 2px 5px;box-shadow:0 0 12px #8399ffb8}.health-shield-indicator svg{z-index:1;opacity:.95;position:relative}.health-shield-indicator b{z-index:2;color:#111632;font-family:Black Han Sans;font-size:10px;line-height:1;position:absolute;top:12px}.health-shield-indicator small{z-index:2;color:#edf0ff;letter-spacing:.45px;font-size:6px;font-weight:900;position:absolute;bottom:0}.spirit-indicator{z-index:6;color:#e5d7ff;text-shadow:0 0 9px #a978ff;pointer-events:none;justify-items:center;gap:1px;animation:1.7s ease-in-out infinite alternate spiritFloat;display:grid;position:absolute;top:31px;left:8px}.spirit-indicator b{letter-spacing:1px;font-size:5px}@keyframes spiritFloat{to{opacity:.7;transform:translateY(-4px)}}.champion-hanjeonghwan{background-position:7% 12%}.champion-pizzaroot{background-position:41% 13%}.champion-epuda{background-position:76% 10%}.champion-remil{background-position:2% 88%}.champion-landlord{background-position:100% 48%}.champion-flaver{background-position:63% 100%}.champion-jinsu,.champion-eunggatv,.champion-galbae,.champion-gimgigi,.champion-gagus{background-image:url(/assets/goa-duel-expansion-keyart.png);background-position-y:40%;background-size:500%}.champion-jinsu{background-position-x:0%}.champion-eunggatv{background-position-x:25%}.champion-galbae{background-position-x:50%}.champion-gimgigi{background-position-x:75%}.champion-gagus{background-position-x:100%}.champion-jjangbini,.champion-knowitall{background-image:url(/assets/goa-duel-heavyweights-keyart.png);background-position-y:43%;background-size:200%}.champion-jjangbini{background-position-x:0%}.champion-knowitall{background-position-x:100%}.champion-deomuheon,.champion-muballyeon{background-image:url(/assets/goa-duel-echoes-keyart.png);background-position-y:45%;background-size:200%}.champion-deomuheon{background-position-x:0%}.champion-muballyeon{background-position-x:100%}.champion-huhwibum,.champion-trick{background-image:url(/assets/goa-duel-spotlight-keyart.png);background-position-y:45%;background-size:200%}.champion-huhwibum{background-position-x:0%}.champion-trick{background-position-x:100%}.champion-geunsi,.champion-wonsi,.champion-choiyoungchan{background-position:40% 46%}.champion-cannon,.champion-pigicat,.champion-villain{background-position:75% 46%}.champion-parkhyunwook{background-position:18% 46%}.champion-hyunwoojin{background-position:88% 46%}.card-title{border-bottom:1px solid #ffffff1a;align-content:center;padding:2px 5px;display:grid}.card-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.card-title small{color:var(--gold);letter-spacing:1.5px;font-size:6px}.card-effect{min-height:0;padding:4px 5px;overflow:hidden}.card-effect b{color:#8debf2;font-size:9px;line-height:1.2;display:block}.card-effect p{color:#d4dde1;word-break:keep-all;overflow-wrap:anywhere;margin:3px 0 0;font-size:8px;line-height:1.36}.card-stats{grid-template-columns:38px 1fr 38px;align-items:center;gap:3px;font-size:9px;font-weight:900;display:grid}.card-stats>span{border-radius:4px;justify-content:center;align-items:center;gap:2px;height:22px;display:flex}.attack-stat{color:#ffe8eb;background:#8e3141}.health-stat{color:#e2fff3;background:#29674e}.health-stat i{color:#c5ceff;font-size:7px;font-style:normal}.card-stats em{color:#90a4ae;white-space:nowrap;justify-content:center;align-items:center;gap:2px;font-size:6px;font-style:normal;display:flex;overflow:hidden}.card-hover-tooltip{z-index:100;color:#edf9fa;pointer-events:none;background:linear-gradient(150deg,#12222cfa,#04090efc);border:1px solid #69e2ed9e;border-radius:8px;width:min(250px,100vw - 24px);padding:12px 13px;animation:.13s ease-out cardTooltipIn;position:fixed;transform:translate(-50%,-100%);box-shadow:0 16px 36px #000000b8,inset 0 0 0 1px #ffffff0d}.card-hover-tooltip.is-below{transform:translate(-50%)}.card-hover-tooltip>div{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.card-hover-tooltip strong{color:var(--gold);font-size:14px}.card-hover-tooltip>div span{color:#91b3bd;letter-spacing:.5px;white-space:nowrap;font-size:9px}.card-hover-tooltip>b{color:#86edf3;font-size:11px}.card-hover-tooltip p{color:#d3dfe2;word-break:keep-all;margin:4px 0 10px;font-size:11px;line-height:1.45}.card-hover-tooltip footer{flex-wrap:wrap;gap:5px;display:flex}.card-hover-tooltip footer span,.card-hover-tooltip footer em{color:#d9eced;background:#ffffff0d;border:1px solid #ffffff1c;align-items:center;gap:4px;padding:4px 6px;font-size:9px;font-style:normal;display:inline-flex}.card-hover-tooltip footer span:first-child{color:#ffb3bf}.card-hover-tooltip footer span:nth-child(2){color:#a6f3cf}.card-hover-tooltip footer svg{width:12px}@keyframes cardTooltipIn{0%{opacity:0}to{opacity:1}}.duel-lobby{background:linear-gradient(#04070cb8,#04070cf5),url(/assets/goa-tactics-keyart.png) 50%/cover fixed;place-content:center;min-height:100vh;padding:35px 20px;display:grid}.lobby-panel{text-align:center;background:#060b12f5;border:1px solid #51e2ee3d;width:min(820px,100vw - 36px);padding:38px;box-shadow:0 35px 100px #000}.lobby-panel .eyebrow{justify-content:center}.lobby-panel h1{margin:10px 0 20px;font-family:Black Han Sans;font-size:clamp(30px,5vw,50px)}.room-code{cursor:pointer;background:#0b151d;border:1px solid #354b57;align-items:center;gap:12px;margin:0 auto 28px;padding:10px 17px;display:flex}.room-code span{color:#6d838e;font-size:9px}.room-code strong{color:var(--gold);letter-spacing:2px}.ranked-lobby-label{width:fit-content;color:var(--gold);letter-spacing:1px;background:#63461329;border:1px solid #eab64d80;margin:0 auto 28px;padding:10px 16px;font-size:10px;font-weight:900}.duelist-seats{grid-template-columns:1fr 1fr;gap:80px;display:grid;position:relative}.duelist-seats article{color:#52636c;background:#ffffff03;border:1px dashed #2b3a43;align-content:center;place-items:center;gap:8px;min-height:210px;padding:22px;display:grid;position:relative}.duelist-seats article.occupied{color:#e9f7f8;background:radial-gradient(circle at 50% 20%,#39d5e221,#0000 60%);border:1px solid #315c67}.duelist-seats article>span{color:#445965;font-family:Black Han Sans;position:absolute;top:8px;left:12px}.duelist-seats article svg{width:45px;height:45px;color:var(--cyan)}.duelist-seats article strong{font-size:18px}.duelist-seats article small{color:#768d98;letter-spacing:1.5px;font-size:8px}.duelist-seats article em{color:#72f1a4;background:#52ee901a;padding:4px 9px;font-size:8px;font-style:normal}.empty-seat{border:1px solid #35454e;border-radius:50%;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.versus-mark{border:1px solid var(--gold);width:58px;height:58px;color:var(--gold);background:#111922;border-radius:50%;place-items:center;font-family:Black Han Sans;font-size:21px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ffc34e21}.lobby-announcement{color:#83949d;margin:20px 0;font-size:11px}.lobby-actions{justify-content:center;gap:10px;display:flex}.lobby-actions button{cursor:pointer;background:#12232c;border:1px solid #3a5663;justify-content:center;align-items:center;gap:8px;min-width:170px;padding:13px;font-weight:800;display:flex}.lobby-actions button:first-child,.lobby-actions button.ready-active{color:#15100a;background:#c98e2d;border-color:#e2af47}.duel-lobby.is-ranked .lobby-actions .cancel-match-button{color:#ffc1c9;background:#251820;border-color:#6b4650}.duel-lobby.is-ranked .lobby-actions .cancel-match-button:disabled{cursor:wait;opacity:.65}.duel-table{background:radial-gradient(#162831 0%,#080e14 45%,#030507 100%);grid-template-rows:58px minmax(0,1fr) 234px;height:100dvh;min-height:720px;display:grid;position:relative;overflow:hidden}.table-header{z-index:10;background:#03070bf0;border-bottom:1px solid #1b313b;grid-template-columns:1fr auto 1fr;align-items:center;min-height:0;padding:0 25px;display:grid;position:relative}.turn-display{align-items:center;gap:8px;display:flex}.turn-display small{color:#637b87;letter-spacing:1.5px}.turn-display strong{color:var(--gold);font-size:22px}.turn-display span{min-width:54px;color:var(--cyan);align-items:center;gap:4px;margin-left:8px;font-weight:900;display:flex}.turn-display svg{width:15px}.room-mini{color:#526b76;letter-spacing:1px;justify-self:end;font-size:9px}.battle-mat{grid-template-rows:54px 32px minmax(136px,1fr) 40px minmax(136px,1fr) 54px;gap:6px;width:min(1120px,100%);max-width:1120px;height:100%;min-height:0;margin:0 auto;padding:10px 25px 8px;display:grid;position:relative}.battle-mat:before{content:"";pointer-events:none;background:repeating-linear-gradient(60deg,#44c1cf05 0 1px,#0000 1px 28px);border:1px solid #48ccda17;position:absolute;inset:10px -40px;transform:perspective(900px)rotateX(2deg)}.combat-animation{z-index:30;pointer-events:none;position:absolute;inset:0;overflow:hidden}.combat-strike{left:var(--fx-start-x);top:var(--fx-start-y);color:#5c160a;filter:drop-shadow(0 0 10px #ffb74f);background:radial-gradient(circle,#fff8d9 0 18%,#eea436 22%,#e15a2a26 62%,#0000 70%);border:1px solid #ffe1a0;border-radius:50%;place-items:center;width:34px;height:34px;animation:.66s cubic-bezier(.2,.85,.2,1) forwards combatCharge;display:grid;position:absolute;transform:translate(-50%,-50%)}.combat-trail{left:var(--fx-start-x);top:var(--fx-start-y);width:var(--fx-distance);transform-origin:0;height:3px;transform:rotate(var(--fx-angle));opacity:0;background:linear-gradient(90deg,#ffe79200,#ffb441e6,#ff6f4100);animation:.5s ease-out forwards combatTrail;position:absolute}.combat-impact{left:calc(var(--fx-start-x) + var(--fx-delta-x));top:calc(var(--fx-start-y) + var(--fx-delta-y));opacity:0;border:2px solid #fff1be;border-radius:50%;width:18px;height:18px;animation:.38s ease-out .42s forwards combatImpact;position:absolute;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 #ffa13ccc}.combat-animation p{color:#f4e5c4;letter-spacing:.2px;opacity:0;white-space:nowrap;background:#070b10db;border:1px solid #ffca6399;margin:0;padding:6px 10px;font-size:10px;font-weight:800;animation:.68s ease-out forwards combatCallout;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.combat-animation p b{color:#ffcf6d}.combat-animation p span{color:#b8c4c7;margin:0 5px;font-size:8px}.combat-animation p strong{color:#ff8c91}.resource-change-float{z-index:42;pointer-events:none;text-shadow:0 1px 2px #000;background:#050a10e0;border:1px solid;border-radius:999px;align-items:center;gap:3px;padding:4px 7px;font-size:14px;font-weight:900;line-height:1;animation:.95s cubic-bezier(.2,.75,.28,1) forwards resourceChangeFloat;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 16px #00000073}.resource-change-float svg{width:13px}.resource-change-float.is-gold{color:#ffd15d}.resource-change-float.is-health.is-positive{color:#79efad}.resource-change-float.is-health.is-negative{color:#ff7185}.resource-change-float.is-negative{animation-name:resourceChangeHit}@keyframes resourceChangeFloat{0%{opacity:0;transform:translate(-50%,-35%)scale(.72)}15%{opacity:1;transform:translate(-50%,-55%)scale(1.08)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-170%)scale(.92)}}@keyframes resourceChangeHit{0%{opacity:0;transform:translate(-50%,-35%)scale(1.35)}14%{opacity:1;transform:translate(-50%,-55%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-155%)scale(.9)}}@keyframes combatCharge{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}15%{opacity:1}70%{transform:translate(calc(var(--fx-delta-x) - 50%), calc(var(--fx-delta-y) - 50%)) scale(1);opacity:1}to{transform:translate(calc(var(--fx-delta-x) - 50%), calc(var(--fx-delta-y) - 50%)) scale(.2);opacity:0}}@keyframes combatTrail{10%{opacity:.75}75%{opacity:.38}to{opacity:0}}@keyframes combatImpact{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(4.5);box-shadow:0 0 18px 6px #ff8e3000}}@keyframes combatCallout{0%,to{opacity:0}18%,75%{opacity:1}}.player-badge{text-align:left;z-index:2;background:linear-gradient(90deg,#101b23,#080e14);border:1px solid #263e48;grid-template-columns:39px 1fr 60px 60px 44px;align-items:center;gap:7px;width:375px;height:54px;padding:6px 11px;display:grid;position:relative}.player-badge.is-opponent{justify-self:end}.player-badge.is-active{border-color:var(--gold);box-shadow:0 0 20px #ffbe4126}.player-badge:not(:disabled){cursor:crosshair;animation:1.2s infinite targetPulse}@keyframes targetPulse{50%{box-shadow:0 0 25px #ff526d66}}.avatar{width:34px;height:34px;color:var(--cyan);background:#132833;border:1px solid #3e6571;border-radius:50%;place-items:center;display:grid}.player-badge div:nth-child(2){display:grid}.player-badge small{color:#627a85;letter-spacing:1.5px;font-size:7px}.player-badge strong{font-size:13px}.life-orb,.gold-orb,.deck-counter{justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:900;display:flex}.life-orb{color:#ff7185}.gold-orb{color:#ffd15d}.deck-counter{color:#aab7bd}.player-badge svg{width:14px}.opponent-hand{justify-content:center;align-items:center;height:32px;display:flex}.opponent-hand i{color:#d7ad52;width:27px;height:32px;transform:rotate(calc((var(--back-index) - 3) * 2deg));background:repeating-radial-gradient(circle,#244953 0 2px,#08141b 3px 7px);border:1px solid #d6a846;border-radius:3px;place-items:center;margin-left:-7px;font-family:Black Han Sans;font-size:6px;font-style:normal;display:grid}.card-board-row{z-index:2;grid-template-columns:repeat(5,minmax(104px,124px));justify-content:center;align-items:center;gap:12px;display:grid;position:relative}.card-board-row.enemy{transform:perspective(1000px)rotateX(-2deg)}.card-board-row.mine{transform:perspective(1000px)rotateX(2deg)}.card-slot{width:124px;height:166px;position:relative}.card-slot:before{content:"";clip-path:polygon(13% 0,87% 0,100% 10%,100% 90%,87% 100%,13% 100%,0 90%,0 10%);background:#14323c1f;border:1px solid #56c6d321;position:absolute;inset:4px}.card-slot.has-poison:before{background:radial-gradient(circle at 50% 75%,#7e30c257,#14323c1f 66%);border-color:#9f5ce7d9;box-shadow:inset 0 0 18px #a147e95c}.poison-slot-indicator{z-index:8;color:#f0d7ff;pointer-events:none;background:#2a1043f0;border:1px solid #d6a8ffb8;border-radius:4px;align-items:center;gap:2px;padding:3px 4px;font-family:Black Han Sans,sans-serif;font-size:8px;line-height:1;display:inline-flex;position:absolute;top:-15px;right:5px;box-shadow:0 2px 7px #00000073}.poison-slot-indicator svg{color:#cc8fff;width:9px;height:9px}.empty-card-slot{color:#31515e;cursor:pointer;background:#050c114d;border:1px dashed #54b6c233;place-content:center;gap:4px;display:grid;position:absolute;inset:4px}.empty-card-slot:not(:disabled):hover{color:var(--cyan);border-color:var(--cyan);background:#37dbe814}.empty-card-slot span{font-family:Black Han Sans;font-size:20px}.empty-card-slot small{letter-spacing:1.5px;font-size:6px}.duel-card.is-compact{border-radius:7px;grid-template-rows:21px 82px 24px 1fr;width:124px;height:166px;padding:5px}.duel-card.is-compact .card-effect,.duel-card.is-compact .card-title small{display:none}.duel-card.is-compact .card-stats{grid-row:4}.duel-card.is-compact .barrier-indicator{width:31px;height:36px;top:21px;right:5px}.duel-card.is-compact .barrier-indicator:before{inset:1px 1px 4px}.duel-card.is-compact .barrier-indicator b{font-size:9px;top:9px}.duel-card.is-compact .barrier-indicator small{font-size:4px}.duel-card.is-compact .health-shield-indicator{width:31px;height:36px;top:21px;left:5px}.duel-card.is-compact .health-shield-indicator:before{inset:1px 1px 4px}.duel-card.is-compact .health-shield-indicator b{font-size:8px;top:9px}.duel-card.is-compact .health-shield-indicator small{font-size:4px}.duel-card.is-compact .spirit-indicator{top:24px;left:5px}.duel-card.is-compact .spirit-indicator b{font-size:4px}.duel-card.is-compact:hover:not(:disabled),.duel-card.is-compact.is-selected{transform:translateY(-5px)scale(1.03)}.duel-status{z-index:3;background:#0000003d;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;grid-template-columns:130px minmax(0,1fr) 90px;align-items:center;gap:10px;padding:0 12px;display:grid;position:relative}.duel-status>span{color:#667984;letter-spacing:1px;font-family:Black Han Sans}.duel-status>span.your-turn{color:var(--gold)}.duel-status p{text-align:center;color:#b7c8ce;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:10px;overflow:hidden}.duel-status button{color:#100c07;cursor:pointer;background:#b77c23;border:1px solid #d2a64c;padding:7px 11px;font-size:11px;font-weight:900}.hand-zone{z-index:20;background:linear-gradient(#05090dad,#040609 20%);border-top:1px solid #1c3641;grid-template-columns:145px minmax(0,1fr) 72px;align-items:end;gap:14px;min-height:0;padding:8px 28px 10px;display:grid;box-shadow:0 -20px 50px #0009}.hand-meta{color:#566d78;align-self:center;gap:5px;display:grid}.hand-meta span{color:var(--cyan);letter-spacing:2px;font-size:8px}.hand-meta b{color:#e3edf0;font-size:22px}.hand-meta small{font-size:9px;line-height:1.5}.hand-cards{scrollbar-color:#4f7d8a #0a1218;justify-content:center;align-items:flex-end;gap:7px;min-width:0;height:215px;padding:6px 8px 0;display:flex;overflow:auto hidden}.duel-card-wrap{width:fit-content;position:relative}.duel-card-wrap.is-disabled{cursor:help}.card-hover-catcher{z-index:4;cursor:help;position:absolute;inset:0}.hand-cards .duel-card-wrap{flex:0 0 150px;width:150px;height:220px}.hand-cards .duel-card{grid-template-rows:23px 82px 27px minmax(46px,1fr) 22px;width:100%;height:100%}.hand-cards .duel-card:hover:not(:disabled),.hand-cards .duel-card.is-selected{transform:translateY(-10px)scale(1.025)}.discard-pile{color:#6e7d84;align-self:center;place-items:center;gap:3px;display:grid}.discard-pile svg{width:28px}.discard-pile span{font-size:8px}.discard-pile b{color:#d3dade}.victory-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020407e3;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.victory-overlay svg{width:70px;height:70px;color:var(--gold);filter:drop-shadow(0 0 25px #ffc14866)}.victory-overlay small{color:var(--cyan);letter-spacing:4px;margin-top:18px}.victory-overlay h2{color:var(--gold);margin:5px;font-family:Black Han Sans;font-size:80px}.victory-overlay p{color:#9eafb7}.victory-overlay button{border:1px solid var(--gold);color:#120d07;cursor:pointer;background:#c88a28;margin-top:15px;padding:12px 30px;font-weight:900}@media (width<=1180px){.duel-hero{grid-template-columns:1fr 360px}.showcase-cards{display:none}.battle-mat{transform-origin:top}.card-board-row{gap:8px}}@media (height<=850px) and (width>=801px){.duel-table{grid-template-rows:50px minmax(0,1fr) 198px;min-height:0}.table-header{padding:0 18px}.battle-mat{grid-template-rows:42px 26px minmax(112px,1fr) 34px minmax(112px,1fr) 42px;gap:4px;padding:7px 20px 5px}.player-badge{grid-template-columns:30px 1fr 52px 52px 38px;gap:5px;width:330px;height:42px;padding:4px 8px}.avatar{width:27px;height:27px}.avatar svg{width:14px}.player-badge small{font-size:6px}.player-badge strong{font-size:11px}.life-orb,.gold-orb,.deck-counter{font-size:9px}.player-badge svg{width:11px}.opponent-hand i{width:22px;height:25px;margin-left:-6px;font-size:5px}.card-board-row{grid-template-columns:repeat(5,minmax(94px,108px));gap:9px}.card-slot{width:108px;height:136px}.poison-slot-indicator{padding:2px 3px;font-size:7px;top:-13px;right:3px}.duel-card.is-compact{grid-template-rows:18px 63px 21px 1fr;width:108px;height:136px;padding:4px}.duel-card.is-compact .card-topline b{font-size:10px}.duel-card.is-compact .card-topline span{width:18px;height:18px;font-size:9px}.duel-card.is-compact .card-title strong{font-size:8px}.duel-card.is-compact .card-stats>span{height:18px;font-size:8px}.duel-card.is-compact .card-stats em{font-size:5px}.duel-card.is-compact .barrier-indicator{top:18px;right:4px}.duel-card.is-compact .health-shield-indicator{top:18px;left:4px}.duel-status{grid-template-columns:115px minmax(0,1fr) 78px;gap:7px;padding:0 8px}.duel-status>span,.duel-status p{font-size:8px}.duel-status button{padding:5px 7px;font-size:9px}.resource-change-float{padding:3px 5px;font-size:11px}.resource-change-float svg{width:11px}.hand-zone{grid-template-columns:105px minmax(0,1fr) 55px;gap:8px;padding:5px 18px 7px}.hand-meta b{font-size:18px}.hand-meta small{font-size:8px}.hand-cards{gap:5px;height:188px;padding-top:3px}.hand-cards .duel-card-wrap{flex-basis:150px;width:150px;height:188px}.hand-cards .duel-card{grid-template-rows:20px 60px 22px minmax(50px,1fr) 20px;width:100%;height:100%;padding:5px}.hand-cards .card-topline b{font-size:10px}.hand-cards .card-topline span{width:19px;height:19px;font-size:9px}.hand-cards .card-title strong{font-size:8px}.hand-cards .card-effect{padding:3px 4px}.hand-cards .card-effect b{font-size:8px}.hand-cards .card-effect p{margin-top:2px;font-size:8px;line-height:1.3}.hand-cards .card-stats>span{height:19px;font-size:8px}.hand-cards .card-stats em{font-size:5px}}@media (width<=800px){.duel-landing{padding:22px 18px}.landing-tutorial-button{top:22px;right:18px}.landing-card-gallery-button{top:22px;right:168px}.landing-patch-notes-button{top:67px;right:18px}.landing-leaderboard-button{top:67px;right:151px}.card-gallery{padding:22px 18px 52px}.card-gallery-header{grid-template-columns:1fr auto;gap:18px 10px}.card-gallery-header>div{grid-area:1/1/auto/-1}.card-gallery-header>b{grid-area:2/2;font-size:12px}.gallery-back-button{grid-area:2/1;width:fit-content}.card-gallery-controls{margin-bottom:22px}.patch-notes-page{padding:22px 18px 52px}.patch-notes-header{grid-template-columns:1fr;gap:18px}.patch-note{padding:20px 18px}.leaderboard-page{padding:22px 18px 52px}.leaderboard-header{grid-template-columns:1fr;gap:18px}.leaderboard-panel-head,.leaderboard-row{grid-template-columns:48px minmax(105px,1fr) 88px 64px 88px 52px;gap:7px;padding:0 12px}.tutorial-content{min-height:250px;padding:26px 22px 18px}.tutorial-content h2{font-size:24px}.duel-hero{padding-top:60px;display:block}.hero-copy h1{font-size:48px}.duel-connect-panel{margin-top:35px}.landing-rules{display:none}.duelist-seats{gap:30px}.lobby-panel{padding:25px 15px}.duel-table{height:auto;min-height:100dvh;display:block;overflow-x:hidden}.table-header{grid-template-columns:1fr auto;min-height:50px;padding:0 12px}.table-header .duel-logo strong{font-size:28px}.table-header .duel-logo span{font-size:14px}.table-header .duel-logo small{display:none}.turn-display{gap:4px}.turn-display small{display:none}.turn-display strong{font-size:18px}.turn-display span{min-width:40px;margin-left:3px;font-size:10px}.battle-mat{grid-template-rows:42px 22px 96px 34px 96px 42px;gap:4px;width:100%;height:auto;min-height:0;margin:0;padding:6px}.battle-mat:before{inset:4px}.player-badge{grid-template-columns:28px minmax(0,1fr) 42px 46px 28px;gap:3px;width:100%;height:42px;padding:4px 7px}.avatar{width:25px;height:25px}.avatar svg{width:13px}.player-badge small{letter-spacing:.8px;font-size:6px}.player-badge strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.life-orb,.gold-orb,.deck-counter{gap:1px;font-size:8px}.player-badge svg{width:10px}.opponent-hand{height:22px}.opponent-hand i{width:18px;height:21px;margin-left:-5px;font-size:4px}.card-board-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%}.card-board-row.enemy,.card-board-row.mine{transform:none}.card-slot{width:100%;height:96px}.poison-slot-indicator{padding:2px;font-size:6px;top:-11px;right:2px}.duel-card.is-compact{border-width:1px;grid-template-rows:15px 43px 17px 1fr;width:100%;height:96px;padding:3px}.duel-card.is-compact .card-topline{padding:0 2px}.duel-card.is-compact .card-topline b{text-overflow:ellipsis;white-space:nowrap;max-width:40px;font-size:7px;overflow:hidden}.duel-card.is-compact .card-topline span{width:15px;height:15px;font-size:7px}.duel-card.is-compact .card-title{padding:1px 2px}.duel-card.is-compact .card-title strong{font-size:6px}.duel-card.is-compact .card-stats{grid-template-columns:20px 1fr 20px;gap:1px}.duel-card.is-compact .card-stats>span{height:15px;font-size:7px}.duel-card.is-compact .card-stats>span svg{width:8px}.duel-card.is-compact .card-stats em{font-size:4px}.duel-card.is-compact .barrier-indicator{width:22px;height:27px;top:16px;right:2px}.duel-card.is-compact .barrier-indicator b{font-size:7px;top:7px}.duel-card.is-compact .barrier-indicator small{font-size:3px}.duel-card.is-compact .health-shield-indicator{width:22px;height:27px;top:16px;left:2px}.duel-card.is-compact .health-shield-indicator b{font-size:6px;top:7px}.duel-card.is-compact .health-shield-indicator small{font-size:3px}.duel-card.is-compact .spirit-indicator{top:17px;left:2px}.duel-card.is-compact .spirit-indicator svg{width:12px}.duel-status{grid-template-columns:78px minmax(0,1fr) 58px;gap:3px;padding:0 5px}.resource-change-float{padding:2px 4px;font-size:9px}.resource-change-float svg{width:9px}.duel-status>span,.duel-status p{font-size:7px}.duel-status button{padding:5px 4px;font-size:8px}.room-mini{display:none}.hand-zone{min-height:0;padding:8px 8px 10px;display:block}.hand-meta{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;padding:0 4px 5px}.hand-meta b{font-size:15px}.hand-meta small{text-align:right;font-size:8px}.hand-cards{scroll-snap-type:x proximity;justify-content:flex-start;gap:7px;height:174px;padding:3px 4px 0}.hand-cards .duel-card-wrap{scroll-snap-align:start;flex:0 0 116px;width:116px;height:166px}.hand-cards .duel-card{grid-template-rows:19px 57px 21px minmax(46px,1fr) 19px;width:100%;height:100%;padding:4px}.hand-cards .card-effect p{font-size:7px}.discard-pile{display:none}}@media (width<=480px){.landing-card-gallery-button{top:67px;right:18px}.landing-patch-notes-button{top:112px;right:18px}.landing-leaderboard-button{top:157px;right:18px}.duel-hero{padding-top:154px}.leaderboard-panel-head,.leaderboard-row{grid-template-columns:36px minmax(75px,1fr) 54px 52px;gap:5px;padding:0 9px}.leaderboard-panel-head span:nth-child(5),.leaderboard-panel-head span:nth-child(6),.leaderboard-row>span:nth-last-child(-n+2){display:none}.leaderboard-row{min-height:60px}.leaderboard-row>strong{font-size:12px}.leaderboard-tier{padding:3px 4px;font-size:7px}.leaderboard-lp{font-size:12px}.card-gallery-header h1{font-size:30px}.card-gallery-header>div>span{line-height:1.45;display:block}.card-gallery-controls small{width:100%;margin-left:0;padding-top:2px}.card-gallery-grid{grid-template-columns:1fr;gap:24px}}@media (width<=370px){.card-slot,.duel-card.is-compact{height:88px}.battle-mat{grid-template-rows:40px 20px 88px 32px 88px 40px}.duel-card.is-compact{grid-template-rows:14px 39px 15px 1fr}.duel-card.is-compact .card-topline b{max-width:34px;font-size:6px}.duel-card.is-compact .card-title strong{font-size:5px}.duel-card.is-compact .card-stats em{display:none}}