:root{--color-primary: #3B82F6;--color-primary-variant: #1D4ED8;--color-secondary: #F59E0B;--color-accent: #10B981;--bg: #F8FAFC;--surface: #FFFFFF;--text: #0F172A;--muted: #64748B;--radius: 10px;--shadow-soft: 0 6px 18px rgba(0,0,0,.12);--shadow-medium: 0 12px 28px rgba(0,0,0,.18);--card-width: 140px;--card-height: 200px;--hand-thumb-width: 120px;--hand-thumb-height: 90px;--gutter: 12px;--font-system: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--card-radius: 12px;--card-padding: 16px;--card-elevation: 0 6px 20px rgba(16,24,40,.08);--card-elevation-hover: 0 18px 48px rgba(16,24,40,.12);--card-transition: transform .18s cubic-bezier(.2,.9,.3,1), box-shadow .18s, background .18s;--accent: var(--color-primary);--accent-2: var(--color-secondary)}[data-theme=dark]{--bg: #071022;--surface: #0b1220;--text: #0F172A;--text-main: #ffffff;--muted: #94a3b8;--color-primary: #60a5fa;--color-primary-variant: #3b82f6;--color-secondary: #fbbf24;--card-elevation: 0 6px 20px rgba(0,0,0,.6);--card-elevation-hover: 0 18px 48px rgba(0,0,0,.6)}body{font-family:var(--font-system);background:linear-gradient(180deg,#f7fbff,#f5f9fc,#fff);color:var(--text)}[data-theme=dark] body{background:linear-gradient(180deg,#071022,#071726 40%,#071a28);color:var(--text)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:linear-gradient(90deg,#3b82f60a,#10b98105);border-radius:12px;margin-bottom:18px;border:1px solid rgba(15,23,42,.03)}.site-brand{display:flex;align-items:center;gap:12px}.site-logo{width:48px;height:48px;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-soft)}.site-title{font-weight:700;font-size:18px}.site-actions{margin-left:auto}[data-theme=dark] .btn-ghost{border-color:#ffffff0f;color:var(--text)}[data-theme=dark] .btn-primary{box-shadow:none}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-soft);border:none;padding:8px 12px;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-ghost{background:transparent;border:1px solid rgba(15,23,42,.06);color:var(--text);padding:8px 12px;border-radius:8px}.btn-theme{background:linear-gradient(90deg,#3b82f61f,#10b9810f);border:none;color:var(--text);padding:8px 12px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-theme:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.card{background:var(--surface);border:1px solid #E5E7EB;border-radius:var(--radius);box-shadow:none}.card-frame{overflow:hidden;border-radius:calc(var(--radius) - 2px);background:var(--surface)}.card .card-title{font-weight:600;margin-bottom:6px}.card-name,.modal h3{color:var(--text)}.tile{background:linear-gradient(180deg,#ffffffd9,#ffffffe6);padding:10px;border-radius:10px;border:1px solid rgba(15,23,42,.04);box-shadow:0 8px 20px #0206170a}.tile.large{padding:12px}.tile-header{font-weight:700;margin-bottom:6px}.slot{width:var(--card-width);height:var(--card-height);display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfbfd);border:1px dashed transparent}.slot.empty{opacity:.6;border:1px dashed rgba(15,23,42,.04);background:linear-gradient(180deg,#f9fafb,#fff)}.slot.battlefield{width:var(--card-width);height:var(--card-height);background:transparent;border:none}.card-frame.battlefield{width:var(--card-width);height:var(--card-height);display:grid;place-items:center;background:transparent;border-radius:0;overflow:visible;border:none;box-shadow:none;transition:transform .16s cubic-bezier(.2,.9,.2,1),box-shadow .18s ease,background .16s ease}.card-frame.battlefield img{width:100%;height:100%;object-fit:contain;display:block}.card-frame.battlefield:hover{transform:translateY(-6px) scale(1.02);background:linear-gradient(180deg,#f59e0b14,#f59e0b0a);box-shadow:0 12px 30px #f59e0b2e}.card-frame.support{width:calc(var(--card-width) - 28px);height:var(--hand-thumb-height);border-radius:6px}.hand-row{display:flex;gap:var(--gutter);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.hand-thumb{flex:0 0 auto;width:var(--hand-thumb-width);height:var(--hand-thumb-height);background:#fff;border:1px solid rgba(15,23,42,.04);border-radius:8px;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 14px #0206170a;cursor:grab}.hand-thumb img{width:100%;height:100%;object-fit:contain;display:block}.thumb-inner{width:100%;height:100%;display:grid;place-items:center;background:#fafafa;overflow:hidden}.support-thumb{width:90px;height:70px;background:#fff;border:1px solid rgba(15,23,42,.04);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 12px #02061708}.support-thumb img{max-width:100%;max-height:100%;object-fit:contain}.break-thumb{width:120px;height:90px;background:#fff;border:1px solid rgba(15,23,42,.04);border-radius:8px;display:flex;flex-direction:column;align-items:center}.break-thumb .thumb-inner{height:90px}.thumb-label{font-size:12px;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.target-highlight{outline:3px solid var(--color-secondary);outline-offset:-4px}.bf-row{display:flex;gap:var(--gutter);align-items:flex-start}.bf-center{display:flex;gap:28px;align-items:center}.stage-slot{width:180px}.stage-inline .card-frame{width:160px;height:90px}.small-stack{display:flex;gap:8px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:1150}.modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-medium);padding:12px;max-width:90vw;max-height:calc(100vh - 32px);box-sizing:border-box;display:flex;flex-direction:column}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex:0 0 auto}.badge{background:var(--color-accent);color:#fff;border-radius:9999px;padding:4px 8px;font-weight:600;display:inline-block;font-size:12px}.phase-helper{padding:6px 10px;border-radius:9999px;background:transparent;border:1px solid rgba(15,23,42,.06);cursor:pointer}.phase-active-helper{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-soft)}.menu-btn{background:#0f172af2;color:#fff;border:none;padding:8px 10px;border-radius:8px;cursor:pointer}.menu-btn:hover{opacity:.95}.menu-btn{display:inline-flex}@media (max-width:900px){.menu-btn{display:inline-flex}}.duel-board{background-image:url(/assets/bg-pattern.png);background-size:cover;background-position:center;padding:12px;border-radius:8px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/assets/bg-pattern.png);background-size:1400px auto;background-position:center top;opacity:.06;pointer-events:none;z-index:0}.content-panel{margin-top:12px;padding:18px;background:linear-gradient(180deg,#fbfcfe,#fff);border-radius:12px;border:1px solid rgba(15,23,42,.03);box-shadow:0 8px 30px #0206170a}[data-theme=dark] .content-panel{background:linear-gradient(180deg,#071022,#081426);border:1px solid rgba(255,255,255,.03);box-shadow:0 8px 30px #0009}.content-panel .option-card,.content-panel .match-card,.content-panel .card{background:var(--surface);box-shadow:0 8px 26px #0206170f}.main-menu .option-card__title{color:var(--text-main)}div[role=root],#root{position:relative;z-index:1}.row{display:flex;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.option-card{background:var(--surface);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;gap:12px;align-items:center;box-shadow:var(--card-elevation);transition:var(--card-transition);cursor:pointer;border:1px solid rgba(15,23,42,.04);text-decoration:none;color:inherit}.option-card:focus,.option-card:focus-visible{outline:none;box-shadow:var(--card-elevation-hover);transform:translateY(-4px)}.option-card:hover{transform:translateY(-3px);box-shadow:var(--card-elevation-hover)}.option-card__media{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f60f,#f59e0b05)}.option-card__media img{width:48px;height:48px;object-fit:contain}.option-card__content{flex:1 1 auto;display:flex;flex-direction:column;gap:6px}.option-card__title{font-weight:700;font-size:1.04rem}.option-card__desc{color:var(--muted);font-size:.95rem}.option-card__cta{margin-left:12px}.option-card--primary{border-left:4px solid var(--accent)}.option-card--secondary{border-left:4px solid var(--accent-2)}.option-card--neutral{border-left:4px solid transparent}.decklists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;align-items:start}.decklist-card{display:flex;flex-direction:column;justify-content:space-between;padding:16px;min-height:140px;box-shadow:var(--card-elevation);transition:var(--card-transition)}.decklist-card:hover{transform:translateY(-6px);box-shadow:var(--card-elevation-hover)}.decklist-card__top{display:flex;gap:12px;align-items:center}.decklist-count{width:48px;height:48px;border-radius:12px;background:linear-gradient(180deg,#3b82f60f,#f59e0b05);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}.decklist-title{font-weight:800;font-size:1.02rem;color:var(--text);flex:1;word-break:break-word}.decklist-card__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}@media (max-width:900px){.decklists-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}}.deck-view-grid{align-items:start;padding:8px}.modal--deck-view{width:min(92vw,92vh);height:min(92vh,92vw);padding:12px;display:flex;flex-direction:column}.modal--deck-view .modal-body{flex:1 1 auto;overflow:auto}.deck-view-tile{border:1px solid #eee;border-radius:8px;padding:6px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.deck-view-tile img{width:100%;height:100%;object-fit:contain;display:block}.facedown-card{display:block;overflow:hidden;border-radius:6px;background:#222}.facedown-card img{width:100%;height:100%;object-fit:cover;display:block}.deck-view-fallback{color:var(--muted);font-weight:600}@media (prefers-reduced-motion: reduce){.option-card,.option-card *{transition:none!important;animation:none!important}}.bf-row .card-frame{transition:transform .16s cubic-bezier(.2,.9,.2,1)}.bf-row .card-frame:hover{transform:translateY(-6px) scale(1.01)}.zoom-img{max-width:85vw;max-height:85vh}@media (max-width: 900px){:root{--card-width: 120px;--card-height: 160px;--hand-thumb-width: 96px;--hand-thumb-height: 70px }.site-title{font-size:16px}.site-logo{width:40px;height:40px}}.card-pool-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}@media (max-width:700px){.card-pool-grid{grid-template-columns:repeat(3,1fr)!important}}.pre-game-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;gap:18px;align-items:center;justify-content:center;background:#00000080;z-index:2000;padding:18px;pointer-events:auto}.pre-game-modal .pre-pane,.pre-game-modal .pre-center{background:var(--surface);padding:16px;border-radius:10px;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:340px;min-height:68vh;box-sizing:border-box;pointer-events:auto}.pre-game-modal .pre-center{align-items:center;text-align:center}.pre-game-modal .btn-ghost,.pre-game-modal .btn-primary{padding:12px 16px;font-size:15px}.pre-game-modal .choose-first{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:120px}.pre-game-modal .choose-first.full{width:100%}@media (max-width: 900px){.pre-game-modal{padding:12px;gap:12px;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:auto}.pre-game-modal .pre-pane,.pre-game-modal .pre-center{width:100%;min-height:56vh}.pre-game-modal .pre-center{order:2}.pre-game-modal .pre-pane:first-child{order:1}.pre-game-modal .pre-pane:last-child{order:3}.pre-game-modal .choose-first{width:48%}}.filters-drawer{position:fixed;left:0;top:0;bottom:0;width:320px;max-width:86vw;background:var(--surface);box-shadow:0 12px 30px #0206171f;transform:translate(-110%);transition:transform .22s cubic-bezier(.2,.9,.2,1);z-index:1300;padding:16px;overflow:auto}.filters-drawer.open{transform:translate(0)}.filters-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1290}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1320;display:grid;place-items:center}.lightbox-modal{background:var(--surface);border-radius:8px;padding:12px;box-shadow:var(--shadow-medium);z-index:1330;max-width:90vw;max-height:90vh;overflow:auto}@media (max-height: 640px){.modal{max-height:calc(100vh - 12px)}.modal .modal-body{padding-bottom:12px}}.modal{animation:pop .14s cubic-bezier(.2,.9,.2,1)}@keyframes pop{0%{transform:translateY(6px) scale(.995);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.context-menu{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 6px 18px #0000001f;overflow:hidden;z-index:1000;max-width:calc(100vw - 16px)}.context-menu .menu-item{padding:8px 10px;cursor:pointer}.context-menu .menu-item:hover{background:#3b82f60a}.menu-divider{height:1px;background:#eee;margin:4px 0}.menu-panel{margin-top:8px;min-width:220px;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 6px 18px #0000001f;overflow:hidden}.menu-panel .menu-header{padding:8px;border-bottom:1px solid #eee;font-weight:700}.menu-panel .menu-body{padding:8px;display:flex;flex-direction:column;gap:8px}.spectator-banner{background:#111827;color:#fff;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.spectator-banner .leave-btn{margin-left:auto;background:#ef4444;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.practice-panel{margin-top:8px;padding:8px;border:1px dashed #aaa;border-radius:6px;background:#fafafa}.modal .modal-header .modal-title{font-weight:700}.modal .modal-body{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;justify-content:center;background:#fafafa;padding:8px;overflow:auto;flex:1 1 auto}.modal .modal-actions{text-align:right;flex:0 0 auto;padding-top:8px}.trash-card{padding:8px}.trash-card .trash-card-img{height:120px;background:#fafafa;display:grid;place-items:center;overflow:hidden}.trash-card .trash-card-title{font-size:12px;margin-top:4px;text-align:center}.trash-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;justify-content:center}.zoom-label{font-size:24px}.zone-header{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-weight:600}.zone-right{color:var(--muted);font-size:13px}.zone-body{margin-top:6px}.match-chat{position:relative;width:300px;height:100%;max-height:none;background:var(--surface);border:1px solid rgba(15,23,42,.06);border-radius:8px;display:flex;flex-direction:column;box-shadow:var(--card-elevation)}.match-chat-header{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(15,23,42,.04);font-weight:700}.match-chat-body{padding:8px;overflow:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:6px}.chat-msg{display:flex;gap:8px;align-items:flex-start}.chat-audit{display:flex;gap:8px;align-items:flex-start;opacity:.85;font-size:12px;color:var(--muted)}.chat-from{min-width:44px;font-weight:700;font-size:12px}.chat-text{background:linear-gradient(180deg,#ffffffe6,#fff);padding:6px 8px;border-radius:6px;border:1px solid rgba(15,23,42,.03);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.chat-ts{color:#7b8794;font-size:11px;display:none}.chat-msg.show-ts .chat-ts,.chat-audit.show-ts .chat-ts{display:block}.match-chat-input{display:flex;gap:8px;padding:8px;border-top:1px solid rgba(15,23,42,.03)}.match-chat-input input{flex:1 1 auto;padding:8px;border:1px solid rgba(15,23,42,.06);border-radius:6px}.duel-layout{display:flex;gap:12px;align-items:stretch;min-height:calc(100vh - 180px)}.duel-chat-column{flex:0 0 320px;display:flex;flex-direction:column}.duel-main{flex:1 1 auto}@media (max-width:900px){.duel-layout{flex-direction:column}.duel-chat-column{order:0;width:100%}}.chat-toggle-btn{display:none}@media (max-width:900px){.duel-chat-column{display:none}.chat-toggle-btn{display:inline-flex;padding:6px 10px;border-radius:8px;background:var(--surface);border:1px solid rgba(15,23,42,.06)}}.chat-drawer{position:fixed;left:0;top:0;bottom:0;width:100%;max-width:420px;background:var(--surface);transform:translate(-110%);transition:transform .22s cubic-bezier(.2,.9,.2,1);z-index:1400;box-shadow:0 18px 48px #0206172e;display:flex;flex-direction:column}.chat-drawer.open{transform:translate(0)}.chat-drawer-body{flex:1 1 auto;overflow:auto}.chat-drawer-footer{flex:0 0 auto}.chat-drawer-backdrop{display:none}.chat-drawer-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1399}.match-chat{position:relative;width:300px;background:var(--surface);border:1px solid rgba(15,23,42,.06);border-radius:8px;display:flex;flex-direction:column;box-shadow:var(--card-elevation);height:100%}.match-chat .match-chat-body{padding:8px;overflow:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:6px}.btn-primary.pressed{background:var(--color-primary-variant);opacity:.95;box-shadow:var(--shadow-medium);transform:translateY(0)}.btn-ghost.pressed{background:#3b82f614;border-color:#3b82f62e}.btn-primary:active,.btn-ghost:active{transform:translateY(0);opacity:.95}.btn-primary.clicked,.btn-ghost.clicked{box-shadow:0 10px 30px #3b82f61f;transform:translateY(-1px)}.turn-chip{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:9999px;background:#0000000f;color:var(--muted);font-weight:700;font-size:12px}.turn-chip--active{background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));color:#fff}.turn-toast{position:fixed;right:20px;top:80px;z-index:2200}.turn-toast .body{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));color:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow-medium);font-weight:700}.zone-desc{font-size:12px;color:#666;margin-bottom:6px}.stage-tile{border:1px solid rgba(0,0,0,.06);padding:8px;width:160px;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfbfd)}.stage-title{font-weight:600;margin-bottom:6px}.stage-preview{height:90px;display:grid;place-items:center;background:#fafafa;overflow:hidden;border-radius:6px}.stage-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.card-frame--target{box-shadow:none}.card-img--tapped{transform:rotate(90deg);opacity:.86}.trash-preview{height:90px;background:#fafafa;display:grid;place-items:center;overflow:hidden;margin-top:6px;border-radius:6px}.trash-empty{height:90px;background:#fafafa;display:grid;place-items:center;overflow:hidden;margin-top:6px;border:1px dashed #ccc;border-radius:4px}.context-panel{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 8px 28px #0000001f;overflow:hidden;z-index:1200}.context-panel .cp-item{padding:8px 10px;cursor:pointer}.context-panel .cp-item:hover{background:#3b82f60a}.break-stack{position:relative;padding-left:8px}.break-card{position:absolute;left:8px;width:96px;height:128px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.04);box-shadow:0 6px 12px #02061708}.break-card img{max-width:100%;max-height:100%;display:block}.card-frame.battlefield{position:relative}.hp-stack{position:absolute;left:calc(100% + 6px);top:0;height:100%;width:auto;pointer-events:none}.hp-card{position:absolute;width:28px;height:40px;background:linear-gradient(180deg,#1f2937,#111827);border-radius:4px;box-shadow:0 4px 10px #00000040;transform:rotate(90deg);transform-origin:center;border:1px solid rgba(255,255,255,.06);background-image:url(/assets/card-back.png);background-size:cover;background-position:center}.hp-card.hidden{display:none}.phase{padding:6px 8px;border-radius:8px;border:1px solid rgba(15,23,42,.06);background:transparent;cursor:pointer}.phase.active{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-soft)}.practice-panel{margin-top:8px;padding:8px;border:1px dashed #ddd;border-radius:6px;display:flex;gap:8px;align-items:center}.field-title{margin:6px 0}.match-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;background:var(--surface);border:1px solid rgba(15,23,42,.04);box-shadow:var(--card-elevation)}.match-card__info{display:flex;flex-direction:column;gap:6px;min-width:0}.match-card__id{font-weight:700;font-size:.95rem;color:var(--text)}.match-card__players{display:flex;gap:8px;flex-wrap:wrap}.player-chip{background:linear-gradient(90deg,#3b82f614,#f59e0b0a);padding:6px 8px;border-radius:9999px;font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-card__meta{display:flex;gap:12px;align-items:center}.match-card__count{color:var(--muted);font-size:.95rem}.match-card__actions{display:flex;gap:8px}.lobby-grid{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}.lobby-right-card{background:var(--surface);border:1px solid rgba(15,23,42,.04);border-radius:10px;padding:12px;box-shadow:var(--card-elevation);align-self:stretch}.lobby-grid>*{align-self:stretch}@media (max-width:900px){.lobby-grid{grid-template-columns:1fr;max-width:100%;box-sizing:border-box}.lobby-right-card{order:2;width:100%;box-sizing:border-box}.content-panel{padding-left:12px;padding-right:12px}}.duel-board{display:grid;grid-template-rows:auto auto auto;gap:2px;margin-top:6px}.field-section{border-top:1px solid #eee;padding-top:2px}.field-section.top{padding-bottom:2px}.field-section.bottom{padding-top:2px}.field-section.top .col-main{display:flex;flex-direction:column}.field-section.top .col-main>:last-child{margin-top:auto}.field-section.top .col-main{height:100%}.field-title{margin:2px 0}.field-grid{display:grid;grid-template-columns:minmax(100px,10vw) 1fr minmax(100px,10vw);gap:10px;align-items:stretch}.row-slots{display:grid;gap:6px;margin:4px 0}.slot{border:1px solid #d7d7d7;background:#fff;padding:4px;width:min(18vw,130px);box-shadow:0 1px 2px #0000000d;border-radius:4px}.slot.battlefield{width:min(18vw,130px);background:transparent;border:none;box-shadow:none;padding:0}.slot.empty{background:#f0f0f0;height:min(18vw,140px)}.card-title{font-weight:600;margin-bottom:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-frame{height:min(18vw,140px);background:transparent;display:grid;place-items:center;position:relative;overflow:visible;border-radius:4px}.card-frame img{width:100%;height:100%;object-fit:contain}.card-frame.battlefield{height:min(18vw,140px);background:transparent;overflow:visible;border:none;border-radius:0}.card-frame.support{height:min(12vw,100px)}.badge{position:absolute;top:4px;right:4px;background:#0008;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px}.slot-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tile{border:1px solid #d7d7d7;background:#fff;padding:6px;border-radius:6px;box-shadow:0 1px 2px #0000000d}.tile.large{min-height:100px}.tile-header{font-weight:600;margin-bottom:4px}.tile-header:first-child{margin-top:0}.col-stack{display:grid;gap:6px}.col-main{display:grid;grid-template-rows:auto auto auto;gap:4px}.battlefield-cell{display:flex;justify-content:flex-start}.stage-cell{display:flex;justify-content:center}.support-cell{display:block}.bf-row{display:grid;grid-template-columns:minmax(140px,18vw) 1fr;gap:48px;align-items:start}.bf-row .stage-slot .tile{padding:4px}.bf-row .stage-slot .card-frame.support{height:min(14vw,110px)}.bf-row .stage-slot{margin-left:-6px}.stage-inline{display:block}.stage-inline .slot.empty{width:min(12vw,96px);height:min(14vw,110px)}.stage-inline{width:min(18vw,130px)}.stage-inline .card-frame.support{width:min(18vw,130px);height:min(18vw,140px)}.col-side{display:grid;gap:6px;align-content:start}.field-section.top .col-main{display:flex;flex-direction:column;height:100%}.field-section.top .col-main .support-cell{order:1}.field-section.top .col-main .battlefield-cell{order:2;margin-top:auto}.field-section.top .col-main .stage-cell{order:3}.field-section.bottom .col-main .battlefield-cell{order:1}.field-section.bottom .col-main .stage-cell{order:2}.field-section.bottom .col-main .support-cell{order:3}.break-col{border:1px solid #ddd;background:#fff;padding:6px}.break-stack{position:relative;height:min(26vw,220px);overflow:auto;background:#fafafa;border:1px dashed #ccc;border-radius:6px;padding:8px}.break-card{position:absolute;width:min(12vw,96px);height:min(18vw,140px);display:grid;place-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 2px #0000001a;cursor:pointer}.break-card img{max-width:100%;max-height:100%}.break-count{position:absolute;top:6px;right:8px;background:#0008;color:#fff;font-size:11px;border-radius:10px;padding:2px 6px}.field-title{font-weight:700}.support-center{display:flex;justify-content:center}.support-cell .tile.large{width:auto;margin:0}.battlefield-cell>.bf-row{width:auto;margin:0}.deck-stack{position:relative;height:min(18vw,130px)}.deck-card{position:absolute;width:min(12vw,96px);height:min(18vw,140px);left:8px;top:4px;border-radius:6px;box-shadow:0 2px 4px #00000026;background-image:url(/assets/card-back.png);background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.06)}.deck-card:nth-child(1){transform:translate(0)}.deck-card:nth-child(2){transform:translate(4px,4px)}.deck-card:nth-child(3){transform:translate(8px,8px)}.deck-hint{position:absolute;bottom:6px;left:8px;background:#0008;color:#fff;font-size:11px;border-radius:10px;padding:2px 6px;opacity:0;transition:opacity .15s}.tile.deck:hover .deck-hint{opacity:1}.phase-tracker{display:flex;justify-content:center;gap:6px;margin:0 auto;padding:4px 6px;background:#fff;border:1px solid #ddd;border-radius:10px}.phase-tracker .phase{width:32px;height:32px;border-radius:16px;border:1px solid #999;background:#f0f0f0;font-weight:700}.phase-tracker .phase.active{background:#3b82f6;color:#fff;border-color:#2263c9}.drop-over{outline:2px dashed #3b82f6;outline-offset:2px}