:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9edf5;background:#0d1118;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;padding:28px 18px;background:#121923;border-right:1px solid #222d3c;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;margin:0 10px 52px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#d6f36a;color:#19210b;font-weight:900}.brand small,.brand strong{display:block}.brand small{color:#8490a2;font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:none;color:#8793a5;text-align:left;text-transform:capitalize;padding:12px 13px;border-radius:9px;font-size:14px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#202c3b;color:#eff6ff}.nav-item.active{box-shadow:inset 3px 0 #d6f36a}.connection{margin-top:auto;color:#7d8998;font-size:12px;padding:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e16464;margin-right:7px}.dot.connected{background:#a9d84c}.content{width:min(100%,1100px);padding:52px clamp(24px,6vw,78px)}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1px}h2{font-size:27px;margin-top:8px}h3{font-size:18px;margin-top:6px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#9fb6d0;font-weight:700}select{background:#182230;border:1px solid #334153;color:#e9edf5;padding:10px 13px;border-radius:8px;min-width:190px}.hero,.panel{background:#151e2a;border:1px solid #273445;border-radius:13px;padding:25px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;background:linear-gradient(120deg,#172535,#17201d)}.muted{color:#8492a4;font-size:13px;margin-top:9px}.hero-stat{text-align:right}.hero-stat strong{display:block;color:#d6f36a;font-size:32px}.hero-stat span{color:#8492a4;font-size:11px}.panel{margin-top:18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.primary{border:0;border-radius:7px;padding:10px 14px;background:#d6f36a;color:#1c250d;font-weight:700;cursor:pointer}.empty{padding:30px 12px;text-align:center;color:#738093;font-size:13px;border:1px dashed #344355;border-radius:8px}.match-row{display:flex;align-items:center;gap:15px;border-top:1px solid #273445;padding:15px 3px;font-size:13px}.match-row-button{width:100%;color:inherit;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer}.match-row-button:hover{background:#1b2837}.match-row small{display:block;margin-top:5px}.match-cards{display:grid;gap:12px}.match-card{padding:18px;background:#1b2634;border:1px solid #2c3b4e;border-radius:10px}.match-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.match-card h4{margin:5px 0 0;font-size:18px}.match-card-top button{border:1px solid #405168;border-radius:7px;padding:8px 10px;background:#202d3d;color:#e9edf5;cursor:pointer}.match-card-top button:hover{border-color:#d6f36a}.match-description{margin-top:13px}.match-card-meta{display:flex;gap:18px;margin-top:17px;color:#9fb6d0;font-size:11px}.match-set-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid #2c3b4e}.match-set-buttons button{border:1px solid #405168;border-radius:7px;padding:8px 12px;background:#202d3d;color:#e9edf5;cursor:pointer}.match-set-buttons button:hover,.match-set-buttons button.played{border-color:#d6f36a;color:#d6f36a}.match-set-buttons button.selected{background:#d6f36a;color:#1c250d;border-color:#d6f36a}.add-set-inline{border-style:dashed!important}.inline-editor{position:static;inset:auto;transform:none;width:auto;max-height:none;overflow:visible;margin-top:16px;padding:0;background:transparent;border:0;box-shadow:none}.inline-editor .editor-heading{display:none}.fit-search{display:grid;gap:8px;max-width:560px;color:#9fb6d0;font-size:12px}.fit-search input{background:#111a25;border:1px solid #334153;border-radius:7px;color:#e9edf5;padding:11px;font:inherit}.fit-import{display:grid;gap:9px;margin:18px 0;max-width:560px}.fit-import textarea{min-height:120px;background:#111a25;border:1px solid #334153;border-radius:7px;color:#e9edf5;padding:11px;font:inherit;resize:vertical}.fit-import .primary{width:fit-content}.fit-list{display:grid;gap:8px}.fit-row{display:flex;align-items:center;gap:12px;padding:12px;background:#1b2634;border-radius:7px}.fit-row:not(:has(input)){cursor:pointer}.fit-row.open{border-radius:7px 7px 0 0;background:#202d3d}.fit-row span{color:#9fb6d0;font-size:13px}.fit-row span{margin-left:auto}.fit-row input{flex:1;min-width:0;background:#111a25;border:1px solid #334153;border-radius:6px;color:#e9edf5;padding:8px;font:inherit}.fit-row button{border:1px solid #405168;border-radius:6px;padding:7px 10px;background:#202d3d;color:#e9edf5;cursor:pointer}.fit-row .primary{border:0;color:#1c250d;background:#d6f36a}.fit-expanded{padding:0 12px 12px;border-radius:0 0 7px 7px;background:#202d3d}.fit-expanded pre{max-height:440px;margin:0;overflow:auto;white-space:pre-wrap;color:#dce5f1;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.fit-actions,.set-actions{display:flex;align-items:center;gap:8px}.fly-button{padding:7px 12px}.editor{position:fixed;inset:7vh 50% auto auto;transform:translate(50%);width:min(720px,calc(100vw - 28px));max-height:86vh;overflow:auto;z-index:3;padding:25px;background:#182331;border:1px solid #40526a;border-radius:13px;box-shadow:0 20px 70px #000b}.editor.inline-editor{position:static;inset:auto;transform:none;width:auto;max-height:none;overflow:visible;z-index:auto;margin-top:16px;padding:18px;box-shadow:none}.editor-heading,.editor-actions{display:flex;justify-content:space-between;align-items:center}.editor-actions{margin-top:22px;gap:10px;justify-content:flex-end}.editor-actions button,.icon-button,.set-tabs button{border:1px solid #334153;border-radius:7px;padding:9px 12px;background:#202d3d;color:#e9edf5;cursor:pointer}.icon-button{font-size:20px;line-height:1}.field{display:grid;gap:7px;margin:22px 0 15px;color:#9fb6d0;font-size:12px}.field input,.field textarea,.composition-slot select{min-width:0;background:#111a25;border:1px solid #334153;border-radius:6px;color:#e9edf5;padding:9px;font:inherit;resize:vertical}.composition-slot .ship-input{min-width:0;background:#111a25;border:1px solid #334153;border-radius:6px;color:#e9edf5;padding:9px;font:inherit}.fit-picker{position:relative;display:flex;min-width:0}.composition-slot .fit-input{width:100%;min-width:0;background:#111a25;border:1px solid #334153;border-radius:6px;color:#e9edf5;padding:9px;font:inherit}.fit-link{display:grid;place-items:center;width:32px;margin-left:4px;border:1px solid #405168;border-radius:6px;color:#d6f36a;text-decoration:none;font-weight:700}.fit-link:hover{border-color:#d6f36a}.fit-preview{display:none;position:absolute;z-index:5;top:calc(100% + 7px);right:0;width:min(480px,75vw);padding:13px;border:1px solid #405168;border-radius:8px;background:#111a25;box-shadow:0 12px 35px #000a;color:#e9edf5}.fit-picker:hover .fit-preview,.fit-picker:focus-within .fit-preview{display:block}.fit-preview strong,.fit-preview span{display:block}.fit-preview span{margin-top:3px;color:#9fb6d0;font-size:12px}.fit-preview pre{max-height:360px;margin:12px 0 0;overflow:auto;white-space:pre-wrap;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.set-tabs{display:flex;gap:7px;margin:15px 0}.set-tabs button.active{background:#d6f36a;color:#1c250d;border-color:#d6f36a}.composition-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.flat-sets{display:grid;gap:24px;margin-top:20px}.set-section{padding-top:18px;border-top:1px solid #334153}.set-heading{display:flex;justify-content:space-between;align-items:baseline}.set-heading h4{margin:0;font-size:16px}.set-title{display:flex;align-items:center;gap:7px}.set-score{color:#9fb6d0;font-size:13px;font-variant-numeric:tabular-nums}.round-win,.round-loss{border:1px solid #405168;border-radius:6px;padding:5px 8px;background:#202d3d;color:#e9edf5;cursor:pointer;font-size:11px}.round-win{border-color:#6fb66a;color:#a9df9e}.round-loss{border-color:#b96868;color:#ef9d9d}.round-win:disabled,.round-loss:disabled{cursor:not-allowed;opacity:.45}.set-title>.match-set-buttons,.set-title>.round-win,.set-title>.round-loss,.set-title>.set-score:not(.current-score),.set-actions>.muted{display:none}.round-controls{display:flex;align-items:center;gap:7px;margin:12px 0}.round-controls .match-set-buttons{margin:0}.round-controls .round-win{margin-left:auto}.round-controls .match-set-buttons button.result-win{border-color:#6fb66a}.round-controls .match-set-buttons button.result-loss{border-color:#b96868}.round-win.selected{background:#315b34}.round-loss.selected{background:#653738}.add-set{margin-top:18px;border:1px solid #405168;border-radius:7px;padding:9px 12px;background:#202d3d;color:#e9edf5;cursor:pointer}.composition-slot{display:grid;grid-template-columns:22px 1fr 1fr 1fr;gap:6px;align-items:center;padding:7px;background:#202d3d;border-radius:6px}.composition-slot>span{color:#8492a4;font-size:12px}@media(max-width:600px){.editor{inset:2vh 50% auto auto;max-height:96vh}}.match-time{font-size:10px;color:#9fb6d0;letter-spacing:1px}.pill{margin-left:auto;color:#c0d88e;background:#293523;padding:5px 8px;border-radius:20px;font-size:11px}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.unclaimed-player{display:flex;gap:8px;margin:-4px 0 18px}.unclaimed-player input{flex:1;min-width:0;background:#111a25;border:1px solid #334153;border-radius:7px;color:#e9edf5;padding:9px;font:inherit}.unclaimed-player button{border:1px solid #405168;border-radius:7px;background:#202d3d;color:#e9edf5;padding:9px 12px;cursor:pointer}.unclaimed-player button:disabled{cursor:not-allowed;opacity:.5}.player{display:flex;gap:10px;align-items:center;padding:12px;background:#1b2634;border-radius:8px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#34485b;color:#d6f36a;font-size:12px}.player small{display:block;color:#7d8998;font-size:11px;margin-top:3px}.footnote{color:#657285;font-size:11px;margin-top:25px}@media(max-width:700px){.sidebar{width:72px;padding:20px 8px}.brand{margin:0 auto 40px}.brand div,.connection{display:none}.content{padding:30px 16px}header{display:block}select{margin-top:18px;width:100%}.hero{padding:18px}}.nav-label{color:#536174;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin:0 13px 9px}.sidebar nav a{display:block;text-decoration:none}.account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 10px;border-top:1px solid #273445}.account img{width:32px;height:32px;border-radius:50%}.account strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#aab5c4}.account button{border:0;background:none;color:#738093;padding:3px 0;font-size:10px;cursor:pointer}.sidebar>.connection{margin-top:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#1d2b3b 0,#0d1118 50%)}.login-card{width:min(100%,440px);padding:44px;border:1px solid #2a3748;border-radius:16px;background:#121a25;box-shadow:0 30px 80px #05070a80}.brand-mark.large{width:46px;height:46px;margin-bottom:28px}.login-card h1{margin:10px 0 16px;line-height:1.15}.discord-button{width:100%;margin-top:30px;padding:13px;border:0;border-radius:8px;background:#5865f2;color:#fff;font-weight:700;cursor:pointer}.discord-button:disabled{opacity:.5;cursor:wait}.auth-error{color:#f09a9a;font-size:12px;margin-top:14px}.login-card>.connection{display:block;margin-top:22px;padding:0}.route-loading{min-height:100vh;display:grid;place-items:center;color:#8492a4;background:#0d1118}.overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px}.overview-grid .panel{margin-top:0}.match-table{border:1px solid #273445;border-radius:8px;overflow:hidden}.match-table-head{display:grid;grid-template-columns:1fr 1.4fr .8fr .8fr;gap:12px;padding:10px 12px;background:#1b2634;color:#738093;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.match-empty{border:0;border-radius:0}@media(max-width:900px){.overview-grid{grid-template-columns:1fr}}@media(max-width:700px){.nav-label,.account div{display:none}.account{padding:14px 10px}.account img{min-width:32px}}