:root{color:#e8edf5;background:#0f141c;font-family:Inter,system-ui,sans-serif;line-height:1.5;--option-cat-width: 2.5rem}*{box-sizing:border-box}body{margin:0}.app{max-width:1440px;margin:0 auto;padding:24px}.draft-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.draft-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.player-roster-panel{margin-bottom:0;padding:12px}.player-roster h3{margin:0 0 4px;font-size:13px;color:#93a0b4;text-transform:uppercase;letter-spacing:.05em}.player-roster-hint{margin:0 0 8px;font-size:12px;line-height:1.35;color:#7d8ea8}.player-roster-list{list-style:none;margin:0;padding:0 2px 0 0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.player-roster-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:6px;align-items:center;width:100%;padding:6px 8px;border-radius:8px;border:1px solid #243041;background:#0f141c;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.player-roster-item:hover:not(:disabled){background:#182030;border-color:#3d4f66}.player-roster-item.selected{border-color:#4f8cff;background:#18284a;box-shadow:inset 0 0 0 1px #4f8cff33}.player-roster-item.you:not(.selected){border-color:#3d4f6644}.player-roster-item.on-clock:not(.selected){border-color:#f0c67466;background:#1a1810}.player-roster-item.up-next:not(.selected):not(.on-clock){border-color:#4f8cff33}.player-roster-item.offline{opacity:.65}.player-roster-slot{font-size:11px;font-weight:700;color:#93a0b4;font-variant-numeric:tabular-nums}.player-roster-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.player-roster-meta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.player-roster-picks{font-size:11px;font-variant-numeric:tabular-nums;color:#93a0b4;font-weight:600}.player-roster-badge{padding:1px 5px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.player-roster-badge.bot{background:#1a2230;color:#93a0b4}.player-roster-badge.clock{background:#f0c674;color:#1a1408}.player-roster-badge.next{background:#18284a;color:#9ec0ff;min-width:22px;text-align:center}.player-roster-dot{width:8px;height:8px;border-radius:50%;background:#5a3030;flex-shrink:0}.player-roster-dot.connected{background:#7ddea0}.my-picks-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.my-picks-header h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-picks-back{flex-shrink:0;padding:4px 8px;font-size:12px;border-radius:8px}.draft-main{min-width:0}.my-picks-panel{position:sticky;top:24px;margin-bottom:0}.my-picks-panel h2{margin-bottom:0}.my-picks-slot-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}.my-picks-slot-count{font-variant-numeric:tabular-nums;color:#93a0b4;font-size:12px;font-weight:600}.my-picks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.my-picks-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#0f141c;border:1px solid #243041;font-size:14px}.my-picks-item-body{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:hidden}.my-picks-item-body .truncating-tooltip-wrap,.my-picks-item-body .trait-option-wrap,.my-picks-item-body .my-picks-item-name,.my-picks-item-body .ruler-stats{min-width:0;flex:1;overflow:hidden}.my-picks-item-tag{flex-shrink:0;padding:2px 6px;border-radius:999px;background:#3d2f14;color:#f0c674;font-size:10px;font-weight:700;text-transform:uppercase}.my-picks-item-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid #2d3a4d;border-radius:6px;background:#151b24;color:#ff9f9f;font-size:15px;line-height:1;cursor:pointer}.my-picks-item-remove:hover{border-color:#ff9f9f66;background:#3a1e1e}.my-picks-empty{margin:0;font-size:13px}.my-picks-recent{margin-top:16px;font-size:14px}.my-picks-recent summary{cursor:pointer;color:#93a0b4;margin-bottom:8px}.header,.panel,.banner{border:1px solid #243041;border-radius:12px;background:#151b24}.header,.panel{padding:16px;margin-bottom:16px}.my-picks-slots{display:flex;flex-direction:column;gap:10px}.my-picks-tabs{display:flex;gap:8px;margin-bottom:12px}.my-picks-tabs .tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;font-size:13px}.my-picks-tab-count{font-variant-numeric:tabular-nums;color:#93a0b4;font-size:12px;font-weight:600}.my-picks-tabs .tab.active .my-picks-tab-count{color:#9ec0ff}.my-picks-slot-limit{color:#ff9f9f}.header{display:flex;justify-content:space-between;align-items:center;gap:16px}.header h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.join-panel{padding:12px 16px}.join-panel-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.join-player-chip{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.join-player-name{font-weight:700;font-size:1rem}.join-player-slot{padding:2px 8px;border-radius:999px;background:#1a2f4a;color:#7eb6ff;font-size:12px;font-weight:700}.join-player-role{padding:2px 8px;border-radius:999px;background:#3d2f14;color:#f0c674;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.join-panel-actions{margin-left:auto}.join-name-form{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.join-name-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#93a0b4}.join-name-row input{flex:1 1 180px;min-width:140px}.draft-status-panel h2{margin-bottom:12px;flex-shrink:0}.draft-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.draft-stat{padding:10px 12px;border-radius:10px;background:#0f141c;border:1px solid #243041;display:flex;flex-direction:column;gap:4px;min-width:0}.draft-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#93a0b4}.draft-stat-value{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-stat-value.urgent{color:#ff9f9f}.draft-turn-banner{grid-column:1 / -1;padding:10px 12px;border-radius:10px;background:#121820;border:1px solid #243041;font-size:13px;color:#93a0b4;text-align:center}.draft-turn-banner.your-turn{background:#18284a;border-color:#4f8cff;color:#dbeaff;font-weight:700;box-shadow:0 0 0 1px #4f8cff44,0 0 20px #4f8cff22;animation:your-turn-pulse 2s ease-in-out infinite}.turn-order-strip{grid-column:1 / -1;padding:12px;border-radius:10px;background:#0f141c;border:1px solid #243041;display:flex;flex-direction:column;gap:10px}.turn-order-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.turn-order-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#93a0b4;font-weight:700}.turn-order-direction{font-size:11px;color:#7d8ea8;font-variant-numeric:tabular-nums}.turn-order-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0}.turn-order-item{display:inline-flex;align-items:center;gap:6px}.turn-order-arrow{color:#566579;font-size:12px;font-weight:700}.turn-order-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #2a3547;background:#151b24;font-size:12px;color:#dbeaff;max-width:100%}.turn-order-chip.on-clock{border-color:#f0c674;background:#2a2418;box-shadow:0 0 0 1px #f0c67444}.turn-order-chip.you:not(.on-clock){border-color:#4f8cff66;background:#182032}.turn-order-chip-slot{font-size:10px;font-weight:700;color:#93a0b4;font-variant-numeric:tabular-nums}.turn-order-chip-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-order-chip-tag{padding:1px 6px;border-radius:999px;background:#f0c674;color:#1a1408;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.turn-order-you-next{margin:0;font-size:12px;color:#93a0b4}.turn-order-you-next strong{color:#dbeaff;font-variant-numeric:tabular-nums}.draft-status-panel.your-turn-panel,.pool-panel.your-turn-panel{border-color:#4f8cff;box-shadow:0 0 0 1px #4f8cff55,0 0 28px #4f8cff18}.draft-layout.your-turn-active .draft-main{position:relative}.draft-layout.your-turn-active .draft-main:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:16px;border:2px solid #4f8cff66;pointer-events:none;animation:your-turn-ring 2.4s ease-in-out infinite}.your-turn-banner{position:sticky;top:12px;z-index:20;margin-bottom:16px;overflow:hidden;border-radius:14px;border:2px solid #5b9dff;background:linear-gradient(135deg,#1a3568,#12264a 55%,#101e38);box-shadow:0 0 0 1px #7eb6ff33,0 12px 40px #4f8cff47;animation:your-turn-banner-in .35s ease-out}.your-turn-banner-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(126,182,255,.22),transparent 55%);pointer-events:none}.your-turn-banner-content{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;padding:16px 20px;text-align:center}.your-turn-banner-title{font-size:1.35rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px rgba(126,182,255,.45)}.your-turn-banner-divider{color:#7eb6ff;font-weight:700}.your-turn-banner-timer{font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums;color:#9ec0ff;min-width:3ch}.your-turn-banner-timer.urgent{color:#ffb4b4;animation:your-turn-urgent .8s ease-in-out infinite}.your-turn-banner-hint{flex-basis:100%;font-size:14px;color:#b8d4ff}.pick-confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#080b10c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pick-modal-fade-in .2s ease-out}.pick-confirm-dialog{width:min(100%,640px);padding:32px 32px 28px;border-radius:18px;border:2px solid #4f8cff;background:linear-gradient(180deg,#182030,#121820);box-shadow:0 0 0 1px #4f8cff44,0 24px 64px #0000008c,0 0 48px #4f8cff2e;animation:pick-modal-scale-in .24s ease-out}.pick-confirm-modal-title{margin:0 0 8px;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;text-align:center;color:#fff}.pick-confirm-modal-subtitle{margin:0 0 28px;text-align:center;color:#93a0b4;font-size:15px;line-height:1.45}.pick-confirm-preview{display:flex;flex-direction:column;gap:14px;padding:20px 22px;margin-bottom:28px;border-radius:14px;border:1px solid #3d4f66;background:#0f141c}.pick-confirm-preview-meta{display:flex;align-items:center;gap:12px;min-height:28px}.pick-confirm-cat{grid-column:unset;flex:0 0 auto;font-size:11px;padding:4px 8px}.pick-confirm-tier{color:#f0c674;font-size:.95rem;font-weight:700;letter-spacing:.02em}.pick-confirm-preview-choice{display:flex;align-items:center;gap:14px;min-width:0;min-height:52px;padding:14px 16px;border-radius:12px;border:1px solid #243041;background:#121820}.pick-confirm-preview-choice .option-icon{grid-column:unset;width:32px;height:32px;flex-shrink:0;object-fit:contain;image-rendering:pixelated}.pick-confirm-preview-choice .trait-option-wrap,.pick-confirm-preview-choice .ruler-stats,.pick-confirm-preview-choice .truncating-tooltip-wrap{flex:1;min-width:0}.pick-confirm-name{font-size:1.125rem;font-weight:600;line-height:1.35}.pick-confirm-preview-choice .ruler-stats{font-size:1rem;gap:8px}.pick-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pick-confirm-btn{padding:16px 20px;font-size:1rem;font-weight:700;border-radius:12px}.pick-confirm-btn-primary{background:linear-gradient(180deg,#2a5fbf,#1f4a99);border-color:#5b9dff;color:#fff}.pick-confirm-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#3570d4,#2556ad);border-color:#7eb6ff}.pick-confirm-btn-secondary{background:#1a2230;border-color:#3d4f66}.reset-draft-dialog{width:min(100%,640px);border-color:#c97d7d;box-shadow:0 0 0 1px #c97d7d44,0 24px 64px #0000008c,0 0 48px #c97d7d33}.reset-draft-title{color:#ffb4b4}.reset-draft-description{margin:0 0 28px;text-align:center;color:#d4dce8;font-size:16px;line-height:1.55}.reset-draft-description strong{color:#fff}.reset-draft-actions{grid-template-columns:1fr 1fr}.reset-draft-btn-cancel{background:#1a2230;border-color:#3d4f66;color:#d4dce8}.reset-draft-btn-confirm{background:linear-gradient(180deg,#8f3030,#6b2020);border-color:#ff9f9f;color:#fff}.reset-draft-btn-confirm:hover:not(:disabled){background:linear-gradient(180deg,#a53a3a,#7f2828);border-color:#ffb4b4}@keyframes your-turn-pulse{0%,to{box-shadow:0 0 0 1px #4f8cff44,0 0 16px #4f8cff18}50%{box-shadow:0 0 0 1px #4f8cff88,0 0 28px #4f8cff33}}@keyframes your-turn-ring{0%,to{opacity:.45}50%{opacity:1}}@keyframes your-turn-banner-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes your-turn-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pick-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pick-modal-scale-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.draft-turn-banner.your-turn,.draft-layout.your-turn-active .draft-main:before,.your-turn-banner,.your-turn-banner-timer.urgent,.pick-confirm-modal,.pick-confirm-dialog{animation:none}}.pool-hint-compact{margin:0 0 8px;font-size:12px;text-align:right}.priority-queue-panel h3{margin:0 0 8px;font-size:13px;color:#93a0b4;text-transform:uppercase;letter-spacing:.05em}h1,h2{margin:0 0 8px}.muted{color:#93a0b4}.status{padding:6px 10px;border-radius:999px;font-size:14px}.status.ok{background:#12351f;color:#7ddea0}.status.bad{background:#3a1717;color:#ff9f9f}.banner.error{padding:12px 16px;background:#3a1717;color:#ffb4b4;cursor:pointer}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.space-between{justify-content:space-between}input,button{border-radius:10px;border:1px solid #2d3a4d;background:#151b24;color:inherit;padding:8px 14px;font:inherit;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease,opacity .18s ease}button{cursor:pointer;background:linear-gradient(180deg,#1a2230,#151b24)}button:hover:not(:disabled){background:linear-gradient(180deg,#222c3d,#1a2230);border-color:#3d4f66}button:active:not(:disabled){transform:scale(.97);background:#121820}button:focus-visible{outline:2px solid #4f8cff;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.search{min-width:220px}.grid{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.grid>.panel{margin-bottom:0;flex:1 1 0;min-width:0}.draft-status-panel{display:flex;flex-direction:column;height:420px;min-height:420px;overflow:hidden}.draft-status-panel .draft-status-grid{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.recent-picks-panel{display:flex;flex-direction:column;height:420px;min-height:420px;overflow:hidden}.recent-picks-panel h2{flex-shrink:0}.recent-picks-log{flex:1;min-height:0;overflow-y:auto;margin:0;padding:0 4px 0 0;list-style:none;display:flex;flex-direction:column;gap:6px}.recent-pick-item{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:8px;background:#0f141c;border:1px solid #243041;font-size:13px;line-height:1.3}.recent-pick-header{display:flex;align-items:baseline;gap:8px;min-width:0}.recent-pick-number{flex:0 0 auto;font-variant-numeric:tabular-nums;color:#93a0b4;font-weight:700;font-size:12px}.recent-pick-player{flex:1;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.recent-pick-item .truncating-tooltip-wrap{display:block;overflow:hidden;min-width:0}.recent-pick-choice{display:flex;align-items:center;gap:6px;min-width:0}.recent-pick-cat{grid-column:unset;flex:0 0 var(--option-cat-width);font-size:9px;padding:2px 4px}.recent-pick-choice-label{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.recent-pick-choice-label .option-icon{grid-column:unset;width:20px;height:20px;flex-shrink:0;object-fit:contain;image-rendering:pixelated}.recent-pick-choice-label .trait-option-wrap,.recent-pick-choice-label .ruler-stats{flex:1;min-width:0}.recent-pick-choice-label .ruler-stats{font-size:12px}.recent-pick-name,.recent-pick-name-fallback{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.recent-pick-choice-label .truncating-tooltip-wrap{flex:1;min-width:0;overflow:hidden}.recent-picks-log li{margin-bottom:0}.stats,.log{margin:0;padding-left:18px}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.pool-toolbar{align-items:center;margin-bottom:8px}.pool-toolbar-controls{align-items:center;gap:8px;flex-wrap:wrap}.tier-sort-control{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 12px;border-radius:12px;border:1px solid #3d4f66;background:#101620}.tier-sort-control-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7f8ea3;white-space:nowrap}.pool-toolbar-divider{width:1px;align-self:stretch;min-height:28px;background:#2d3a4d}.tier-sort-toggle{display:inline-flex;align-items:center;gap:8px;padding:2px;border:none;border-radius:999px;background:transparent;color:#93a0b4;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,opacity .15s ease}.tier-sort-toggle:hover:not(:disabled){color:#c9d4e6}.tier-sort-toggle-track{position:relative;width:34px;height:18px;border-radius:999px;background:#2a3342;border:1px solid #3d4f66;transition:background-color .15s ease,border-color .15s ease}.tier-sort-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#93a0b4;transition:transform .15s ease,background-color .15s ease}.tier-sort-toggle.on .tier-sort-toggle-track{background:#2a2440;border-color:#c9a7ff88}.tier-sort-toggle.on .tier-sort-toggle-thumb{transform:translate(16px);background:#c9a7ff}.tier-sort-toggle.on .tier-sort-toggle-state{color:#c9a7ff}.tier-sort-toggle-state{min-width:1.5rem;text-align:left}.tier-sort-toggle:disabled{opacity:.55;cursor:not-allowed}.pool-show-all-btn{padding:6px 12px;border-radius:10px;border:1px solid #3d4f66;background:#101620;color:#93a0b4;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.pool-show-all-btn:hover:not(:disabled){border-color:#5b9dff;color:#dbeaff}.pool-show-all-btn.on{border-color:#c9a7ff88;background:#2a2440;color:#c9a7ff}.pool-show-all-btn:disabled{opacity:.55;cursor:not-allowed}.pool-hint{margin:0 0 12px;font-size:14px}.pool-show-more{display:flex;justify-content:center;margin-top:12px}.category-filter-toggles{display:inline-flex;flex-wrap:wrap;gap:4px}.category-filter-toggles.disabled{opacity:.55;pointer-events:none}.category-filter-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid #2d3a4d;background:#151b24;color:#93a0b4;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.category-filter-toggle:hover:not(:disabled){border-color:#4f8cff66;background:#1a2230}.category-filter-toggle:not(.active){opacity:.45}.category-filter-toggle.active{opacity:1;box-shadow:inset 0 0 0 1px #ffffff12}.category-filter-toggle.active.cat-government{background:#3d2f14;border-color:#f0c67466;color:#f0c674}.category-filter-toggle.active.cat-admin{background:#1a2f4a;border-color:#7eb6ff66;color:#7eb6ff}.category-filter-toggle.active.cat-diplo{background:#1e3a45;border-color:#7ee8ff66;color:#7ee8ff}.category-filter-toggle.active.cat-military{background:#3a1e1e;border-color:#ff9f9f66;color:#ff9f9f}.category-filter-toggle.active.cat-ruler{background:#3a1e2a;border-color:#ff9fc866;color:#ff9fc8}.category-filter-toggle.active.cat-trait{background:#2e2448;border-color:#c9a7ff66;color:#c9a7ff}.category-filter-toggle-icon{width:18px;height:18px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.category-filter-toggle-label{line-height:1}.category-filter-toggle-count{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;opacity:.85}select{border-radius:10px;border:1px solid #2d3a4d;background:#151b24;color:inherit;padding:8px 12px;transition:background-color .18s ease,border-color .18s ease}select:hover{border-color:#3d4f66}.option{text-align:left;display:grid;grid-template-columns:minmax(0,18px) var(--option-cat-width) 1rem 24px minmax(0,1fr);gap:4px;align-items:center;background:#121820;box-shadow:none;padding:6px 8px 6px 6px}.option-queue-rank{grid-column:1;color:#7eb6ff;font-size:11px;font-weight:700;width:18px;min-width:0;flex-shrink:0;text-align:right;justify-self:end}.option-queue-rank:empty{visibility:hidden}.option-cat{grid-column:2;font-size:10px;text-transform:uppercase;letter-spacing:.02em;padding:2px 4px;border-radius:4px;font-weight:600;width:var(--option-cat-width);min-width:var(--option-cat-width);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:start}.option-tier{grid-column:3;color:#f0c674;font-size:11px;font-weight:700;width:1rem;min-width:1rem;text-align:center;flex-shrink:0;justify-self:center}.option-icon{grid-column:4;justify-self:center;width:24px;height:24px;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.option-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option>.truncating-tooltip-wrap{grid-column:5;min-width:0}.truncating-tooltip-wrap{position:relative;display:block;min-width:0}.truncating-tooltip,.trait-tooltip{min-width:220px;max-width:360px;padding:8px 10px;border:1px solid #3d4f66;border-radius:8px;background:#0f141c;box-shadow:0 8px 24px #00000073;color:#e8edf5;font-size:13px;line-height:1.4;pointer-events:none}.truncating-tooltip{white-space:normal;word-break:break-word}.ruler-stats{display:inline-flex;align-items:center;gap:4px}.ruler-power-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.ruler-stat{font-weight:700;font-variant-numeric:tabular-nums;min-width:.75em}.option:not(:has(.option-icon)):not(:has(.ruler-stats))>.truncating-tooltip-wrap,.option:not(:has(.option-icon)):not(:has(.ruler-stats)) .option-name,.option:not(:has(.option-icon)):not(:has(.ruler-stats)) .trait-option-wrap{grid-column:4 / -1}.option:has(.ruler-stats) .ruler-stats{grid-column:4 / -1}.option:has(.option-icon) .trait-option-wrap{grid-column:5;min-width:0}.trait-option-wrap{display:inline-flex;align-items:center;gap:6px;position:relative;min-width:0}.trait-tooltip{padding:10px 12px}.trait-option-wrap.has-trait-tooltip{cursor:help}.trait-tooltip-effects{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.trait-effect-row{display:flex;align-items:center;gap:6px;font-size:13px}.trait-effect-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.trait-effect-value{font-weight:700;font-variant-numeric:tabular-nums;min-width:2.5em}.trait-effect-positive{color:#7dcea0}.trait-effect-negative{color:#e88383}.trait-effect-gold{color:#dbcb47}.trait-effect-neutral{color:#d0d8e4}.trait-effect-label{color:#e8edf4}.government-effect-row{gap:4px}.government-tooltip{max-width:400px}.tierlist-name .trait-option-wrap{min-width:0;flex:1}.option:hover:not(:disabled){background:#182030;border-color:#3d4f66;transform:translateY(-1px)}.option:active:not(:disabled){transform:translateY(0) scale(.985);background:#101620}.option.queued{background:#18284a;border-color:#4f8cff}.priority-queue-panel{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #243041}.priority-queue-hint{margin:0 0 8px;font-size:12px;color:#8b9cb3}.priority-queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.priority-queue-slot{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px;align-items:center;padding:6px 8px;border-radius:6px;background:#0f141c;border:1px solid #243041;font-size:13px}.priority-queue-slot[draggable=true]{cursor:grab}.priority-queue-slot.dragging{opacity:.45}.priority-queue-slot.drop-target{border-color:#4f8cff;background:#152238}.priority-queue-slot.taken{opacity:.65}.priority-queue-slot.taken .priority-queue-name{text-decoration:line-through}.priority-queue-taken-badge{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#c97d7d}.priority-queue-rank{color:#7eb6ff;font-weight:700}.priority-queue-label{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.priority-queue-empty{grid-column:2 / -1}.priority-queue-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-queue-label .truncating-tooltip-wrap,.priority-queue-label .trait-option-wrap{flex:1;min-width:0}.priority-queue-remove{padding:2px 8px;line-height:1;font-size:16px;border-radius:8px;background:transparent}.priority-queue-remove:hover:not(:disabled){background:#2a1e1e;border-color:#5a3030;color:#ffb4b4}.priority-queue-slot.pickable{border-color:#3d5a8a;background:#121c2e}.priority-queue-pick{display:flex;align-items:center;min-width:0;width:100%;padding:0;margin:0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:4px}.priority-queue-pick:hover{color:#7eb6ff}.priority-queue-pick:focus-visible{outline:2px solid #4f8cff;outline-offset:2px}.draft-summary-panel{margin-bottom:16px}.draft-summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.draft-summary-header h2{margin:0}.draft-summary-hint{margin:0 0 12px;font-size:12px;color:#8b9cb3}.draft-summary-links{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.draft-summary-link-item{padding:10px 12px;border-radius:8px;background:#0f141c;border:1px solid #243041}.draft-summary-link-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.draft-summary-link-slot{font-weight:700;color:#7eb6ff}.draft-summary-link-name{font-weight:600}.draft-summary-link-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:#243041;color:#8b9cb3}.draft-summary-link-url{display:block;font-size:12px;color:#7eb6ff;word-break:break-all;margin-bottom:8px}.draft-summary-builds{display:flex;flex-direction:column;gap:10px}.draft-summary-player{border:1px solid #243041;border-radius:8px;background:#0f141c;padding:8px 12px}.draft-summary-player summary{cursor:pointer;font-weight:600;margin-bottom:8px}.build-viewer-page .header{margin-bottom:16px}.build-viewer-meta{display:flex;align-items:center;gap:10px;margin-top:8px}.build-viewer-name{font-size:18px;font-weight:700}.build-viewer-slot{font-size:14px;color:#7eb6ff}.build-viewer-panel{max-width:960px}.cat-government{background:#3d2f14;color:#f0c674}.cat-admin{background:#1a2f4a;color:#7eb6ff}.cat-diplo{background:#1e3a45;color:#7ee8ff}.cat-military{background:#3a1e1e;color:#ff9f9f}.cat-ruler{background:#3a1e2a;color:#ff9fc8}.cat-trait{background:#2e2448;color:#c9a7ff}.banner.notice{padding:12px 16px;background:#12351f;color:#7ddea0;cursor:pointer}.tab{background:#1a2230;border-color:#2d3a4d}.tab:hover:not(:disabled){background:#222c3d;border-color:#4f8cff66}.tab.active{border-color:#4f8cff;background:#18284a;box-shadow:inset 0 0 0 1px #4f8cff33}.commissioner-panel .tierlist-table{display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow:auto}.tierlist-header,.tierlist-row{display:grid;grid-template-columns:72px var(--option-cat-width) minmax(0,1fr);gap:8px;align-items:center}.tierlist-header{color:#93a0b4;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding-bottom:4px;border-bottom:1px solid #243041;position:sticky;top:0;background:#151b24}.tier-select{padding:6px 8px}.tierlist-name{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-option-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid #243041;border-radius:8px;background:#121820}.add-option-label{color:#93a0b4;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-right:4px}.add-option-name{flex:1 1 220px;min-width:180px}.invite-link{color:#7eb6ff;word-break:break-all}.human-invite-panel h3{margin:0 0 6px;font-size:1rem}.human-invite-hint{margin:0 0 12px;font-size:13px}.human-invite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.human-invite-item{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;background:#0f141c;border:1px solid #243041}.human-invite-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.human-invite-pin{margin-left:auto;padding:2px 8px;border-radius:999px;background:#18284a;color:#9ec1ff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.human-invite-actions{display:flex;flex-wrap:wrap;gap:6px}.human-invite-slot{font-size:12px;font-weight:700;color:#93a0b4}.human-invite-label{font-size:13px;font-weight:600}.human-invite-url{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.human-invite-copy{padding:6px 10px;font-size:12px;border-radius:8px;background:#1a2230;border-color:#2d3a4d}.human-invite-copy-primary{border-color:#4f8cff66;color:#9ec1ff}.join-landing h2{margin:0 0 8px;font-size:18px}.join-landing p{margin:0;max-width:420px;line-height:1.5}.spectator-bar{display:flex;align-items:center;gap:16px;padding:4px 0}.spectator-bar-copy h2{margin:0 0 4px;font-size:1.15rem}.spectator-bar-copy p{margin:0}.spectator-badge{flex-shrink:0;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#243041;color:#93a0b4}.spectator-badge.live{background:#1a3324;color:#7ddea0}.spectator-turn-banner{color:#93a0b4}.option.spectator-readonly{cursor:default;opacity:1}.option.spectator-readonly:hover{transform:none;border-color:#243041;background:#0f141c}.spectator-mode .join-panel{margin-bottom:12px}.lobby-spectator-main{display:flex;flex-direction:column;gap:16px}.lobby-spectator-main .grid{flex-direction:column}.lobby-spectator-main .pool-panel{margin-bottom:0}.join-pin-form{display:flex;flex-direction:column;gap:8px;max-width:320px}.join-pin-title{margin:0;font-size:16px}.join-pin-hint{margin:0 0 4px;font-size:13px}.join-pin-input{font-size:20px;font-weight:700;letter-spacing:.2em;font-variant-numeric:tabular-nums}.human-invite-panel-compact{margin-top:12px;width:100%}.human-invite-panel-compact .human-invite-hint{margin-bottom:8px}.option.turn{border-color:#5b9dff;box-shadow:0 0 0 1px #4f8cff55}.option.prepick,.option.queued{background:#18284a;border-color:#4f8cff}.option.pending{outline:2px solid #4f8cff;outline-offset:2px;border-color:#7eb6ff;background:#18284a;box-shadow:0 0 0 1px #4f8cff;transition:background-color .18s ease,border-color .18s ease,transform .12s ease,box-shadow .18s ease}@media(prefers-reduced-motion:reduce){input,button,select,.option{transition:none}button:active:not(:disabled),.option:active:not(:disabled){transform:none}.option:hover:not(:disabled){transform:none}}@media(max-width:1000px){.draft-layout{grid-template-columns:1fr}.my-picks-panel{position:static}}@media(max-width:800px){.grid{flex-direction:column}}.banner.paused-banner{padding:12px 16px;background:#3a2a14;color:#f0c674;border:1px solid #f0c67444}.commissioner-draft-panel{padding:14px}.commissioner-draft-panel h2{margin:0 0 12px;font-size:16px}.commissioner-draft-section+.commissioner-draft-section{margin-top:14px;padding-top:14px;border-top:1px solid #2d3a4d}.commissioner-draft-section h3{margin:0 0 6px;font-size:12px;color:#93a0b4;text-transform:uppercase;letter-spacing:.05em}.commissioner-draft-hint,.commissioner-draft-note{margin:0 0 10px;font-size:12px;line-height:1.45;color:#7f8ea3}.commissioner-draft-actions{gap:8px}.commissioner-btn{padding:8px 12px;border-radius:8px;border:1px solid #2d3a4d;background:#151b24;color:#c9d4e6;font-size:12px;font-weight:700;cursor:pointer}.commissioner-btn:hover:not(:disabled){border-color:#4f8cff66;background:#1a2230}.commissioner-btn:disabled{opacity:.55;cursor:not-allowed}.commissioner-btn-primary{border-color:#4f8cff66;background:#18284a;color:#9ec1ff}.commissioner-btn-active{border-color:#f0c67488;background:#3d2f14;color:#f0c674}.commissioner-target-chip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;border-radius:8px;background:#101620;border:1px solid #2d3a4d}.commissioner-target-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#7f8ea3}.commissioner-target-name{font-size:13px;font-weight:700;color:#e8edf5}.commissioner-target-count{margin-left:auto;font-size:12px;color:#93a0b4}box-shadow: inset 0 0 0 1px #f0c67466; background: #2a2418; } .commissioner-lobby-panel{padding:14px}.commissioner-lobby-panel h2{margin:0 0 8px;font-size:16px}.commissioner-lobby-summary{margin:0 0 8px;font-size:13px;font-weight:700;color:#c9d4e6}.commissioner-lobby-hint{margin:0 0 12px;font-size:12px;line-height:1.45;color:#7f8ea3}.commissioner-lobby-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}.commissioner-lobby-item{padding:10px;border-radius:8px;border:1px solid #2d3a4d;background:#101620}.commissioner-lobby-item.inactive{opacity:.72;border-style:dashed}.commissioner-lobby-item.commissioner{border-color:#f0c67444}.commissioner-lobby-name-edit,.commissioner-lobby-add-human{display:flex;flex:1;gap:6px;min-width:0;align-items:center}.commissioner-lobby-name-input{flex:1;min-width:0;padding:6px 8px;font-size:13px;border:1px solid #243041;border-radius:6px;background:#0f141c;color:inherit}.commissioner-lobby-add-human{flex-wrap:wrap;width:100%}.commissioner-lobby-item-main{display:flex;align-items:center;gap:8px;margin-bottom:8px}.commissioner-lobby-slot{font-size:11px;font-weight:700;color:#7f8ea3}.commissioner-lobby-name{flex:1;min-width:0;font-size:13px;font-weight:600;color:#e8edf5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commissioner-lobby-badges{display:flex;align-items:center;gap:6px}.commissioner-lobby-badge{padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase}.commissioner-lobby-badge.role{background:#3d2f14;color:#f0c674}.commissioner-lobby-badge.bot{background:#1a2230;color:#93a0b4}.commissioner-lobby-badge.out{background:#2a1e1e;color:#ff9f9f}.commissioner-lobby-dot{width:8px;height:8px;border-radius:50%;background:#5a6478}.commissioner-lobby-dot.connected{background:#6fcf97}.commissioner-lobby-actions{display:flex;flex-wrap:wrap;gap:6px}.commissioner-lobby-slot-actions,.commissioner-lobby-add-slot{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #2d3a4d}.commissioner-lobby-note{margin:12px 0 0;font-size:12px;color:#7f8ea3}.commissioner-btn-danger{border-color:#ff9f9f66;color:#ff9f9f}.commissioner-btn-danger:hover:not(:disabled){border-color:#ff9f9f;background:#3a1e1e}.player-roster-item.inactive{opacity:.55}.player-roster-badge.out{background:#2a1e1e;color:#ff9f9f}