.game-shell{max-width:1280px;margin:auto;padding:0 5% 65px}.game-body .topbar{border-bottom:1px solid #cbd0cb}.game-body [aria-current=page]{color:#d9354f}.battle-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:65px 0 40px}.battle-hero h1{font:800 clamp(55px,5.8vw,84px)/.94 var(--display);letter-spacing:-1px;margin:22px 0}.battle-hero em{font-style:normal;color:var(--red)}.battle-hero p{font-size:14px;line-height:1.8;color:#647178}.lobby-actions{display:flex;align-items:center;gap:16px;margin-top:28px}.battle-poster{position:relative;min-height:400px;background:radial-gradient(ellipse,#d1e8dd,transparent 68%);display:flex;align-items:center;justify-content:center}.poster-grid{position:absolute;inset:25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:perspective(500px) rotateX(15deg)}.poster-grid span{border:1px solid #a8bdb688;border-radius:8px;padding:14px;font:600 14px var(--display);color:#69847e}#poster-cards{display:flex;align-items:center;position:relative;gap:10px;width:95%}#poster-cards .battle-card{width:33%;box-shadow:0 16px 35px #0d282b33}#poster-cards .battle-card:nth-child(1){transform:rotate(-9deg) translateY(15px)}#poster-cards .battle-card:nth-child(2){transform:translateY(-13px);z-index:1}#poster-cards .battle-card:nth-child(3){transform:rotate(9deg) translateY(15px)}.poster-tag{position:absolute;bottom:0;letter-spacing:3px;font-size:10px}.battle-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #cbd0cb;padding:25px 0;gap:20px}.battle-facts>div{display:flex;gap:17px;align-items:center}.battle-facts b{font:600 32px var(--display);color:#b9c8be}.battle-facts span{font-size:11px;color:#65736d}.battle-facts strong{display:block;font-size:13px;color:var(--ink);margin-bottom:7px}.game-alert{position:sticky;top:10px;z-index:50;padding:14px 20px;margin-top:12px;background:#fff2de;border:1px solid #d7a773;font-size:13px;box-shadow:0 5px 20px #0001}.ranking-section{margin-top:65px}.ranking-section h2,.game-rules h2{font:700 40px var(--display)}.ranking-section .section-head{margin-bottom:15px}.ranking-scroll{overflow:auto}.ranking-section table{width:100%;border-collapse:collapse;min-width:570px;font-size:13px;margin-top:24px}.ranking-section th{text-align:left;padding:14px;color:#72817b;font-size:10px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #bcc8bf}.ranking-section td{padding:18px 14px;border-bottom:1px solid #d8ded7}.ranking-section td:nth-child(3){font-weight:800;color:#c63249}.ranking-section tr.you{background:#dbe9dc}.game-rules{margin-top:55px;border-top:1px solid #cbd0cb;padding-top:30px;max-width:850px}.game-rules p{font-size:13px;line-height:1.9;color:#53635c}.match-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:36px}.match-heading h1{font:700 clamp(33px,4vw,50px) var(--display);margin:10px 0}.match-clock{text-align:right}.match-clock span{display:block;font:700 38px var(--display);font-variant-numeric:tabular-nums;color:#c63249}.match-clock small{font-size:9px;letter-spacing:1px}.match-versus{display:flex;gap:20px;align-items:center;font-size:15px;font-weight:700;margin-top:15px}.match-versus i{font:700 18px var(--display);color:#b5bcb9}.phase-hint{font-size:13px;line-height:1.8;color:#53635c}.pick-toolbar,.hand-toolbar{display:flex;align-items:center;gap:20px;margin:28px 0 18px}.pick-toolbar label{margin-left:auto;min-width:140px;font-size:10px}.pick-toolbar select{padding:8px}.pick-toolbar strong,.hand-toolbar strong{font:600 23px var(--display)}.battle-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px}.battle-card{position:relative;background:#122330;color:white;border:1px solid var(--rarity,#b6c2c9);border-radius:7px;overflow:hidden;width:100%;aspect-ratio:0.68;box-shadow:0 5px 12px #0002;isolation:isolate}.battle-card .card-art{position:absolute;top:0;bottom:0;background-image:var(--art);background-size:400% 400%;background-position:var(--x) var(--y);z-index:-2}.battle-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 35%,#0b182bcc 68%,#07151ff5)}.battle-card.holo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 25%,#6debe02a,transparent 65%);box-shadow:inset 0 0 16px #67e9d566}.battle-card .bc-top{position:absolute;top:9px;left:9px;right:9px;display:flex;justify-content:space-between;font-size:8px;color:#fff;text-shadow:0 1px 4px #000}.bc-content{position:absolute;bottom:10px;left:10px;right:10px}.bc-content small{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:var(--rarity)}.bc-content h3{font:700 clamp(14px,1.6vw,23px)/1 var(--display);text-transform:uppercase;margin:5px 0 10px}.bc-stats{display:flex;justify-content:space-between;font-size:12px;font-weight:700;border-top:1px solid #ffffff40;padding-top:8px}.bc-stats span{white-space:nowrap}.bc-stats .stat-health{color:#ff9aab}.bc-stats .stat-attack{color:#ffe0a6}.bc-stats .stat-speed{color:#94e4e4}.battle-choice{position:relative;min-width:0}.battle-choice.selected .battle-card{outline:3px solid #ed6374;outline-offset:3px}.pick-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 0;font-size:12px}.pick-controls button{background:#dae0d6;width:30px;height:28px;border-radius:3px;font-weight:700}.pick-controls small{color:#6b786f;font-size:10px}.hand-select{background:none;padding:0;width:100%;text-align:left}.hand-select:disabled{opacity:.42}.commander{max-width:370px;margin:25px auto 18px}.commander>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:14px}.commander span{font-size:10px;letter-spacing:1px;font-weight:700}.commander strong{font:700 26px var(--display);color:#c63249}.hp-track{height:6px;background:#cdd5ce;border-radius:6px;overflow:hidden;margin-top:8px}.hp-track i{display:block;height:100%;width:100%;background:#e86076;transition:width .5s}.commander.mine .hp-track i{background:#339b96}.commander small{display:block;text-align:center;margin-top:7px;font-size:10px;color:#66786e}#board-panel{max-width:960px;margin:auto}#lane-labels,.lane-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:570px;margin:auto}#lane-labels{text-align:center;font:600 13px var(--display);letter-spacing:3px;margin-bottom:12px;color:#61796e}.lane-slot{min-width:0;position:relative;aspect-ratio:0.8;border:1px dashed #9fb4a5;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:8px;background:#e7eae14d}.lane-slot .battle-card{height:100%;width:auto;max-width:100%}.lane-empty{font:600 16px var(--display);letter-spacing:2px;color:#7b9586}.lane-slot.playable{cursor:pointer}.lane-slot.playable:hover{background:#d3e5d6;border-color:#327f77}.lane-slot.target{box-shadow:0 0 0 2px #ed6374}.card-back-face{height:100%;width:100%;border-radius:5px;background:repeating-linear-gradient(45deg,#142937,#142937 8px,#1b3240 8px,#1b3240 9px);display:flex;align-items:center;justify-content:center;color:#92b7b4;font:700 35px var(--display);border:1px solid #46656a}.lane-slot.destroyed .battle-card{filter:grayscale(1);opacity:.28}.lane-slot.attacking{animation:attack .5s ease}.lane-slot.hit{animation:hit .5s ease}.lane-slot.revealing{animation:reveal .7s ease}.lane-slot .damage-pop{position:absolute;top:25%;left:50%;z-index:10;font:800 38px var(--display);color:#ff5b70;text-shadow:0 2px 4px #000;animation:damage 1.2s forwards}#battle-announcement{text-align:center;min-height:50px;padding:16px 0;font:600 16px var(--display);letter-spacing:1px;color:#a72c43}.hand-toolbar{justify-content:space-between}.hand-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:13px}.hand-grid .bc-content h3{font-size:18px}.hand-grid .bc-stats{font-size:11px}#placement-help{font-size:12px;line-height:1.6}#combat-log{margin-top:25px;font-size:12px;line-height:1.8}#combat-log summary{cursor:pointer;font-weight:700}#combat-events{padding-left:20px}.surrender-row{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:25px;font-size:12px;color:#8a6466}.result-panel{text-align:center;background:#e3e9df;border:1px solid #bacabb;padding:45px 25px;margin:30px 0}.result-panel h2{font:700 56px var(--display);margin:12px}.result-panel p{font-size:14px;line-height:1.8}.result-panel strong{display:block;color:#277d76;font:600 26px var(--display);margin-bottom:28px}#result-icon{font-size:38px}.game-body .muted{font-size:12px;line-height:1.7}@keyframes attack{50%{transform:translateY(-16px) scale(1.05)}}@keyframes hit{25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px);filter:brightness(1.5)}}@keyframes reveal{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes damage{from{opacity:1;transform:translate(-50%,15px)}to{opacity:0;transform:translate(-50%,-45px)}}
@media(max-width:700px){.game-shell{padding-inline:5%}.battle-hero{grid-template-columns:1fr;padding-top:35px;gap:20px}.battle-hero h1{font-size:65px}.battle-poster{min-height:310px;max-width:420px}.battle-facts{grid-template-columns:1fr;gap:18px}.pick-toolbar{flex-wrap:wrap;gap:12px}.pick-toolbar label{min-width:110px}.pick-toolbar .button{width:100%}.battle-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bc-top{font-size:7px!important}.bc-content{left:7px;right:7px;bottom:8px}.bc-content h3{font-size:15px}.bc-stats{font-size:10px;padding-top:5px}.bc-content small{font-size:7px}.pick-controls{gap:5px;flex-wrap:wrap;font-size:11px}.pick-controls button{width:25px;height:25px}.pick-controls small{width:100%;text-align:center}.lane-row,#lane-labels{gap:9px}.lane-slot{padding:3px}.lane-slot .bc-top{top:5px;left:5px;right:5px}.lane-slot .bc-content h3{font-size:13px;margin:3px 0 5px}.lane-slot .bc-stats{font-size:9px}.lane-slot .bc-content small{display:none}.lane-slot .bc-content{bottom:6px;left:5px;right:5px}.hand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hand-grid .bc-content h3{font-size:15px}.hand-grid .bc-stats{font-size:10px}.match-clock span{font-size:31px}.commander{max-width:250px}.ranking-section{margin-top:45px}.game-body .topbar nav{width:auto;order:initial}.game-body .topbar{gap:20px}.poster-tag{font-size:8px}.battle-poster .bc-content h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.lane-slot,.damage-pop{animation-duration:.01ms!important}.hp-track i{transition:none}}

.game-catalog{margin-top:35px;border:1px solid #cbd0cb;padding:22px}.game-catalog summary{font-weight:700;font-size:14px;cursor:pointer}.game-catalog .battle-card-grid{margin-top:20px}.game-catalog .muted{margin-bottom:0}