html{overflow-y:scroll}body{margin:0}#root{min-height:100vh}:root{--bg:#0d0c0a;--surface:#1a1814;--surface-hover:#2a2620;--border:#3d352a;--text:#e8dcc8;--text-secondary:#a89a82;--text-muted:#6b6050;--primary:#c9a84c;--primary-dim:#c9a84c1f;--primary-glow:#c9a84c40;--radius:3px;--accent-blood:#8b2020;--accent-verdigris:#4a7a6a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-shell:before{content:"";pointer-events:none;z-index:9999;mix-blend-mode:multiply;background:radial-gradient(#0000 50%,#0006 100%);position:fixed;inset:0}.app-shell:after{content:"";pointer-events:none;z-index:9998;opacity:.03;filter:url(#noise);mix-blend-mode:overlay;background:#fff;position:fixed;inset:0}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.top-nav{background:var(--surface);border-bottom:2px solid var(--border);z-index:50;position:sticky;top:0;box-shadow:0 2px 12px #00000080}.nav-inner{justify-content:space-between;align-items:center;max-width:960px;height:56px;margin:0 auto;padding:0 16px;display:flex}.nav-brand{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 4px #c9a84c4d;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.nav-brand-logo{width:auto;height:28px}.nav-beta{letter-spacing:.5px;color:var(--bg);background:var(--primary);vertical-align:middle;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.4}.nav-links{gap:4px;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-icon{flex-shrink:0;width:18px;height:18px}.nav-link:hover{color:var(--text);background:var(--surface-hover)}.nav-link.active{color:var(--primary);background:var(--primary-dim);box-shadow:inset 0 -2px 0 var(--primary)}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:36px;height:36px;padding:6px;display:none;position:relative}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{background:var(--text);border-radius:1px;width:20px;height:2px;transition:all .2s;display:block;position:absolute;left:50%;transform:translate(-50%)}.nav-toggle-icon{margin-top:-1px;top:50%}.nav-toggle-icon:before{content:"";position:absolute;top:-6px;left:0;transform:none}.nav-toggle-icon:after{content:"";position:absolute;top:6px;left:0;transform:none}.nav-toggle-icon.open{background:0 0}.nav-toggle-icon.open:before{top:0;transform:rotate(45deg)}.nav-toggle-icon.open:after{top:0;transform:rotate(-45deg)}.mobile-nav-overlay{z-index:49;background:#00000080;animation:.15s fadeIn;position:fixed;inset:56px 0 0}.mobile-nav-drawer{background:var(--surface);border-bottom:2px solid var(--border);flex-direction:column;gap:2px;padding:8px 16px;animation:.2s slideDown;display:flex}.mobile-nav-drawer .nav-link{border-radius:var(--radius);width:100%;padding:12px 14px;font-size:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.nav-links{display:none}.nav-toggle{display:block}}.nav-account-btn{border:1px solid var(--border);background:var(--surface-hover);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:8px;padding:0;transition:all .15s;display:flex;overflow:hidden}.nav-account-btn:hover{border-color:var(--primary)}.nav-account-btn.active{border-color:var(--primary);box-shadow:0 0 8px #c9a84c4d}.nav-account-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.nav-account-letter{color:var(--primary);font-size:14px;font-weight:700;line-height:1}.nav-account-icon{width:18px;height:18px;color:var(--text-secondary)}.nav-account-wrapper{margin-left:8px;position:relative}.nav-account-wrapper .nav-account-btn{margin-left:0}.signup-prompt{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);z-index:1000;width:240px;padding:14px 16px;animation:.25s ease-out signupPromptIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 4px 20px #0006}.signup-prompt:before{content:"";background:var(--surface);border-top:1px solid var(--primary);border-left:1px solid var(--primary);width:10px;height:10px;position:absolute;top:-6px;right:12px;transform:rotate(45deg)}.signup-prompt-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .15s;position:absolute;top:6px;right:8px}.signup-prompt-close:hover{color:var(--text)}.signup-prompt-title{color:var(--primary);letter-spacing:.3px;margin:0 0 4px;font-size:13px;font-weight:700}.signup-prompt-text{color:var(--text-secondary);margin:0 0 10px;font-size:12px;line-height:1.4}.signup-prompt-cta{background:var(--primary);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:700;transition:opacity .15s;display:inline-block}.signup-prompt-cta:hover{opacity:.85}@keyframes signupPromptIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.main-content{flex:1}.breadcrumb{text-transform:uppercase;letter-spacing:.3px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:16px;font-size:14px;display:flex}.breadcrumb-item{align-items:center;gap:4px;display:flex}.breadcrumb-sep{color:var(--text-muted);margin:0 2px;font-size:13px}.breadcrumb-link{color:var(--text-secondary);transition:color .15s}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-current{color:var(--text)}.page{max-width:960px;margin:0 auto;padding:24px 16px}.page h1{text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 4px #00000080;margin-bottom:4px;font-size:28px}.page-center{justify-content:center;align-items:center;min-height:60vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.back-link{color:var(--text-secondary);margin-bottom:16px;font-size:14px;transition:color .15s;display:inline-block}.back-link:hover{color:var(--primary)}.army-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.empty-state{color:var(--text-muted);text-align:center;padding:40px 0}.alliance-filters{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.alliance-icon{vertical-align:middle;object-fit:contain;width:20px;height:20px;margin-right:4px;display:inline-block;position:relative;top:-2px}.alliance-icon-sm{width:16px;height:16px}.alliance-icon-lg{width:24px;height:24px}.alliance-btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;padding:6px 14px;font-size:13px;transition:all .15s}.alliance-btn:hover{border-color:var(--text-muted);color:var(--text)}.alliance-btn.active{background:var(--accent,var(--primary));color:#fff;border-color:var(--accent,var(--primary))}.alliance-section{margin-bottom:28px}.alliance-section-header{border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.alliance-section-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.alliance-section-header h2{font-size:18px;font-weight:600}.alliance-section-count{color:var(--text-muted);margin-left:auto;font-size:13px}.armies-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.army-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0000004d}.army-card:hover{border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow), 0 4px 12px #0006}.army-card-accent{height:4px}.army-card-body{padding:16px}.army-card-body h2{margin-bottom:6px;font-size:16px}.army-card-meta{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.army-alliance{align-items:center;gap:4px;display:flex}.type-filters{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.type-btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:0 0;padding:5px 12px;font-size:13px;transition:all .15s}.type-btn:hover{border-color:var(--text-muted)}.type-btn.active{background:var(--primary-dim);color:var(--primary);border-color:var(--primary)}.filter-count{opacity:.6}.ft-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.ft-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-verdigris);align-items:center;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.ft-section-icon{font-size:18px}.units-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.unit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;transition:all .2s;display:block;box-shadow:0 2px 6px #00000040}.unit-card:hover{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow), 0 3px 8px #0000004d}.unit-card-info h3{margin-bottom:6px;font-size:14px;line-height:1.3}.unit-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.unit-type-tags{flex-wrap:wrap;gap:4px;display:flex}.unit-type-tag{color:var(--text-muted);background:var(--bg);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:10px}.legends-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;background:#b45309;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700}.unit-points{color:var(--primary);white-space:nowrap;font-size:13px;font-weight:700}.warscroll-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.warscroll-header h1{font-size:24px}.warscroll-points{color:var(--primary);background:var(--primary-dim);border-radius:var(--radius);white-space:nowrap;padding:6px 16px;font-size:20px;font-weight:700}.unit-type-badge{color:var(--text-secondary);background:var(--bg);border-radius:4px;margin-top:4px;padding:2px 10px;font-size:12px;display:inline-block}.stats-bar{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);gap:12px;margin-bottom:20px;padding:16px;display:flex;box-shadow:inset 0 2px 6px #0000004d}.stat-box{text-align:center;flex:1}.stat-box-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:11px;display:block}.stat-box-value{font-size:20px;font-weight:700}.keywords-row{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.keyword-tag{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.3px;border-radius:2px;padding:2px 8px;font-size:11px;font-weight:600}.keyword-tag.keyword-legends{color:#fff;background:#b45309;border-color:#b45309}.terrain-abilities-bar{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);border-left:3px solid var(--accent-verdigris);align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;display:flex}.terrain-abilities-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:11px}.terrain-abilities-value{color:var(--accent-verdigris);font-size:14px;font-weight:600}.weapon-section{margin-bottom:24px}.weapon-section h3{color:var(--text);margin-bottom:8px;font-size:16px}.table-scroll{overflow-x:auto}.weapon-table{border-collapse:collapse;width:100%;font-size:13px}.weapon-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;letter-spacing:.5px;padding:8px 10px;font-size:11px}.weapon-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.weapon-name{white-space:normal;min-width:140px;font-weight:600}.weapon-ability{color:var(--text-secondary);white-space:normal;font-style:italic}.abilities-section{margin-top:8px}.abilities-section h3{margin-bottom:12px;font-size:16px}.ability-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid;margin-bottom:10px;padding:14px 16px;box-shadow:0 2px 6px #0003}.ability-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ability-header h4{font-size:14px}.ability-type{font-size:12px;font-weight:600}.ability-timing{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-style:italic}.ability-section{color:var(--text-secondary);margin-bottom:6px;font-size:13px;line-height:1.5}.ability-section strong{color:var(--text)}.ability-keywords{color:var(--primary);background:var(--primary-dim);border-radius:4px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;margin-bottom:20px;padding:12px 16px;font-size:16px;transition:all .15s;box-shadow:inset 0 2px 4px #0003}.search-input:focus{border-color:var(--primary);box-shadow:inset 0 2px 4px #0003, 0 0 8px var(--primary-glow)}.search-input::placeholder{color:var(--text-muted)}@media (width<=600px){.armies-grid{grid-template-columns:1fr}.stats-bar{gap:6px;padding:12px}.stat-box-value{font-size:16px}.warscroll-header{flex-direction:column}.lb-header{flex-direction:column;gap:12px}.lb-picker{width:95%;max-height:85vh}.units-list{grid-template-columns:repeat(2,1fr)}}.yl-create-btn{border-radius:var(--radius);border:1px dashed var(--primary);background:var(--primary-dim);color:var(--primary);cursor:pointer;width:100%;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.yl-create-btn:hover{background:var(--primary);color:#fff;border-style:solid}.yl-create-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;margin-bottom:20px;padding:20px;display:flex}.yl-form-field{flex-direction:column;gap:6px;display:flex}.yl-form-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.yl-select,.yl-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;padding:10px 14px;font-size:14px;box-shadow:inset 0 2px 4px #0003}.yl-select:focus,.yl-input:focus{border-color:var(--primary)}.yl-submit-btn{border-radius:var(--radius);background:var(--primary);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 2px 6px #c9a84c4d}.yl-submit-btn:disabled{opacity:.4;cursor:not-allowed}.yl-lists{flex-direction:column;gap:12px;display:flex}.yl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0000004d}.yl-card:hover{border-color:var(--primary);box-shadow:0 0 14px var(--primary-glow), 0 4px 10px #0006}.yl-card-accent{height:4px}.yl-card-body{padding:16px}.yl-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.yl-card-name{margin-bottom:2px;font-size:16px}.yl-card-army{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;display:flex}.yl-card-regiments{color:var(--text-muted);font-size:13px}.yl-card-points{color:var(--primary);text-align:right;font-size:14px;font-weight:700;display:block}.yl-card-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.yl-card-bottom{justify-content:space-between;align-items:center;display:flex}.yl-card-date{color:var(--text-muted);font-size:12px}.yl-card-actions{align-items:center;gap:8px;display:flex}.yl-btn-edit{background:var(--primary-dim);color:var(--primary);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.yl-btn-edit:hover{background:var(--primary);color:#000}.yl-btn-delete{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px 8px;font-size:16px;transition:opacity .15s}.yl-btn-delete:hover{opacity:1}.yl-btn-confirm-del{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.yl-btn-cancel-del{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;font-size:12px}.list-builder{padding-bottom:40px}.lb-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.lb-header-left{flex:1}.page .lb-title{cursor:pointer;text-transform:none;letter-spacing:normal;align-items:center;gap:8px;font-size:24px;display:inline-flex}.lb-edit-icon{opacity:.4;font-size:14px;transition:opacity .15s}.lb-title:hover .lb-edit-icon{opacity:1}.lb-subtitle{color:var(--text-secondary);margin-top:2px;font-size:14px}.lb-name-edit{align-items:center;gap:8px;margin-bottom:4px;display:flex}.lb-name-input{border:1px solid var(--primary);background:var(--bg);color:var(--text);border-radius:6px;outline:none;flex:1;padding:6px 12px;font-size:18px;font-weight:700}.lb-name-save,.lb-name-cancel{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.lb-name-save{background:var(--primary);color:#000;font-weight:600}.lb-name-cancel{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.lb-points-block{text-align:right;min-width:140px}.lb-points-number{color:var(--primary);font-size:24px;font-weight:700}.lb-points-number.over{color:#ef4444}.lb-points-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.lb-points-bar{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.lb-points-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.lb-points-fill.over{background:#ef4444}.lb-errors{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:14px 16px}.lb-errors-header{gap:12px;margin-bottom:8px;display:flex}.lb-error-badge{color:#ef4444;font-size:13px;font-weight:600}.lb-warning-badge{color:#f59e0b;font-size:13px;font-weight:600}.lb-error-item{color:var(--text-secondary);align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;line-height:1.4;display:flex}.lb-error-item.error{color:#fca5a5}.lb-error-item.warning{color:#fcd34d}.lb-error-icon{flex-shrink:0}.lb-regiments{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.lb-regiment{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 8px #00000040}.lb-regiment-header{border-bottom:1px solid var(--border);background:#c9a84c0d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lb-regiment-header h3{font-size:15px}.lb-regiment-title{align-items:center;gap:8px;display:flex}.lb-drag-handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;letter-spacing:2px;font-size:16px;line-height:1;transition:color .15s}.lb-drag-handle:hover{color:var(--primary)}.lb-regiment[draggable]:active{cursor:grabbing}.lb-regiment.drag-over{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow), 0 2px 8px #00000040}.lb-regiment-actions{gap:8px;display:flex}.lb-btn-remove{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:16px;transition:opacity .15s}.lb-btn-remove:hover{opacity:1}.lb-slot{padding:12px 16px}.lb-hero-slot{border-bottom:1px solid var(--border)}.lb-hero-icon{color:var(--primary);flex-shrink:0;font-size:18px}.lb-slot-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.lb-unit-row{align-items:center;gap:10px;padding:8px 0;display:flex}.lb-unit-row+.lb-unit-row{border-top:1px solid var(--border)}.lb-unit-info{flex:1}.lb-unit-name{color:var(--text);font-size:14px;font-weight:600;transition:color .15s;display:block}.lb-unit-name:hover{color:var(--primary)}.lb-unit-pts{color:var(--text-muted);font-size:12px}.lb-unit-actions{align-items:center;gap:8px;display:flex}.lb-general-badge{color:var(--primary);background:var(--primary-dim);border-radius:4px;padding:3px 10px;font-size:12px;font-weight:700}.lb-btn-general{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:12px;transition:all .15s}.lb-btn-general:hover{border-color:var(--primary);color:var(--primary)}.lb-btn-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px;transition:color .15s}.lb-btn-x:hover{color:#ef4444}.lb-btn-reinforce{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:3px 8px;font-size:11px;transition:all .15s}.lb-btn-reinforce:hover{color:#3b82f6;border-color:#3b82f6}.lb-btn-reinforce.active{color:#3b82f6;background:#3b82f626;border-color:#3b82f6;font-weight:600}.lb-unit-row.reinforced{background:#3b82f60d}.lb-unit-row.lb-unit-missing{background:#ef444414;border-left:3px solid #ef4444;padding-left:8px}.lb-missing-label{font-style:italic;color:#ef4444!important}.lb-add-btn{border-radius:var(--radius);border:1px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;padding:10px;font-size:13px;transition:all .15s}.lb-add-btn:hover{border-color:var(--primary);color:var(--primary)}.lb-add-regiment{border-radius:var(--radius);border:2px dashed var(--border);width:100%;color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;padding:14px;font-size:14px;font-weight:600;transition:all .15s}.lb-add-regiment:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim);box-shadow:0 0 12px var(--primary-glow)}.lb-picker-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lb-picker{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);flex-direction:column;width:500px;max-height:75vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 20px #c9a84c1a}.lb-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lb-picker-header h3{font-size:16px}.lb-picker-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.lb-picker-close:hover{color:var(--text)}.lb-picker-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:12px 20px;display:flex}.lb-picker-list{flex:1;padding:8px;overflow-y:auto}.lb-picker-item{border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;transition:background .1s;display:flex}.lb-picker-item:hover{background:var(--surface-hover)}.lb-picker-item-info{flex:1}.lb-picker-item-name{font-size:14px;font-weight:600;display:block}.lb-picker-item-type{color:var(--text-muted);font-size:12px}.lb-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.lb-summary h3{margin-bottom:12px;font-size:15px}.lb-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lb-summary-item{text-align:center}.lb-summary-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;display:block}.lb-summary-value{font-size:18px;font-weight:700}.lb-status-valid{color:#22c55e}.lb-status-invalid{color:#ef4444}.lb-terrain-row{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-verdigris);border-radius:var(--radius);align-items:center;gap:10px;margin-top:8px;padding:10px 14px;display:flex}.lb-terrain-row-name{color:var(--text);flex:1;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.lb-terrain-row-name:hover{color:var(--primary)}.lb-terrain-row-free{color:var(--accent-verdigris);text-transform:uppercase;letter-spacing:.5px;background:#4a7a6a26;border-radius:2px;padding:2px 8px;font-size:11px;font-weight:700}.lb-add-terrain{border:1px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;margin-top:8px;padding:10px;font-size:13px;transition:all .15s;display:block}.lb-add-terrain:hover{border-color:var(--accent-verdigris);color:var(--accent-verdigris)}.lp-terrain-card{border:1px solid var(--border);border-left:3px solid var(--accent-verdigris);border-radius:var(--radius);background:#00000026;margin-top:4px;padding:10px 12px}.lp-terrain-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.lp-terrain-name{color:var(--text);font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.lp-terrain-name:hover{color:var(--primary)}.lp-terrain-stats{color:var(--text-secondary);gap:10px;margin-bottom:6px;font-size:12px;display:flex}.lp-terrain-abilities-tag{color:var(--accent-verdigris);background:#4a7a6a1a;border-radius:2px;margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.lp-terrain-abilities{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:8px;padding-top:6px;display:flex}.lp-terrain-ability{font-size:12px}.lp-terrain-ability-name{color:var(--text);margin-right:4px;font-weight:600}.lp-terrain-ability-type{color:var(--text-muted);text-transform:uppercase;font-size:10px}.lp-terrain-ability-effect{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.4}.lp-terrain-btn{border-radius:var(--radius);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:1px solid;width:100%;margin-top:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .15s;display:block}.lp-terrain-btn.add{color:var(--accent-verdigris);border-color:var(--accent-verdigris);background:0 0}.lp-terrain-btn.add:hover{background:#4a7a6a26}.lp-terrain-btn.remove{color:var(--text-muted);border-color:var(--border);background:0 0}.lp-terrain-btn.remove:hover{color:#ef4444;border-color:#ef4444}.lb-layout{gap:20px;margin-bottom:20px;display:flex}.lb-layout .lb-regiments{flex:1;min-width:0;margin-bottom:0}.lb-layout:not(.has-lores){display:block}.lp-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;align-self:flex-start;width:300px;max-height:calc(100vh - 100px);padding:16px;position:sticky;top:80px;overflow-y:auto;box-shadow:0 2px 8px #00000040}.lp-title{text-transform:uppercase;letter-spacing:.5px;color:var(--primary);margin-bottom:12px;font-size:14px;font-weight:700}.lp-panel-group{margin-bottom:12px}.lp-panel-toggle{width:100%;color:var(--primary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;padding:8px 0;font-size:14px;font-weight:700;transition:color .15s;display:flex}.lp-panel-toggle:hover{color:var(--text)}.lp-panel-toggle.open{border-bottom-color:var(--primary)}.lp-panel-toggle-label{text-align:left;flex:1}.lp-panel-toggle-arrow{color:var(--text-muted);font-size:11px}.lp-section{margin-bottom:8px}.lp-section-header{width:100%;color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:13px;font-weight:600;display:flex}.lp-section-dot{background:var(--lp-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.lp-section-label{text-align:left;flex:1}.lp-section-arrow{color:var(--text-muted);font-size:11px}.lp-section-body{padding-left:4px}.lp-lore{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;transition:border-color .15s,background .15s;overflow:hidden}.lp-lore.selected{border-color:var(--primary);background:var(--primary-dim)}.lp-lore-header{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.lp-radio{border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .15s}.lp-radio.checked{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 2px var(--surface)}.lp-lore-name{text-align:left;flex:1;font-weight:500}.lp-lore-pts{color:var(--primary);margin-left:auto;margin-right:6px;font-size:11px;font-weight:600}.lp-lore-count{color:var(--text-muted);background:var(--surface-hover);border-radius:8px;padding:1px 6px;font-size:11px}.lp-expand-btn{border:none;border-top:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;padding:6px 10px;font-size:11px;transition:color .15s;display:block}.lp-expand-btn:hover{color:var(--primary)}.lp-entries{padding:0 8px 8px}.lp-entry{border-left:3px solid var(--border);border-radius:0 var(--radius) var(--radius) 0;background:#00000026;margin-bottom:6px;padding:8px 10px}.lp-entry-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.lp-entry-name{color:var(--text);font-size:13px;font-weight:600}.lp-entry-value{color:var(--primary);border-radius:var(--radius);background:#c9a84c26;padding:1px 6px;font-size:11px;font-weight:700}.lp-entry-timing{color:var(--text-muted);margin-bottom:4px;font-size:11px}.lp-entry-text{color:var(--text-secondary);margin-bottom:3px;font-size:12px;line-height:1.4}.lp-entry-keywords{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:10px;display:inline-block}.lp-entry-stats{color:var(--text-secondary);border-top:1px solid var(--border);gap:8px;margin-top:4px;padding:4px 0;font-size:11px;display:flex}@media (width<=900px){.lb-layout{flex-direction:column}.lp-panel{width:100%;max-height:none;position:static}}.gp-select{text-align:center}.gp-subtitle{color:var(--text-secondary);margin-bottom:24px}.gp-empty{color:var(--text-muted);padding:40px}.gp-link-btn{background:var(--primary);color:#000;border-radius:var(--radius);margin-top:12px;padding:10px 24px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-block}.gp-link-btn:hover{opacity:.85}.gp-list-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:24px;display:grid}.gp-list-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000040}.gp-list-card:hover{border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow), 0 4px 10px #0000004d}.gp-list-card.selected{border-color:var(--accent,var(--primary));box-shadow:0 0 20px var(--primary-glow), 0 4px 12px #0006}.gp-list-accent{background:var(--accent,var(--primary));flex-shrink:0;width:4px}.gp-list-card-body{flex:1;padding:14px}.gp-list-card-body h3{color:var(--text);margin-bottom:4px;font-size:16px}.gp-list-army{color:var(--accent,var(--text-secondary));align-items:center;gap:4px;margin-bottom:4px;font-size:13px;display:flex}.gp-list-meta{color:var(--text-muted);font-size:12px}.gp-start-btn{background:var(--primary);color:#000;border-radius:var(--radius);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;padding:14px 48px;font-size:16px;font-weight:700;transition:all .15s;box-shadow:0 2px 12px #c9a84c66}.gp-start-btn:hover{opacity:.9;box-shadow:0 4px 20px #c9a84c80}.gp-start-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.gp-game{max-width:1400px;padding-bottom:80px}.gp-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.gp-header-left{align-items:center;gap:16px;display:flex}.gp-exit-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .15s}.gp-exit-btn:hover{border-color:var(--primary);color:var(--primary)}.page .gp-title{text-transform:none;letter-spacing:normal;margin:0;font-size:22px}.gp-army-name{align-items:center;gap:4px;margin:2px 0 0;font-size:13px;display:flex}.gp-turn-badge{background:var(--primary);color:#000;border-radius:var(--radius);white-space:nowrap;padding:8px 20px;font-size:16px;font-weight:700}.gp-turn-info{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.gp-turn-indicator{white-space:nowrap;border-radius:6px;padding:4px 14px;font-size:13px;font-weight:600}.gp-turn-indicator.your-turn{color:var(--primary);background:#c9a84c26;border:1px solid #c9a84c4d}.gp-turn-indicator.opponent-turn{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.gp-turn-order-picker{text-align:center;max-width:500px;margin:0 auto;padding:60px 20px}.gp-turn-order-picker h2{color:var(--text);margin-bottom:8px;font-size:28px}.gp-turn-order-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:15px}.gp-turn-order-buttons{justify-content:center;gap:16px;display:flex}.gp-turn-order-btn{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:10px;min-width:180px;padding:32px 40px;font-size:18px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000040}.gp-turn-order-btn svg{font-size:32px}.gp-turn-order-hint{color:var(--text-muted);font-size:12px;font-weight:400}.gp-turn-order-first:hover{border-color:var(--primary);background:var(--primary-dim);box-shadow:0 0 20px #c9a84c4d}.gp-turn-order-first:hover svg{color:var(--primary)}.gp-turn-order-second:hover{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.gp-turn-order-second:hover svg{color:#3b82f6}.gp-phase-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto;box-shadow:inset 0 2px 6px #0000004d}.gp-phase-arrow{border:1px solid var(--border);border-radius:var(--radius);width:36px;min-width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:all .15s;display:flex}.gp-phase-arrow:hover{border-color:var(--primary);color:var(--primary)}.gp-phase-arrow:disabled{opacity:.3;cursor:not-allowed}.gp-phase-arrow-next{background:var(--primary);color:#000;border-color:var(--primary)}.gp-phase-arrow-next:hover{opacity:.9}.gp-phase-btn{border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:60px;padding:10px 8px;transition:all .15s;display:flex}.gp-phase-btn:hover{background:var(--surface-hover);color:var(--text)}.gp-phase-btn.active{background:var(--primary-dim);color:var(--primary);font-weight:600}.gp-phase-btn.done{color:var(--text-secondary)}.gp-phase-btn.no-content{opacity:.35}.gp-phase-btn.no-content:hover{opacity:.5}.gp-phase-icon{color:inherit;font-size:20px}.gp-phase-name{text-transform:uppercase;letter-spacing:.5px;font-size:11px}.gp-phase-nav.opponent{border-color:#ef444440}.gp-phase-nav.opponent .gp-phase-btn.active{color:#ef4444;background:#ef44441f}.gp-phase-nav.opponent .gp-phase-arrow-next{background:#ef4444;border-color:#ef4444}.gp-layout{grid-template-columns:280px 1fr 260px;align-items:start;gap:16px;margin-bottom:16px;display:grid}.gp-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:80px;overflow:hidden}.gp-panel-toggle{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.gp-panel-left .gp-panel-toggle{justify-content:flex-start}.gp-panel-right .gp-panel-toggle{justify-content:flex-end}.gp-panel-toggle:hover{background:var(--surface-hover)}.gp-panel-toggle-icon{color:var(--text-muted);font-size:12px}.gp-panel-toggle-label{align-items:center;gap:6px;display:flex}.gp-panel-badge{text-align:center;border-radius:10px;min-width:18px;padding:1px 7px;font-size:10px;font-weight:700}.gp-panel-badge.highlight{background:var(--primary);color:#000}.gp-panel-badge.used{color:#fff;background:#ef4444}.gp-panel-body{flex-direction:column;gap:8px;max-height:calc(100vh - 260px);padding:0 12px 12px;display:flex;overflow-y:auto}.gp-panel-empty{text-align:center;color:var(--text-muted);padding:12px;font-size:13px}.gp-passive-card{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:6px;padding:10px 12px;transition:all .2s}.gp-passive-card.relevant{border-left-color:var(--primary);background:#c9a84c0f;box-shadow:0 0 8px #c9a84c1a}.gp-passive-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:11px}.gp-passive-name{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:600}.gp-passive-card.relevant .gp-passive-name{color:var(--primary)}.gp-passive-effect{color:var(--text-secondary);font-size:12px;line-height:1.5}.gp-passive-phases{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.gp-passive-phase{color:var(--text-muted);background:#ffffff0d;border-radius:3px;padding:1px 6px;font-size:10px}.gp-passive-phase.active{background:var(--primary-dim);color:var(--primary);font-weight:600}.gp-passive-section{border-bottom:1px solid var(--border)}.gp-passive-section:last-child{border-bottom:none}.gp-passive-section-toggle{width:100%;color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 4px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.gp-passive-section-toggle:hover{background:var(--surface-hover)}.gp-passive-section-label{align-items:center;gap:6px;display:flex}.gp-passive-section-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.gp-passive-section-count{background:var(--surface-hover);color:var(--text-muted);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.gp-passive-section-count.highlight{background:var(--primary-dim);color:var(--primary)}.gp-passive-section-body{padding:0 0 8px}.gp-terrain-panel{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.gp-terrain-panel-header{color:var(--accent-verdigris);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:700}.gp-terrain-abilities-tag{color:var(--accent-verdigris);background:#4a7a6a1a;border-radius:2px;margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.gp-tracking-group{border-bottom:1px solid var(--border)}.gp-tracking-group:last-child{border-bottom:none}.gp-tracking-group-toggle{width:100%;color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 4px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.gp-tracking-group-toggle:hover{background:var(--surface-hover)}.gp-tracking-group-toggle.once-turn{color:#eab308}.gp-tracking-group-toggle.once-battle{color:#f97316}.gp-tracking-group-label{align-items:center;gap:6px;display:flex}.gp-tracking-group-icon{font-size:14px}.gp-tracking-group-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.gp-tracking-group-used{color:#ef4444;font-size:11px;font-weight:600}.gp-tracking-group-body{padding:0 0 8px}.gp-tracking-subsection{margin-bottom:6px}.gp-tracking-sub-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:4px 6px;font-size:11px;font-weight:600;display:flex}.gp-tracking-sub-icon{font-size:12px}.gp-tracking-section{margin-bottom:8px}.gp-tracking-heading{text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin:0;padding:4px 0 6px;font-size:11px}.gp-tracking-heading.once-turn{color:#eab308}.gp-tracking-heading.once-battle{color:#f97316}.gp-tracking-item{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:4px;overflow:hidden}.gp-tracking-item.used{opacity:.5;background:#ef44440d;border-color:#ef4444}.gp-tracking-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;transition:background .15s;display:flex}.gp-tracking-header:hover{background:var(--surface-hover)}.gp-tracking-phase-icon{color:var(--text-secondary);flex-shrink:0;font-size:14px}.gp-tracking-info{flex:1;min-width:0}.gp-tracking-ability{color:var(--text);font-size:13px;font-weight:600;display:block}.gp-tracking-item.used .gp-tracking-ability{text-decoration:line-through}.gp-tracking-unit{color:var(--text-muted);font-size:11px}.gp-tracking-status{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:16px}.gp-tracking-item.used .gp-tracking-status{color:#ef4444}.gp-tracking-detail{border-top:1px solid var(--border);padding:0 10px 10px}.gp-tracking-text{color:var(--text-secondary);margin:8px 0 0;font-size:12px;line-height:1.5}.gp-tracking-text strong{color:var(--text)}.gp-tracking-detail .gp-use-btn{margin-top:8px}.gp-phase-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 2px 8px #00000040}.gp-phase-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.gp-phase-header h2{margin:0;font-size:18px}.gp-active-count{color:var(--text-muted);font-size:13px}.gp-lore-section{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px}.gp-lore-toggle{background:var(--primary-dim);border:1px solid var(--primary);width:100%;color:var(--primary);cursor:pointer;border-radius:var(--radius);justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.gp-lore-toggle:hover{opacity:.85}.gp-lore-body{margin-top:12px}.gp-lore-group{margin-bottom:14px}.gp-lore-group-title{text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:13px;font-weight:700}.gp-lore-casters{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:6px 8px;display:flex}.gp-lore-casters-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.gp-lore-caster-chip{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.gp-lore-caster-chip.wizard{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.gp-lore-caster-chip.priest{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.gp-lore-caster-level{opacity:.9;font-weight:800}.gp-lore-cv{color:var(--primary);border-radius:var(--radius);background:#c9a84c26;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.gp-lore-manifestation-stats{color:var(--text-secondary);border-top:1px solid var(--border);gap:10px;margin-top:4px;padding:4px 0;font-size:11px;display:flex}.gp-no-abilities{text-align:center;color:var(--text-muted);padding:32px}.gp-stats-section{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px}.gp-stats-chips{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}.gp-stats-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:all .15s;display:flex}.gp-stats-chip:hover{border-color:var(--primary);background:var(--surface-hover)}.gp-stats-chip.open{border-color:var(--primary);background:var(--primary-dim);color:var(--primary)}.gp-stats-chip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.gp-stats-chip-move{color:var(--primary);background:var(--primary-dim);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.gp-stats-chip-icon{color:var(--text-secondary);flex-shrink:0;font-size:12px}.gp-stats-detail{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-top:12px;overflow:hidden}.gp-stats-detail-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.gp-stats-detail-title{align-items:center;gap:10px;display:flex}.gp-stats-detail-name{color:var(--text);margin:0;font-size:17px}.gp-expand-warscroll-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:12px;transition:all .15s}.gp-expand-warscroll-btn:hover{color:var(--primary);border-color:var(--primary)}.gp-expand-warscroll-btn.active{color:var(--primary);border-color:var(--primary);background:var(--primary-dim)}.gp-full-keywords{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.gp-full-keyword-tag{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11px}.gp-stats-weapons-heading{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin:0 0 6px;font-size:12px;font-weight:600}.gp-stats-bar{gap:16px;display:flex}.gp-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.gp-stat-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:10px}.gp-stat-value{color:var(--primary);font-size:18px;font-weight:700}.gp-stats-weapons{padding:10px 16px;overflow-x:auto}.gp-stats-table{border-collapse:collapse;width:100%;font-size:13px}.gp-stats-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:5px 8px;font-size:10px}.gp-stats-table td{color:var(--text-secondary);padding:5px 8px}.gp-stats-wep-name{color:var(--text);white-space:nowrap;font-weight:600}.gp-stats-wep-ab{color:var(--text-muted);font-size:12px;font-style:italic}.gp-stats-abilities{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 16px;display:flex}.gp-units-list{flex-direction:column;gap:8px;display:flex}.gp-unit-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.gp-unit-header{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.gp-unit-header:hover{background:var(--surface-hover)}.gp-unit-info{flex:1}.gp-unit-name{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.gp-unit-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.gp-general-tag{color:var(--primary);background:var(--primary-dim);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.gp-hero-tag{color:#a855f7;background:#a855f726;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.gp-expand-icon{color:var(--text-muted);font-size:16px;transition:transform .15s}.gp-expand-icon.expanded{transform:rotate(90deg)}.gp-abilities{flex-direction:column;gap:8px;padding:4px 12px 12px;display:flex}.gp-ability{background:var(--surface);border-left:3px solid #6b7280;border-radius:0 8px 8px 0;padding:12px 14px;transition:opacity .15s}.gp-ability.locked{opacity:.45}.gp-ability-top{margin-bottom:6px}.gp-ability-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.gp-ability-title-row h4{margin:0;font-size:14px}.gp-ability-type{font-size:12px;font-weight:600}.gp-ability-badges{flex-wrap:wrap;gap:6px;display:flex}.gp-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 10px;font-size:11px;font-weight:700}.gp-badge.once-turn{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.gp-badge.once-turn.used{color:#ef4444;background:#ef444426;border-color:#ef44444d;text-decoration:line-through}.gp-badge.once-battle{color:#f97316;background:#f9731626;border:1px solid #f973164d}.gp-badge.once-battle.used{color:#ef4444;background:#ef444426;border-color:#ef44444d;text-decoration:line-through}.gp-ability-timing{color:var(--text-muted);margin:0 0 6px;font-size:12px;font-style:italic}.gp-ability-section{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.5}.gp-ability-section strong{color:var(--text)}.gp-ability-keywords{color:var(--text-muted);font-size:11px;font-style:italic;display:block}.gp-use-btn{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e;border-radius:6px;margin-top:8px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.gp-use-btn:hover{background:#22c55e33}.gp-use-btn.used{border-color:var(--text-muted);color:var(--text-muted);background:0 0}.gp-use-btn:disabled{opacity:.4;cursor:not-allowed}.gp-use-counter{align-items:center;gap:10px;margin-top:8px;display:flex}.gp-use-counter .gp-use-btn{margin-top:0}.gp-use-counter-label{color:var(--text-secondary);min-width:32px;font-size:13px;font-weight:700}.gp-tracking-counter{color:var(--primary);background:#c9a84c26;border-radius:8px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700}.gp-title-clickable{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s}.gp-title-clickable:hover{color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.gp-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.15s gp-fade-in;display:flex;position:fixed;inset:0}@keyframes gp-fade-in{0%{opacity:0}to{opacity:1}}.gp-overlay-content{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:700px;max-height:85vh;animation:.2s gp-slide-up;display:flex;overflow:hidden}@keyframes gp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gp-overview-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.gp-overview-title{color:var(--text);margin:0;font-size:20px}.gp-overview-subtitle{margin:4px 0 0;font-size:13px}.gp-overlay-close{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.gp-overlay-close:hover{border-color:var(--primary);color:var(--primary)}.gp-overview-back{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .15s}.gp-overview-back:hover{border-color:var(--primary);color:var(--primary)}.gp-overview-body{flex:1;padding:16px 24px 24px;overflow-y:auto}.gp-overview-regiment{margin-bottom:20px}.gp-overview-regiment:last-child{margin-bottom:0}.gp-overview-regiment-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin:0 0 10px;font-size:14px;display:flex}.gp-overview-general-badge{color:var(--primary);background:var(--primary-dim);text-transform:none;letter-spacing:normal;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.gp-overview-unit-list{flex-direction:column;gap:6px;display:flex}.gp-overview-unit-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);font-family:inherit;font-size:inherit;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.gp-overview-unit-card:hover{border-color:var(--primary);background:var(--surface-hover)}.gp-overview-unit-card.hero{border-left:3px solid var(--primary)}.gp-overview-unit-card.reinforced{border-left:3px solid #3b82f6}.gp-overview-reinforced-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:.3px;background:#3b82f61f;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.gp-overview-unit-info{flex-direction:column;gap:2px;display:flex}.gp-overview-unit-title{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.gp-overview-hero-icon{color:var(--primary);font-size:12px}.gp-overview-unit-type{color:var(--text-secondary);font-size:12px}.gp-overview-unit-stats{color:var(--text-muted);gap:12px;font-size:12px;font-weight:600;display:flex}.gp-overview-warscroll{max-width:800px}.gp-overview-warscroll-body{flex:1;padding:20px 24px 24px;overflow-y:auto}.gp-overview-unit-name{color:var(--text);margin:0 0 16px;font-size:22px}@media (width<=960px){.gp-layout{grid-template-columns:1fr}.gp-panel{position:static}.gp-panel-left{order:2}.gp-panel-right{order:3}.gp-phase-content{order:1}.gp-panel-left .gp-panel-toggle,.gp-panel-right .gp-panel-toggle{justify-content:center}}@media (width<=600px){.gp-header{flex-direction:column;align-items:flex-start}.gp-turn-info{flex-direction:row;align-items:center}.gp-phase-name{font-size:9px}.gp-phase-arrow{width:28px;min-width:28px;height:28px;font-size:18px}.gp-list-grid{grid-template-columns:1fr}.gp-turn-order-picker{padding:40px 16px}.gp-turn-order-buttons{flex-direction:column;align-items:center}.gp-turn-order-btn{min-width:240px;padding:24px 32px}}.enh-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px;overflow:hidden}.enh-section-header{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.enh-section-header:hover{background:var(--surface-hover)}.enh-section-icon{font-size:16px}.enh-section-count{color:var(--primary);background:var(--primary-dim);border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700}.enh-section-arrow{color:var(--text-muted);margin-left:auto;font-size:13px}.enh-section-body{flex-direction:column;gap:10px;padding:4px 16px 16px;display:flex}.enh-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.enh-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.enh-card-name{color:var(--primary);font-size:14px;font-weight:600}.enh-card-type{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.enh-card-timing{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-style:italic}.enh-card-text{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.5}.enh-card-text strong{color:var(--text)}.enh-card-keywords{color:var(--text-muted);font-size:11px;font-style:italic}.enh-card-ability{border-top:1px solid var(--border);padding:8px 0}.enh-card-ability:first-child{border-top:none;padding-top:0}.enh-card-ability-name{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:600}.enh-group{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.enh-group-header{background:var(--surface-hover);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.enh-group-name{color:var(--text);font-size:13px;font-weight:600}.enh-group-restriction{color:var(--accent-verdigris);font-size:11px;font-style:italic}.enh-group .enh-card{border-bottom:none;border-left:none;border-right:none;border-radius:0}.sf-subsection{border-top:1px solid var(--border);margin-top:8px;padding-top:6px}.sf-subsection-header{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;font-weight:600;transition:color .15s;display:flex}.sf-subsection-header:hover{color:var(--primary)}.legends-badge{color:#ef4444;background:#ef444426;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.enh-hero-picker{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.enh-picker-label{color:var(--text-secondary);font-size:12px;font-weight:600}.enh-picker-select{background:var(--bg);color:var(--text);padding:6px 10px;font-size:13px}.about-page{max-width:720px}.about-page h1{text-align:center}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px 24px}.about-card h2{color:var(--primary);margin:0 0 10px;font-size:16px}.about-card p{color:var(--text-secondary);margin:0 0 10px;line-height:1.6}.about-card p:last-child{margin-bottom:0}.about-card a{color:var(--primary);text-decoration:underline}.about-notice{border-color:var(--primary);background:var(--primary-dim)}.about-disclaimer{font-size:13px;font-style:italic;color:var(--text-muted)!important}.about-version{text-align:center;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-top:24px;font-size:13px}.fb-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fb-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;padding:24px}.fb-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.fb-header h2{color:var(--text);margin:0;font-size:18px}.fb-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.fb-close:hover{color:var(--text)}.fb-form{flex-direction:column;gap:16px;display:flex}.fb-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.fb-select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.fb-select:focus{border-color:var(--primary);outline:none}.fb-textarea{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);resize:vertical;box-sizing:border-box;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.fb-textarea:focus{border-color:var(--primary);outline:none}.fb-submit-btn{background:var(--primary);color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s}.fb-submit-btn:disabled{opacity:.5;cursor:not-allowed}.fb-submit-btn:hover:not(:disabled){opacity:.9}.fb-error{color:#ef4444;margin:0;font-size:13px}.fb-success{text-align:center;padding:20px 0}.fb-success p{color:var(--text-secondary);margin:0 0 16px}.fb-done-btn{border:1px solid var(--border);background:var(--surface-hover);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 24px;font-size:14px;transition:all .15s}.fb-done-btn:hover{border-color:var(--primary)}.enh-picker-select:focus{border-color:var(--primary);outline:none}.enh-picker-group{margin-bottom:8px}.enh-picker-group-header{color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 0;font-size:12px;font-weight:600;display:flex}.lp-empty{color:var(--text-muted);padding:8px 0;font-size:12px;font-style:italic}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:400px;margin:40px auto;padding:32px;box-shadow:0 4px 16px #0006}.auth-title{color:var(--primary);text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-size:22px;font-weight:700}.auth-google-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-hover);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.auth-google-btn:hover{border-color:var(--primary);background:var(--primary-dim)}.auth-google-icon{flex-shrink:0;width:20px;height:20px}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.auth-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;padding:10px 14px;font-size:14px;box-shadow:inset 0 2px 4px #0003}.auth-input:focus{border-color:var(--primary)}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;margin:0;padding:8px 12px;font-size:13px}.auth-submit-btn{border-radius:var(--radius);background:var(--primary);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;margin-top:4px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 2px 6px #c9a84c4d}.auth-submit-btn:disabled{opacity:.4;cursor:not-allowed}.auth-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #c9a84c80}.auth-switch{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.auth-switch-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.auth-switch-btn:hover{color:var(--text)}.auth-profile{text-align:center;max-width:400px;margin:40px auto}.auth-avatar{border:2px solid var(--primary);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex;overflow:hidden;box-shadow:0 0 16px #c9a84c33}.auth-avatar-img{object-fit:cover;width:100%;height:100%}.auth-avatar-letter{color:var(--primary);font-size:32px;font-weight:700;line-height:1}.auth-display-name{color:var(--text);margin-bottom:4px;font-size:22px;font-weight:700}.auth-email{color:var(--text-muted);margin-bottom:24px;font-size:14px}.auth-feedback-btn{border-radius:var(--radius);border:1px solid var(--primary);background:var(--primary-dim);color:var(--primary);cursor:pointer;width:100%;max-width:220px;margin:0 auto 12px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .15s;display:block}.auth-feedback-btn:hover{background:var(--primary);color:var(--bg)}.auth-signout-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;width:100%;max-width:220px;margin:0 auto;padding:10px 24px;font-size:14px;font-weight:600;transition:all .15s;display:block}.auth-signout-btn:hover{color:#ef4444;border-color:#ef4444}