/* GameFleet interface system — replaces the accumulated legacy overrides. */
:root{color-scheme:dark;--void:#101012;--navy:#111113;--navy2:#17171a;--panel:#19191d;--panel2:#222226;--line:#34343c;--line-strong:#696973;--text:#f4f4f6;--muted:#a6a6b1;--lime:#88ddb6;--cyan:#a8c8ff;--violet:#88ddb6;--orchid:#88ddb6;--red:#ff9da8;--amber:#f0ca84;--radius:12px;--side:232px;--shadow:0 12px 40px #0004;--glow:none}
*{box-sizing:border-box}html{min-height:100%;background:var(--void);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--navy);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.015em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:background .18s,border-color .18s,color .18s,box-shadow .18s}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--text)}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.2;letter-spacing:-.04em}h2{font-size:22px}h3{font-size:18px}small{font-size:14px}::selection{background:#88ddb633}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:2000;padding:12px 16px;background:var(--text);color:var(--navy);transform:translateY(-150%);border-radius:8px}.skip-link:focus{transform:none}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:750;text-decoration:none;letter-spacing:-.04em;white-space:nowrap}.brand img{width:36px;height:36px;flex:0 0 36px}.brand span{color:var(--text);background:none;-webkit-text-fill-color:initial}.brand .fleet{color:var(--lime)}.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#141416;border-right:1px solid #ffffff09;padding:28px 16px 16px;display:flex;flex-direction:column;overflow-y:auto;z-index:40}.side-brand{padding:0 12px 28px}.sidebar nav{display:grid;gap:4px}.nav-section{margin:18px 12px 6px;color:var(--muted);font-size:14px;font-weight:500}.nav-link{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;text-align:left;border:0;border-radius:8px;background:transparent;color:#b4b4bf;font-size:14px;font-weight:550}.nav-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#9696a2}.nav-link:hover{background:#202023;color:var(--text)}.nav-link.active{background:#27272b;color:var(--text)}.nav-link.active:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--lime)}.nav-link.active .nav-icon{color:var(--lime)}.sidebar-foot{margin-top:auto;padding:28px 12px 8px}.live-dot{display:inline-flex;align-items:center;color:var(--muted);font-size:14px;gap:8px}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}.live-dot.pending:before{background:var(--muted)}.live-dot.offline:before{background:var(--red)}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:30;height:76px;padding:0 36px;display:flex;align-items:center;gap:16px;background:#111113;border-bottom:1px solid #ffffff0b}.club-picker{width:min(260px,40vw)}.profile{position:relative;margin-left:auto}.profile-button{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 8px;border:0;background:transparent;color:var(--text);border-radius:8px}.profile-button:hover{background:var(--panel2)}.profile-button>span:last-child{text-align:left}.profile-button small{display:block;color:var(--muted);font-weight:400}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#2b3330;color:#cce9dc;font-weight:650}.profile-menu{position:absolute;right:0;top:54px;width:200px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);box-shadow:var(--shadow)}.profile-menu button{width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left}.profile-menu button:hover{background:#303036}.content{max-width:1392px;padding:40px 36px 64px;margin:auto;min-width:0}#content:focus{outline:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-head h1{margin:0;font-size:32px;font-weight:650;letter-spacing:-.045em}.page-head p{margin:8px 0 0;color:var(--muted);max-width:700px}.page-kicker{display:block;margin-bottom:10px;color:var(--muted);font-size:14px;font-weight:500}.row,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #45454f;border-radius:8px;background:#222226;color:var(--text);font-size:14px;font-weight:600;text-decoration:none;line-height:1.3}.button:hover,.icon-button:hover{background:#2c2c32;border-color:#71717e;box-shadow:0 2px 10px #0002}.button.primary{background:#efeff2;border-color:#efeff2;color:#161619}.button.primary:hover{background:#fff;border-color:#fff}.button.danger{color:var(--red);background:#ff9da80b;border-color:#ff9da83d}.button.danger:hover{background:#ff9da819;border-color:#ff9da880}.button.ghost{background:transparent;border-color:transparent}.button.small{min-height:44px;padding:8px 12px;font-size:14px}.icon-button{width:44px;padding:8px}.icon-button svg{width:20px;height:20px}.button:disabled{box-shadow:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:24px;overflow:hidden}.stats[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{min-width:0;padding:24px;border:0;border-right:1px solid var(--line);background:transparent;box-shadow:none}.stat:last-child{border-right:0}.stat small{display:block;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:0}.stat strong{display:block;margin-top:12px;font-size:30px;font-weight:600;letter-spacing:-.04em;line-height:1.2;overflow-wrap:anywhere}.stat.metric-text strong{font-size:18px;line-height:1.5}.panel,.card{border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:none;min-width:0}.panel{overflow:hidden}.panel+.panel{margin-top:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);background:transparent}.panel-head h2,.panel-head h3{margin:0;font-size:18px;font-weight:600}.panel-body{padding:24px}.card{padding:24px}.card h3{margin:0}.table-wrap{width:100%;overflow:auto;overscroll-behavior-x:contain;scrollbar-color:#565660 transparent;scrollbar-width:thin}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:16px 20px;border-bottom:1px solid #ffffff0b;white-space:nowrap;vertical-align:middle}th{background:#ffffff02;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff03}tbody td:first-child b{font-weight:600}td .muted{font-size:14px}td .row{flex-wrap:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:0;border-radius:6px;background:#a8c8ff0d;color:var(--cyan);font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.badge.ok{background:#88ddb60d;color:var(--lime)}.badge.info{background:#a8c8ff0d;color:var(--cyan)}.badge.warn{background:#f0ca840d;color:var(--amber)}.badge.bad{background:#ff9da80d;color:var(--red)}.muted{color:var(--muted)}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.toolbar input[type=search]{flex:1 1 240px;max-width:400px}.toolbar select{width:auto;min-width:160px}.table-tools{padding:16px 20px;margin:0;border-bottom:1px solid var(--line);background:#ffffff02}.table-tools input{max-width:320px}.table-tools .result-count{margin-left:auto;color:var(--muted);font-size:14px}.table-message{max-width:400px;white-space:normal;overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards>.panel:only-child{grid-column:1/-1}.card .meta{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 12px;margin:20px 0;font-size:14px}.meta b{font-weight:500;overflow-wrap:anywhere}.meta span{color:var(--muted)}.host-card{position:relative;cursor:pointer;transition:border-color .2s,box-shadow .2s}.host-card:hover{border-color:#72727d;box-shadow:0 8px 28px #0003}.host-card> .row:first-child{align-items:flex-start;justify-content:space-between;gap:12px}.host-card .host-actions{padding-top:16px;border-top:1px solid #ffffff0b;cursor:default}.technical{border-color:#a68b55}.updates{border-color:#578d74}.disk-low{border-color:#a46870}.host-job{display:grid;gap:10px;margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#111113}.host-job.active{border-color:#557265}.host-job-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.host-job-stage,.host-job small,.host-job-queue span{color:var(--muted);font-size:14px}.host-job-queue{display:grid;gap:4px}.host-job-queue span{overflow-wrap:anywhere}.host-job-queue .current{color:var(--text)}.host-job-progress{width:100%;height:6px}.detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-summary>div,.disk-panel{padding:16px;border:1px solid var(--line);border-radius:8px;background:#141416}.detail-summary small{display:block;color:var(--muted);font-size:14px}.detail-summary b{display:block;margin-top:6px;font-size:14px;font-weight:500}.computer-detail h3{margin:0 0 16px}.disk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.disk-panel{display:grid;gap:12px}.disk-panel small{color:var(--muted)}.disk-meter{height:6px;background:#37373f;border-radius:6px;overflow:hidden}.disk-meter span{display:block;height:100%;background:var(--lime);border-radius:inherit}.table-note{display:block;color:var(--muted);white-space:normal;max-width:280px}.path-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis}.detail-games td{vertical-align:top}.stack{display:grid;gap:20px}.stack label{display:grid;gap:8px;font-size:14px;font-weight:500}.stack label>span{font-size:14px;font-weight:400;color:var(--muted)}input,select,textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid #686874;border-radius:8px;background:#131315;color:var(--text);font-size:16px;font-weight:400;box-shadow:none}input:hover,select:hover,textarea:hover{border-color:#787884}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px #88ddb617}textarea{min-height:112px;resize:vertical}input::placeholder{color:#9b9ba8}input:disabled,select:disabled{opacity:.5}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--lime);flex:none}input[type=radio]{accent-color:var(--lime)}.check-inline,.stack label.row{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.settings-grid .card{align-content:start}.settings-grid .card>.button{justify-self:start}.settings-grid .card>.button.small{justify-self:stretch;justify-content:flex-start}.settings-layout{display:grid;grid-template-columns:176px minmax(0,1fr);gap:28px}.settings-tabs{display:flex;flex-direction:column;align-items:stretch;gap:4px}.settings-tabs .button{justify-content:flex-start;border-color:transparent;background:transparent;font-weight:500}.settings-tabs .button[aria-selected=true]{background:#25252a;border-color:#404049}.settings-layout .settings-grid{grid-template-columns:minmax(0,1fr)}.subscription{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.subscription b{font-size:14px;font-weight:500}.progress{display:block;width:min(440px,50vw);height:5px;margin-top:12px;border:0;border-radius:6px;overflow:hidden;background:#37373f}.progress::-webkit-progress-bar{background:#37373f}.progress::-webkit-progress-value{background:var(--lime)}.progress::-moz-progress-bar{background:var(--lime)}.empty,.error-state,.loading{min-height:180px;padding:48px 24px;text-align:center;color:var(--muted)}.empty strong,.error-state strong{display:block;margin-bottom:8px;color:var(--text);font-size:18px;font-weight:600}.empty span{display:block}.empty.compact{min-height:0;padding:24px 12px}.loading-line{width:240px;max-width:100%;height:10px;margin:0 auto 12px;border-radius:4px;background:#ffffff08;animation:breathe 1.2s ease-in-out infinite}.loading-line:nth-child(2){width:160px;animation-delay:.15s}.loading p{margin:24px 0 0}.message{padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#ffffff02;font-size:14px;overflow-wrap:anywhere}.message.error{background:#ff9da80b;border-color:#ff9da847;color:var(--red)}.message.warn{background:#f0ca840b;border-color:#f0ca8447;color:var(--amber)}.message p{margin:0}.job-game-list{display:grid;gap:10px;margin-top:12px}.job-game-option{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px!important;padding:16px;border:1px solid var(--line);border-radius:8px;background:#131315;cursor:pointer}.job-game-option:has(input:checked){border-color:#6f9985}.job-game-option.blocked{opacity:.65;cursor:not-allowed}.job-game-option input{margin-top:4px}.job-game-copy{display:grid;gap:8px;min-width:0}.job-game-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.job-game-copy small{color:var(--muted);font-weight:400}.game-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;position:relative;cursor:pointer;font-size:14px}.game-toggle input{position:absolute;width:1px;height:1px;opacity:0}.game-toggle-track{display:block;width:38px;height:22px;padding:2px;border:1px solid #72727e;border-radius:99px;background:#25252b;transition:background .2s}.game-toggle-track:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#c5c5ce;transition:transform .2s}.game-toggle input:checked+.game-toggle-track{background:#4d8068;border-color:#88ddb6}.game-toggle input:checked+.game-toggle-track:before{transform:translateX(16px);background:#edf9f2}.game-toggle input:focus-visible+.game-toggle-track{outline:2px solid var(--lime);outline-offset:4px}.game-toggle input:disabled+.game-toggle-track{opacity:.5}
dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:32px;border:1px solid #55555f;border-radius:16px;background:#1b1b1f;color:var(--text);box-shadow:0 24px 100px #0007;overflow:auto;animation:dialog-enter .2s ease-out}#actionDialog{width:min(600px,calc(100% - 32px))}#actionDialog:has(.computer-detail){width:min(1100px,calc(100% - 32px))}dialog::backdrop{background:#08080cbd;backdrop-filter:none}dialog h2{font-size:24px;margin:0 44px 24px 0}.dialog-close{position:absolute;right:16px;top:16px}.dialog-close button{width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:24px}.dialog-close button:hover{background:#ffffff08;color:var(--text)}.tabs,.section-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin-bottom:24px;background:#111113;border:1px solid var(--line);border-radius:9px}.tabs button,.section-tabs button{flex:1;min-height:44px;padding:10px 16px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:14px;font-weight:500}.tabs button[aria-selected=true],.section-tabs button[aria-selected=true]{background:#303036;color:var(--text)}.account-type-picker{padding:0;margin:0;border:0}.account-type-picker legend{margin-bottom:12px;font-size:14px}.account-type-grid{display:grid;gap:10px}.account-type-card{position:relative;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px!important;padding:16px;border:1px solid var(--line);border-radius:8px;background:#151518;cursor:pointer}.account-type-card input{position:absolute;width:1px;height:1px;min-height:0;opacity:0}.account-type-card:has(input:checked){border-color:#88ddb6;background:#88ddb608}.account-type-card:has(input:focus-visible){outline:2px solid var(--lime);outline-offset:3px}.account-type-icon{display:grid;place-items:center;width:32px;height:32px;background:#88ddb610;border-radius:8px;color:var(--lime)!important}.account-type-card b,.account-type-card small{display:block}.account-type-card small{margin-top:4px;color:var(--muted);font-size:14px;font-weight:400}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.role-card{background:transparent;border-color:#ffffff12;padding:20px}.role-card p{font-size:14px;color:var(--muted);margin:12px 0 0;line-height:1.6}.team-clubs{white-space:normal;min-width:140px;max-width:280px}.club-access-list{padding:16px;margin:0;display:grid;gap:8px;border:1px solid var(--line);border-radius:8px}.club-access-list legend{padding:0 8px;font-size:14px}.stack label.club-access-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.club-access-option:has(input:checked){background:#88ddb608;border-color:#6f9985}.club-access-option b,.club-access-option small{display:block}.club-access-option small{margin-top:4px;color:var(--muted)}.integration-intro{margin-bottom:24px}.integration-intro h2{margin:0;font-size:22px}.integration-intro p{max-width:760px;color:var(--muted)}.setup-steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:28px 0 0;list-style:none}.setup-steps li{counter-increment:step;font-size:14px;color:var(--muted);padding:16px 0 0;border-top:1px solid #ffffff19}.setup-steps li:before{content:"0" counter(step);display:block;margin-bottom:12px;color:var(--text);font-size:18px;font-weight:500}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.integration-grid p{margin:0;overflow-wrap:anywhere}.download{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px}.download h2{font-size:26px;margin:0}.download p{max-width:720px;margin:0}.software-icon{width:64px;height:64px;margin-bottom:4px}.software-guide{margin-top:24px}.club-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px}.club-card{padding:20px;border:1px solid var(--line);border-radius:8px;background:#141416}.club-card h3{margin:0 0 8px}.club-card p{margin:0 0 20px;color:var(--muted);font-size:14px}.club-card .row{justify-content:space-between}.account-list{display:grid;gap:12px}.account-card{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(0,1.6fr) auto;align-items:center;gap:24px;padding:20px}.account-card>.row:first-child{display:grid;justify-items:start;gap:8px}.account-card .meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}.data-pair{display:grid;gap:4px;font-size:14px}.data-pair b{font-weight:500}.person-cell{position:relative;padding-left:64px}.person-cell:before{content:attr(data-initial);position:absolute;left:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#2b2b32;color:#d5d5df;font-weight:600}.mobile-only,.scrim{display:none}.page-enter{animation:page-enter .22s ease-out}.notification-card{pointer-events:auto;display:grid;grid-template-columns:24px minmax(0,1fr) 32px;gap:12px;align-items:start;padding:16px;border:1px solid #686873;border-radius:12px;background:#27272d;box-shadow:0 12px 40px #0006;animation:notice-enter .22s ease-out}.notification-icon{font-size:18px;font-weight:600;color:var(--cyan)}.notification-card[data-kind=success] .notification-icon{color:var(--lime)}.notification-card[data-kind=error] .notification-icon{color:var(--red)}.notification-card p{margin:0;font-size:14px;line-height:1.6;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.notification-close{width:32px;height:32px;min-height:32px;border:0;background:transparent;color:#bfbfcc;border-radius:6px;font-size:20px}.notification-close:hover{background:#ffffff0d;color:#fff}.notification-repeat{display:block;margin-top:6px;font-size:14px;color:var(--muted)}#toast{position:fixed;inset:88px auto auto 50%;transform:translateX(-50%);margin:0;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 120px);overflow-y:auto;padding:0;border:0;background:transparent;box-shadow:none;z-index:1000;pointer-events:none;flex-direction:column;gap:12px}#toast:not(.hidden){display:flex}#toast[popover]:not(:popover-open){display:none}#toast::backdrop{background:transparent;backdrop-filter:none}.notification-bell{margin-left:auto;position:relative}.notification-bell+.profile{margin-left:0}.notification-history{position:fixed;inset:80px 24px auto auto;margin:0;width:min(420px,calc(100vw - 32px));max-height:65dvh;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:12px;background:#222226;color:var(--text);box-shadow:var(--shadow)}.notification-history h3{margin:0 0 6px}.notification-history>p{font-size:14px;color:var(--muted);margin:0 0 20px}.notification-history article{padding:12px 0;border-top:1px solid var(--line);font-size:14px}.notification-history article p{margin:0 0 6px;white-space:pre-wrap}.notification-history time{font-size:14px;color:var(--muted)}.notification-history .button{width:100%;margin-top:12px}.platform-filters{display:flex;gap:4px;flex-wrap:wrap}.platform-filters .button{min-height:44px;border-color:transparent;background:transparent;font-weight:500}.platform-filters .button[aria-pressed=true]{background:#2c2c32;border-color:#555560}
@keyframes page-enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes dialog-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes notice-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes breathe{50%{background:#ffffff16}}
@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card{grid-template-columns:1fr auto}.account-card .meta{grid-row:2;grid-column:1/-1}.content{padding:32px 24px 48px}.topbar{padding:0 24px}.stat{padding:20px}.role-grid{gap:12px}.role-card{padding:16px}}
@media(max-width:800px){.app{display:block}.workspace{grid-column:auto}.sidebar{transform:translateX(-105%);transition:transform .2s}.app.menu-open .sidebar{transform:none}.app.menu-open .scrim{display:block;position:fixed;inset:0;background:#08080ca8;z-index:35}.mobile-only{display:inline-flex}.topbar{height:68px;padding:0 16px;gap:8px}.club-picker{width:min(260px,calc(100vw - 164px))}.content{padding:28px 20px 48px}.page-head{gap:16px;align-items:flex-start}.page-head h1{font-size:28px}.page-head p{font-size:14px}.page-head>.row{justify-content:flex-end}.stats,.stats[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border-bottom:1px solid var(--line)}.stat:nth-child(2n){border-right:0}.stat:nth-last-child(-n+2){border-bottom:0}.stat strong{font-size:26px}.role-grid{grid-template-columns:1fr}.role-card p{margin:8px 0 0}.settings-layout{grid-template-columns:1fr;gap:20px}.settings-tabs{flex-direction:row;flex-wrap:wrap}.settings-grid,.integration-grid,.club-grid,.disk-grid{grid-template-columns:1fr}.setup-steps{grid-template-columns:1fr;gap:8px}.setup-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;align-items:start}.setup-steps li:before{margin:0}.download{grid-template-columns:1fr}.download>.button{justify-self:start}.detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.section-tabs button{flex:1 1 40%;padding:10px 8px}#toast{top:80px}.notification-history{inset:76px 16px auto auto}.table-tools .result-count{margin-left:0}}
@media(max-width:580px){.profile-button>span:last-child{display:none}.page-head{flex-direction:column}.page-head>.row{width:100%;justify-content:flex-start}.cards{grid-template-columns:1fr}.card,.panel-body{padding:20px}.panel-head{padding:18px 20px}.stat{padding:16px}.stat small{line-height:1.4}.stat strong{font-size:24px}.settings-grid{grid-template-columns:1fr}.subscription{align-items:flex-start;gap:16px}.progress{width:180px;max-width:44vw}.account-card{grid-template-columns:minmax(0,1fr);gap:20px}.account-card .meta{grid-row:auto;grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.club-grid{padding:16px}.detail-summary{grid-template-columns:1fr}dialog{padding:24px 20px;max-height:calc(100dvh - 32px)}.toolbar input[type=search]{max-width:none;flex-basis:100%}.table-tools select{flex:1}.compact-table thead{display:none}.compact-table tbody tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}.compact-table tbody tr:last-child{border-bottom:0}.compact-table td{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:8px 16px;border:0;white-space:normal;min-width:0;max-width:none;overflow-wrap:anywhere}.compact-table td:before{content:attr(data-label);color:var(--muted);font-size:14px;flex:0 0 94px}.compact-table td.person-cell{display:block;padding:12px 16px 12px 60px}.compact-table td.person-cell:before{content:attr(data-initial);left:16px;width:32px;height:32px;color:#d5d5df;font-size:14px}.compact-table td .row{flex-wrap:wrap}.compact-table td[colspan]{justify-content:center;padding:28px 16px}.compact-table td[colspan]:before{display:none}.notification-close{width:44px;height:44px}.notification-card{grid-template-columns:20px minmax(0,1fr) 44px;gap:8px;padding:12px}.person-cell .muted{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}