: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-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}.status-rack{display:flex;flex-direction:column;gap:.45rem}.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}.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;background:#070a0d70}.hero-banner-top{flex-direction:column;align-items:center;text-align:center}.hero-banner-top h3{margin-bottom:.35rem}.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:92px;height:92px;font-size:.72rem}.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}.hero-glyph span,.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}.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,.asset-grid{display:grid;grid-template-columns:1fr}.hero-card{display:flex;align-items:center;gap:.8rem;text-align:left;background:#070a0d80;color:#e7dbc0}.asset-card{display:flex;flex-direction:column;gap:.45rem;padding:.9rem;border-radius:18px;background:linear-gradient(180deg,#1f232ceb,#0a0c10eb)}.asset-frame{width:100%;min-height:92px;position:relative;overflow:hidden;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(231,219,192,.08)}.asset-frame>*{position:relative;z-index: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}.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(3,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}@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,.asset-grid,.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(min-width:1100px){.war-shell{width:min(100%,460px)}.hero-grid,.asset-grid{grid-template-columns:1fr}}