/* WIT CLASH™ Digital v6.0 | © 2024-2026 Manuel Rosas, Alberto Verdeja, Ivon Reynoso & Juan Carlos Rosas. All Rights Reserved. Proprietary & Confidential. */
:root {--bg-table-center: #3b1017;--bg-table-edge: #1b0609;--tray-blue-top: #5c84ce;--tray-blue-mid: #4770bb;--tray-blue-bottom: #35599f;--tray-rim: #9ac0ff;--tray-shadow: #1c3361;--grid-cell-black: #151922;--grid-cell-rim: #0b0e14;--stage-blank-top: #dce4ef;--stage-blank-mid: #f4f7fb;--stage-blank-bot: #ffffff;--bw-tile-top: #ffffff;--bw-tile-bottom: #f1f5f9;--bw-tile-edge: #94a3b8;--action-face: #f8fafc;--action-edge: #94a3b8;--red-action: #dc2626;--red-dark: #991b1b;--green-action: #16a34a;--green-dark: #166534;--gold-chain: #facc15;--target-amber: #fbbf24;--swap-offer-cyan: #38bdf8;--cyan-ice: #67e8f9;--text-light: #f8fafc;--text-dim: #cbd5e1;--opp-board-w: clamp(88px, 13.8dvh, 122px);--self-board-w: clamp(172px, 27.6dvh, 268px);}* {box-sizing: border-box;-webkit-tap-highlight-color: transparent;user-select: none;}html,body {margin: 0;padding: 0;width: 100%;height: 100dvh;overflow: hidden;background: radial-gradient(circle at 50% 35%, var(--bg-table-center), var(--bg-table-edge));color: var(--text-light);font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}#app {width: 100%;max-width: 1360px;height: 100dvh;margin: 0 auto;display: flex;flex-direction: column;padding: env(safe-area-inset-top, 5px) 10px env(safe-area-inset-bottom, 7px);gap: 6px;position: relative;}.wc-topbar {flex-shrink: 0;display: flex;align-items: center;justify-content: space-between;gap: 8px;min-height: 34px;padding: 3px 10px;background: rgba(15, 23, 42, 0.76);border: 1px solid rgba(255, 255, 255, 0.14);border-radius: 10px;}.wc-brand {display: flex;align-items: center;gap: 6px;font-weight: 900;letter-spacing: 0.04em;font-size: 0.86rem;}.wc-brand-clash {background: #090d16;color: #fff;padding: 2px 6px;border-radius: 4px;border: 1px solid rgba(255, 255, 255, 0.3);}.wc-top-controls {display: flex;align-items: center;gap: 5px;flex-wrap: nowrap;}.wc-lang-bar {display: inline-flex;align-items: center;gap: 4px;padding: 2px 5px;border-radius: 8px;background: rgba(9, 13, 22, 0.55);border: 1px solid rgba(148, 163, 184, 0.25);flex-shrink: 0;}.wc-lang-btn {min-height: 24px;padding: 2px 6px;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.16);background: rgba(255, 255, 255, 0.06);color: #cbd5e1;font-size: 0.66rem;font-weight: 800;cursor: pointer;display: inline-flex;align-items: center;gap: 4px;transition: transform 100ms ease, background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;}.wc-lang-btn:hover {background: rgba(255, 255, 255, 0.16);color: #ffffff;}.wc-lang-btn--active {background: linear-gradient(180deg, rgba(37, 99, 235, 0.72), rgba(29, 78, 216, 0.72));border-color: #facc15;color: #fef08a;box-shadow: 0 0 8px rgba(250, 204, 21, 0.38);}.wc-lang-flag-svg {width: 19px;height: 13.5px;border-radius: 2px;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45);flex-shrink: 0;display: block;}.wc-lang-code {line-height: 1;letter-spacing: 0.02em;}@media (max-width: 720px) {.wc-lang-code {display: none;}.wc-lang-btn {padding: 2px 4px;}}.wc-pill-btn {min-height: 28px;padding: 0 9px;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0.1);color: #fff;font-size: 0.73rem;font-weight: 700;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 4px;white-space: nowrap;transition: transform 100ms ease, background 120ms ease, border-color 120ms ease;}.wc-pill-btn:hover {background: rgba(255, 255, 255, 0.18);}.wc-pill-btn:active {transform: scale(0.96);}.wc-pill-btn--primary {background: linear-gradient(180deg, #2563eb, #1d4ed8);border-color: #60a5fa;}.wc-pill-btn--new-game {padding: 0 11px;background: linear-gradient(180deg, #22c55e 0%, #16a34a 55%, #15803d 100%);border: 1.5px solid #86efac;color: #ffffff;font-weight: 900;letter-spacing: 0.015em;text-shadow: 0 1px 1px rgba(6, 78, 59, 0.75);box-shadow:0 2px 0 #14532d,0 0 14px rgba(34, 197, 94, 0.58);}.wc-pill-btn--new-game:hover {background: linear-gradient(180deg, #4ade80 0%, #22c55e 55%, #16a34a 100%);border-color: #bbf7d0;box-shadow:0 2px 0 #14532d,0 0 18px rgba(74, 222, 128, 0.74);}.wc-pill-btn--daily {background: linear-gradient(180deg, rgba(217, 119, 6, 0.68), rgba(146, 64, 14, 0.82));border-color: rgba(253, 224, 71, 0.72);color: #fffbeb;font-weight: 800;}.wc-pill-btn--daily:hover {background: linear-gradient(180deg, rgba(245, 158, 11, 0.84), rgba(180, 83, 9, 0.92));}.wc-pill-btn--dump {background: rgba(148, 163, 184, 0.22);}.wc-pill-btn--replay {background: linear-gradient(180deg, rgba(124, 58, 237, 0.65), rgba(91, 33, 182, 0.65));border-color: rgba(196, 181, 253, 0.7);}.wc-pill-btn--replay:disabled {opacity: 0.42;cursor: not-allowed;}.wc-tray-crest {width: 100%;background: linear-gradient(180deg, #ffffff 0%, #e2e8f0 100%);color: #0f172a;border-bottom: 2px solid rgba(30, 58, 138, 0.32);display: flex;align-items: center;justify-content: space-between;gap: 6px;padding: 4px 10px;font-size: 0.72rem;font-weight: 900;flex-shrink: 0;}.wc-tray-crest--opp {padding: 2px 5px;gap: 3px;font-size: 0.6rem;background: rgba(15, 23, 42, 0.55);color: #f8fafc;border-bottom: 1px solid rgba(255, 255, 255, 0.16);}.wc-opp-bottom-lip {width: 100%;height: 10px;background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);border-top: 1.5px solid rgba(30, 58, 138, 0.3);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.wc-opp-bottom-lip span {font-size: 0.42rem;font-weight: 900;letter-spacing: 0.08em;color: #0f172a;opacity: 0.75;}.wc-crest-mark {display: inline-flex;align-items: center;gap: 3px;font-size: 0.58rem;font-weight: 900;letter-spacing: 0.04em;background: #0f172a;color: #ffffff;padding: 1px 4px;border-radius: 3px;}.wc-center-column {width: 100%;height: 100%;min-height: 0;min-width: 0;display: flex;flex-direction: column;align-items: stretch;justify-content: space-between;gap: 5px;}.wc-center-top-stack {width: 100%;display: flex;flex-direction: column;align-items: stretch;gap: 5px;flex-shrink: 0;}.wc-opponents-row {width: 100%;flex-shrink: 0;display: grid;grid-template-columns: repeat(var(--opp-count, 1), minmax(0, 1fr));justify-content: center;gap: 7px;}.wc-opp-tray {width: 100%;max-width: 176px;justify-self: center;background: linear-gradient(0deg,var(--tray-blue-top) 0%,var(--tray-blue-mid) 60%,var(--tray-blue-bottom) 100%);border: 2px solid var(--tray-rim);border-radius: 11px;overflow: hidden;padding: 0;display: flex;flex-direction: column;align-items: center;gap: 2.5px;cursor: pointer;position: relative;box-shadow: 0 3px 0 var(--tray-shadow), 0 5px 14px rgba(0, 0, 0, 0.38);transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;}.wc-opp-tray:hover {border-color: #dbeafe;}.wc-opp-tray--targeted {border-color: var(--target-amber);box-shadow:0 0 0 2px rgba(251, 191, 36, 0.88),0 3px 0 #78350f,0 8px 18px rgba(0, 0, 0, 0.5);}.wc-opp-tray--acting {box-shadow:0 0 0 2px #38bdf8,0 3px 0 var(--tray-shadow),0 6px 16px rgba(56, 189, 248, 0.35);}.wc-opp-name {display: inline-flex;align-items: center;gap: 2.5px;white-space: nowrap;min-width: 0;}.wc-target-pill {font-size: 0.51rem;font-weight: 900;padding: 1px 4px;border-radius: 999px;letter-spacing: 0.02em;text-transform: uppercase;border: 1px solid rgba(255, 255, 255, 0.25);background: rgba(255, 255, 255, 0.12);color: #f8fafc;flex-shrink: 0;white-space: nowrap;}.wc-target-pill--active {background: #f59e0b;border-color: #fef08a;color: #0f172a;}.wc-opp-stage {width: var(--opp-board-w);display: grid;grid-template-columns: repeat(3, 1fr);gap: 3px;justify-items: center;padding: 0 1px 1px;}.wc-opp-stage-slot {width: 78%;aspect-ratio: 0.68;max-height: 32px;border-radius: 4px;background: linear-gradient(0deg,var(--stage-blank-top) 0%,var(--stage-blank-mid) 45%,var(--stage-blank-bot) 100%);border: 1.5px solid rgba(100, 116, 139, 0.65);box-shadow:inset 0 -2px 3px rgba(15, 23, 42, 0.26),0 1px 0 rgba(255, 255, 255, 0.45);display: flex;align-items: center;justify-content: center;position: relative;padding: 1px;transition: transform 110ms ease, box-shadow 110ms ease, border-color 110ms ease;}.wc-opp-stage-slot--target {cursor: pointer;border-color: #ffffff;box-shadow:0 0 0 2px var(--target-amber),0 0 10px rgba(251, 191, 36, 0.92),inset 0 1px 2px rgba(15, 23, 42, 0.2);animation: wcPulse 0.9s infinite alternate;z-index: 2;}.wc-opp-stage-slot--occupied {padding: 1px;background: #ffffff;}.wc-opp-stage-slot--incoming {border-color: #f87171;box-shadow: 0 0 0 2px #ef4444, 0 0 10px rgba(239, 68, 68, 0.9);z-index: 3;}.wc-opp-stage-slot--frozen {border-color: var(--cyan-ice);box-shadow: 0 0 0 2px rgba(103, 232, 249, 0.85);}.wc-opp-grid {width: var(--opp-board-w);aspect-ratio: 1 / 1;display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);gap: 3px;padding: 3px;background: rgba(15, 28, 56, 0.34);border-radius: 7px;}.wc-opp-cell {position: relative;aspect-ratio: 1 / 1;border-radius: 4px;background: var(--grid-cell-black);display: flex;align-items: center;justify-content: center;padding: 2px;border: 1.5px solid rgba(255, 255, 255, 0.1);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.65);transition: transform 110ms ease, box-shadow 110ms ease;}.wc-opp-cell--chained {border-color: var(--gold-chain);box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.45), inset 0 2px 4px rgba(0, 0, 0, 0.55);}.wc-opp-cell--target {cursor: pointer;border-color: #fff;box-shadow: 0 0 0 2px var(--target-amber), 0 0 10px rgba(251, 191, 36, 0.9);animation: wcPulse 0.9s infinite alternate;z-index: 2;}.wc-opp-cell--offered {border-color: var(--swap-offer-cyan);box-shadow: 0 0 0 2px var(--swap-offer-cyan), 0 0 10px rgba(56, 189, 248, 0.85);z-index: 2;}.wc-opp-cell--incoming-danger {border-color: #f87171;box-shadow: 0 0 0 2px #ef4444, 0 0 10px rgba(239, 68, 68, 0.88);z-index: 2;}.wc-opp-trench {width: var(--opp-board-w);display: flex;flex-direction: column;gap: 3px;padding: 3px 3px 1px;}.wc-opp-trench--pinned .wc-opp-trench-row--front .wc-opp-trench-slot {box-shadow: 0 0 0 1.5px #ef4444;}.wc-opp-trench-row {display: grid;grid-template-columns: repeat(3, 1fr);gap: 3px;justify-items: center;}.wc-opp-trench-slot {width: 86%;height: 8.5px;border-radius: 2.5px;background: #0d1118;border: 1px solid rgba(255, 255, 255, 0.12);box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.85);display: flex;align-items: center;justify-content: center;overflow: hidden;}.wc-concealed-tile {width: 100%;height: 100%;border-radius: 2px;background: linear-gradient(180deg, #475569, #1e293b);border: 1px solid rgba(255, 255, 255, 0.36);display: flex;align-items: center;justify-content: center;}.wc-concealed-svg {width: 90%;height: 90%;display: block;}.wc-table-bar {width: 100%;flex-shrink: 0;min-height: clamp(68px, 8.6dvh, 96px);display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;gap: 3px;padding: 7px 11px;border-radius: 9px;background: rgba(15, 23, 42, 0.88);border: 1.5px solid rgba(255, 255, 255, 0.16);position: relative;overflow: hidden;}.wc-table-bar--defend {background: linear-gradient(90deg, rgba(153, 27, 27, 0.95), rgba(127, 29, 29, 0.95));border-color: #fca5a5;}.wc-table-bar--tutorial {background: linear-gradient(90deg, rgba(30, 64, 175, 0.95), rgba(15, 118, 110, 0.95));border-color: #fde047;}.wc-table-bar--arrange-alert {background: linear-gradient(90deg, rgba(180, 83, 9, 0.95), rgba(15, 118, 110, 0.95));border: 2px solid #fde047;box-shadow: 0 0 16px rgba(250, 204, 21, 0.42);}.wc-table-bar--bot-acting {background: linear-gradient(90deg, rgba(30, 41, 59, 0.96), rgba(30, 58, 138, 0.92));border-color: #93c5fd;box-shadow: 0 0 14px rgba(59, 130, 246, 0.35);}.wc-table-bar--replay {background: linear-gradient(90deg, rgba(88, 28, 135, 0.97), rgba(30, 58, 138, 0.95));border-color: #e9d5ff;box-shadow: 0 0 18px rgba(168, 85, 247, 0.48);}.wc-table-bar--rejected {background: linear-gradient(90deg, rgba(127, 29, 29, 0.96), rgba(153, 27, 27, 0.96));border: 2px solid #fbbf24;box-shadow: 0 0 18px rgba(239, 68, 68, 0.55);animation: wcRejectedShake 260ms ease-out;}.wc-status-headline--rejected {display: flex;align-items: center;justify-content: space-between;gap: 8px;color: #fef08a !important;white-space: normal !important;}.wc-status-sub--rejected {color: #fff1f2 !important;font-weight: 600;line-height: 1.28;}.wc-rejected-ruleref {color: #fde047;font-weight: 700;}.wc-rejected-dismiss-btn {flex-shrink: 0;min-height: 22px;padding: 0 8px;border-radius: 999px;border: 1px solid rgba(254, 240, 138, 0.7);background: rgba(15, 23, 42, 0.8);color: #fef08a;font-size: 0.64rem;font-weight: 800;cursor: pointer;}.wc-rejected-dismiss-btn:hover {background: rgba(254, 240, 138, 0.22);}@keyframes wcRejectedShake {0%, 100% { transform: translateX(0); }25% { transform: translateX(-5px); }50% { transform: translateX(5px); }75% { transform: translateX(-3px); }}.wc-bot-progress-track {position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background: rgba(255, 255, 255, 0.12);}.wc-bot-progress-fill {height: 100%;background: linear-gradient(90deg, #38bdf8, #fde047);transform-origin: left center;animation: wcBotProgress var(--bot-step-ms, 2200ms) linear forwards;}.wc-bot-progress-fill--replay {background: linear-gradient(90deg, #c084fc, #fde047);}.wc-bot-pace-controls {display: inline-flex;align-items: center;gap: 4px;margin-left: 4px;}.wc-pace-btn {min-height: 21px;padding: 0 7px;border-radius: 999px;border: 1px solid rgba(147, 197, 253, 0.5);background: rgba(15, 23, 42, 0.72);color: #e0f2fe;font-size: 0.62rem;font-weight: 800;cursor: pointer;}.wc-pace-btn:hover {background: rgba(37, 99, 235, 0.55);}.wc-pace-btn--active {background: rgba(245, 158, 11, 0.32);border-color: #fde047;color: #fef08a;}.wc-status-text {width: 100%;min-width: 0;display: flex;flex-direction: column;gap: 2px;}.wc-status-headline {font-size: 0.75rem;font-weight: 800;color: #fde047;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 5px;}.wc-status-sub {font-size: 0.69rem;color: #f8fafc;line-height: 1.28;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}.wc-turn-chips {display: none;}.wc-turn-chip {font-size: 0.66rem;font-weight: 800;padding: 3px 7px;border-radius: 999px;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.16);color: #cbd5e1;cursor: pointer;}.wc-turn-chip--active {background: #22c55e;border-color: #bbf7d0;color: #052e16;}.wc-turn-chip--target {box-shadow: 0 0 0 1.5px var(--target-amber);}.wc-player-zone {flex: 1;min-height: 0;display: grid;grid-template-columns: minmax(0, 1fr) clamp(404px, 34vw, 456px) minmax(0, 1fr);gap: 12px;align-items: stretch;}.wc-dump-panel {height: 100%;min-height: 0;overflow: hidden;background: rgba(15, 23, 42, 0.78);border: 1.5px solid rgba(255, 255, 255, 0.14);border-radius: 16px;padding: 9px 11px;display: flex;flex-direction: column;gap: 7px;}.wc-supply-strip {display: flex;align-items: center;justify-content: space-between;gap: 8px;background: rgba(2, 6, 23, 0.58);border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 10px;padding: 4px 8px;flex-shrink: 0;}.wc-unused-pile-card {background: rgba(2, 6, 23, 0.78);border: 1.5px solid rgba(148, 163, 184, 0.28);border-radius: 11px;padding: 5px 7px 6px;display: flex;flex-direction: column;gap: 4px;flex-shrink: 0;transition: border-color 160ms ease, box-shadow 160ms ease;}.wc-unused-pile-card--human-pick {border-color: #fde047;box-shadow:0 0 0 2px rgba(250, 204, 21, 0.72),0 0 18px rgba(245, 158, 11, 0.52);}.wc-unused-pile-card--bot-pick {border-color: #38bdf8;box-shadow:0 0 0 2px rgba(56, 189, 248, 0.72),0 0 16px rgba(56, 189, 248, 0.45);}.wc-unused-pile-head {display: flex;align-items: center;justify-content: space-between;gap: 6px;}.wc-unused-pile-title {font-size: 0.63rem;font-weight: 900;letter-spacing: 0.03em;text-transform: uppercase;color: #f8fafc;display: flex;align-items: center;gap: 5px;}.wc-unused-pile-count {background: rgba(250, 204, 21, 0.18);border: 1px solid rgba(250, 204, 21, 0.55);color: #fde047;font-size: 0.62rem;font-weight: 900;padding: 1px 6px;border-radius: 999px;}.wc-pile-mode-btn {min-height: 20px;padding: 0 6px;border-radius: 999px;border: 1px solid rgba(148, 163, 184, 0.38);background: rgba(30, 41, 59, 0.85);color: #cbd5e1;font-size: 0.56rem;font-weight: 800;cursor: pointer;transition: background 110ms ease, border-color 110ms ease;}.wc-pile-mode-btn:hover {background: rgba(59, 130, 246, 0.35);border-color: #93c5fd;color: #fff;}.wc-unused-pile-well {position: relative;height: clamp(88px, 13.5dvh, 138px);border-radius: 8px;background:radial-gradient(ellipse at 50% 50%, rgba(30, 64, 175, 0.38) 0%, rgba(15, 23, 42, 0.82) 58%, rgba(9, 13, 22, 0.96) 100%);border: 1px inset rgba(255, 255, 255, 0.14);box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.78);overflow: hidden;}.wc-unused-pile-well--modal {height: 208px;}.wc-unused-pile-well--clickable {cursor: pointer;}.wc-pile-tile {position: absolute;width: 26px;height: 18px;border-radius: 3.5px;background: linear-gradient(165deg, #475569 0%, #1e293b 100%);border: 1px solid rgba(226, 232, 240, 0.72);box-shadow:0 2px 0 #090d16,0 2px 5px rgba(0, 0, 0, 0.62);transform: translate(-50%, -50%) rotate(var(--pile-rot, 0deg));display: flex;align-items: center;justify-content: center;pointer-events: none;transition:left 220ms ease,top 220ms ease,transform 150ms ease,border-color 140ms ease,box-shadow 140ms ease,filter 140ms ease;}.wc-pile-tile::after {content: '';width: 66%;height: 56%;border-radius: 1.5px;border: 1px solid rgba(148, 163, 184, 0.42);background: rgba(15, 23, 42, 0.48);}.wc-unused-pile-well--stack .wc-pile-tile {width: min(26px, 9.2%);}.wc-pile-tile--clickable {pointer-events: auto;cursor: pointer;}.wc-pile-tile--clickable:hover {border-color: #fef08a;box-shadow:0 0 0 2px #fde047,0 5px 12px rgba(245, 158, 11, 0.9);filter: brightness(1.22);z-index: 95 !important;}.wc-pile-tile--top {border-color: #fde047;box-shadow:0 2px 0 #090d16,0 0 6px rgba(250, 204, 21, 0.48);}.wc-pile-tile--bot-picking {width: 30px;height: 21px;border: 2px solid #fef08a !important;background: linear-gradient(165deg, #f59e0b 0%, #0284c7 100%) !important;box-shadow:0 0 0 3px #fde047,0 0 18px rgba(56, 189, 248, 0.98),0 4px 10px rgba(0, 0, 0, 0.75) !important;z-index: 99 !important;animation: wcBotPilePickPulse 0.38s ease-in-out infinite alternate;}.wc-pile-bot-tag {position: absolute;bottom: calc(100% + 4px);left: 50%;transform: translateX(-50%);background: #0f172a;border: 1.5px solid #fde047;color: #fde047;font-size: 0.48rem;font-weight: 900;letter-spacing: 0.03em;text-transform: uppercase;padding: 1px 5px;border-radius: 999px;white-space: nowrap;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.78);pointer-events: none;}@keyframes wcBotPilePickPulse {from {filter: brightness(1.02);}to {filter: brightness(1.28);}}.wc-pile-prompt-banner {display: flex;align-items: center;justify-content: space-between;gap: 6px;padding: 3px 6px;border-radius: 6px;font-size: 0.58rem;font-weight: 900;letter-spacing: 0.02em;background: rgba(245, 158, 11, 0.22);border: 1px solid rgba(250, 204, 21, 0.65);color: #fef08a;}.wc-pile-prompt-banner--bot {background: rgba(14, 165, 233, 0.22);border-color: rgba(56, 189, 248, 0.65);color: #bae6fd;}.wc-pile-auto-btn {min-height: 19px;padding: 0 6px;border-radius: 999px;border: 1px solid #fde047;background: rgba(15, 23, 42, 0.9);color: #fde047;font-size: 0.54rem;font-weight: 900;cursor: pointer;flex-shrink: 0;}.wc-pile-auto-btn:hover {background: #f59e0b;color: #0f172a;}.wc-unused-pile-empty {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 0.62rem;font-weight: 800;color: #94a3b8;}.wc-supply-stack-icon {width: 28px;height: 20px;border-radius: 4px;background: linear-gradient(180deg, #475569, #1e293b);border: 1.5px solid rgba(255, 255, 255, 0.42);box-shadow: 0 2px 0 #0f172a;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.wc-grey-dump-tray {flex-shrink: 0;min-height: 0;background: linear-gradient(180deg, #a6aeb8 0%, #8c95a0 52%, #747e8a 100%);border: 2px solid #cbd5e1;border-radius: 12px;box-shadow:inset 0 2px 2px rgba(255, 255, 255, 0.55),0 3px 0 #334155,0 6px 14px rgba(0, 0, 0, 0.42);padding: 7px 8px;display: flex;flex-direction: column;gap: 6px;color: #0f172a;}.wc-grey-dump-tray--modal {padding: 10px;gap: 8px;}.wc-grey-dump-crest {display: flex;align-items: center;justify-content: space-between;font-size: 0.62rem;font-weight: 900;letter-spacing: 0.04em;text-transform: uppercase;color: #0f172a;background: rgba(255, 255, 255, 0.68);border-radius: 5px;padding: 3px 7px;flex-shrink: 0;}.wc-grey-dump-body {display: block;width: 100%;}.wc-grey-dump-tray--modal .wc-grey-dump-body {display: block;width: 100%;}.wc-grey-dump-slots {width: 100%;max-width: min(100%, 58dvh);margin: 0 auto;display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 6px;}.wc-grey-dump-tray--modal .wc-grey-dump-slots {max-width: 440px;gap: 7px;}.wc-grey-dump-slot {aspect-ratio: 1 / 1;width: 100%;min-height: 0;border-radius: 7px;padding: 3px 3px 3px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: relative;cursor: help;transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;}.wc-grey-dump-slot:hover {transform: translateY(-1px);filter: brightness(1.06);z-index: 3;}.wc-grey-dump-slot--empty.wc-grey-dump-slot--defensive {background: linear-gradient(180deg, #16a34a 0%, #15803d 100%);border: 1.5px solid rgba(5, 46, 22, 0.68);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.38);}.wc-grey-dump-slot--empty.wc-grey-dump-slot--offensive {background: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%);border: 1.5px solid rgba(69, 10, 10, 0.68);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.38);}.wc-grey-dump-slot--locked-tier {opacity: 0.45;filter: saturate(0.62);}.wc-grey-dump-slot--occupied {background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);border: 1.5px solid #475569;box-shadow:0 2px 0 #334155,0 3px 6px rgba(0, 0, 0, 0.32);}.wc-grey-dump-slot--stack-multi {box-shadow:0 1.5px 0 #cbd5e1,0 3px 0 #475569,0 4px 7px rgba(0, 0, 0, 0.36);}.wc-grey-dump-slot--last {border-color: #f59e0b;box-shadow:0 0 0 2px #fde047,0 3px 9px rgba(245, 158, 11, 0.85);z-index: 2;}.wc-grey-dump-last-badge {position: absolute;top: -5px;right: -3px;background: #f59e0b;color: #0f172a;font-size: 0.42rem;font-weight: 900;padding: 0 3px;border-radius: 4px;line-height: 1.3;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);}.wc-grey-dump-icon {width: 100%;flex: 1;min-height: 0;border-radius: 3.5px;display: flex;align-items: center;justify-content: center;padding: 0;}.wc-grey-dump-slot--empty .wc-grey-dump-icon {background: transparent;}.wc-grey-dump-icon .wc-action-svg {width: 82%;height: 82%;max-width: 76px;max-height: 76px;}.wc-grey-dump-tray--modal .wc-grey-dump-icon .wc-action-svg {width: 84%;height: 84%;max-width: 82px;max-height: 82px;}.wc-grey-dump-foot {width: 100%;display: flex;align-items: center;justify-content: center;gap: 2px;line-height: 1;padding-top: 1px;}.wc-grey-dump-cnt {font-size: 0.54rem;font-weight: 900;line-height: 1.05;}.wc-grey-dump-tray--modal .wc-grey-dump-cnt {font-size: 0.62rem;}.wc-grey-dump-slot--empty .wc-grey-dump-cnt {color: rgba(255, 255, 255, 0.88);}.wc-grey-dump-slot--occupied .wc-grey-dump-cnt {color: #0f172a;}.wc-dump-brand-stamp {font-size: 0.42rem;font-weight: 900;letter-spacing: 0.05em;background: #090d16;color: #f8fafc;padding: 1.5px 4px;border-radius: 3px;line-height: 1.1;white-space: nowrap;}.wc-replay-box {width: 100%;display: flex;flex-direction: column;gap: 4px;flex-shrink: 0;}.wc-replay-btn {width: 100%;min-height: 38px;padding: 4px 9px;border-radius: 10px;border: 1.5px solid rgba(196, 181, 253, 0.72);background: linear-gradient(180deg, #7c3aed 0%, #5b21b6 100%);color: #ffffff;cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1px;flex-shrink: 0;box-shadow: 0 2px 0 #3b0764, 0 4px 10px rgba(0, 0, 0, 0.32);transition: transform 100ms ease, filter 120ms ease, opacity 120ms ease;}.wc-replay-btn:hover:not(:disabled) {filter: brightness(1.09);}.wc-replay-btn:active:not(:disabled) {transform: translateY(1px);}.wc-replay-btn:disabled {opacity: 0.42;cursor: not-allowed;background: rgba(51, 65, 85, 0.65);border-color: rgba(148, 163, 184, 0.3);box-shadow: none;}.wc-replay-btn--active {background: linear-gradient(180deg, #d97706 0%, #b45309 100%);border-color: #fde047;}.wc-replay-btn-main {font-size: 0.7rem;font-weight: 900;letter-spacing: 0.02em;display: inline-flex;align-items: center;gap: 5px;}.wc-replay-btn-sub {font-size: 0.56rem;font-weight: 700;color: #ede9fe;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.wc-replay-turn-strip {width: 100%;display: flex;align-items: center;gap: 4px;flex-wrap: wrap;}.wc-replay-turn-pill {flex: 1 1 auto;min-height: 23px;padding: 2px 6px;border-radius: 6px;border: 1px solid rgba(196, 181, 253, 0.5);background: rgba(88, 28, 135, 0.62);color: #f3e8ff;font-size: 0.57rem;font-weight: 800;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 3px;white-space: nowrap;transition: filter 110ms ease, transform 90ms ease, background 110ms ease;}.wc-replay-turn-pill:hover {filter: brightness(1.16);}.wc-replay-turn-pill:active {transform: translateY(1px);}.wc-replay-turn-pill--active {background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);border-color: #fde047;color: #0f172a;font-weight: 900;}.wc-replay-clip-pills {display: inline-flex;align-items: center;gap: 3px;flex-wrap: wrap;}.wc-bot-recap-card {flex: 1 1 0;min-height: 34px;overflow-y: auto;background: rgba(2, 6, 23, 0.62);border: 1px solid rgba(147, 197, 253, 0.28);border-radius: 10px;padding: 4px 7px;display: flex;flex-direction: column;gap: 3px;}.wc-bot-recap-title {font-size: 0.56rem;font-weight: 900;letter-spacing: 0.04em;text-transform: uppercase;color: #93c5fd;display: flex;align-items: center;justify-content: space-between;}.wc-bot-recap-item {font-size: 0.59rem;line-height: 1.2;color: #e2e8f0;border-left: 2px solid #60a5fa;padding-left: 6px;}.wc-bot-recap-item strong {color: #fde047;}.wc-bot-recap-item--clickable {cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 6px;padding: 3px 4px 3px 6px;border-radius: 0 6px 6px 0;transition: background 120ms ease, border-color 120ms ease;}.wc-bot-recap-item--clickable:hover {background: rgba(124, 58, 237, 0.24);border-left-color: #c4b5fd;}.wc-bot-recap-item--active {background: rgba(217, 119, 6, 0.24);border-left-color: #fde047;}.wc-bot-recap-text {flex: 1 1 auto;min-width: 0;}.wc-bot-recap-replay-btn {flex-shrink: 0;padding: 2px 6px;border-radius: 5px;border: 1px solid rgba(196, 181, 253, 0.55);background: rgba(109, 40, 217, 0.72);color: #f5f3ff;font-size: 0.53rem;font-weight: 800;cursor: pointer;white-space: nowrap;transition: filter 110ms ease;}.wc-bot-recap-replay-btn:hover {filter: brightness(1.18);}.wc-player-tray {position: relative;width: 100%;max-width: none;flex: 1;min-height: 0;display: flex;flex-direction: column;justify-content: space-between;align-items: center;gap: clamp(3px, 0.7dvh, 8px);padding: 0 0 6px;overflow: hidden;background: linear-gradient(180deg,var(--tray-blue-top) 0%,var(--tray-blue-mid) 56%,var(--tray-blue-bottom) 100%);border-radius: 17px;border: 2.5px solid var(--tray-rim);box-shadow:inset 0 2px 3px rgba(255, 255, 255, 0.35),0 4px 0 var(--tray-shadow),0 10px 24px rgba(0, 0, 0, 0.45);transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;}.wc-player-tray--match-point {border-color: #fbbf24;box-shadow:inset 0 2px 3px rgba(255, 255, 255, 0.4),0 0 0 2px rgba(251, 191, 36, 0.62),0 4px 0 var(--tray-shadow),0 0 22px rgba(249, 115, 22, 0.45);}.wc-match-point-pill {display: inline-flex;align-items: center;gap: 2px;margin-left: 4px;padding: 1px 6px;border-radius: 999px;background: linear-gradient(135deg, #ea580c 0%, #dc2626 100%);border: 1px solid #fde047;color: #ffffff;font-size: 0.56rem;font-weight: 900;letter-spacing: 0.03em;vertical-align: middle;box-shadow: 0 1px 6px rgba(220, 38, 38, 0.5);animation: wcPulse 0.95s infinite alternate;}.wc-milestone-toast {position: absolute;top: 28px;left: 50%;transform: translateX(-50%);width: min(92%, 368px);z-index: 12;pointer-events: none;display: flex;align-items: center;gap: 8px;padding: 6px 11px;border-radius: 12px;color: #f8fafc;backdrop-filter: blur(8px);box-shadow:0 8px 22px rgba(2, 6, 23, 0.62),inset 0 1px 0 rgba(255, 255, 255, 0.28);animation: wcMilestonePop 175ms cubic-bezier(0.2, 1.25, 0.4, 1) both;}.wc-milestone-toast--chain {background: linear-gradient(135deg, rgba(113, 63, 18, 0.96) 0%, rgba(161, 98, 7, 0.95) 100%);border: 2px solid #fde047;box-shadow:0 0 18px rgba(250, 204, 21, 0.65),0 8px 22px rgba(2, 6, 23, 0.6);}.wc-milestone-toast--bounce {background: linear-gradient(135deg, rgba(6, 78, 59, 0.96) 0%, rgba(5, 150, 105, 0.95) 100%);border: 2px solid #86efac;box-shadow:0 0 18px rgba(52, 211, 153, 0.62),0 8px 22px rgba(2, 6, 23, 0.6);}.wc-milestone-toast--match_point {background: linear-gradient(135deg, rgba(154, 52, 18, 0.97) 0%, rgba(190, 18, 60, 0.95) 100%);border: 2px solid #fde047;box-shadow:0 0 20px rgba(251, 146, 60, 0.72),0 8px 22px rgba(2, 6, 23, 0.64);}.wc-milestone-toast-icon {flex-shrink: 0;font-size: 1.15rem;line-height: 1;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45));}.wc-milestone-toast-copy {min-width: 0;display: flex;flex-direction: column;gap: 1px;}.wc-milestone-toast-title {font-size: 0.7rem;font-weight: 900;letter-spacing: 0.03em;color: #fef08a;line-height: 1.15;}.wc-milestone-toast--bounce .wc-milestone-toast-title {color: #d1fae5;}.wc-milestone-toast-sub {font-size: 0.61rem;font-weight: 700;color: #f8fafc;line-height: 1.22;}@keyframes wcMilestonePop {0% {opacity: 0;transform: translate(-50%, -8px) scale(0.88);}100% {opacity: 1;transform: translate(-50%, 0) scale(1);}}.wc-player-tray--extracting {border-color: #fde047 !important;box-shadow:inset 0 2px 4px rgba(255, 255, 255, 0.45),0 0 0 3px #fde047,0 5px 0 #d97706,0 0 26px rgba(250, 204, 21, 0.85) !important;}.wc-opp-tray--extracting {border-color: #fde047 !important;box-shadow:inset 0 2px 3px rgba(255, 255, 255, 0.45),0 0 0 2.5px #fde047,0 4px 0 #d97706,0 0 22px rgba(56, 189, 248, 0.88) !important;transform: translateY(1px);}.wc-extracting-badge {background: linear-gradient(90deg, #f59e0b, #eab308);border: 1px solid #fef08a;color: #0f172a;font-size: 0.54rem;font-weight: 900;letter-spacing: 0.03em;text-transform: uppercase;padding: 1px 6px;border-radius: 999px;box-shadow: 0 0 10px rgba(250, 204, 21, 0.8);animation: wcPulse 0.7s infinite alternate;}@media (min-width: 1024px) {.wc-mobile-ask-btn {display: none !important;}}.wc-zone-band {width: var(--self-board-w);display: flex;flex-direction: column;align-items: center;position: relative;flex-shrink: 0;}.wc-zone-tag {position: absolute;left: -17px;top: 50%;transform: translateY(-50%);font-size: 0.52rem;font-weight: 900;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255, 255, 255, 0.72);text-shadow: 0 1px 2px rgba(15, 23, 42, 0.65);writing-mode: vertical-rl;text-orientation: mixed;pointer-events: none;}.wc-stage-row {width: var(--self-board-w);display: grid;grid-template-columns: repeat(3, 1fr);gap: 6px;padding: 2px 6px 0;justify-items: center;flex-shrink: 0;}.wc-stage-slot {width: 66%;aspect-ratio: 0.68;max-height: clamp(40px, 6.2dvh, 62px);border-radius: 6px;background: linear-gradient(180deg,var(--stage-blank-top) 0%,var(--stage-blank-mid) 45%,var(--stage-blank-bot) 100%);border: 2px solid rgba(100, 116, 139, 0.68);box-shadow:inset 0 2.5px 5px rgba(15, 23, 42, 0.3),0 1px 0 rgba(255, 255, 255, 0.55);display: flex;align-items: center;justify-content: center;position: relative;padding: 2px;cursor: pointer;transition: transform 110ms ease, border-color 110ms ease, box-shadow 110ms ease;}.wc-stage-slot--target {border-color: #ffffff;box-shadow:0 0 0 2.5px var(--target-amber),0 0 12px rgba(251, 191, 36, 0.9),inset 0 2px 4px rgba(15, 23, 42, 0.2);animation: wcPulse 0.9s infinite alternate;z-index: 2;}.wc-stage-slot--selected {border-color: #ffffff;box-shadow: 0 0 0 3px var(--swap-offer-cyan);z-index: 2;}.wc-stage-slot--occupied {background: #ffffff;padding: 1.5px;}.wc-stage-slot--incoming {border-color: #fca5a5;box-shadow:0 0 0 3px #ef4444,0 0 16px rgba(239, 68, 68, 0.95);animation: wcPulse 0.85s infinite alternate;z-index: 4;}.wc-stage-slot--frozen {border-color: var(--cyan-ice);box-shadow: 0 0 0 2.5px rgba(103, 232, 249, 0.9);}.wc-placed-tile {width: 100%;height: 100%;border-radius: 4px;background: #ffffff;border: 1.5px solid #cbd5e1;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.38);display: flex;flex-direction: column;overflow: hidden;position: relative;animation: wcPopIn 160ms ease-out;}.wc-placed-tile--mini {border-radius: 3px;border-width: 1px;}.wc-placed-tile--incoming {border-color: #fee2e2;}.wc-placed-actor-badge {position: absolute;top: 1px;right: 1px;background: rgba(15, 23, 42, 0.88);color: #fde047;font-size: 0.44rem;font-weight: 900;padding: 0 3px;border-radius: 3px;line-height: 1.3;z-index: 2;}.wc-placed-tile-top {flex: 1.35;min-height: 0;display: flex;align-items: center;justify-content: center;padding: 2px;}.wc-placed-tile-top--offensive {background: var(--red-action);}.wc-placed-tile-top--defensive {background: var(--green-action);}.wc-placed-tile-top .wc-action-svg {width: 82%;height: 82%;max-width: 24px;max-height: 24px;}.wc-placed-tile--mini .wc-placed-tile-top .wc-action-svg {max-width: 15px;max-height: 15px;}.wc-placed-tile-foot {flex: 0.85;min-height: 0;background: #f8fafc;color: #0f172a;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1px;padding: 1px 2px;}.wc-placed-tile-lbl {font-size: 0.44rem;font-weight: 900;line-height: 1;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}.wc-grid {width: var(--self-board-w);aspect-ratio: 1 / 1;flex-shrink: 0;display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);gap: 6px;padding: 6px;background: rgba(15, 28, 56, 0.36);border-radius: 12px;box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.32);}.wc-cell {position: relative;aspect-ratio: 1 / 1;border-radius: 8px;background: var(--grid-cell-black);box-shadow: inset 0 2.5px 6px rgba(0, 0, 0, 0.72);border: 2px solid rgba(255, 255, 255, 0.12);display: flex;align-items: center;justify-content: center;padding: 4px;cursor: pointer;transition: transform 110ms ease, border-color 110ms ease, box-shadow 110ms ease;}.wc-cell--chained {border-color: var(--gold-chain);box-shadow:0 0 0 1px rgba(250, 204, 21, 0.5),inset 0 2px 5px rgba(0, 0, 0, 0.6);}.wc-cell--chain-weld {border-color: #fef08a;animation: wcChainWeldFlash 720ms ease-out 2;}@keyframes wcChainWeldFlash {0% {box-shadow:0 0 0 3px #fef08a,0 0 20px rgba(250, 204, 21, 0.95),inset 0 0 10px rgba(254, 240, 138, 0.55);}100% {box-shadow:0 0 0 1px rgba(250, 204, 21, 0.5),inset 0 2px 5px rgba(0, 0, 0, 0.6);}}.wc-cell--selected {border-color: #fff;box-shadow: 0 0 0 3px var(--swap-offer-cyan);}.wc-cell--offered {border-color: var(--swap-offer-cyan);box-shadow: 0 0 0 2.5px var(--swap-offer-cyan), 0 0 12px rgba(56, 189, 248, 0.85);}.wc-cell--target {border-color: #fff;box-shadow: 0 0 0 2.5px var(--target-amber), 0 0 12px rgba(251, 191, 36, 0.85);animation: wcPulse 0.9s infinite alternate;}.wc-cell--incoming-danger {border-color: #f87171;box-shadow: 0 0 0 3px #ef4444, 0 0 14px rgba(239, 68, 68, 0.9);}.wc-grid-incoming-overlay {position: absolute;inset: 10% 18%;z-index: 4;pointer-events: none;}.wc-grid-incoming-overlay--occupied {inset: auto;top: -6%;right: -6%;width: 52%;height: 60%;transform: rotate(5deg);}.wc-bw-tile {width: 92%;height: 92%;border-radius: 7px;background: linear-gradient(165deg, var(--bw-tile-top), var(--bw-tile-bottom));border: 1.5px solid #e2e8f0;box-shadow: 0 2.5px 0 var(--bw-tile-edge), 0 3px 6px rgba(0, 0, 0, 0.35);display: flex;align-items: center;justify-content: center;position: relative;animation: wcPopIn 150ms ease-out;}.wc-bw-tile--wildcard {background: #090d16;border-color: #475569;box-shadow: 0 2.5px 0 #020617, 0 3px 6px rgba(0, 0, 0, 0.45);}.wc-bw-tile--lock {background: linear-gradient(165deg, #b91c1c, #7f1d1d);border-color: #fca5a5;box-shadow: 0 2.5px 0 #450a0a;}.wc-bw-tile--mini {width: 100%;height: 100%;border-radius: 4px;box-shadow: 0 1.5px 0 var(--bw-tile-edge);}.wc-svg {width: 82%;height: 82%;display: block;}.wc-stack-badge {position: absolute;top: -4px;right: -4px;background: #090d16;color: #fff;border: 1.5px solid #fff;border-radius: 999px;font-size: 0.58rem;font-weight: 900;padding: 0 4px;line-height: 1.3;z-index: 2;}.wc-new-badge {position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%);background: #f59e0b;color: #111827;font-size: 0.5rem;font-weight: 900;padding: 1px 4px;border-radius: 4px;z-index: 3;}.wc-trench-wrap {width: calc(100% - 16px);flex-shrink: 0;background: rgba(13, 25, 48, 0.52);border: 1px solid rgba(255, 255, 255, 0.14);border-radius: 11px;padding: 4px 6px;display: flex;flex-direction: column;gap: 4px;transition: border-color 140ms ease, box-shadow 140ms ease;}.wc-trench-wrap--arrange-alert {border: 2px solid #fde047;box-shadow:0 0 14px rgba(250, 204, 21, 0.48),inset 0 0 8px rgba(250, 204, 21, 0.16);}.wc-trench-row {display: grid;grid-template-columns: 44px repeat(3, minmax(0, 1fr));align-items: center;gap: 5px;}.wc-trench-row--pinned .wc-trench-slot {border-color: #f87171;box-shadow: 0 0 0 1.5px rgba(239, 68, 68, 0.7);}.wc-trench-label {font-size: 0.55rem;font-weight: 800;line-height: 1.15;color: rgba(255, 255, 255, 0.9);text-transform: uppercase;}.wc-trench-label small {display: block;font-size: 0.48rem;font-weight: 600;color: rgba(255, 255, 255, 0.65);}.wc-trench-slot {height: clamp(36px, 5.2dvh, 44px);border-radius: 6px;background: #0d1118;border: 1.5px solid rgba(255, 255, 255, 0.14);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.75);display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}.wc-action-tile {width: 100%;height: 100%;border-radius: 5px;background: var(--action-face);border: 1.5px solid #e2e8f0;box-shadow: 0 2px 0 var(--action-edge);display: flex;align-items: center;overflow: hidden;position: relative;transition: transform 100ms ease, box-shadow 100ms ease;}.wc-action-tile--selected {transform: translateY(-2px);box-shadow: 0 0 0 2.5px var(--target-amber), 0 4px 10px rgba(0, 0, 0, 0.45);}.wc-action-tile--counter-ready {box-shadow: 0 0 0 2.5px #4ade80, 0 0 12px rgba(74, 222, 128, 0.85);animation: wcPulse 0.85s infinite alternate;}.wc-action-tile--dim {opacity: 0.42;}.wc-action-icon-box {height: 100%;aspect-ratio: 1 / 1;flex-shrink: 0;display: flex;align-items: center;justify-content: center;padding: 2px;}.wc-action-icon-box--offensive {background: var(--red-action);}.wc-action-icon-box--defensive {background: var(--green-action);}.wc-action-svg {width: 32px;height: 32px;max-width: 88%;max-height: 88%;}.wc-action-meta {flex: 1;padding: 2px 5px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 2px;color: #0f172a;min-width: 0;}.wc-action-name {font-size: 0.58rem;font-weight: 900;line-height: 1.05;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}.wc-dots {display: inline-grid;gap: 1.5px;}.wc-dots i {width: 3px;height: 3px;border-radius: 50%;display: block;}.wc-dots--red i {background: var(--red-action);}.wc-dots--green i {background: var(--green-action);}.wc-dots--2 {grid-template-columns: repeat(2, 3px);}.wc-dots--3 {grid-template-columns: repeat(3, 3px);}.wc-dots--9 {grid-template-columns: repeat(3, 2.5px);}.wc-dots--9 i {width: 2.5px;height: 2.5px;}.wc-command-dock {height: 100%;min-height: 0;overflow: hidden;background: rgba(15, 23, 42, 0.78);border: 1.5px solid rgba(255, 255, 255, 0.14);border-radius: 16px;padding: 10px 12px;display: flex;flex-direction: column;justify-content: space-between;gap: 8px;}.wc-dock-section {display: flex;flex-direction: column;gap: 5px;}.wc-dock-tabs {display: grid;grid-template-columns: 1fr 1fr;gap: 4px;background: rgba(2, 6, 23, 0.55);padding: 3px;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.1);flex-shrink: 0;}.wc-dock-tab {min-height: 26px;border: none;border-radius: 6px;background: transparent;color: #94a3b8;font-size: 0.67rem;font-weight: 800;cursor: pointer;transition: background 110ms ease, color 110ms ease;}.wc-dock-tab:hover {color: #e2e8f0;}.wc-dock-tab--active {background: rgba(59, 130, 246, 0.34);color: #eff6ff;box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.55);}.wc-qa-panel {flex: 1;min-height: 0;display: flex;flex-direction: column;gap: 6px;}.wc-qa-feed {flex: 1;min-height: 0;overflow-y: auto;background: rgba(2, 6, 23, 0.55);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 10px;padding: 7px 8px;display: flex;flex-direction: column;gap: 6px;}.wc-qa-msg {border-radius: 8px;padding: 6px 8px;font-size: 0.7rem;line-height: 1.34;user-select: text;-webkit-user-select: text;}.wc-qa-msg--user {align-self: flex-end;max-width: 90%;background: rgba(37, 99, 235, 0.42);border: 1px solid rgba(96, 165, 250, 0.55);color: #eff6ff;font-weight: 700;}.wc-qa-msg--ref {align-self: stretch;background: rgba(30, 41, 59, 0.92);border: 1px solid rgba(148, 163, 184, 0.24);color: #e2e8f0;display: flex;flex-direction: column;gap: 4px;}.wc-qa-msg--ai {background: linear-gradient(165deg, rgba(23, 37, 84, 0.92), rgba(15, 23, 42, 0.95));border-color: rgba(56, 189, 248, 0.45);box-shadow: 0 2px 10px rgba(14, 165, 233, 0.14);}.wc-qa-ref-head-row {display: flex;align-items: flex-start;justify-content: space-between;gap: 6px;}.wc-qa-ref-head {font-size: 0.71rem;font-weight: 900;color: #fde047;line-height: 1.22;}.wc-qa-badge {flex-shrink: 0;font-size: 0.54rem;font-weight: 800;letter-spacing: 0.02em;padding: 2px 6px;border-radius: 999px;white-space: nowrap;line-height: 1.2;}.wc-qa-badge--ai {background: linear-gradient(180deg, rgba(14, 165, 233, 0.34), rgba(2, 132, 199, 0.44));border: 1px solid rgba(125, 211, 252, 0.68);color: #e0f2fe;}.wc-qa-badge--thinking {background: rgba(234, 179, 8, 0.2);border: 1px solid rgba(250, 204, 21, 0.55);color: #fef08a;animation: wcQaPulse 1.15s ease-in-out infinite;}.wc-qa-badge--local {background: rgba(71, 85, 105, 0.42);border: 1px solid rgba(148, 163, 184, 0.4);color: #cbd5e1;}@keyframes wcQaPulse {0%,100% {opacity: 1;}50% {opacity: 0.58;}}.wc-qa-ref-body {font-size: 0.685rem;line-height: 1.38;color: #e2e8f0;}.wc-qa-ref-body strong {color: #fef08a;font-weight: 800;}.wc-qa-code {font-family: ui-monospace, SFMono-Regular, Consolas, monospace;font-size: 0.63rem;padding: 0 4px;border-radius: 4px;background: rgba(15, 23, 42, 0.65);color: #bae6fd;}.wc-qa-p {margin: 0;}.wc-qa-p + .wc-qa-p {margin-top: 5px;}.wc-qa-followups {display: flex;flex-direction: column;gap: 4px;margin-top: 4px;}.wc-qa-followup-btn {align-self: flex-start;max-width: 100%;text-align: left;padding: 4px 8px;border-radius: 7px;border: 1px solid rgba(56, 189, 248, 0.42);background: rgba(14, 116, 144, 0.24);color: #e0f2fe;font-size: 0.61rem;font-weight: 700;line-height: 1.25;cursor: pointer;transition: background 110ms ease, border-color 110ms ease;}.wc-qa-followup-btn:hover {background: rgba(14, 165, 233, 0.36);border-color: rgba(125, 211, 252, 0.8);}.wc-qa-ref-cite {font-size: 0.59rem;font-weight: 800;color: #93c5fd;margin-top: 1px;}.wc-qa-hint-btn {align-self: flex-start;margin-top: 4px;padding: 4px 9px;border-radius: 7px;border: 1px solid rgba(250, 204, 21, 0.5);background: rgba(234, 179, 8, 0.16);color: #fef08a;font-size: 0.62rem;font-weight: 800;cursor: pointer;transition: background 110ms ease, border-color 110ms ease;}.wc-qa-hint-btn:hover {background: rgba(234, 179, 8, 0.28);border-color: rgba(250, 204, 21, 0.85);}.wc-qa-hint-box {margin-top: 5px;padding: 6px 8px;border-radius: 7px;background: rgba(15, 23, 42, 0.78);border: 1px solid rgba(250, 204, 21, 0.42);display: flex;flex-direction: column;gap: 2px;}.wc-qa-hint-head {font-size: 0.65rem;font-weight: 900;color: #fde047;}.wc-qa-hint-body {font-size: 0.66rem;line-height: 1.32;color: #f1f5f9;}.wc-qa-chips {display: flex;flex-wrap: wrap;gap: 4px;flex-shrink: 0;}.wc-qa-chip {border: 1px solid rgba(147, 197, 253, 0.35);background: rgba(30, 58, 138, 0.38);color: #dbeafe;border-radius: 999px;padding: 3px 8px;font-size: 0.61rem;font-weight: 700;cursor: pointer;text-align: left;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: background 110ms ease, border-color 110ms ease;}.wc-qa-chip:hover {background: rgba(37, 99, 235, 0.52);border-color: rgba(147, 197, 253, 0.75);}.wc-qa-chip--hint {border-color: rgba(250, 204, 21, 0.62);background: linear-gradient(180deg, rgba(234, 179, 8, 0.28), rgba(161, 98, 7, 0.34));color: #fef08a;font-weight: 800;}.wc-qa-chip--hint:hover {background: linear-gradient(180deg, rgba(234, 179, 8, 0.42), rgba(161, 98, 7, 0.48));border-color: #fde047;}.wc-qa-form {display: flex;gap: 5px;flex-shrink: 0;}.wc-qa-input {flex: 1;min-width: 0;min-height: 32px;padding: 4px 8px;border-radius: 8px;border: 1.5px solid rgba(148, 163, 184, 0.38);background: rgba(2, 6, 23, 0.85);color: #f8fafc;font-size: 0.72rem;font-family: inherit;user-select: text;-webkit-user-select: text;outline: none;}.wc-qa-input:focus {border-color: #60a5fa;box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.35);}.wc-qa-input::placeholder {color: #64748b;}.wc-qa-send-btn {min-height: 32px;padding: 0 11px;border-radius: 8px;border: 1px solid rgba(96, 165, 250, 0.65);background: linear-gradient(180deg, #3b82f6, #1d4ed8);color: #ffffff;font-size: 0.71rem;font-weight: 900;cursor: pointer;flex-shrink: 0;}.wc-qa-send-btn:hover {filter: brightness(1.08);}.wc-dock-label {font-size: 0.68rem;font-weight: 900;letter-spacing: 0.05em;text-transform: uppercase;color: #94a3b8;}.wc-target-selector {display: flex;flex-direction: column;gap: 5px;}.wc-target-btn {width: 100%;min-height: 36px;padding: 5px 10px;border-radius: 9px;border: 1.5px solid rgba(255, 255, 255, 0.16);background: rgba(30, 41, 59, 0.85);color: #f8fafc;font-size: 0.75rem;font-weight: 800;cursor: pointer;display: flex;align-items: center;justify-content: space-between;transition: border-color 110ms ease, background 110ms ease;}.wc-target-btn:hover {border-color: rgba(251, 191, 36, 0.6);}.wc-target-btn--selected {background: rgba(245, 158, 11, 0.22);border-color: var(--target-amber);color: #fef08a;}.wc-log-box {flex: 1;min-height: 0;overflow-y: auto;background: rgba(2, 6, 23, 0.5);border-radius: 10px;padding: 8px;display: flex;flex-direction: column;gap: 5px;font-size: 0.7rem;color: #cbd5e1;}.wc-log-entry {line-height: 1.25;border-bottom: 1px solid rgba(255, 255, 255, 0.06);padding-bottom: 4px;}.wc-cta-stack {display: flex;flex-direction: column;gap: 6px;}.wc-arrange-trench-alert {border-radius: 8px;padding: 4px 8px;background: linear-gradient(180deg, rgba(217, 119, 6, 0.28), rgba(146, 64, 14, 0.34));border: 1.5px solid rgba(253, 224, 71, 0.72);box-shadow: 0 0 10px rgba(250, 204, 21, 0.18);display: flex;align-items: center;justify-content: center;text-align: center;}.wc-arrange-trench-alert-head {font-size: 0.63rem;font-weight: 800;color: #fef08a;line-height: 1.2;}.wc-cta-row {display: flex;gap: 6px;}.wc-cta-btn {width: 100%;min-height: 44px;padding: 0 12px;border-radius: 10px;border: none;font-size: 0.84rem;font-weight: 900;letter-spacing: 0.02em;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 6px;color: #fff;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.35);transition: transform 100ms ease, opacity 120ms ease;}.wc-cta-btn:active {transform: translateY(2px);}.wc-cta-btn:disabled {opacity: 0.45;cursor: not-allowed;}.wc-cta-btn--primary {background: linear-gradient(180deg, #22c55e, #15803d);}.wc-cta-btn--attack {background: linear-gradient(180deg, #ef4444, #b91c1c);}.wc-cta-btn--secondary {background: rgba(255, 255, 255, 0.14);border: 1px solid rgba(255, 255, 255, 0.24);}.wc-cta-btn--quick {min-height: 48px;font-size: 0.9rem;background: linear-gradient(180deg, #10b981 0%, #059669 55%, #047857 100%);border: 1.5px solid #6ee7b7;box-shadow:0 4px 0 #064e3b,0 0 18px rgba(16, 185, 129, 0.42);transition: transform 100ms ease, filter 120ms ease, box-shadow 120ms ease;}.wc-cta-btn--quick:hover {filter: brightness(1.07);box-shadow:0 4px 0 #064e3b,0 0 24px rgba(52, 211, 153, 0.58);}.wc-quick-hero-card {border-radius: 13px;padding: 10px 12px;background: linear-gradient(180deg, rgba(6, 78, 59, 0.48) 0%, rgba(15, 23, 42, 0.88) 100%);border: 1.5px solid rgba(52, 211, 153, 0.55);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);display: flex;flex-direction: column;gap: 6px;}.wc-quick-hero-sub {font-size: 0.68rem;font-weight: 700;color: #a7f3d0;text-align: center;line-height: 1.25;}.wc-custom-setup-box {border-radius: 12px;border: 1.5px solid rgba(148, 163, 184, 0.32);background: rgba(15, 23, 42, 0.58);overflow: visible;}.wc-custom-setup-box--open {border-color: rgba(250, 204, 21, 0.52);background: rgba(15, 23, 42, 0.78);}.wc-custom-setup-toggle {width: 100%;min-height: 38px;padding: 7px 12px;background: transparent;border: none;color: #e2e8f0;font-size: 0.72rem;font-weight: 800;font-family: inherit;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 8px;text-align: left;border-radius: 11px;transition: background 120ms ease, color 120ms ease;}.wc-custom-setup-toggle:hover {background: rgba(255, 255, 255, 0.06);color: #fef08a;}.wc-custom-setup-chevron {font-size: 0.85rem;color: #fde047;flex-shrink: 0;}.wc-custom-setup-body--collapsed {display: none;}.wc-custom-setup-body--open {padding: 4px 12px 12px;border-top: 1px solid rgba(148, 163, 184, 0.22);display: flex;flex-direction: column;gap: 8px;overflow: visible;}.wc-custom-setup-actions {display: flex;flex-direction: column;gap: 6px;margin-top: 2px;}.wc-modal-backdrop {position: fixed;inset: 0;background: rgba(6, 10, 19, 0.82);backdrop-filter: blur(5px);display: flex;align-items: center;justify-content: center;padding: 14px;z-index: 50;}.wc-modal {width: 100%;max-width: 520px;max-height: 92dvh;overflow: visible;background: #1e293b;border: 2px solid rgba(255, 255, 255, 0.22);border-radius: 18px;padding: 16px 18px;box-shadow: 0 24px 48px rgba(0, 0, 0, 0.65);display: flex;flex-direction: column;gap: 10px;}@media (max-height: 860px) {.wc-modal {overflow-y: auto;}}.wc-modal h2 {margin: 0;font-size: 1.18rem;}.wc-gameover-side-dock {position: fixed;right: 12px;bottom: 12px;width: min(372px, calc(100vw - 24px));max-height: calc(100dvh - 54px);overflow: visible;background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);border: 2px solid #facc15;border-radius: 16px;padding: 12px 14px;box-shadow:0 20px 44px rgba(0, 0, 0, 0.78),0 0 0 1px rgba(250, 204, 21, 0.35);display: flex;flex-direction: column;gap: 8px;z-index: 45;animation: wcSlideInRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);}@media (max-height: 860px) {.wc-gameover-side-dock {overflow-y: auto;}}@keyframes wcSlideInRight {from {opacity: 0;transform: translateX(18px);}to {opacity: 1;transform: translateX(0);}}.wc-gameover-side-head {display: flex;align-items: center;justify-content: space-between;gap: 8px;}.wc-stats-grid--compact .wc-stat-box {padding: 5px 4px;}.wc-stats-grid--compact .wc-stat-val {font-size: 0.92rem;}.wc-gameover-side-dock .wc-mode-highlight-box {padding: 8px;gap: 5px;}.wc-gameover-side-dock .wc-mode-card {padding: 6px 9px;}.wc-player-count-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;}.wc-choice-card {border-radius: 12px;padding: 10px 8px;background: rgba(15, 23, 42, 0.72);border: 2px solid rgba(255, 255, 255, 0.15);color: #f8fafc;cursor: pointer;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 3px;transition: border-color 110ms ease, background 110ms ease;}.wc-choice-card--active {border-color: var(--target-amber);background: rgba(245, 158, 11, 0.2);}.wc-mode-highlight-box {border-radius: 12px;padding: 10px;background: linear-gradient(180deg, rgba(30, 58, 138, 0.36) 0%, rgba(15, 23, 42, 0.85) 100%);border: 2px solid rgba(250, 204, 21, 0.72);box-shadow:0 0 0 1px rgba(250, 204, 21, 0.25),0 8px 20px rgba(0, 0, 0, 0.42);display: flex;flex-direction: column;gap: 7px;}.wc-mode-highlight-head {display: flex;justify-content: space-between;align-items: center;gap: 8px;font-size: 0.68rem;font-weight: 900;letter-spacing: 0.04em;color: #fde047;}.wc-mode-highlight-hint {font-size: 0.62rem;font-weight: 800;color: #bfdbfe;}.wc-mode-cards-stack {display: flex;flex-direction: column;gap: 6px;}.wc-mode-card {position: relative;border-radius: 10px;padding: 9px 11px;background: rgba(15, 23, 42, 0.78);border: 1.5px solid rgba(255, 255, 255, 0.2);cursor: pointer;display: flex;flex-direction: column;gap: 3px;transition: transform 110ms ease, border-color 120ms ease, background 120ms ease, box-shadow 120ms ease;}.wc-mode-card:hover,.wc-mode-card:focus-visible {border-color: #fde047;background: rgba(30, 58, 138, 0.45);box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.35);z-index: 20;}.wc-mode-card--active {border-color: #fde047;background: linear-gradient(90deg, rgba(37, 99, 235, 0.42) 0%, rgba(30, 64, 175, 0.32) 100%);box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.45);}.wc-mode-tier-pill {font-size: 0.64rem;font-weight: 900;padding: 2px 7px;border-radius: 999px;white-space: nowrap;border: 1px solid rgba(255, 255, 255, 0.28);}.wc-mode-tier-pill--core {background: rgba(22, 163, 74, 0.28);color: #bbf7d0;border-color: rgba(74, 222, 128, 0.55);}.wc-mode-tier-pill--plus {background: rgba(37, 99, 235, 0.32);color: #bfdbfe;border-color: rgba(96, 165, 250, 0.6);}.wc-mode-tier-pill--ultra {background: rgba(147, 51, 234, 0.36);color: #f3e8ff;border-color: rgba(192, 132, 252, 0.72);}.wc-mode-hover-bubble {position: absolute;left: 4px;right: 4px;bottom: calc(100% + 10px);background: #090f1d;border: 2px solid #facc15;border-radius: 12px;padding: 9px 11px;color: #f8fafc;box-shadow:0 18px 34px rgba(0, 0, 0, 0.95),0 0 0 1px rgba(250, 204, 21, 0.45);pointer-events: none;opacity: 0;visibility: hidden;transform: translateY(6px);transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;z-index: 120;}.wc-mode-hover-bubble::after {content: '';position: absolute;top: 100%;left: 28px;border-width: 7px;border-style: solid;border-color: #facc15 transparent transparent transparent;}.wc-mode-card:hover .wc-mode-hover-bubble,.wc-mode-card:focus-visible .wc-mode-hover-bubble {opacity: 1;visibility: visible;transform: translateY(0);}.wc-mode-hover-bubble__title {font-size: 0.75rem;font-weight: 900;color: #fde047;margin-bottom: 4px;}.wc-mode-hover-bubble__list {display: flex;flex-direction: column;gap: 2.5px;font-size: 0.67rem;line-height: 1.32;color: #e2e8f0;font-weight: 600;}.wc-dump-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;background: #94a3b8;padding: 10px;border-radius: 12px;color: #0f172a;}.wc-dump-slot {background: rgba(255, 255, 255, 0.75);border-radius: 8px;padding: 6px;display: flex;flex-direction: column;align-items: center;gap: 3px;font-size: 0.68rem;font-weight: 800;}.wc-stats-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;}.wc-stat-box {background: rgba(15, 23, 42, 0.7);border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 10px;padding: 8px;text-align: center;}.wc-stat-val {font-size: 1.1rem;font-weight: 900;color: #fde047;}.wc-stat-lbl {font-size: 0.64rem;color: var(--text-dim);}@media (max-width: 1040px) and (min-width: 781px) {.wc-player-zone {grid-template-columns: minmax(0, 1fr) clamp(354px, 36vw, 410px) minmax(0, 1fr);gap: 8px;}}@media (max-height: 860px) and (min-width: 781px) {:root {--opp-board-w: clamp(86px, 13.5dvh, 116px);--self-board-w: clamp(168px, 26.2dvh, 238px);}.wc-table-bar {min-height: clamp(54px, 7.2dvh, 66px);padding: 5px 10px;gap: 2px;}.wc-status-sub {-webkit-line-clamp: 3;line-height: 1.22;}.wc-player-tray {gap: 2px;padding-bottom: 4px;}.wc-trench-wrap {padding: 3px 6px;gap: 3px;}.wc-dump-panel {padding: 7px 9px;gap: 6px;}.wc-unused-pile-well {height: clamp(80px, 12.2dvh, 118px);}.wc-grey-dump-slots {max-width: min(100%, 52dvh);gap: 5px;}}@media (max-width: 780px) {:root {--opp-board-w: clamp(66px, 9.8dvh, 92px);--self-board-w: clamp(138px, 20.5dvh, 198px);}#app {padding: env(safe-area-inset-top, 4px) 6px env(safe-area-inset-bottom, 5px);gap: 4px;}.wc-dump-panel {display: none;}.wc-center-column {width: 100%;flex: 1;gap: 4px;}.wc-center-top-stack {width: 100%;display: flex;flex-direction: column;gap: 4px;}.wc-opponents-row {width: 100%;min-width: 0;grid-template-columns: repeat(var(--opp-count, 1), minmax(0, 1fr));gap: 5px;}.wc-table-bar {width: 100%;min-height: 0;padding: 4px 8px;}.wc-status-sub {-webkit-line-clamp: 2;}.wc-opp-tray {padding-bottom: 0;gap: 3px;}.wc-opp-stage-slot {max-height: 28px;}.wc-opp-bottom-lip {height: 8px;}.wc-opp-trench-slot {height: 7.5px;}.wc-turn-chips {display: none;}.wc-player-zone {display: flex;flex-direction: column;gap: 4px;}.wc-player-tray {flex: 1;max-width: 440px;padding-bottom: 5px;gap: 3px;}.wc-stage-slot {max-height: 46px;}.wc-trench-slot {height: clamp(34px, 4.5dvh, 39px);}.wc-zone-tag {display: none;}.wc-command-dock {height: auto;width: 100%;max-width: 440px;padding: 5px 8px;border-radius: 12px;gap: 4px;}.wc-dock-desktop-only {display: none;}.wc-target-selector {flex-direction: row;}.wc-target-btn {min-height: 28px;padding: 2px 6px;font-size: 0.67rem;}.wc-cta-btn {min-height: 38px;font-size: 0.79rem;}.wc-arrange-trench-alert {padding: 3px 7px;}.wc-arrange-trench-alert-body {display: none;}}@keyframes wcPulse {from {transform: scale(1);}to {transform: scale(1.035);}}@keyframes wcPopIn {from {transform: scale(0.86);opacity: 0.5;}to {transform: scale(1);opacity: 1;}}@keyframes wcBotProgress {from {transform: scaleX(1);}to {transform: scaleX(0);}}.wc-flight-layer {position: fixed;inset: 0;pointer-events: none;z-index: 45;overflow: hidden;}.wc-flight-svg {position: fixed;inset: 0;width: 100vw;height: 100vh;pointer-events: none;z-index: 43;overflow: visible;}.wc-flight-path-glow {fill: none;stroke: rgba(250, 204, 21, 0.28);stroke-width: 6;stroke-linecap: round;}.wc-flight-path-dash {fill: none;stroke: #fde047;stroke-width: 2.4;stroke-dasharray: 7 6;stroke-linecap: round;animation: wcFlightDashFlow 480ms linear infinite;}@keyframes wcFlightDashFlow {from {stroke-dashoffset: 26;}to {stroke-dashoffset: 0;}}.wc-trench-slot--extracting,.wc-opp-trench-slot--extracting {border-color: #fde047 !important;background: rgba(250, 204, 21, 0.24) !important;box-shadow:0 0 0 2.5px #fde047,0 0 18px rgba(250, 204, 21, 0.92),inset 0 0 10px rgba(250, 204, 21, 0.45) !important;z-index: 8;}.wc-flight-ring {position: fixed;transform: translate(-50%, -50%);border-radius: 9px;pointer-events: none;z-index: 44;opacity: 0;}.wc-flight-ring--from {border: 2.5px solid #fde047;background: rgba(250, 204, 21, 0.22);box-shadow: 0 0 16px rgba(250, 204, 21, 0.88);animation: wcFlightOriginFade var(--fly-dur, 1800ms) ease-out var(--fly-delay, 0ms) forwards;}.wc-flight-ring--from-badge {position: absolute;top: -16px;left: 50%;transform: translateX(-50%);background: #fde047;color: #090d16;font-size: 0.48rem;font-weight: 900;letter-spacing: 0.04em;padding: 1px 5px;border-radius: 4px;white-space: nowrap;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55);}.wc-flight-ring--to {border: 2.5px dashed #38bdf8;background: rgba(56, 189, 248, 0.16);box-shadow: 0 0 16px rgba(56, 189, 248, 0.82);animation: wcFlightDestPulse var(--fly-dur, 1800ms) ease-in-out var(--fly-delay, 0ms) forwards;}.wc-pre-extract-tile {position: fixed;transform: translate(-50%, -50%);pointer-events: none;z-index: 45;animation: wcPreExtractPulse var(--pre-dur, 620ms) ease-in-out forwards;}@keyframes wcPreExtractPulse {0% {opacity: 1;transform: translate(-50%, -50%) scale(1);}55% {opacity: 1;transform: translate(-50%, -56%) scale(1.06);}92% {opacity: 1;transform: translate(-50%, -58%) scale(1.08);}100% {opacity: 0;transform: translate(-50%, -60%) scale(1.04);}}.wc-flying-piece {position: fixed;pointer-events: none;z-index: 46;opacity: 0;will-change: transform, opacity, filter;animation: wcTileFlyArc var(--fly-dur, 1750ms) cubic-bezier(0.22, 0.68, 0.18, 1) var(--fly-delay, 0ms) forwards;}.wc-flying-piece--action {width: 46px;height: 64px;}.wc-flying-piece--square {width: 44px;height: 44px;}.wc-flying-piece--concealed {width: 48px;height: 26px;}.wc-flying-piece .wc-placed-tile,.wc-flying-piece .wc-bw-tile,.wc-flying-piece .wc-concealed-tile {width: 100%;height: 100%;opacity: 0.93;box-shadow:0 3px 0 #0f172a,0 0 0 2.5px #fde047,0 12px 22px rgba(0, 0, 0, 0.65);}@keyframes wcTileFlyArc {0% {opacity: 0;transform: translate(-50%, -50%) translate3d(0px, 0px, 0) scale(0.94);filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.45));}8% {opacity: 0.94;transform: translate(-50%, -50%) translate3d(0px, -8px, 0) scale(1.04);}50% {opacity: 0.94;transform: translate(-50%, -50%) translate3d(var(--fly-mid-x, 0px), var(--fly-mid-y, -24px), 0) scale(1.08);filter: drop-shadow(0 14px 20px rgba(0, 0, 0, 0.62));}92% {opacity: 0.96;transform: translate(-50%, -50%) translate3d(var(--fly-dx, 0px), var(--fly-dy, 0px), 0) scale(1.02);}100% {opacity: 1;transform: translate(-50%, -50%) translate3d(var(--fly-dx, 0px), var(--fly-dy, 0px), 0) scale(1);filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.36));}}@keyframes wcFlightOriginFade {0% {opacity: 1;transform: translate(-50%, -50%) scale(0.96);}30% {opacity: 1;transform: translate(-50%, -50%) scale(1.05);}85% {opacity: 0.65;transform: translate(-50%, -50%) scale(1);}100% {opacity: 0;transform: translate(-50%, -50%) scale(0.96);}}@keyframes wcFlightDestPulse {0% {opacity: 0.45;transform: translate(-50%, -50%) scale(0.92);}50% {opacity: 0.92;transform: translate(-50%, -50%) scale(1.04);}90% {opacity: 1;transform: translate(-50%, -50%) scale(1.08);}100% {opacity: 0;transform: translate(-50%, -50%) scale(1);}}.wc-ip-stamp {font-size: 0.56rem;line-height: 1.25;color: rgba(203, 213, 225, 0.72);text-align: center;padding-top: 2px;border-top: 1px solid rgba(148, 163, 184, 0.14);flex-shrink: 0;}.wc-ip-modal-box {font-size: 0.65rem;line-height: 1.38;color: #cbd5e1;background: rgba(9, 13, 22, 0.52);border: 1px solid rgba(148, 163, 184, 0.24);border-radius: 8px;padding: 6px 9px;text-align: center;}.wc-goal-banner {display: flex;flex-direction: column;gap: 5px;padding: 8px 11px;border-radius: 10px;background: linear-gradient(90deg, rgba(16, 185, 129, 0.24), rgba(30, 58, 138, 0.48));border: 1.5px solid rgba(52, 211, 153, 0.72);box-shadow: 0 0 12px rgba(16, 185, 129, 0.16);}.wc-goal-banner-main {display: flex;align-items: center;justify-content: space-between;gap: 10px;}.wc-goal-banner-text {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 3px;}.wc-goal-banner-title {font-size: 0.78rem;font-weight: 900;color: #a7f3d0;letter-spacing: 0.01em;}.wc-goal-banner-body {font-size: 0.67rem;color: #f1f5f9;line-height: 1.32;}.wc-goal-examples {display: flex;align-items: center;justify-content: center;gap: 8px;flex-shrink: 0;}.wc-goal-examples--compact {margin-top: 4px;gap: 10px;}.wc-goal-mini-tray {display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 4px 5px;border-radius: 7px;background: linear-gradient(180deg, #4b82ca 0%, #3466ac 100%);border: 1.5px solid rgba(250, 204, 21, 0.85);box-shadow: 0 2px 6px rgba(2, 6, 23, 0.45);}.wc-goal-mini-caption {font-size: 0.54rem;font-weight: 900;color: #fef08a;white-space: nowrap;letter-spacing: 0.01em;}.wc-goal-mini-grid {display: grid;grid-template-columns: repeat(3, 18px);grid-template-rows: repeat(3, 18px);gap: 2px;padding: 2px;border-radius: 5px;background: #172030;border: 1.5px solid #facc15;}.wc-goal-mini-tray--compact .wc-goal-mini-grid {grid-template-columns: repeat(3, 15px);grid-template-rows: repeat(3, 15px);}.wc-goal-mini-cell {width: 100%;height: 100%;border-radius: 2.5px;background: #0d1320;border: 1px solid rgba(250, 204, 21, 0.72);display: flex;align-items: center;justify-content: center;padding: 1px;}.wc-goal-mini-cell--wild {border-color: #fde047;box-shadow: 0 0 4px rgba(250, 204, 21, 0.85);}.wc-goal-mini-tile {width: 100%;height: 100%;border-radius: 2px;background: #ffffff;display: flex;align-items: center;justify-content: center;}.wc-goal-mini-tile--wild {background: #090d16;}.wc-goal-mini-tile .wc-svg {width: 92%;height: 92%;}.wc-round-goal-pill {display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 5px 9px;border-radius: 8px;background: rgba(16, 185, 129, 0.18);border: 1px solid rgba(52, 211, 153, 0.55);color: #d1fae5;font-size: 0.67rem;line-height: 1.25;text-align: center;flex-shrink: 0;}.wc-daily-launch-card {display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 8px 11px;border-radius: 11px;background: linear-gradient(90deg, rgba(180, 83, 9, 0.34), rgba(30, 58, 138, 0.44));border: 1.5px solid rgba(253, 224, 71, 0.72);box-shadow: 0 0 14px rgba(250, 204, 21, 0.2);}.wc-daily-launch-info {min-width: 0;display: flex;flex-direction: column;gap: 2px;}.wc-daily-launch-title {font-size: 0.79rem;font-weight: 900;color: #fef08a;}.wc-daily-launch-sub {font-size: 0.67rem;color: #e2e8f0;line-height: 1.25;}.wc-share-row {display: grid;grid-template-columns: 1fr 1fr;gap: 6px;}.wc-cta-btn--share {background: linear-gradient(180deg, #0284c7, #0369a1);}.wc-cta-btn--challenge {background: linear-gradient(180deg, #d97706, #b45309);border: 1px solid rgba(253, 224, 71, 0.6);}.wc-share-toast {font-size: 0.68rem;font-weight: 800;color: #bbf7d0;background: rgba(21, 128, 61, 0.36);border: 1px solid rgba(74, 222, 128, 0.65);border-radius: 7px;padding: 4px 8px;text-align: center;}.wc-challenge-verdict {font-size: 0.69rem;font-weight: 800;color: #fef08a;background: rgba(180, 83, 9, 0.28);border: 1px solid rgba(253, 224, 71, 0.55);border-radius: 8px;padding: 5px 8px;text-align: center;}.wc-daily-streak-pill {display: inline-flex;align-items: center;gap: 4px;padding: 2px 7px;border-radius: 999px;font-size: 0.65rem;font-weight: 900;background: linear-gradient(180deg, rgba(234, 88, 12, 0.45), rgba(154, 52, 18, 0.62));border: 1px solid rgba(251, 146, 60, 0.82);color: #ffedd5;white-space: nowrap;}.wc-daily-streak-pill small {font-size: 0.6rem;font-weight: 700;opacity: 0.88;}.wc-daily-streak-pill--muted {background: rgba(30, 41, 59, 0.78);border-color: rgba(250, 204, 21, 0.48);color: #fde68a;}.wc-daily-summary-card {display: flex;flex-direction: column;gap: 6px;padding: 8px 10px;border-radius: 10px;background: linear-gradient(180deg, rgba(30, 58, 138, 0.38) 0%, rgba(15, 23, 42, 0.88) 100%);border: 1.5px solid rgba(253, 224, 71, 0.62);}.wc-daily-summary-head {display: flex;align-items: center;justify-content: space-between;gap: 6px;flex-wrap: wrap;font-size: 0.72rem;font-weight: 900;color: #fef08a;}.wc-daily-summary-foot {display: flex;align-items: center;justify-content: space-between;gap: 6px;flex-wrap: wrap;font-size: 0.65rem;color: #cbd5e1;border-top: 1px solid rgba(148, 163, 184, 0.22);padding-top: 5px;}.wc-daily-summary-foot strong {color: #fef08a;font-variant-numeric: tabular-nums;}.wc-daily-mini-kpis {display: grid;grid-template-columns: repeat(4, 1fr);gap: 5px;}.wc-daily-mini-kpis > div {background: rgba(2, 6, 23, 0.55);border: 1px solid rgba(148, 163, 184, 0.24);border-radius: 7px;padding: 4px 5px;display: flex;flex-direction: column;align-items: center;text-align: center;}.wc-daily-mini-kpis strong {font-size: 0.82rem;font-weight: 900;color: #f8fafc;}.wc-daily-mini-kpis small {font-size: 0.58rem;font-weight: 700;color: #94a3b8;}.wc-turn-hist {display: flex;flex-direction: column;gap: 4px;}.wc-turn-hist--compact {gap: 3px;}.wc-turn-hist-row {display: grid;grid-template-columns: 98px 1fr;align-items: center;gap: 6px;}.wc-turn-hist--compact .wc-turn-hist-row {grid-template-columns: 62px 1fr;gap: 5px;}.wc-turn-hist-lbl {font-size: 0.64rem;font-weight: 800;color: #e2e8f0;white-space: nowrap;}.wc-turn-hist--compact .wc-turn-hist-lbl {font-size: 0.6rem;}.wc-turn-hist-track {height: 17px;background: rgba(2, 6, 23, 0.62);border-radius: 5px;overflow: hidden;display: flex;align-items: stretch;}.wc-turn-hist--compact .wc-turn-hist-track {height: 15px;}.wc-turn-hist-bar {min-width: 20px;background: rgba(71, 85, 105, 0.65);color: #cbd5e1;font-size: 0.62rem;font-weight: 900;padding: 0 6px;display: flex;align-items: center;justify-content: flex-end;border-radius: 5px;transition: width 200ms ease;}.wc-turn-hist-bar--filled {background: linear-gradient(90deg, #2563eb, #1d4ed8);color: #ffffff;}.wc-turn-hist-bar--today {background: linear-gradient(90deg, #10b981, #059669);box-shadow: inset 0 0 0 1px #a7f3d0;color: #ffffff;}.wc-cta-btn--daily-nudge {background: linear-gradient(90deg, rgba(180, 83, 9, 0.72), rgba(30, 64, 175, 0.78));border: 1px solid rgba(253, 224, 71, 0.7);color: #fef08a;}.wc-pill-btn--puzzle {background: linear-gradient(180deg, rgba(124, 58, 237, 0.65), rgba(76, 29, 149, 0.85));border-color: rgba(196, 181, 253, 0.72);color: #f5f3ff;}.wc-cta-btn--puzzle {background: linear-gradient(180deg, #7c3aed 0%, #5b21b6 100%);border: 1px solid rgba(196, 181, 253, 0.65);color: #f5f3ff;}.wc-table-bar--puzzle {background: linear-gradient(90deg, rgba(76, 29, 149, 0.88), rgba(30, 41, 59, 0.94));border-color: #a78bfa;box-shadow: 0 0 14px rgba(139, 92, 246, 0.32);}.wc-table-bar--puzzle-failed {background: linear-gradient(90deg, rgba(127, 29, 29, 0.92), rgba(30, 41, 59, 0.95));border-color: #f87171;}.wc-table-bar--puzzle-solved {background: linear-gradient(90deg, rgba(6, 95, 70, 0.92), rgba(30, 41, 59, 0.95));border-color: #34d399;}.wc-puzzle-list {display: flex;flex-direction: column;gap: 7px;max-height: 68dvh;overflow-y: auto;padding-right: 2px;}.wc-puzzle-card {width: 100%;text-align: left;font-family: inherit;border-radius: 11px;padding: 9px 11px;background: rgba(15, 23, 42, 0.78);border: 1.5px solid rgba(167, 139, 250, 0.35);color: #f8fafc;cursor: pointer;display: flex;flex-direction: column;gap: 3px;transition: transform 100ms ease, border-color 120ms ease, background 120ms ease;}.wc-puzzle-card:hover {border-color: #c4b5fd;background: rgba(46, 16, 101, 0.42);transform: translateY(-1px);}.wc-puzzle-card--solved {border-color: rgba(52, 211, 153, 0.62);background: linear-gradient(90deg, rgba(6, 78, 59, 0.36), rgba(15, 23, 42, 0.82));}.wc-puzzle-card--current {box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.55);}.wc-puzzle-card-head {display: flex;align-items: center;justify-content: space-between;gap: 8px;}.wc-puzzle-num {font-size: 0.72rem;font-weight: 900;color: #c4b5fd;}.wc-puzzle-title {font-size: 0.82rem;font-weight: 900;color: #fef08a;}.wc-puzzle-stars {font-size: 0.68rem;color: #fbbf24;letter-spacing: 0.04em;}.wc-puzzle-tier {font-size: 0.58rem;font-weight: 900;padding: 1px 6px;border-radius: 999px;background: rgba(124, 58, 237, 0.35);border: 1px solid rgba(196, 181, 253, 0.55);color: #ede9fe;}.wc-puzzle-status {font-size: 0.68rem;font-weight: 900;padding: 2px 8px;border-radius: 999px;background: rgba(124, 58, 237, 0.42);border: 1px solid rgba(196, 181, 253, 0.6);color: #ffffff;white-space: nowrap;flex-shrink: 0;}.wc-puzzle-status--solved {background: rgba(16, 185, 129, 0.32);border-color: rgba(110, 231, 183, 0.7);color: #a7f3d0;}.wc-puzzle-card-rule {font-size: 0.63rem;font-weight: 800;color: #93c5fd;}.wc-puzzle-card-brief {font-size: 0.69rem;line-height: 1.3;color: #cbd5e1;}.wc-puzzle-takeaway-card {border-radius: 10px;padding: 8px 10px;background: linear-gradient(180deg, rgba(76, 29, 149, 0.38), rgba(15, 23, 42, 0.88));border: 1.5px solid rgba(196, 181, 253, 0.6);display: flex;flex-direction: column;gap: 4px;}.wc-puzzle-takeaway-rule {font-size: 0.65rem;font-weight: 900;color: #c4b5fd;}.wc-puzzle-takeaway-body {font-size: 0.71rem;line-height: 1.35;color: #f8fafc;}.wc-creators-card {background: rgba(15, 23, 42, 0.72);border: 1.5px solid rgba(250, 204, 21, 0.45);border-radius: 10px;padding: 9px 12px;text-align: center;}.wc-creators-section-title {font-size: 0.64rem;font-weight: 800;letter-spacing: 0.05em;text-transform: uppercase;color: #93c5fd;}.wc-creators-names {font-size: 0.86rem;font-weight: 900;color: #fef08a;margin-top: 2px;}.wc-pill-btn--suggest {border-color: rgba(52, 211, 153, 0.65);background: linear-gradient(180deg, rgba(16, 185, 129, 0.34), rgba(5, 150, 105, 0.44));color: #d1fae5;}.wc-pill-btn--suggest:hover {filter: brightness(1.12);}.wc-suggest-cat-row {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 6px;}.wc-suggest-textarea {width: 100%;min-height: 84px;max-height: 180px;resize: vertical;padding: 7px 9px;border-radius: 8px;border: 1.5px solid rgba(148, 163, 184, 0.42);background: rgba(2, 6, 23, 0.88);color: #f8fafc;font-size: 0.75rem;line-height: 1.38;font-family: inherit;user-select: text;-webkit-user-select: text;outline: none;}.wc-suggest-textarea:focus {border-color: #34d399;box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.32);}.wc-suggest-meta-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}.wc-suggest-banner {padding: 6px 9px;border-radius: 8px;font-size: 0.7rem;font-weight: 800;line-height: 1.32;}.wc-suggest-banner--ok {background: rgba(21, 128, 61, 0.34);border: 1px solid rgba(74, 222, 128, 0.68);color: #dcfce7;}.wc-suggest-banner--error {background: rgba(185, 28, 28, 0.34);border: 1px solid rgba(248, 113, 113, 0.72);color: #fee2e2;}.wc-dump-popover {position: fixed;z-index: 140;width: 316px;max-width: calc(100vw - 20px);padding: 9px 11px;border-radius: 11px;background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(2, 6, 23, 0.98) 100%);border: 1.5px solid rgba(250, 204, 21, 0.78);box-shadow:0 10px 28px rgba(0, 0, 0, 0.75),0 0 14px rgba(250, 204, 21, 0.22);color: #f8fafc;pointer-events: none;display: flex;flex-direction: column;gap: 6px;animation: wcPopIn 110ms ease-out;}.wc-dump-popover[hidden] {display: none !important;}.wc-dump-pop-head {display: flex;flex-direction: column;gap: 3px;padding-bottom: 5px;border-bottom: 1px solid rgba(148, 163, 184, 0.25);}.wc-dump-pop-title {font-size: 0.8rem;font-weight: 900;color: #fef08a;letter-spacing: 0.01em;}.wc-dump-pop-badge {align-self: flex-start;font-size: 0.58rem;font-weight: 900;letter-spacing: 0.03em;text-transform: uppercase;padding: 2px 6px;border-radius: 999px;}.wc-dump-pop-badge--defensive {background: rgba(22, 163, 74, 0.28);border: 1px solid rgba(74, 222, 128, 0.72);color: #bbf7d0;}.wc-dump-pop-badge--offensive {background: rgba(220, 38, 38, 0.28);border: 1px solid rgba(248, 113, 113, 0.72);color: #fecaca;}.wc-dump-pop-sec {font-size: 0.69rem;line-height: 1.36;color: #e2e8f0;}.wc-dump-pop-lbl {font-weight: 900;color: #93c5fd;}.wc-dump-pop-foot {margin-top: 1px;padding-top: 5px;border-top: 1px solid rgba(148, 163, 184, 0.22);font-size: 0.63rem;font-weight: 800;line-height: 1.3;color: #fde047;}.wc-pill-btn--gold {background: linear-gradient(180deg, rgba(234, 179, 8, 0.34), rgba(161, 98, 7, 0.38));border-color: rgba(250, 204, 21, 0.78);color: #fef08a;font-weight: 900;}.wc-pill-btn--gold:hover {background: linear-gradient(180deg, rgba(234, 179, 8, 0.5), rgba(161, 98, 7, 0.52));}.wc-cta-btn--gold {background: linear-gradient(180deg, #eab308 0%, #ca8a04 100%);border: 1px solid #fef08a;color: #0f172a;font-weight: 900;box-shadow: 0 3px 12px rgba(234, 179, 8, 0.35);}.wc-lb-hero-card {display: flex;justify-content: space-between;align-items: center;gap: 10px;padding: 9px 12px;border-radius: 10px;background: linear-gradient(135deg, rgba(30, 58, 138, 0.65), rgba(15, 23, 42, 0.92));border: 1.5px solid rgba(250, 204, 21, 0.65);}.wc-lb-hero-lbl {font-size: 0.72rem;font-weight: 800;color: #cbd5e1;}.wc-lb-hero-rating {display: flex;align-items: center;gap: 8px;font-size: 1.25rem;font-weight: 900;color: #fef08a;margin-top: 2px;}.wc-lb-hero-rating small {font-size: 0.72rem;color: #fde047;}.wc-lb-hero-badge {font-size: 0.68rem;font-weight: 800;padding: 2px 8px;border-radius: 999px;background: rgba(250, 204, 21, 0.2);border: 1px solid rgba(250, 204, 21, 0.62);color: #fef9c3;}.wc-lb-hero-meta {text-align: right;font-size: 0.72rem;color: #e2e8f0;line-height: 1.45;}.wc-lb-claim-box {display: flex;flex-direction: column;gap: 6px;padding: 9px 10px;border-radius: 10px;background: rgba(15, 23, 42, 0.78);border: 1px solid rgba(148, 163, 184, 0.32);}.wc-lb-flag-grid {display: flex;flex-wrap: wrap;gap: 4px;}.wc-lb-flag-btn {min-width: 30px;height: 26px;padding: 0 5px;border-radius: 6px;border: 1px solid rgba(148, 163, 184, 0.32);background: rgba(30, 41, 59, 0.75);font-size: 0.88rem;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;}.wc-lb-flag-btn--active {border-color: #facc15;background: rgba(234, 179, 8, 0.28);box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.55);}.wc-lb-key-actions {display: flex;flex-wrap: wrap;gap: 6px;align-items: center;}.wc-lb-table-wrap {max-height: 220px;overflow-y: auto;border-radius: 9px;border: 1px solid rgba(148, 163, 184, 0.28);background: rgba(2, 6, 23, 0.72);}.wc-lb-table {width: 100%;border-collapse: collapse;font-size: 0.73rem;}.wc-lb-table th {position: sticky;top: 0;background: rgba(15, 23, 42, 0.96);color: #93c5fd;font-size: 0.64rem;text-transform: uppercase;letter-spacing: 0.04em;text-align: left;padding: 6px 8px;border-bottom: 1px solid rgba(148, 163, 184, 0.28);}.wc-lb-table td {padding: 6px 8px;border-bottom: 1px solid rgba(148, 163, 184, 0.14);color: #f1f5f9;vertical-align: middle;}.wc-lb-row--self td {background: rgba(234, 179, 8, 0.18);color: #fef9c3;}.wc-lb-row--bot td {opacity: 0.88;}.wc-lb-rank {font-weight: 900;width: 38px;}.wc-lb-user {display: flex;align-items: center;gap: 5px;flex-wrap: wrap;}.wc-lb-tier {font-size: 0.67rem;color: #cbd5e1;white-space: nowrap;}.wc-lb-wl {font-size: 0.68rem;color: #94a3b8;white-space: nowrap;}.wc-lb-rating {text-align: right;font-weight: 900;color: #fde047;white-space: nowrap;}.wc-lb-tag {font-size: 0.55rem;font-weight: 900;padding: 1px 5px;border-radius: 999px;letter-spacing: 0.03em;}.wc-lb-tag--you {background: #facc15;color: #0f172a;}.wc-lb-tag--ai {background: rgba(59, 130, 246, 0.25);border: 1px solid rgba(96, 165, 250, 0.55);color: #bfdbfe;}@media (min-width: 1480px) {:root {--opp-board-w: clamp(98px, 14.4dvh, 136px);--self-board-w: clamp(196px, 29.2dvh, 296px);}#app {max-width: 1580px;padding: 8px 16px 10px;gap: 8px;}.wc-player-zone {grid-template-columns: minmax(0, 1fr) clamp(446px, 34vw, 512px) minmax(0, 1fr);gap: 14px;}.wc-opp-tray {max-width: 196px;}.wc-tray-crest--opp {font-size: 0.65rem;padding: 3px 6px;}}