:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#273345;font:16px/1.5 var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8}*{box-sizing:border-box}body{background:#f4f6f8;min-width:320px;margin:0}#root{min-height:100vh}h1,h2,h3,h4{color:#172033;line-height:1.2}p{margin:0 0 8px}.app-shell{min-height:100vh}.auth-screen{background:#f6f8fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#fff;border:1px solid #d9dee7;border-radius:12px;gap:16px;width:min(560px,100%);padding:24px;display:grid;box-shadow:0 18px 60px #0f172a1f}.auth-panel h1,.auth-panel p{margin:0}.app-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f8faf5;border-bottom:1px solid #d9dee7;justify-content:space-between;align-items:center;gap:24px;padding:22px 32px;display:flex;position:sticky;top:0}.app-header h1{margin:0;font-size:28px;line-height:1.15}.app-nav,.button-row,.quick-actions,.form-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-nav{justify-content:flex-end}.user-menu{color:#4b5565;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-weight:800;display:flex}.meeple-avatar{flex:none;justify-content:center;align-items:center;display:inline-flex}.meeple-avatar svg{width:100%;height:100%;display:block}.nav-button,.primary-button,.secondary-button,.danger-button,.bottom-nav-button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 14px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.nav-button{color:#4b5565;background:0 0}.nav-button:hover,.nav-button.active,.primary-button{color:#fff;background:#1f6f5b}.primary-button:hover{background:#185947}.secondary-button{color:#273345;background:#fff;border-color:#cbd5e1}.secondary-button:hover{border-color:#7c8da5}.danger-button{color:#9f1d1d;background:#fff5f5;border-color:#f2b8b8}.danger-button:hover{background:#ffe8e8}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}button.primary-button:disabled{color:#4b5565;opacity:1;background:#e8edf3;border-color:#cbd5e1}.app-content{width:min(1120px,100% - 40px);margin:0 auto;padding:32px 0 56px;overflow-x:hidden}.page-section{gap:18px;display:grid}.section-heading{gap:4px;display:grid}.section-heading h2{margin:0;font-size:30px}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.compact-title-row{margin-bottom:12px}.compact-title-row h3{margin:0}.eyebrow{color:#617083;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.panel,.summary-card,.history-card,.empty-panel{background:#fff;border:1px solid #d9dee7;border-radius:8px;box-shadow:0 12px 30px #141f2d0f}.panel,.history-card,.empty-panel{padding:20px}.panel h3,.panel h4,.history-card h3{margin-top:0}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.summary-card{gap:8px;padding:18px;display:grid}.summary-card span{color:#617083;font-weight:700}.summary-card strong{color:#172033;font-size:32px;line-height:1}.dashboard-grid,.two-column,.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-summary-card{align-items:center;gap:16px;display:flex}.profile-summary-card h3{margin:0 0 4px}.focus-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.focus-panel h3{margin:0 0 4px}.focus-actions{justify-content:flex-end}.active-session-strip{flex-wrap:wrap;flex:360px;justify-content:flex-end;gap:10px;min-width:0;display:flex}.active-session-button{color:#273345;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:2px;min-width:min(220px,100%);max-width:280px;min-height:58px;padding:10px 12px;display:grid}.active-session-button:hover,.active-session-button.selected{border-color:#1f6f5b;box-shadow:0 0 0 3px #1f6f5b1f}.active-session-button strong,.active-session-button span{overflow-wrap:anywhere;min-width:0}.active-session-button span{color:#617083;font-size:13px;font-weight:800}.color-editor,.profile-list-label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-editor{align-items:end}.readonly-profile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.readonly-profile-grid div{background:#fbfcfd;border:1px solid #e3e8ef;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.readonly-profile-grid span{color:#617083;font-size:13px;font-weight:800}.readonly-profile-grid strong{overflow-wrap:anywhere}.color-editor input[type=color]{width:64px;padding:4px}.profile-list-label{min-width:0}.profile-list-label span{gap:2px;min-width:0;display:grid}.profile-list-label strong,.profile-list-label small{overflow-wrap:anywhere}.profile-list-label small{color:#617083;font-weight:800}.setup-panel{background:#f1fbf7;border-color:#b8d7cc}.quick-actions{padding:6px 0}.stacked-form{gap:10px;display:grid}input,textarea,select{box-sizing:border-box;min-height:42px;font:inherit;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}input.field-invalid,textarea.field-invalid,select.field-invalid{background:#fff8f8;border-color:#d94a4a;box-shadow:0 0 0 3px #d94a4a1f}.field-error{color:#9f1d1d;flex:100%;margin:-4px 0 2px;font-size:13px;font-weight:800}.checkbox-row{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-row input[type=checkbox]{width:auto;margin:0}textarea{resize:vertical;width:100%}.form-row input,.form-row select,.form-row .modal-colour-picker{flex:220px}.color-picker-button{box-sizing:border-box;cursor:pointer;min-height:42px;font:inherit;border:1px solid #1720332e;border-radius:8px;flex:0 0 150px;justify-content:center;align-items:center;padding:10px 16px;font-weight:900;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.color-picker-button:focus-within{outline-offset:2px;outline:3px solid #1f6f5b47}.color-picker-button span{pointer-events:none}.color-picker-button input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.item-list,.clean-list,.score-list{margin:0;padding-left:20px}.item-list{gap:10px;padding-left:0;list-style:none;display:grid}.item-list.compact{gap:8px}.list-item{background:#fbfcfd;border:1px solid #e3e8ef;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.list-item.vertical{flex-direction:column;align-items:flex-start}.item-title{color:#172033;font-weight:800}.player-avatar{color:#fff;background:#3468c0;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:8px;font-size:13px;font-weight:900;display:inline-flex}.group-list{gap:16px;display:grid}.game-group{gap:10px;display:grid}.game-group h4{margin:0}.result-form{gap:10px;display:grid}.result-form-header{gap:4px;display:grid}.result-form-header h4,.result-form-header p{margin:0}.nested-result-form{padding-top:4px}.result-preview{background:#f7fafc;border:1px solid #dbe6ef;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.result-preview span{color:#273345;background:#fff;border-radius:999px;padding:4px 8px;font-weight:800}.status-badge{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:13px;font-weight:900;display:inline-flex}.status-badge.active{color:#185947;background:#dff7eb}.status-badge.completed{color:#244f9f;background:#e6efff}.status-badge.abandoned{color:#8a3b10;background:#fff1db}.status-badge.shared{color:#3d4c63;background:#eef3f7}.result-row{grid-template-columns:minmax(120px,1fr) minmax(120px,180px) auto;align-items:center;gap:10px;min-width:0;display:grid}.radio-label{align-items:center;gap:8px;font-weight:700;display:inline-flex}.result-choice{background:#fbfcfd;border:1px solid #e3e8ef;border-radius:8px;min-height:44px;padding:10px 12px}.team-result-row{grid-template-columns:minmax(120px,1fr) minmax(120px,180px) minmax(120px,180px)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.template-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.template-card{background:#fbfcfd;border:1px solid #e3e8ef;border-radius:8px;gap:10px;padding:14px;display:grid}.template-card h4,.template-card p{margin:0}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{color:#273345;background:#eef3f7;border-radius:999px;padding:4px 8px;font-size:13px;font-weight:800}.history-card{gap:10px;display:grid}.history-card p{margin:0}.table-wrap{overflow-x:auto}.filter-control{color:#4b5565;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-weight:800;display:flex}.filter-panel{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:10px;margin-bottom:12px;display:grid}.filter-panel input,.filter-panel select,.filter-panel button{width:100%}.compact-field{color:#4b5565;gap:6px;font-weight:800;display:grid}.filters-toggle{display:none}.toggle-control{color:#273345;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:6px 10px;font-weight:800;display:inline-flex}.toggle-control input{appearance:none;cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;width:42px;min-width:42px;height:24px;min-height:24px;margin:0;padding:0;position:relative}.toggle-control input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #141f2d38}.toggle-control input:checked{background:#1f6f5b}.toggle-control input:checked:after{transform:translate(18px)}.toggle-control input:focus-visible{outline-offset:3px;outline:2px solid #3468c0}.filter-control select{min-width:220px}.chart-card{overflow:hidden}.bar-chart,.player-stat-list{gap:14px;display:grid}.bar-row,.player-stat-card{gap:8px;min-width:0;display:grid}.bar-label{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.bar-label span{color:#172033;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.bar-label strong{color:#1f6f5b}.bar-track,.completion-track{background:#e8edf3;border-radius:999px;height:12px;overflow:hidden}.bar-fill{border-radius:inherit;background:#1f6f5b;height:100%}.bar-fill.win-rate{background:#3468c0}.completion-chart{gap:12px;display:grid}.completion-track{height:18px;display:flex}.completion-completed{background:#1f6f5b}.completion-active{background:#d09b2c}.completion-abandoned{background:#9f4f1d}.chart-legend,.stat-detail-grid{color:#617083;flex-wrap:wrap;gap:10px 16px;display:flex}.activity-chart{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));align-items:end;gap:10px;min-height:170px;display:grid}.activity-column{color:#617083;justify-items:center;gap:6px;min-width:0;font-size:13px;display:grid}.activity-bar-wrap{background:#e8edf3;border-radius:8px;flex-direction:column;justify-content:end;width:100%;height:110px;display:flex;overflow:hidden}.activity-bar{width:100%;min-height:0}.activity-bar-completed{background:#1f6f5b}.activity-bar-incomplete{background:#d09b2c}.legend-dot{vertical-align:-1px;border-radius:999px;width:12px;height:12px;margin-right:6px;display:inline-block}.completed-dot{background:#1f6f5b}.incomplete-dot{background:#d09b2c}.player-stat-card{background:#fbfcfd;border:1px solid #e3e8ef;border-radius:8px;padding:12px}.stat-detail-grid span{background:#eef3f7;border-radius:999px;padding:4px 8px;font-size:13px;font-weight:700}.file-control{color:#4b5565;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-weight:800;display:flex}.file-control input{min-height:auto;padding:8px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e3e8ef;padding:12px}th{color:#4b5565;text-transform:uppercase;font-size:14px}.empty-state,.muted{color:#617083;overflow-wrap:anywhere}.empty-panel{color:#617083}.error-message{color:#9f1d1d;background:#fff5f5;border:1px solid #f2b8b8;border-radius:8px;width:min(1120px,100% - 40px);margin:18px auto 0;padding:12px 14px}.success-message{color:#185947;background:#effaf5;border:1px solid #a7d8c3;border-radius:8px;margin-top:12px;padding:12px 14px}.modal-backdrop{z-index:40;background:#0f172a75;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #d9dee7;border-radius:12px;gap:16px;width:min(560px,100%);max-height:min(86vh,720px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 80px #0f172a47}.template-picker-modal{width:min(980px,100%)}.end-game-modal{width:min(720px,100%)}.companion-panel{width:min(860px,100%)}.agot-companion{gap:14px;display:grid}.agot-tabs{flex-wrap:wrap;gap:8px;display:flex}.agot-stepper-row{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.agot-stepper{background:#f8fafc;border:1px solid #d9dee7;border-radius:10px;flex:120px;justify-items:center;gap:4px;padding:8px;display:grid}.agot-stepper-label{letter-spacing:.06em;text-transform:uppercase;color:#5d6b82;font-size:11px;font-weight:700}.agot-stepper-controls{align-items:center;gap:10px;display:flex}.agot-stepper-controls strong{text-align:center;min-width:28px;font-size:18px}.agot-house-chip{align-items:center;gap:8px;font-weight:700;display:inline-flex}.agot-house-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.agot-card-used{color:#8a94a6;text-decoration:line-through}.agot-house-card-item{align-items:flex-start}.agot-house-card-main{gap:8px;min-width:0;display:grid}.agot-card-stats{flex-wrap:wrap;gap:6px;padding-left:28px;display:flex}.agot-card-stats span{color:#40516c;background:#fff;border:1px solid #d9dee7;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.agot-card-effect{color:#4b5870;margin:0;padding-left:28px;font-size:14px;line-height:1.45}.agot-area-item{display:block}.agot-area-toggle{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 0;display:flex}.agot-area-editor{border-top:1px dashed #d9dee7;gap:10px;margin-top:8px;padding:10px 0 4px;display:grid}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h2{margin:0;font-size:23px}.modal-body p{margin:0}.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modal-field{color:#4b5565;gap:6px;font-weight:800;display:grid}.modal-field.full{grid-column:1/-1}.modal-colour-picker{cursor:pointer;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:12px;min-height:56px;padding:9px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.modal-colour-picker:hover{border-color:#7c8da5;box-shadow:0 10px 24px #141f2d14}.modal-colour-picker:focus-within{border-color:#1f6f5b;box-shadow:0 0 0 3px #1f6f5b2e}.modal-colour-picker.disabled{cursor:not-allowed;opacity:.7}.modal-colour-picker.disabled:hover{box-shadow:none;border-color:#cbd5e1}.modal-colour-swatch{border:2px solid #fff;border-radius:999px;flex:none;width:34px;height:34px;box-shadow:0 0 0 1px #17203333,inset 0 0 0 1px #1720331f}.modal-colour-copy{gap:2px;min-width:0;display:grid}.modal-colour-copy strong{color:#172033}.modal-colour-copy small{color:#617083;font-size:12px;font-weight:800}.modal-colour-picker input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.modal-colour-picker input[type=color]:disabled{cursor:not-allowed}.modal-error{color:#9f1d1d;background:#fff5f5;border:1px solid #f2b8b8;border-radius:8px;margin:0;padding:12px 14px}.modal-actions{justify-content:flex-end}.bottom-nav{display:none}@media (width<=768px){.app-header{padding:12px 14px;display:block;position:static}.app-header h1{font-size:21px}.app-header .eyebrow{font-size:12px}.app-nav{display:none}.app-content{width:100%;padding:14px 12px 132px}.page-section{gap:12px}.section-heading{gap:2px}.section-heading h2{font-size:23px}.section-title-row{flex-direction:column;align-items:stretch;gap:8px}.filters-toggle{justify-content:center;display:inline-flex}.filter-card{display:none}.filter-card.open{display:block}.filter-panel{grid-template-columns:1fr}.toggle-control{justify-content:space-between;width:100%}.panel,.history-card,.empty-panel{padding:14px}.panel h3,.panel h4,.history-card h3{margin-bottom:8px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-card{gap:4px;padding:12px}.summary-card span{font-size:13px}.summary-card strong{font-size:24px}.quick-actions{display:flex}.dashboard-grid,.two-column,.friends-grid{grid-template-columns:1fr}.focus-panel{flex-direction:column;align-items:stretch}.focus-actions,.active-session-strip{justify-content:stretch}.active-session-strip{flex:none}.active-session-button{width:100%;max-width:none}.list-item{flex-direction:column;align-items:flex-start;padding:10px}.card-grid{grid-template-columns:1fr;gap:12px}.result-row{grid-template-columns:1fr}.button-row,.form-row{width:100%}.button-row button{flex:auto}.form-row input,.form-row select,.form-row button,.form-row .color-picker-button,.form-row .modal-colour-picker{flex:100%;width:100%}input,textarea,select{width:100%;min-width:0;min-height:44px}.filter-control,.file-control{flex-direction:column;align-items:stretch}.filter-control select,.file-control input{width:100%;min-width:0}.table-wrap{max-width:100%}th,td{padding:10px 8px}.activity-chart{grid-template-columns:repeat(auto-fit,minmax(36px,1fr));min-height:140px}.activity-bar-wrap{height:86px}.bar-label{align-items:start}.stat-detail-grid{gap:8px}.stat-detail-grid span{text-align:center;flex:calc(50% - 8px)}.bottom-nav{z-index:20;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #d9dee7;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px #141f2d1a}.bottom-nav-button{color:#4b5565;background:0 0;min-width:0;padding:8px 3px;font-size:11px;line-height:1.15}.bottom-nav-button.active{color:#fff;background:#1f6f5b}.modal-backdrop{padding:10px;padding-bottom:calc(104px + env(safe-area-inset-bottom));align-items:end}.modal-panel{border-radius:12px;max-height:calc(100vh - 112px);padding:16px}.modal-header h2{font-size:20px}.modal-form-grid{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=380px){.bottom-nav-button{font-size:10px}}