.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#1a1a2e;border-bottom:1px solid #333;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1.5rem}.header-title{font-size:1.3rem;font-weight:700;color:#e0e0e0;text-decoration:none}.header-title:hover{color:#fff}.header-nav-link{font-size:.9rem;color:#aaa;text-decoration:none}.header-nav-link:hover{color:#e0e0e0}.header-right{display:flex;align-items:center;gap:1rem}.header-user{color:#aaa;font-size:.85rem}.header-signout{padding:.4rem .8rem;background:transparent;border:1px solid #555;border-radius:4px;color:#ccc;font-size:.8rem;cursor:pointer}.header-signout:hover{background:#333;border-color:#777}.header-signin{padding:.4rem .8rem;border:1px solid #555;border-radius:4px;color:#ccc;font-size:.8rem;text-decoration:none}.header-signin:hover{background:#333;border-color:#777;color:#fff}@media(max-width:600px){.app-header{padding:.5rem .75rem}.header-left{gap:.75rem}.header-title{font-size:1.1rem}.header-right{gap:.5rem}.header-user{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.header-signout,.header-signin{padding:.35rem .6rem;font-size:.75rem}.header-nav-link{font-size:.8rem}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#1e1e2e;border:1px solid #333;border-radius:12px;padding:2.5rem;max-width:400px;width:100%;text-align:center}.login-card h1{margin:0 0 .25rem;font-size:2rem;color:#e0e0e0}.login-subtitle{color:#888;margin:0 0 2rem;font-size:.9rem}.beta-disclaimer{background:#2a2a3e;border:1px solid #f59e0b;border-radius:6px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#ccc;font-size:.85rem;line-height:1.4}.beta-disclaimer strong{color:#f59e0b}.google-btn{width:100%;padding:.75rem 1rem;background:#4285f4;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-weight:500}.google-btn:hover{background:#3574d4}.login-divider{display:flex;align-items:center;margin:1.5rem 0;gap:.75rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#444}.login-divider span{color:#666;font-size:.85rem}.email-form{display:flex;flex-direction:column;gap:.75rem}.email-form input{padding:.7rem 1rem;background:#2a2a3e;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:.95rem}.email-form input:focus{outline:none;border-color:#4285f4}.email-link-btn{padding:.75rem 1rem;background:#1a6b3c;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-weight:500}.email-link-btn:hover{background:#1b7d44}.email-link-btn:disabled{opacity:.6;cursor:not-allowed}.link-sent-message{text-align:center;padding:1rem 0}.link-sent-message p{margin:0 0 .5rem;color:#4ade80;font-size:1rem}.link-sent-detail{color:#aaa!important;font-size:.85rem!important}.email-btn{padding:.75rem 1rem;background:#333;color:#e0e0e0;border:1px solid #555;border-radius:6px;font-size:1rem;cursor:pointer}.email-btn:hover{background:#444}.email-btn:disabled{opacity:.6;cursor:not-allowed}.password-form{margin-top:.75rem}.toggle-btn{margin-top:1rem;background:none;border:none;color:#4285f4;cursor:pointer;font-size:.85rem;padding:0}.toggle-btn:hover{text-decoration:underline}.login-error{margin-top:1rem;color:#ef4444;font-size:.85rem}.replay-upload{margin-bottom:1.5rem}.upload-btn{display:inline-block;padding:.6rem 1.2rem;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .2s}.upload-btn:hover{background:#1d4ed8}.upload-progress{margin-top:.5rem;height:6px;background:#333;border-radius:3px;overflow:hidden;max-width:300px}.upload-progress-bar{height:100%;background:#2563eb;transition:width .3s}.upload-error{color:#ef4444;font-size:.85rem;margin-top:.5rem}.upload-success{color:#22c55e;font-size:.85rem;margin-top:.5rem}.upload-file-list{list-style:none;padding:0;margin:.5rem 0 0;font-size:.85rem;max-width:400px}.upload-file-item{display:flex;align-items:center;gap:.5rem;padding:.2rem 0}.upload-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-progress{color:#93c5fd}.upload-file-done{color:#22c55e}.upload-file-error{color:#ef4444}.health-sparkline{width:120px;height:32px;display:block}.sparkline-line-self{fill:none;stroke:#60a5fa;stroke-width:1.5;vector-effect:non-scaling-stroke}.sparkline-line-opponent{fill:none;stroke:#f87171;stroke-width:1.5;vector-effect:non-scaling-stroke}.sparkline-fill-self{fill:#60a5fa26}.sparkline-fill-opponent{fill:#f871711a}.game-list-page{max-width:900px;margin:0 auto;padding:1.5rem}.game-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.game-list-header h2{margin:0;color:#e0e0e0}.game-list-status{color:#aaa}.game-list-error{color:#ef4444}.game-list-error .retry-btn{margin-top:.5rem}.game-list-empty{text-align:center;padding:3rem 1rem;color:#888;border:1px dashed #444;border-radius:8px}.game-table{width:100%;border-collapse:collapse}.game-table th{text-align:left;padding:.6rem .75rem;border-bottom:2px solid #444;color:#aaa;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.game-table td{padding:.6rem .75rem;color:#ccc;font-size:.9rem}.game-row{cursor:pointer;box-shadow:0 1px #333}.game-row:hover{background:#1e1e2e}.result-badge{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:4px;font-weight:700;font-size:.85rem;text-decoration:none}.result-win{background:#166534;color:#4ade80}.result-loss{background:#7f1d1d;color:#f87171}.result-draw{background:#713f12;color:#fbbf24}.result-unknown{background:#333;color:#aaa}.result-picker{display:inline-flex;align-items:center;gap:.3rem}.result-set-btn{border:1px solid #555;background:#242424;color:#bbb;border-radius:4px;height:24px;min-width:24px;font-size:.72rem;font-weight:700;line-height:1;padding:0 .35rem;cursor:pointer}.result-set-btn:hover{border-color:#888;color:#fff}.players-cell{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.players-vs,.players-plus{color:#666;font-size:.75rem;margin:0 .25rem}.player-self{color:#60a5fa;font-weight:600}.player-other{color:#999}@media(max-width:600px){.game-list-page{padding:1rem .75rem}.game-table thead{display:none}.game-table,.game-table tbody{display:block}.game-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.25rem .75rem;padding:.75rem;margin-bottom:.5rem;background:#1a1a2e;border-radius:8px;border:1px solid #2a2a3e;box-shadow:none;align-items:center}.game-row:hover{background:#1e1e30}.game-row td:nth-child(1){grid-row:1 / 3;grid-column:1;display:flex;align-items:center}.game-row td:nth-child(2){display:none}.game-row td:nth-child(3){grid-row:1;grid-column:2;padding:0}.game-row td:nth-child(4){grid-row:1;grid-column:3;padding:0}.game-row td:nth-child(5){grid-row:2;grid-column:2;padding:0;font-size:.8rem;color:#888}.game-row td:nth-child(5):before{content:"Round "}.game-row td:nth-child(6){grid-row:2;grid-column:3;padding:0;font-size:.8rem;color:#666;text-align:right}.result-badge{width:36px;height:36px;line-height:36px;font-size:1rem}.result-picker{gap:.2rem}.result-set-btn{height:22px;min-width:22px;padding:0 .25rem}}.round-navigator{display:flex;align-items:center;gap:1rem}.round-nav-btn{background:#2a2a3e;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1}.round-nav-btn:hover:not(:disabled){background:#3a3a50;border-color:#666}.round-nav-btn:disabled{opacity:.3;cursor:not-allowed}.round-label{font-size:1.1rem;font-weight:600;color:#e0e0e0;min-width:90px;text-align:center}@media(max-width:600px){.round-nav-btn{width:44px;height:44px}.round-label{min-width:70px}}.shortcut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.shortcut-dialog{background:#1e1e2e;border:1px solid #444;border-radius:8px;padding:1.25rem;min-width:min(320px,calc(100vw - 2rem));max-width:min(400px,calc(100vw - 2rem))}.shortcut-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:#e0e0e0}.shortcut-close{background:none;border:none;color:#aaa;font-size:1.4rem;cursor:pointer;padding:0 .25rem;line-height:1}.shortcut-close:hover{color:#fff}.shortcut-list{display:flex;flex-direction:column;gap:.5rem}.shortcut-row{display:flex;align-items:center;gap:1rem}.shortcut-keys{min-width:80px;display:flex;gap:.25rem;justify-content:flex-end}.shortcut-keys kbd{display:inline-block;background:#2a2a3e;border:1px solid #555;border-radius:4px;padding:.15rem .45rem;font-family:inherit;font-size:.85rem;color:#e0e0e0;line-height:1.4}.shortcut-desc{color:#bbb;font-size:.9rem}.health-bar-container{padding:.5rem 0}.health-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.health-name{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.health-specialist-img{width:24px;height:24px;border-radius:3px;object-fit:cover}.name-self{color:#60a5fa}.name-other{color:#f87171}.health-values{display:flex;align-items:center;gap:.5rem}.health-hp{font-size:.9rem;font-weight:700;color:#e0e0e0}.health-damage{font-size:.8rem;font-weight:600}.damage-negative{color:#ef4444}.damage-positive{color:#22c55e}.fight-result-badge{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:3px;font-size:.7rem;font-weight:700}.fight-lose{background:#7f1d1d;color:#f87171}.fight-deuce{background:#713f12;color:#fbbf24}.health-supply{display:inline-block;font-size:.7rem;font-weight:700;color:#fbbf24;background:#422006;padding:1px 5px;border-radius:3px;line-height:18px}.health-supply:before{content:"$"}.health-track{position:relative;height:8px;background:#333;border-radius:4px;overflow:hidden}.health-shadow{position:absolute;top:0;left:0;height:100%;border-radius:4px;opacity:.35}.health-fill{position:relative;height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;transition:width .3s ease}.health-fill.health-dead{background:#555}.health-self .health-fill,.health-self .health-shadow{background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.health-opponent .health-fill,.health-opponent .health-shadow{background:linear-gradient(90deg,#991b1b,#f87171)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:#1a1a2e;color:#e0e0e0;font-size:.65rem;font-weight:500;padding:2px 6px;border-radius:3px;white-space:nowrap;z-index:100;pointer-events:none;border:1px solid #444;box-shadow:0 2px 6px #00000080}.bf-container{display:flex;flex-direction:column;gap:.5rem}.bf-controls{display:flex;align-items:center;gap:.75rem;width:864px;max-width:100%;align-self:center;padding:.4rem .75rem;background:#1a1a2e;border:1px solid #333;border-top:none;border-radius:0 0 6px 6px;box-sizing:border-box}.bf-controls-group{display:flex;align-items:center;gap:0}.bf-controls-label{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.04em;margin-right:.35rem;-webkit-user-select:none;user-select:none}.bf-controls-btn{position:relative;font-size:.7rem;padding:.25rem .6rem;border:1px solid #3a3a4e;background:#22222e;color:#8888a0;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;font-family:inherit;letter-spacing:.02em}.bf-controls-group .bf-controls-btn:first-of-type{border-radius:4px 0 0 4px}.bf-controls-group .bf-controls-btn:last-of-type{border-radius:0 4px 4px 0}.bf-controls-group .bf-controls-btn:not(:first-of-type){margin-left:-1px}.bf-controls-group .bf-controls-btn:first-of-type:last-of-type{border-radius:4px}.bf-controls-divider{width:1px;height:18px;background:#3a3a4e;flex-shrink:0}.bf-controls-btn:hover{background:#2e2e3e;border-color:#606078;color:#ccd;z-index:1}.bf-controls-btn-active{background:#1a2844;border-color:#5090e8;color:#6eaaff;box-shadow:0 0 4px #60a5fa26;z-index:2}.bf-controls-theatre{border-radius:4px;margin-left:auto}.bf-layout{display:flex;gap:.75rem;align-items:flex-start}.game-detail-page:has(.bf-theatre){max-width:none}.bf-center{display:flex;flex-direction:column;flex-shrink:0}.bf-field{position:relative;width:864px;height:744px;max-width:100%;background:repeating-linear-gradient(to right,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 12px),#151520;border:1px solid #333;border-radius:6px;overflow:visible;cursor:default}.bf-major-grid-v{position:absolute;top:0;bottom:0;width:1px;background:#fff1;pointer-events:none}.bf-major-grid-h{position:absolute;left:0;right:0;height:1px;background:#fff1;pointer-events:none}.bf-center-line{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent 0%,#444 15%,#555 50%,#444 85%,transparent 100%);pointer-events:none;z-index:1}.bf-flank-zone{position:absolute;top:0;bottom:0;background:#ffffff08;border-style:solid;border-color:#333;border-width:0;pointer-events:none;z-index:0}.bf-flank-left{left:0;border-right-width:1px}.bf-flank-right{right:0;border-left-width:1px}.bf-flank-label{position:absolute;top:50%;transform:translateY(-50%);font-size:.6rem;color:#444;text-transform:uppercase;letter-spacing:.5px;writing-mode:vertical-rl;pointer-events:none}.bf-flank-left .bf-flank-label{right:4px}.bf-flank-right .bf-flank-label{left:4px}.bf-wall{position:absolute;top:-1px;bottom:-1px;background:#0f0f1a;border-style:solid;border-color:#333;border-width:0;pointer-events:none;z-index:5}.bf-wall-left{left:-1px;border-right-width:1px}.bf-wall-right{right:-1px;border-left-width:1px}.bf-tower{position:absolute;width:24px;height:24px;margin-left:-12px;margin-top:-12px;border-radius:3px;border:2px solid;pointer-events:auto;cursor:pointer;z-index:3;opacity:.7;display:flex;align-items:center;justify-content:center;transition:opacity .15s,box-shadow .15s}.bf-tower:hover{opacity:1;z-index:51}.bf-tower-selected{opacity:1;z-index:10}.bf-tower-selected.bf-tower-self{box-shadow:0 0 10px #60a5fab3}.bf-tower-selected.bf-tower-opponent{box-shadow:0 0 10px #f87171b3}.bf-tower-self{border-color:#60a5fa;background:#1d4ed840}.bf-tower-opponent{border-color:#f87171;background:#b91c1c40}.bf-tower-label{font-size:.45rem;color:#fff;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.bf-tower-level{position:absolute;top:-6px;left:-4px;background:#fbbf24;color:#000;font-size:.5rem;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #151520;z-index:4;pointer-events:none}.bf-tower-skills{display:flex;flex-direction:column;gap:3px;margin-top:.25rem}.bf-tower-skill{display:flex;align-items:center;gap:.35rem;font-size:.75rem}.bf-tower-skill-on{color:#4ade80}.bf-tower-skill-off{color:#555}.bf-tower-skill-dot{width:8px;height:8px;border-radius:2px;background:#2a2a3e;border:1px solid #444;flex-shrink:0}.bf-tower-skill-icon{width:20px;height:20px;flex-shrink:0;opacity:.3}.bf-tower-skill-icon-on{opacity:1}.bf-tower-skill-upgrade{font-size:.65rem;color:#fbbf24;display:inline-flex;align-items:center;gap:.2rem}.bf-unit-token{position:absolute;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .15s,transform .15s;z-index:2;-webkit-user-select:none;user-select:none;border:2px solid transparent;overflow:visible}.bf-unit-token:hover{z-index:51;transform:scale(1.2)}.bf-token-img{width:100%;height:100%;object-fit:fill;pointer-events:none;image-rendering:pixelated}.bf-token-img-rotated{position:absolute;left:50%;top:50%;object-fit:fill}.bf-token-self{background:#1d4ed840;border-color:#60a5fa}.bf-token-opponent{background:#b91c1c40;border-color:#f87171}.bf-token-equipped:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#a78bfa;border:1px solid #151520;z-index:3}.bf-token-selected{z-index:10;transform:scale(1.15)}.bf-token-selected.bf-token-self{border-color:#fff;box-shadow:0 0 12px #60a5fab3}.bf-token-selected.bf-token-opponent{border-color:#fff;box-shadow:0 0 12px #f87171b3}.bf-token-self.bf-token-new,.bf-token-self.bf-token-moved{box-shadow:0 0 8px 4px #60a5fad9}.bf-token-opponent.bf-token-new,.bf-token-opponent.bf-token-moved{box-shadow:0 0 8px 4px #f87171d9}.bf-token-abbrev{position:absolute;bottom:-1px;left:0;right:0;color:#fff;font-weight:700;font-size:.5rem;line-height:1;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.8);z-index:3;pointer-events:none}.bf-token-portrait{position:absolute;top:-5px;left:-5px;width:16px;height:16px;border-radius:3px;border:1.5px solid rgba(255,255,255,.85);object-fit:cover;pointer-events:none;z-index:5;image-rendering:auto;background:#151520}.bf-token-highlighted{z-index:8;animation:token-highlight-pulse .8s ease-in-out infinite alternate}@keyframes token-highlight-pulse{0%{box-shadow:0 0 6px 3px #fff9}to{box-shadow:0 0 12px 6px #ffffffe6}}.bf-token-level{position:absolute;bottom:-6px;left:-4px;background:#fbbf24;color:#000;font-size:.5rem;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #151520;z-index:4}.bf-token-reinforcement-badge{position:absolute;bottom:-5px;right:-5px;background:#d97706;color:#fff;font-size:.45rem;font-weight:700;width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #151520;z-index:4;pointer-events:none}.bf-xp-ring{flex-shrink:0;vertical-align:middle}.bf-contraption-token{position:absolute;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:2;cursor:default;transition:transform .15s}.bf-contraption-token:hover{z-index:51;transform:scale(1.4)}.bf-contraption-icon{font-size:.7rem;display:block}.bf-contraption-token.bf-token-self .bf-contraption-icon{color:#93c5fd}.bf-contraption-token.bf-token-opponent .bf-contraption-icon{color:#fca5a5}.bf-skill-token{position:absolute;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:3;border-radius:50%;opacity:.85;cursor:default;transition:transform .15s}.bf-skill-token:hover{z-index:51;transform:scale(1.4);opacity:1}.bf-skill-icon{width:20px;height:20px;border-radius:50%;object-fit:cover}.bf-skill-token.bf-token-self{box-shadow:0 0 4px #60a5fa99}.bf-skill-token.bf-token-opponent{box-shadow:0 0 4px #f8717199}.bf-skill-fallback{font-size:.7rem;color:#fbbf24}.bf-skill-highlighted{z-index:10;transform:scale(1.5);opacity:1;animation:bf-skill-pulse 1s ease-in-out infinite}.bf-skill-highlighted.bf-token-self{box-shadow:0 0 12px #60a5fae6,0 0 4px #ffffff80}.bf-skill-highlighted.bf-token-opponent{box-shadow:0 0 12px #f87171e6,0 0 4px #ffffff80}@keyframes bf-skill-pulse{0%,to{transform:scale(1.5)}50%{transform:scale(1.7)}}.bf-cross-lane{opacity:.5;border:1px dashed rgba(255,255,255,.5)}.bf-construction-token{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:3px;cursor:default;transition:transform .15s}.bf-construction-token:hover{z-index:51;transform:scale(1.3);opacity:1}.bf-construction-token.bf-token-self{color:#60a5fa}.bf-construction-token.bf-token-opponent{color:#f87171}.bf-construction-label{position:absolute;font-size:.55rem;font-weight:600;color:#fff;text-shadow:0 0 3px #000,0 0 1px #000;white-space:nowrap;pointer-events:none}.bf-detail-self{border-left:3px solid #3b82f6}.bf-detail-opponent{border-left:3px solid #ef4444}.bf-detail-stats{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.8rem}.bf-detail-stat{color:#ccc}.bf-detail-xp-row{display:inline-flex;align-items:center;gap:.3rem}.bf-detail-exp-gain{color:#4ade80;font-weight:600}.bf-detail-equip{color:#a78bfa;font-weight:500}.bf-detail-techs{display:flex;flex-wrap:wrap;gap:.3rem}.bf-detail-tech{display:inline-flex;align-items:center;font-size:.7rem;padding:.15rem .4rem;border-radius:3px}.bf-detail-tech .tech-pill-icon{width:16px;height:16px;margin-right:2px;flex-shrink:0}.bf-tech-on{background:#166534;color:#4ade80}.bf-tech-off{background:#1e1e2e;color:#555;border:1px solid #333}.bf-detail-pos{font-size:.7rem;color:#555}.bf-sidebar{flex:1 1 0%;min-width:130px;display:flex;flex-direction:column;gap:.25rem;max-height:var(--bf-field-height, 744px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#333 transparent}.bf-sidebar-self{border-right:2px solid #3b82f6;padding:.35rem .5rem}.bf-sidebar-opponent{border-left:2px solid #ef4444;padding:.35rem .5rem}.bf-sidebar-section{display:flex;flex-direction:column}.bf-sidebar-locked-section{border-top:1px solid #333;padding-top:.35rem;margin-top:.25rem}.bf-sidebar-locked-label{font-size:.55rem;color:#555;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding-bottom:2px}.bf-sidebar-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.bf-sidebar-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;border-radius:4px;padding:2px;transition:background .15s}.bf-sidebar-card:hover{background:#ffffff14}.bf-sidebar-card-open{background:#ffffff1f}.bf-sidebar-card-locked{opacity:.35}.bf-sidebar-card-locked.bf-sidebar-card-open{opacity:1}.bf-sidebar-card-img-wrap{position:relative;width:48px;height:48px}.bf-sidebar-card-img{width:100%;height:100%;border-radius:4px;object-fit:cover}.bf-sidebar-card-count{position:absolute;bottom:-2px;right:-2px;background:#fbbf24;color:#000;font-size:.55rem;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #151520}.bf-sidebar-card-starter{position:absolute;top:-2px;left:-2px;background:#8b5cf6;color:#fff;font-size:.5rem;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #151520;z-index:3}.bf-sidebar-card-reinforcement{position:absolute;top:-2px;right:-2px;background:#d97706;color:#fff;font-size:.45rem;font-weight:700;min-width:14px;height:14px;padding:0 2px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1px solid #151520;z-index:3}.bf-sidebar-card-name{font-size:.5rem;color:#aaa;text-align:center;line-height:1.15;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-sidebar-tech-dots{display:flex;flex-wrap:wrap;gap:1px;justify-content:center}.bf-sidebar-tech-dot{width:8px;height:8px;border-radius:2px;background:#2a2a3e;border:1px solid #444;transition:background .15s,border-color .15s}.bf-tech-dot-on{background:#22c55e;border-color:#16a34a}.bf-sidebar-tech-icon{width:10px;height:10px;border-radius:2px;opacity:.3;transition:opacity .15s}.bf-sidebar-tech-icon.bf-tech-icon-on{opacity:1}.bf-popover{position:absolute;width:200px;background:#1e1e2e;border:1px solid #444;border-radius:6px;padding:.5rem;z-index:10000;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 4px 20px #0009;pointer-events:auto}.bf-popover-header{display:flex;gap:.4rem;align-items:center}.bf-popover-img{width:36px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.bf-popover-title{display:flex;flex-direction:column}.bf-popover-name{font-weight:700;color:#93c5fd;font-size:.8rem;line-height:1.2;text-decoration:none}.bf-popover-name:hover{text-decoration:underline;color:#bfdbfe}.bf-popover-cost{color:#888;font-size:.65rem}.bf-popover-tags{display:flex;flex-direction:column;gap:3px}.bf-popover-tag{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:500}.bf-popover-tag-starter{color:#c4b5fd}.bf-popover-tag-reinforcement{color:#fbbf24}.bf-popover-tag-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;height:14px;border-radius:7px;flex-shrink:0}.bf-popover-tag-icon-starter{width:14px;background:#8b5cf6;border-radius:50%}.bf-popover-tag-icon-reinforcement{min-width:14px;padding:0 2px;background:#d97706}.bf-popover-section{display:flex;flex-direction:column;gap:.2rem}.bf-popover-label{font-size:.6rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.bf-popover-techs{display:flex;flex-direction:column;gap:2px}.bf-popover-tech{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#999}.bf-popover-tech-on{color:#4ade80}.bf-popover-tech-dot{width:8px;height:8px;border-radius:2px;background:#2a2a3e;border:1px solid #444;flex-shrink:0}.bf-popover-tech-icon{width:20px;height:20px;flex-shrink:0}.bf-popover-units{display:flex;flex-direction:column;gap:2px}.bf-popover-unit-row{display:flex;align-items:center;gap:.35rem;font-size:.7rem;padding:2px 4px;border-radius:3px}.bf-popover-unit-clickable{cursor:pointer}.bf-popover-unit-clickable:hover{background:#ffffff1a}.bf-popover-unit-level{color:#fbbf24;font-weight:700;min-width:24px}.bf-popover-unit-equip{color:#a78bfa;font-size:.65rem}.bf-popover-unit-xp{color:#888;font-size:.6rem;display:inline-flex;align-items:center;gap:.2rem}.bf-popover-unit-upgrade{color:#4ade80;font-weight:700;font-size:.6rem}@media(max-width:1100px){.bf-layout{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#444 transparent;padding-bottom:.25rem}}@media(max-width:600px){.bf-token-level,.bf-tower-level{width:11px;height:11px;font-size:.4rem}.bf-sidebar{display:none}}.action-list-section{margin-bottom:1rem}.action-list-title{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.action-mode-toggle{display:inline-flex;font-size:.8em;font-weight:400;text-transform:none;letter-spacing:0}.action-mode-toggle button{background:none;border:1px solid #444;padding:1px 6px;cursor:pointer;color:#888;font-size:inherit;font-family:inherit;line-height:1.4}.action-mode-toggle button.active{background:#333;color:#ddd;border-color:#666}.action-mode-toggle button:first-child{border-radius:3px 0 0 3px}.action-mode-toggle button:last-child{border-radius:0 3px 3px 0;border-left:none}.action-list-empty{color:#666;font-size:.85rem;font-style:italic;margin:.5rem 0}.action-list{list-style:none;padding:0;margin:0}.action-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;font-size:.85rem;color:#ccc;border-bottom:1px solid #2a2a3e;border-radius:4px;transition:background .15s}.action-item:last-child{border-bottom:none}.action-clickable{cursor:pointer}.action-clickable:hover{background:#60a5fa1a}.action-highlighted{background:#60a5fa2e;box-shadow:inset 2px 0 #60a5fa}.action-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#888}.action-text{flex:1;min-width:0}.action-icon-img{width:20px;height:20px;object-fit:contain;vertical-align:middle}.action-unit-icon{width:22px;height:22px;object-fit:cover;border-radius:3px;vertical-align:middle}.equipment-bar-section{margin-bottom:1rem}.equipment-bar-title{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.equipment-bar-layout{display:flex;gap:1rem;align-items:flex-start}.equipment-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;flex:1}.modifier-bar{display:flex;flex-wrap:wrap;gap:.35rem;flex-shrink:0;border-left:1px solid #333;padding-left:.75rem;max-width:180px;align-items:flex-start;align-content:flex-start}.modifier-bar-label{font-size:.6rem;color:#888;text-transform:uppercase;letter-spacing:.05em;width:100%}.modifier-bar .card-thumb{max-width:52px}.modifier-bar .card-img{height:68px;max-width:52px}.modifier-bar .card-label{font-size:.5rem;max-width:52px}.card-thumb{position:relative;border-radius:4px;cursor:default;flex-shrink:0;display:flex;flex-direction:column;align-items:center;max-width:72px}.card-img{display:block;height:96px;width:auto;max-width:72px;object-fit:contain;border-radius:4px}.card-label{display:block;font-size:.6rem;color:#aaa;text-align:center;line-height:1.2;margin-top:2px;max-width:72px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.card-subtitle{display:block;font-size:.55rem;color:#888;text-align:center;line-height:1.1;max-width:72px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.card-cooldown .card-img{opacity:.4;filter:grayscale(60%)}.card-cooldown-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);background:#000000bf;color:#fbbf24;font-size:1.5rem;font-weight:700;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #fbbf24;z-index:1}.card-used{outline:2px solid #22c55e;outline-offset:1px;border-radius:4px}.card-used-badge{position:absolute;top:4px;left:50%;transform:translate(-50%);background:#16a34a;color:#fff;font-size:.55rem;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:.05em;z-index:2}.card-new{outline:2px solid #3b82f6;outline-offset:1px;border-radius:4px}.card-new-badge{position:absolute;top:4px;left:50%;transform:translate(-50%);background:#2563eb;color:#fff;font-size:.55rem;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:.05em;z-index:2}.card-round-badge{position:absolute;top:2px;right:2px;background:#000000bf;color:#fbbf24;font-size:.55rem;font-weight:700;min-width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid #fbbf24;z-index:2;line-height:1;padding:0 2px}.card-text-fallback{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap}.skill-fallback{background:#1e3a5f;color:#60a5fa;border:1px solid #2563eb}.equipment-fallback{background:#3a2a1e;color:#fbbf24;border:1px solid #8b6914}.pick-fallback{background:#1e3a2a;color:#6ee7b7;border:1px solid #15803d}.card-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.card-clickable:hover{transform:scale(1.05);box-shadow:0 0 8px #22c55e80}.card-highlighted{outline:2px solid #fbbf24!important;outline-offset:2px;box-shadow:0 0 10px #fbbf2499}.game-detail-page{max-width:1260px;margin:0 auto;padding:1.5rem}.detail-status{color:#aaa;text-align:center;padding:2rem}.detail-error{color:#ef4444;text-align:center;padding:2rem}.detail-error-actions{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:.5rem}.detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.back-link{color:#60a5fa;text-decoration:none;font-size:.9rem;white-space:nowrap}.back-link:hover{text-decoration:underline}.detail-match-info{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;flex:1}.detail-header-right{margin-left:auto;flex-shrink:0}.detail-result{font-weight:700;font-size:1.1rem;padding:.2rem .6rem;border-radius:4px}.detail-result-win{color:#4ade80;background:#166534}.detail-result-loss{color:#f87171;background:#7f1d1d}.detail-result-draw{color:#fbbf24;background:#713f12}.detail-result-unknown{color:#aaa;background:#333}.detail-result-picker{display:inline-flex;align-items:center;gap:.35rem}.detail-result-picker-label{color:#888;font-size:.8rem}.detail-result-btn{border:1px solid #555;background:#262626;color:#ddd;border-radius:4px;font-size:.78rem;line-height:1;padding:.25rem .45rem;cursor:pointer}.detail-result-btn:hover{border-color:#888;color:#fff}.detail-mode{color:#aaa;font-size:.9rem}.detail-rounds{color:#888;font-size:.85rem}.share-controls{display:inline-flex;gap:.4rem;align-items:center}.share-btn{font-size:.8rem;padding:.2rem .5rem;border:1px solid #555;border-radius:4px;background:#2a2a2a;color:#ccc;cursor:pointer;transition:background .15s,border-color .15s}.share-btn:hover{background:#333;border-color:#777}.share-unshare-btn{font-size:.75rem;padding:.15rem .4rem;border:1px solid #444;border-radius:4px;background:transparent;color:#888;cursor:pointer}.share-unshare-btn:hover{color:#f87171;border-color:#f87171}.share-btn-active{border-color:#60a5fa;color:#60a5fa}.share-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.share-confirm-dialog{background:#1e1e1e;border:1px solid #444;border-radius:8px;padding:1.25rem 1.5rem;max-width:340px;text-align:center}.share-confirm-text{color:#ccc;margin:0 0 1rem;font-size:.95rem;line-height:1.4}.share-confirm-actions{display:flex;gap:.5rem;justify-content:center}.share-confirm-btn{background:#2563eb;color:#fff;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer}.share-confirm-btn:hover{background:#1d4ed8}.share-cancel-btn{background:#333;color:#ccc;border:1px solid #555;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer}.share-cancel-btn:hover{background:#444}.matchup-toggle{display:flex;justify-content:center}.matchup-btn{padding:.3rem .8rem;border:1px solid #444;background:#2a2a2a;color:#999;cursor:pointer;font-size:.85rem;transition:background .15s,border-color .15s,color .15s}.matchup-btn:first-child{border-radius:4px 0 0 4px}.matchup-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.matchup-btn:hover{background:#333;border-color:#666}.matchup-btn.active{background:#3a3a50;color:#e0e0e0;border-color:#666}.round-view{display:flex;flex-direction:column;gap:1.5rem}.sticky-stop-bar{display:flex;flex-direction:column;gap:1rem}.sticky-stop-bar .round-navigator{justify-content:center}@media(min-width:769px){.sticky-stop-bar{position:sticky;top:49px;z-index:50;background:#0f0f1a;padding-bottom:.75rem;border-bottom:1px solid #333;margin:-.25rem -.5rem 0;padding:.5rem .5rem .75rem}}.health-section{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.team-health{display:flex;flex-direction:column;gap:.5rem}.vs-divider{color:#555;font-weight:700;font-size:.9rem;padding:0 .5rem}.units-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.team-units{display:flex;flex-direction:column;gap:1rem}.actions-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.equipment-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media(max-width:768px){.game-detail-page{padding:1rem .75rem}.health-section{grid-template-columns:1fr;gap:.5rem}.vs-divider{text-align:center}.units-section,.actions-section,.equipment-section{grid-template-columns:1fr}.detail-header{flex-direction:column;align-items:flex-start}.share-btn{font-size:.85rem;padding:.4rem .75rem;min-height:36px}.share-unshare-btn{font-size:.8rem;padding:.35rem .6rem;min-height:36px}.share-confirm-dialog{max-width:calc(100vw - 2rem)}.share-confirm-btn,.share-cancel-btn{padding:.5rem 1rem;min-height:44px}.matchup-btn{padding:.5rem 1rem;min-height:44px;font-size:.85rem}.detail-match-info{flex-wrap:wrap}.round-view{gap:1rem}}.permissions-page{max-width:600px;margin:0 auto;padding:1.5rem}.permissions-page h2{margin:0 0 1.5rem;color:#e0e0e0}.permissions-lookup{display:flex;gap:.5rem;margin-bottom:1.5rem}.permissions-lookup input{flex:1;padding:.5rem .75rem;background:#1e1e2e;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:.9rem}.permissions-lookup input::placeholder{color:#666}.permissions-lookup input:focus{outline:none;border-color:#60a5fa}.permissions-lookup button{padding:.5rem 1rem;background:#2563eb;border:none;border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer;white-space:nowrap}.permissions-lookup button:hover{background:#1d4ed8}.permissions-lookup button:disabled{opacity:.5;cursor:not-allowed}.permissions-result{background:#1e1e2e;border:1px solid #333;border-radius:8px;padding:1.25rem}.permissions-user-info{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.permissions-user-info p{margin:.25rem 0;color:#ccc;font-size:.9rem}.permissions-user-info strong{color:#aaa;display:inline-block;width:100px}.permissions-roles h3{margin:0 0 .75rem;color:#e0e0e0;font-size:1rem}.permissions-role-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.permissions-role-row+.permissions-role-row{border-top:1px solid #2a2a3a}.permissions-role-label{color:#ccc;font-size:.9rem;font-family:monospace}.permissions-toggle{position:relative;width:44px;height:24px;background:#444;border:none;border-radius:12px;cursor:pointer;transition:background .2s;padding:0}.permissions-toggle.active{background:#2563eb}.permissions-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.permissions-toggle.active:after{transform:translate(20px)}.permissions-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.permissions-save{padding:.5rem 1.25rem;background:#2563eb;border:none;border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer}.permissions-save:hover{background:#1d4ed8}.permissions-save:disabled{opacity:.5;cursor:not-allowed}.permissions-message{margin-top:1rem;padding:.5rem .75rem;border-radius:4px;font-size:.85rem}.permissions-message.success{background:#166534;color:#4ade80}.permissions-message.error{background:#7f1d1d;color:#f87171}.permissions-denied{text-align:center;padding:3rem 1rem;color:#888}.debug-page{max-width:900px;margin:0 auto;padding:1.5rem}.debug-page h2{margin:0 0 1.5rem;color:#e0e0e0}.debug-lookup{display:flex;gap:.5rem;margin-bottom:1.5rem}.debug-lookup input{flex:1;padding:.5rem .75rem;background:#1e1e2e;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:.9rem}.debug-lookup input::placeholder{color:#666}.debug-lookup input:focus{outline:none;border-color:#60a5fa}.debug-lookup button{padding:.5rem 1rem;background:#2563eb;border:none;border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer;white-space:nowrap}.debug-lookup button:hover{background:#1d4ed8}.debug-lookup button:disabled{opacity:.5;cursor:not-allowed}.debug-user-info{background:#1e1e2e;border:1px solid #333;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.debug-user-info p{margin:.25rem 0;color:#ccc;font-size:.9rem}.debug-user-info strong{color:#aaa;display:inline-block;width:60px}.debug-games-heading{margin:0 0 1rem;color:#e0e0e0;font-size:1.1rem}.debug-empty{text-align:center;padding:2rem 1rem;color:#888;border:1px dashed #444;border-radius:8px}.debug-message{padding:.5rem .75rem;border-radius:4px;font-size:.85rem;margin-bottom:1rem}.debug-message.error{background:#7f1d1d;color:#f87171}.debug-page .game-row{position:relative}.debug-page .game-row-link{color:inherit;text-decoration:none}.debug-page .game-row-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:#e0e0e0}button{font-family:inherit}.retry-btn{background:#333;color:#e0e0e0;border:1px solid #555;border-radius:4px;padding:.4rem 1rem;cursor:pointer;font-size:.85rem}.retry-btn:hover{background:#444;border-color:#666}.back-link{font-size:.85rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}