:root{color-scheme:dark;font-family:Bahnschrift,Segoe UI Semibold,Arial Narrow,Trebuchet MS,sans-serif;line-height:1.45;font-weight:500;background:#000;color:#e7dbc0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000;text-align:center}button,input{font:inherit}button{cursor:pointer;border:0}input{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid rgba(231,219,192,.12);background:#070a0db3;color:#e7dbc0;text-align:center}pre{margin:0;padding:1rem;border-radius:16px;background:#070a0d9e;overflow:auto;font-family:Courier New,monospace}#root{min-height:100vh}.war-shell{width:min(100%,460px);margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 12px calc(110px + env(safe-area-inset-bottom)) 12px}.top-frame,.panel,.profile-panel,.asset-card,.slot,.hand-card,.hero-card{border:1px solid rgba(231,219,192,.08);box-shadow:0 14px 36px #00000057}.top-frame{display:grid;grid-template-columns:56px 1fr;gap:.85rem;align-items:center;padding:.85rem;border-radius:22px;background:linear-gradient(135deg,#5d150f47,#0c1015eb),#11141beb}.avatar-trigger{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(209,170,83,.35),transparent 30%),linear-gradient(180deg,#4c2916,#1a1d24);padding:5px}.avatar-trigger.busy{box-shadow:0 0 0 2px #60bfd638,0 0 24px #60bfd647}.avatar-core,.profile-avatar{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-family:Bahnschrift,Segoe UI Semibold,Arial Narrow,sans-serif;font-weight:700;color:#f7ebca;background:radial-gradient(circle at 30% 30%,rgba(255,225,160,.25),transparent 28%),linear-gradient(180deg,#302923,#121317)}.avatar-core{font-size:1.15rem}.profile-avatar{width:96px;height:96px;margin:0 auto;font-size:1.45rem}.panel h2,.panel h3,.hero-card strong,.asset-card strong,.slot strong,.hand-card strong{margin:0;font-family:Bahnschrift,Segoe UI Semibold,Arial Narrow,sans-serif;letter-spacing:.05em;text-transform:uppercase}.muted{color:#a8a29a}.masthead{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left}.masthead-kicker,.panel-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#8aa8b3}.masthead strong{font-size:1.02rem;letter-spacing:.06em;text-transform:uppercase;color:#f4e0b8}.status-pill,.nav-pill,.match-pill,.ghost-button,.command-button{border-radius:999px;padding:.72rem .95rem;font-weight:700}.status-pill{width:100%;font-size:.82rem;background:#070a0da6;color:#d8ccb3}.status-pill.hot{background:linear-gradient(135deg,#b34e2c59,#3a130ba6);color:#ffd6b2}.status-pill.cold{background:#070a0da6}.battle-nav{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:15;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.45rem;border-radius:18px;background:#0a0d12eb;border:1px solid rgba(231,219,192,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.battle-nav.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-pill,.match-pill,.ghost-button,.command-button{background:#070a0da6;color:#e7dbc0}.nav-pill{min-height:54px;font-size:.82rem}.nav-pill.active,.match-pill.active,.command-button{background:linear-gradient(135deg,#19455f,#2f7a8e);color:#edf9ff}.command-button.danger{background:linear-gradient(135deg,#6d1820,#ab3142)}.view-frame{margin-top:14px}.screen-grid{display:grid;grid-template-columns:1fr;gap:14px}.panel{padding:.95rem;border-radius:22px;background:linear-gradient(180deg,#1d212af2,#0f1116f2)}.command-panel,.inventory-panel{display:flex;flex-direction:column;gap:.9rem;position:relative}.panel-heading{display:flex;flex-direction:column;align-items:center;gap:.26rem;padding:.35rem 0 .2rem}.operator-avatar{margin-bottom:.2rem}.panel-heading h2{margin:0;font-size:1.55rem;letter-spacing:.1em;color:#f4d8a5;text-shadow:0 0 20px rgba(212,140,79,.16)}.section-head,.login-row,.quick-login,.hero-banner,.hero-grid,.asset-grid,.match-list,.profile-metrics,.history-row,.enemy-stats,.ally-stats,.event-line{display:flex;flex-wrap:wrap;gap:.75rem}.login-row{flex-direction:column;align-items:stretch}.quick-login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-login button,.command-panel button,.hero-card,.ghost-button{padding:.85rem 1rem;border-radius:14px}.quick-login button,.command-panel button{background:linear-gradient(135deg,#16394c,#2a6579);color:#eaf6fb}.hero-banner{align-items:center;padding:.9rem;border-radius:18px;position:relative;overflow:hidden;background:#070a0d70;border:1px solid rgba(231,219,192,.08)}.hero-banner-top{flex-direction:column;align-items:center;text-align:center;padding-top:.9rem;gap:.4rem}.hero-profile-mini{position:absolute;top:8px;right:8px;width:38px!important;height:38px!important;min-height:0!important;padding:4px!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;z-index:5}.hero-profile-mini .avatar-core{font-size:.82rem}.hero-banner-top:before{content:"";position:absolute;top:-10%;right:-5%;bottom:-10%;left:-5%;background-image:var(--hero-panel-image);background-position:center 18%;background-size:cover;background-repeat:no-repeat;filter:blur(52px) saturate(.95) brightness(.55);opacity:.5;transform:scale(1.16);z-index:0}.hero-banner-top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 22%,rgba(92,34,24,.16),transparent 38%),linear-gradient(180deg,#0d0f1414,#0b0d124d 34%,#08090dd1 72%,#050609fa);z-index:1}.hero-portrait-stage{position:relative;width:220px;max-width:100%;padding-bottom:.6rem;isolation:isolate;z-index:3}.hero-select-trigger{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important;cursor:pointer}.hero-banner-copy{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hero-banner-copy.overlay{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:100%;z-index:4;padding:2.55rem .75rem .22rem;background:linear-gradient(180deg,#070a0d00,#070a0d57 52%,#070a0dad)}.hero-banner-copy.overlay h3,.hero-banner-copy.overlay .hero-banner-role,.hero-banner-copy.overlay .muted{position:relative;z-index:5;text-shadow:0 2px 12px rgba(0,0,0,.85)}.hero-banner-copy.overlay h3{color:#f5e4bd}.hero-banner-copy.overlay .hero-banner-role{color:#f0cf98}.hero-banner-copy.overlay .muted{color:#c7c2b6}.hero-banner-top h3{margin:0;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}.hero-banner-role{margin:0;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:#e0c899}.hero-glyph{border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;flex-shrink:0}.hero-glyph-media,.asset-frame-media,.slot-media{width:100%;height:100%;object-fit:cover;display:block}.asset-frame-media,.slot-media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-glyph.small{width:56px;height:56px;font-size:.6rem}.hero-glyph.large{width:220px;height:280px;font-size:.72rem;border-radius:999px 999px 0 0;overflow:hidden;box-shadow:0 22px 48px #0000004d,0 0 26px #00000029;z-index:2;-webkit-mask-image:radial-gradient(circle at 50% 10%,#000 0 34%,rgba(0,0,0,.82) 46%,rgba(0,0,0,.42) 62%,rgba(0,0,0,.12) 78%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.22) 6%,rgba(0,0,0,.78) 16%,#000 28%,#000 56%,rgba(0,0,0,.48) 74%,rgba(0,0,0,.08) 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(circle at 50% 10%,#000 0 34%,rgba(0,0,0,.82) 46%,rgba(0,0,0,.42) 62%,rgba(0,0,0,.12) 78%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.22) 6%,rgba(0,0,0,.78) 16%,#000 28%,#000 56%,rgba(0,0,0,.48) 74%,rgba(0,0,0,.08) 88%,transparent 100%);mask-composite:intersect}.hero-glyph:before,.asset-frame{background:radial-gradient(circle at 35% 30%,rgba(255,229,165,.16),transparent 30%),linear-gradient(180deg,#0c101599,#1d120db3)}.hero-glyph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.asset-frame span{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:.35rem;text-shadow:0 2px 6px rgba(0,0,0,.72)}.hero-glyph .hero-glyph-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;object-position:center 30%}.hero-glyph.large .hero-glyph-media{object-position:center 22%;transform:scale(1.08)}.hero-banner-top .hero-glyph.large:before{background:linear-gradient(180deg,#0000,#00000008,#0003 68%,#000000b8)}.hero-banner-top .hero-glyph.large:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 8%,#070a0d00 0,#070a0d00 50%,#070a0d14,#070a0d38 76%,#070a0d85 90%,#070a0dc7),linear-gradient(180deg,#070a0d00,#070a0d03 24%,#070a0d1f 52%,#070a0d7a 78%,#070a0dc7);z-index:1}.tone-crimson{background-color:#892b192e}.tone-ash{background-color:#5c5f632e}.tone-iron{background-color:#4c5d722e}.tone-bone{background-color:#7665442e}.tone-toxic{background-color:#3a6d342e}.hero-grid{display:grid;grid-template-columns:1fr}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.hero-card{display:flex;align-items:center;gap:.8rem;text-align:left;background:#070a0d80;color:#e7dbc0}.hero-card.selected{border:1px solid rgba(118,189,211,.55);box-shadow:0 0 0 1px #76bdd33d inset}.hero-picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;border-radius:22px;background:#04070ad1;display:flex;align-items:flex-end;justify-content:center;padding:.8rem}.hero-picker-body{position:relative;width:100%;max-height:74%;overflow:auto;border-radius:16px;padding:.7rem;background:linear-gradient(180deg,#12161dfa,#080a0efa);border:1px solid rgba(231,219,192,.1)}.hero-picker-head{display:flex;justify-content:flex-start;align-items:center;margin-bottom:.55rem;margin-top:.2rem}.hero-picker-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#7b2931e6;color:#ffe2de;font-size:.82rem;font-weight:700;line-height:1}.hero-picker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.hero-tile{background:linear-gradient(180deg,#25738cb8,#15536ab8);border:1px solid rgba(126,199,221,.25);padding:.45rem .35rem .4rem;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:.28rem;min-height:148px}.hero-tile .hero-glyph.small{width:76px;height:76px;box-shadow:0 6px 16px #00000052}.hero-tile.selected .hero-glyph.small{box-shadow:0 0 0 2px #76bdd3a6,0 6px 18px #00000057}.hero-tile-name{width:100%;font-size:.56rem;line-height:1.1;text-transform:uppercase;letter-spacing:.04em;color:#f3e2bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-tile-pick{margin-top:auto;width:100%;min-height:26px;border-radius:10px;background:linear-gradient(135deg,#18465f,#2f7a8e);color:#eaf6fb;font-size:.6rem;font-weight:700;padding:.28rem .35rem}.hero-preview{position:relative;margin:0 0 .75rem;border-radius:14px;border:1px solid rgba(231,219,192,.12);background:#070a0da3;min-height:220px;overflow:hidden}.hero-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05080b00 16%,#05080b5c 38%,#05080bd1 58%,#05080bfa 74%,#05080b);pointer-events:none}.hero-preview-media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-preview-image{width:100%;height:100%;object-fit:contain;object-position:left center;transform:scale(1.06);display:block}.hero-preview-info{position:absolute;top:14px;right:12px;bottom:12px;width:48%;z-index:2;display:flex;flex-direction:column;gap:.2rem;text-align:left;justify-content:flex-start}.hero-preview-info strong{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#f2dfb8}.hero-preview-info span{font-size:.64rem;line-height:1.2;color:#d7ccbb}.asset-card{display:flex;flex-direction:column;gap:.24rem;padding:.42rem;border-radius:12px;background:linear-gradient(180deg,#1f232ceb,#0a0c10eb)}.asset-card.clickable{cursor:pointer}.asset-card strong{font-size:.68rem;line-height:1.15;text-align:left}.asset-card>span{font-size:.62rem;line-height:1.1;text-align:left;color:#d2c6ac}.asset-frame{width:100%;min-height:106px;position:relative;overflow:hidden;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(231,219,192,.08)}.asset-frame>*{position:relative;z-index:1}.asset-add{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:1.1rem;line-height:1;background:linear-gradient(135deg,#17536cf0,#277e96f0);color:#e6f8ff;box-shadow:0 6px 16px #00000061}.card-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;background:#06090d5c;-webkit-backdrop-filter:blur(8px) saturate(.88);backdrop-filter:blur(8px) saturate(.88)}.card-viewer-window{position:relative;width:min(92vw,430px);height:min(70vh,620px);border-radius:18px;overflow:hidden;border:1px solid rgba(231,219,192,.14);background:#05080be0;box-shadow:0 28px 60px #00000080;animation:card-viewer-enter .26s cubic-bezier(.22,.8,.24,1) both}.card-viewer-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080b00 40%,#05080ba8 72%,#05080bf5);pointer-events:none}.card-viewer-close{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#0b1016e0;color:#eef7fb;border:1px solid rgba(231,219,192,.16)}.card-viewer-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center}.card-viewer-info{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:.22rem;padding:.75rem .8rem .82rem;text-align:left}.card-viewer-info strong{font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:#f3dfb8}.card-viewer-info span{font-size:.72rem;line-height:1.2;color:#d7ccbb}@keyframes card-viewer-enter{0%{opacity:0;transform:translate(-36px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.asset-frame.compact{min-height:54px}.deck-summary{display:inline-flex;gap:.8rem;align-items:center;padding:.8rem 1rem;border-radius:16px;background:#070a0d80}.deck-summary strong{font-size:1.2rem}.deck-warning{margin:.2rem 0 0;text-align:center;font-size:.8rem;letter-spacing:.05em;color:#cbbda1}.deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.deck-slot{position:relative;min-height:112px;border-radius:12px;overflow:hidden;border:1px solid rgba(231,219,192,.12);background:#070a0d9e}.deck-slot.filled{box-shadow:0 8px 18px #00000047}.deck-slot.interactive{cursor:pointer;padding:0}.deck-slot.empty{display:grid;place-items:center;color:#e7dbc06b;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.deck-slot-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.deck-slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070a0d00 30%,#070a0d99 68%,#070a0df2);pointer-events:none}.deck-slot-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.35rem .4rem .42rem}.deck-slot-meta strong{width:100%;font-size:.6rem;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:#f3e0b9;text-align:left}.deck-slot-mana{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:#17536cd1;color:#dff4ff;font-size:.7rem;font-weight:700;padding:0 .35rem}.deck-slot-count{position:absolute;top:6px;right:6px;z-index:2;min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#070a0dc7;color:#f2e3bf;font-size:.68rem;font-weight:700}.deck-slot-empty-wide{grid-column:1 / -1;min-height:88px}.deck-inspector{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;border-radius:22px;background:#04070ad1;display:flex;align-items:flex-end;justify-content:center;padding:.8rem}.deck-inspector-body{width:100%;max-height:72%;overflow:auto;border-radius:16px;padding:.7rem;background:linear-gradient(180deg,#12161dfa,#080a0efa);border:1px solid rgba(231,219,192,.1)}.deck-inspector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.deck-inspector-close{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#7b2931e6;color:#ffe2de}.deck-inspector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.deck-copy-card{position:relative;border-radius:10px;overflow:hidden;min-height:92px;border:1px solid rgba(231,219,192,.1);background:#070a0da3}.deck-copy-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.deck-copy-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#7f222ee6;color:#ffe3de;font-weight:700}.span-all{grid-column:span 1}.battle-screen{display:grid;grid-template-columns:1fr;gap:12px;min-height:calc(100vh - 164px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.battle-side{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.command-button{width:100%;min-height:52px}.debug-box{grid-column:span 2;padding:.85rem;border-radius:18px;background:#070a0d8c;display:flex;flex-direction:column;gap:.35rem}.battle-board{position:relative;overflow:hidden;order:1;height:calc(100vh - 172px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:560px;max-height:820px;display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:.55rem;padding:.8rem;background:radial-gradient(circle at center,rgba(99,43,25,.14),transparent 36%),linear-gradient(180deg,#13141af5,#0a0c10f5)}.battle-board>*{position:relative;z-index:1}.battle-board-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.18;background-position:center;background-repeat:no-repeat;background-size:cover;filter:saturate(.7) contrast(1.05)}.attack-drag-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:visible}.attack-drag-line{stroke:#79c2d6;stroke-width:.7;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(121,194,214,.55))}.enemy-zone,.ally-zone{display:flex;flex-direction:column;gap:.45rem;min-height:0}.enemy-stats,.ally-stats{justify-content:space-between;font-size:.82rem}.enemy-hand,.hand-row,.table-line{width:100%}.table-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.32rem;align-items:stretch}.enemy-hand{display:flex;justify-content:center;align-items:flex-end;min-height:54px;overflow:hidden;padding:0 .45rem}.hand-row{display:flex;justify-content:center;align-items:flex-end;min-height:120px;padding:0 .25rem .1rem;overflow:visible}.card-back{width:34px;height:52px;flex:0 0 auto;border-radius:10px;border:1px solid rgba(231,219,192,.08);background:linear-gradient(180deg,#34110fd9,#0e1015d9),repeating-linear-gradient(45deg,rgba(197,151,73,.08),rgba(197,151,73,.08) 6px,transparent 6px,transparent 12px);margin-left:-10px;transform:translateY(var(--fan-depth, 0px)) rotate(calc(var(--fan-offset, 0) * 4deg));transform-origin:center bottom}.card-back:first-child{margin-left:0}.hero-anchor{display:flex;justify-content:center}.hero-anchor-button{background:transparent;padding:0;border-radius:50%}.hero-anchor-button.passive{cursor:default}.hero-anchor-button:not(.passive):active{transform:scale(.98)}.battle-midline{display:grid;grid-template-columns:1fr;gap:.45rem;align-items:start}.turn-indicator,.event-feed{padding:.85rem;border-radius:18px;background:#070a0d80}.turn-indicator strong{display:block;margin-top:.2rem;font-size:1rem}.event-feed{display:flex;flex-direction:column;gap:.45rem}.event-line{justify-content:space-between;padding-bottom:.35rem;border-bottom:1px solid rgba(231,219,192,.08);font-size:.76rem}.event-line span:last-child{max-width:55%;text-align:right;word-break:break-word}.slot,.hand-card{border-radius:16px;padding:.45rem;text-align:left;color:#e7dbc0;background:linear-gradient(180deg,#1f232ceb,#0a0c10eb)}.slot{width:100%;min-width:0;height:122px;display:flex;flex-direction:column;gap:0;justify-content:space-between;flex:0 0 auto;font-size:.56rem;position:relative;overflow:hidden;padding:.22rem}.slot>*{position:relative;z-index:1}.slot-media{opacity:.28}.slot.empty{align-items:center;justify-content:center;font-size:1.2rem;color:#9d8b6c}.slot.selected,.hand-card.selected{outline:2px solid rgba(214,169,77,.8)}.slot.selected{transform:translateY(-2px)}.hand-card{width:78px;min-width:78px;flex:0 0 auto;display:flex;flex-direction:column;gap:.12rem;font-size:.62rem;min-height:102px;justify-content:space-between;border-radius:14px 14px 20px 20px;margin-left:-14px;transform:translateY(var(--fan-depth, 0px)) rotate(calc(var(--fan-offset, 0) * 5deg));transform-origin:center bottom;padding:.35rem}.hand-card:first-child{margin-left:0}.hand-card.selected{transform:translateY(calc(var(--fan-depth, 0px) - 6px)) rotate(calc(var(--fan-offset, 0) * 5deg))}.slot-topline,.hand-card-topline,.slot-stats,.hand-card-stats{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.card-chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:.08rem .28rem;border-radius:999px;background:#070a0db8;border:1px solid rgba(231,219,192,.08);font-size:.5rem;font-weight:700}.slot-stats{position:absolute;left:4px;right:4px;bottom:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.16rem;align-items:stretch;z-index:2}.hand-card-topline{position:relative;z-index:2}.hand-card .asset-frame.compact{min-height:48px;height:48px;flex:0 0 48px}.hand-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.12rem;position:relative;z-index:2}.hand-card-stats span{display:inline-flex;align-items:center;justify-content:center;min-height:16px;padding:.04rem .08rem;border-radius:6px;background:#06090ceb;border:1px solid rgba(231,219,192,.08);color:#fff2d3;font-size:.44rem;font-weight:700;line-height:1}.slot-stat{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:.08rem .14rem;border-radius:8px;background:#06090cf5;border:1px solid rgba(231,219,192,.12);color:#fff6de;font-size:.6rem;font-weight:800;line-height:1;box-shadow:0 2px 8px #00000057}.slot-topline .card-chip,.slot .card-chip{box-shadow:0 1px 6px #00000040}.slot-topline{position:absolute;top:4px;left:4px;right:4px;z-index:2}.slot-topline .card-chip{min-width:24px;min-height:20px;font-size:.52rem;padding:.08rem .24rem}.slot-stat.hp{border-color:#5bb07259}.slot-stat.atk{border-color:#c77c3f59}.slot-stat.cd{border-color:#6a8fcc59}.card-chip.mana{background:linear-gradient(135deg,#c5974957,#42250ad1);color:#ffedc6}.card-chip.kind,.card-chip.side{color:#cbbda2}.empty-battle{min-height:44vh;display:grid;place-items:center;text-align:center}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:20;padding:12px}.profile-panel{width:min(440px,100%);max-height:min(86vh,760px);overflow:auto;padding:1rem;border-radius:24px;background:linear-gradient(180deg,#1d212afa,#0f1116fa);display:flex;flex-direction:column;gap:1rem}.ghost-button{align-self:flex-end}.match-pill{background:linear-gradient(135deg,#122734f2,#0b1218f2);color:#dcebf1}.match-pill.active{box-shadow:0 0 0 1px #79c2d63d inset}.nav-pill,.ghost-button{background:#080e13db;color:#dcebf1}.profile-panel h2,.profile-panel h3{text-align:center}.profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile{padding:.75rem;border-radius:16px;background:#070a0d8f;display:flex;flex-direction:column;gap:.2rem;text-align:center;font-size:.8rem}.profile-history{display:flex;flex-direction:column;gap:.55rem}.history-row{justify-content:space-between;padding:.7rem .8rem;border-radius:14px;background:#070a0d75}.toast-stack{position:fixed;left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:30;display:flex;flex-direction:column;gap:.45rem;pointer-events:none}.toast{padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(231,219,192,.08);background:#0a0e13f0;color:#eef7fb;box-shadow:0 18px 42px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in-out 1.2s ease forwards}.toast.error{background:linear-gradient(135deg,#6b1a23f5,#24090df5);color:#ffe3e0}.toast.info{background:linear-gradient(135deg,#144454f5,#08161ef5)}@keyframes toast-in-out{0%{opacity:0;transform:translateY(14px) scale(.98)}12%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.985)}}@media(min-width:700px){.war-shell{width:min(100%,460px)}.top-frame{grid-template-columns:56px 1fr;align-items:center}.status-rack{grid-column:auto}.screen-grid{grid-template-columns:1fr}.span-all{grid-column:span 1}.hero-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-screen{grid-template-columns:1fr}.battle-side{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.battle-board{order:1}.battle-midline{grid-template-columns:1fr}.slot{height:108px;font-size:.62rem}.hand-card{width:78px;min-width:78px;min-height:118px}.battle-nav{left:12px;right:12px;max-width:436px;margin:0 auto}}@media(max-width:380px){.deck-grid,.deck-inspector-grid,.hero-picker-list{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-tile .hero-glyph.small{width:66px;height:66px}.hero-preview{min-height:196px}.hero-preview-info{width:54%}}@media(min-width:1100px){.war-shell{width:min(100%,460px)}.hero-grid{grid-template-columns:1fr}}@media(max-width:380px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}