:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans JP',sans-serif;color-scheme:light;--text:#24272e;--muted:#68717e;--border:#d3d7de;--accent:#38485b;--surface:#fff;--background:#f8f9fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--background);color:var(--text);font-size:14px;line-height:1.6;font-weight:400}button,input,textarea,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:8px 13px;min-height:38px;border:1px solid #dfe2e7;border-radius:7px;background:#fff;color:#424752;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}button:hover{background:#f4f5f7;border-color:#c4c9d1}button:active{background:#eceef2}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #657a98;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#29394d;border-color:#29394d}.secondary{background:#fff}.quiet{background:transparent;border-color:transparent;min-height:32px;font-size:12px;padding:5px 9px;color:#666d78}.quiet:hover{border-color:transparent;background:#eef0f3;color:#252d39}.danger{background:#fff;color:#a24649;border-color:#e2c6c8}.danger:hover{background:#fcf3f3;border-color:#d4aeb2}.full{width:100%}.hidden{display:none!important}.icon{font-size:24px;line-height:1;min-width:32px;min-height:32px;padding:5px;border:0}.row,.spread,.header-right,.form-row,.dialog-head{display:flex;align-items:center;gap:12px}.spread,.dialog-head{justify-content:space-between}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.end{justify-content:flex-end}h1,h2,h3,p{margin:0}h1{font-size:25px;font-weight:650;letter-spacing:-.035em;line-height:1.4}h2{font-size:16px;font-weight:650;line-height:1.5;margin-bottom:14px}h3{font-size:12px;font-weight:600}small{display:block;font-size:11px;color:var(--muted);line-height:1.6}.muted{color:var(--muted);font-size:13px;line-height:1.8}.hint{font-size:11px;color:var(--muted);line-height:1.8}.error,.bad{color:#a54b50}.error{margin:8px 0;min-height:18px;font-size:12px}.tag{font-size:11px;color:#727a86;font-variant-numeric:tabular-nums}.eyebrow{display:none}.badge,.status-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #e4e7eb;background:#f5f6f8;color:#656e79;font-size:10px;font-weight:500;line-height:1.5;border-radius:5px;padding:3px 7px}.status-pill.on{background:#f0f6f3;border-color:#d8e5de;color:#476553}.status-pill.on:before{content:'';width:5px;height:5px;background:#72927c;border-radius:50%}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650;letter-spacing:-.03em}.logo{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#38485b;color:#fff;font-size:14px;letter-spacing:-.06em;font-weight:700}.login-page{min-height:100vh;display:grid;place-items:center;padding:35px 20px;background:#fafafa}.login-box{width:100%;max-width:370px}.login-box>.brand{margin-bottom:40px;justify-content:center}.login-box>h1{text-align:center;font-size:24px;margin-bottom:8px}.login-box>.muted{text-align:center;margin-bottom:28px;font-size:12px}.login-box>.secondary{margin-top:8px}.login-box .check-label{margin:18px 0}.connection{margin-top:24px;font-size:12px;border-top:1px solid var(--border);padding-top:16px}.connection summary{cursor:pointer;color:#777e88;text-align:center}.connection .hint{margin-top:15px}.connection input,.connection button{margin-top:10px}label{display:block;font-size:12px;font-weight:500;margin:16px 0 8px}input,select,textarea{width:100%;min-height:39px;background:#fff;border:1px solid #dce0e6;border-radius:6px;padding:9px 11px;font-size:13px;color:#343a44;box-shadow:none}input::placeholder,textarea::placeholder{color:#a0a6af}label>input,label>textarea,label>select{margin-top:7px}.password-row{display:flex;align-items:center;gap:6px;margin-top:7px}.password-row input{flex:1;min-width:0}.check-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#686f7b;font-weight:400}.check-label input{width:15px;height:15px;min-height:0;margin:0;accent-color:var(--accent);flex:none}.app{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:28px 16px 18px;background:#f0f1f4;border-right:1px solid #e0e2e7}.sidebar>.brand{padding:0 5px;margin-bottom:35px;font-size:15px}nav{display:grid;gap:10px}.sidebar nav>:is(button,a.draft-invite),.settings-nav{display:flex;justify-content:flex-start;gap:12px;text-align:left;width:100%;min-height:45px;padding:10px 12px;background:#fafbfc;border:1.5px solid #4d5563;border-radius:7px;box-shadow:0 2px 0 #b8bdc7;color:#49505d;font-weight:650;transition:background .1s}.sidebar nav>:is(button,a.draft-invite) svg,.settings-nav svg{width:20px;height:20px;flex:none}.sidebar nav>:is(button,a.draft-invite) span,.settings-nav span{font-size:12px}.sidebar nav>:is(button,a.draft-invite):hover,.settings-nav:hover{background:#e5e8ee}.sidebar nav>:is(button,a.draft-invite).active,.settings-nav.active{background:#465163;border-color:#313b4c;box-shadow:0 2px 0 #313b4c;color:#fff}.sidebar nav>:is(button,a.draft-invite) b{margin-left:auto;display:inline-flex;justify-content:center;min-width:20px;padding:1px 5px;border-radius:4px;background:#e5e7eb;color:#6d7582;font-size:10px;font-weight:500}.sidebar nav>:is(button,a.draft-invite).active b{color:#fff;background:#ffffff22}.nav-separator{height:1px;background:#dfe2e8;margin:8px 3px}.sidebar-bottom{margin-top:auto;padding-top:28px}.settings-nav{background:#f7f8fa;min-height:40px}.sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:20px;padding:0 3px;font-size:11px;color:#818793}.sidebar-user #userLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user button{font-size:10px;padding:3px 4px;white-space:nowrap}#theme{display:none}.main{padding:32px 40px 25px;width:100%;max-width:1500px;margin:0 auto;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.header-right select{width:210px;background:#fff;font-size:12px}.header-right>.primary{min-height:39px;font-size:12px;white-space:nowrap}footer{margin-top:45px;border-top:1px solid #eceef1;padding-top:18px;font-size:9px;color:#9298a1;line-height:1.9}footer a{color:#9298a1;margin-left:7px;text-decoration:none}footer a:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:22px;min-width:0;box-shadow:none}.card .spread h2{margin:0}.card>p{margin-top:12px}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat-label{font-size:12px;color:#757d89}.stat{font-size:29px;font-weight:600;margin:10px 0}.stat small{display:inline;font-size:12px}.profile-banner{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:20px 24px;margin-bottom:18px}.profile-main{display:flex;align-items:center;gap:15px;flex:1;min-width:0}.profile-main h2{font-size:19px;margin:0 0 4px;overflow-wrap:anywhere}.profile-main .avatar{width:56px;height:56px}.profile-info{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.profile-info strong{font-size:18px;font-weight:600;color:#555e6b;line-height:1.3}.profile-info small{font-size:9px;grid-column:2}.profile-info .asset-icon{grid-row:span 2;width:27px;height:27px}.asset-icon{object-fit:contain;width:28px;height:28px}.home-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.home-tile{position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;padding:16px 19px;min-height:80px;background:#fff;border:1px solid var(--border);border-radius:8px;color:#434b58;box-shadow:none}.home-tile:hover{background:#fcfcfd;border-color:#c6ccd5}.home-tile span{font-size:14px;font-weight:600}.home-tile small{font-size:10px;color:#9198a2;margin-top:3px}.home-tile b{position:absolute;right:17px;top:27px;font-size:16px;color:#9aa1ac;font-weight:400}.home-tile em{font-size:10px;font-weight:500;font-style:normal;margin-left:5px;color:#969da7}.monitor-message{font-size:12px;color:#717986;line-height:1.9;margin:18px 0}.monitor-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}.monitor-controls .check-label{flex-basis:100%;margin:0 0 6px}.monitor-controls select{width:87px;font-size:11px;padding:7px 9px;min-height:36px}.monitor-controls button{font-size:11px;min-height:36px;padding:7px 10px}.status-line{display:flex;align-items:center;gap:7px;border-top:1px solid #eceef1;padding-top:16px;margin-top:20px;color:#717986;font-size:11px}.status-line button{margin-left:auto}.status-dot{width:5px;height:5px;border-radius:50%;background:#a1a7af}.status-dot.on{background:#72927c}.monitor-card>.quiet{margin-top:13px;padding-left:0}.recent-card{margin-top:22px}.avatar{width:46px;height:46px;flex:none;display:grid;place-items:center;background:#f0f1f4;border:1px solid #e5e7eb;border-radius:7px;color:#8a939f;font-size:13px;font-weight:600;overflow:hidden;box-shadow:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.has-image{background:#fafafa}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto;max-width:190px;font-size:11px}.toolbar button{font-size:11px;min-height:36px;padding:7px 11px}.toolbar>.hint{margin-right:auto}.match{margin:18px 0 22px;background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.match-top{display:flex;align-items:center;gap:12px;padding:14px 19px;background:#fafbfc;border-bottom:1px solid #eceef1}.match-top strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.match-top .time{margin-left:auto;color:#9096a1;font-size:10px;white-space:nowrap}.result{font-size:10px;font-weight:500;line-height:1.5;padding:3px 7px;border:1px solid #e3e6ec;background:#f0f2f5;color:#69727f;border-radius:4px;white-space:nowrap}.result.win{color:#547760;background:#f0f6f2;border-color:#e1ebe4}.result.lose{color:#9d6769;background:#fbf5f5;border-color:#eee2e3}.match-meta{display:flex;align-items:center;gap:6px;padding:10px 19px;color:#959aa3;font-size:10px}.match-meta .asset-icon{height:17px;width:17px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:7px 19px 20px}.team h3{font-size:10px;font-weight:500;color:#9298a1;padding-bottom:10px}.players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.player{display:flex;flex-direction:column;gap:3px;align-items:center;background:#fff;border:1px solid #e8eaee;border-radius:7px;padding:12px 4px 8px;min-width:0;color:#444d59;box-shadow:none}.player:hover{background:#f7f8fa;border-color:#c9cfd8}.player .avatar{width:54px;height:54px;border:0;border-radius:5px;margin-bottom:5px}.player>strong{font-size:12px;font-weight:550;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:center}.player small{max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#737c88}.player-ribbon{font-size:9px;color:#7f8c9e;border-radius:3px;padding:2px 5px;margin-top:5px;background:#f1f3f6}.player.listed{border-color:#d8bd95;background:#fffdfa}.player.listed .player-ribbon{background:#f7f0e5;color:#8b7251}.player.self{opacity:1;cursor:default}.player.self .player-ribbon{color:#8e949e;background:#f4f5f7}.latest-card{padding:20px}.latest-card .match{margin:17px 0 0;border:0;border-radius:0}.latest-card .match-top{padding:10px 0;background:transparent}.latest-card .match-meta{padding:9px 0}.latest-card .team-grid{grid-template-columns:1fr;padding:4px 0 0;gap:16px}.latest-card .player{flex-direction:row;display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 7px;padding:10px 7px;text-align:left;align-content:start}.latest-card .player .avatar{width:32px;height:32px;grid-row:span 3;margin:0}.latest-card .player>strong{text-align:left;font-size:10px}.latest-card .player .tag{display:none}.latest-card .player-ribbon{font-size:8px;justify-self:start;grid-column:2;margin-top:3px;padding:1px 4px}.latest-card .player small{font-size:8px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.note-card{position:relative;display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e9ebef;border-radius:7px;padding:17px;min-width:0}.note-card strong{font-size:13px;font-weight:600;display:block;overflow-wrap:anywhere}.note-card .tag{font-size:10px;margin:4px 0 7px;overflow-wrap:anywhere}.note-card .badge{font-size:9px;padding:2px 5px}.note-card .memo{font-size:11px;color:#727a87;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;margin:10px 0 13px}.note-card .grow{padding-bottom:13px}.note-card .grow>small:last-child{font-size:10px;color:#7d8592}.note-card>.quiet{position:absolute;right:8px;bottom:6px;font-size:10px;min-height:26px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px;color:#89919d;font-size:11px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.account-card .status{margin:14px 0}.account-card>.quiet{margin:7px 0 0;padding-left:0}.setting-stack{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-stack .card>p{margin:14px 0}.setting-stack .card>.primary{margin:8px 0 15px}.form-row{margin-top:18px}.form-row input{flex:1;min-width:0}.list-row{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.name{font-size:13px;font-weight:500;margin-bottom:5px}.diagnostic-disclosure{background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:22px}.diagnostic-disclosure>summary{padding:15px 19px;cursor:pointer;font-size:12px;color:#767f8b}.diagnostic-disclosure>.diagnostics{border:0;border-top:1px solid var(--border);border-radius:0;margin:0}.diagnostic-badges{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 14px}.diagnostic-row{padding:15px 0;border-top:1px solid #e9ecf0;margin-top:16px}.diagnostic-row>strong{font-size:12px;font-weight:600}.diagnostic-row>p{font-size:11px;color:#7f8793;margin:8px 0}.diagnostic-row>button{font-size:11px;margin-top:10px}.notice{padding:16px;background:#faf8f3;border:1px solid #e8e0d2;border-radius:7px;color:#8c7d61;line-height:1.9;font-size:12px;margin:18px 0}.code{background:#f5f6f8;padding:16px;border:1px solid var(--border);font-size:23px;letter-spacing:.12em;border-radius:6px;margin:18px 0;color:#596678}.list-table{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}td,th{padding:13px 9px;border-bottom:1px solid #edf0f3}th{font-size:10px;color:#87909c;font-weight:500}td .quiet{margin:3px;white-space:nowrap}.empty{padding:35px 12px;text-align:center;grid-column:1/-1}.empty-symbol{font-size:23px;color:#c0c5cf;margin-bottom:8px}.empty strong{font-size:13px;font-weight:500;display:block;color:#767f8b}.empty p{color:#a0a6af;font-size:11px;line-height:1.9;margin:9px 0 18px}.skeleton{padding:45px;text-align:center;font-size:12px;color:#8e98a7}dialog{background:#fff;color:var(--text);border:1px solid #e1e5ec;border-radius:11px;box-shadow:0 15px 60px #2c374322;padding:26px;width:min(520px,calc(100% - 30px));max-height:90vh}dialog::backdrop{background:#27303b55}.dialog-head{margin-bottom:16px;gap:15px}.dialog-head h2{font-size:16px;margin:0}dialog form{margin-top:18px}dialog .row.end{margin-top:22px}.candidate-list{display:grid;gap:8px;max-height:48vh;overflow:auto;margin:18px 0}.candidate{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:12px;background:#fff;border:1px solid #e8eaee}.candidate .grow strong{font-size:12px;font-weight:550}.candidate small{font-size:10px;margin-top:3px}.candidate .badge{font-size:10px;background:transparent;border:0}.search-label{position:relative}.search-label>span{position:absolute;top:7px;left:12px;font-size:24px;color:#9299a4}.search-label input{padding-left:37px}.candidate-meta{font-size:11px}#confirmPlayer{display:flex;align-items:center;gap:14px;background:#fafbfc;border:1px solid #e6e9ef;border-radius:7px;padding:16px;margin:18px 0}#confirmPlayer strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}#confirmPlayer small{font-size:10px;margin-top:5px}#askMessage{font-size:13px;color:#717b89;line-height:1.9;margin:15px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);z-index:100;background:#fff;border:1px solid #dfe4eb;color:#596778;padding:13px 21px;border-radius:8px;box-shadow:0 5px 20px #17243a12;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:.15s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.main{padding:40px 50px}.player .avatar{width:68px;height:68px}.latest-card .player .avatar{width:36px;height:36px}}
@media(max-width:1250px){.main{padding:28px 25px}.app{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 13px 18px}.sidebar>.brand{font-size:14px}.two-col{grid-template-columns:1fr}.latest-card .team-grid{grid-template-columns:1fr 1fr}.note-grid{grid-template-columns:1fr 1fr}.header-right select{width:180px}.team-grid{gap:15px;padding:7px 15px 18px}.player .avatar{width:48px;height:48px}.home-tile small{font-size:9px}.latest-card .player{grid-template-columns:30px minmax(0,1fr);padding:9px 6px;column-gap:5px}.latest-card .player .avatar{width:30px;height:30px}}
@media(max-width:820px){.app{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #e0e3e9;padding:17px 18px 14px;display:grid;grid-template-columns:1fr auto;gap:13px}.sidebar>.brand{font-size:15px;margin:0;padding:0}.sidebar nav{display:flex;grid-column:1/-1;grid-row:2;overflow:auto;gap:9px;padding-bottom:4px}.sidebar nav>:is(button,a.draft-invite){min-width:max-content;width:auto;padding:7px 12px;min-height:39px;gap:8px}.sidebar nav>:is(button,a.draft-invite) svg{width:16px;height:16px}.sidebar nav>:is(button,a.draft-invite) span{font-size:11px}.sidebar nav>:is(button,a.draft-invite) b{font-size:9px}.nav-separator{display:none}.sidebar-bottom{display:flex;align-items:center;padding:0;gap:10px;grid-column:2;grid-row:1;margin:0}.settings-nav{background:transparent;border:0;box-shadow:none;padding:5px;width:auto;min-height:30px;color:#707986}.settings-nav span{display:none}.settings-nav:hover,.settings-nav.active{background:#e3e6ec;color:#38475b;box-shadow:none;border:0}.settings-nav svg{width:19px;height:19px}.sidebar-user{margin:0;padding:0}.sidebar-user #userLabel{display:none}.sidebar-user button{font-size:10px}.main{padding:24px 18px}header{gap:15px;flex-wrap:wrap;margin-bottom:24px}h1{font-size:23px}.header-right{width:100%;gap:9px}.header-right select{flex:1;min-width:0;width:auto;max-width:none}.profile-banner{padding:18px;gap:14px;flex-wrap:wrap}.profile-main h2{font-size:17px}.profile-main .avatar{width:46px;height:46px}.profile-info strong{font-size:15px}.profile-info .asset-icon{width:23px;height:23px}.profile-banner>.quiet{display:none}.home-actions{gap:9px;margin-bottom:20px}.home-tile{padding:13px 11px;min-height:68px}.home-tile span{font-size:12px}.home-tile small{font-size:8px}.home-tile b{display:none}.home-tile em{font-size:9px}.card{padding:18px}.two-col{gap:18px}.team-grid,.latest-card .team-grid{grid-template-columns:1fr;gap:17px;padding:7px 15px 18px}.players{gap:10px}.player{padding:12px 6px 9px}.player .avatar{width:58px;height:58px}.player>strong{font-size:11px}.player small{font-size:9px}.latest-card .team-grid{padding:7px 0 0}.latest-card .player{grid-template-columns:34px minmax(0,1fr);padding:11px 7px;column-gap:7px}.latest-card .player .avatar{width:34px;height:34px}.match-top{padding:12px 15px;gap:10px;flex-wrap:wrap}.match-top strong{font-size:12px}.match-top .time{font-size:9px}.match-meta{padding:9px 15px;font-size:9px}.note-grid,.account-grid,.setting-stack{grid-template-columns:1fr}.note-card{padding:17px}.cards{grid-template-columns:1fr 1fr;gap:12px}.cards>.card:last-child{grid-column:1/-1}.toolbar input{flex-basis:100%;width:100%;min-width:0}.toolbar select{flex:1;max-width:none;min-width:80px;width:auto}.toolbar button{font-size:10px;min-height:34px;padding:6px 9px}.form-row{flex-wrap:wrap}.form-row input{flex-basis:65%}.card .spread{flex-wrap:wrap;gap:10px}.card h2{font-size:15px}.status-line{font-size:11px}footer{margin-top:32px;font-size:8px}.candidate .badge{font-size:9px}dialog{padding:22px}.dialog-head h2{font-size:15px}.login-box{max-width:340px}.monitor-controls .check-label{flex-basis:auto;margin-right:auto}.monitor-controls select{width:85px}.monitor-controls button{font-size:11px}}
@media(max-width:390px){.main{padding:22px 13px}.sidebar{padding:16px 13px 12px}.home-actions{gap:7px}.home-tile{padding:12px 9px}.home-tile span{font-size:11px}.home-tile small{font-size:8px}.profile-info{gap:2px 4px}.profile-main .avatar{width:40px;height:40px}.profile-main{gap:10px}.latest-card .player{grid-template-columns:26px minmax(0,1fr);column-gap:5px;padding:9px 5px}.latest-card .player .avatar{width:26px;height:26px}.latest-card .player>strong{font-size:9px}.latest-card .player small{font-size:8px}.monitor-controls{gap:7px}.monitor-controls .check-label{flex-basis:100%;margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.logo{font-size:15px!important;letter-spacing:0!important}.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:12px 0;padding:10px 0;border-top:1px solid #e6e8ed;border-bottom:1px solid #e6e8ed}.profile-stats>div:last-child{grid-column:1/-1}.profile-stats dt{font-size:11px;color:#777f8b}.profile-stats dt small{font-size:10px;color:#8b929c}.profile-stats dd{margin:3px 0 0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px}.rank-small{width:22px;height:22px;object-fit:contain}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}.note-footer small{font-size:10px;color:#8b929c}.note-footer .quiet{font-size:11px;padding:4px}.avatar-fallback{display:none}.image-unavailable .avatar-fallback{display:block}.profile-avatar img{object-fit:contain}.manual-record{padding:12px 0;margin:8px 0;border-top:1px solid #e6e8ed}.manual-record .hint{margin:0 0 12px}.note-card .grow{min-width:0}.note-card>.quiet{padding:4px;align-self:flex-start}

.avatar img[hidden]{display:none!important}

.manual-record[hidden]{display:none!important}.rank-current,.rank-missing{display:block;margin:4px 0;color:#777f8b;font-size:10px}

.screenshot-upload{margin:18px 0;padding:16px;border:1px solid var(--line,#e5e7eb);border-radius:12px}.profile-screenshot{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:14px auto}.profile-screenshot[hidden]{display:none}#rankDiagnosticText{overflow:auto;max-height:55vh;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.screenshot-upload input{max-width:100%}

.stats-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.stats-cards .stat{font-size:30px}.stat-trend{display:block;width:100%;margin-top:16px}.stats-explanation{margin:16px 0}.stats-brawler{display:flex;align-items:center;gap:10px}.stats-brawler .avatar{width:36px;height:36px;flex:none}.block{display:block}@media(max-width:850px){.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Short, quiet motion. The content remains still while reading. */
.card,.match,.note-card{border-color:var(--border)}input,textarea,select{border-color:#c7cdd6}table td,table th{border-color:#dde1e7}
button{transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}button:active:not(:disabled){transform:translateY(1px)}.home-tile:hover,.player:hover:not(:disabled){box-shadow:0 3px 12px #1724340a;transform:translateY(-1px)}
#content>section,#content>.two-col,#content>.toolbar,#content>.account-grid{animation:content-enter 200ms cubic-bezier(.2,.7,.2,1) both}dialog[open]{animation:dialog-enter 180ms cubic-bezier(.2,.7,.2,1)}.sidebar button{transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}.sidebar button.active{box-shadow:inset 3px 0 0 #8793a4}
@keyframes content-enter{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(5px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home-tile:hover,.player:hover,button:active{transform:none!important}}
.avatar-button,.name-link{padding:0;min-height:0;border:0;background:transparent;border-radius:5px}.avatar-button:hover,.name-link:hover{background:transparent}.name-link{font-weight:650;font-size:inherit;justify-content:flex-start;text-align:left;color:var(--text)}.name-link:hover{text-decoration:underline;text-underline-offset:3px}.player{border:1px solid var(--border);border-radius:8px;padding:10px 8px}.player-profile{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;min-height:0;width:100%;border:0;background:transparent}.player-profile:hover{background:transparent}.player-profile strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}.player-ribbon{min-height:26px;margin-top:7px;width:100%;border:0}.player-profile .avatar{flex:none}
.player-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.player-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}.profile-metric{padding:14px 0;border-bottom:1px solid var(--border)}.profile-metric dt{font-size:12px;color:var(--muted)}.profile-metric dd{margin:5px 0 0;font-size:20px;font-weight:650;overflow-wrap:anywhere}.profile-recorded{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.battle-card-section{padding:18px 20px 20px;border:1px solid var(--border);border-radius:12px;background:white}.battle-card-section>.hint{margin-top:18px;font-size:11px}.battle-card{--card-color:#31445d;position:relative;margin:34px auto 12px;aspect-ratio:3/4;border:4px solid #fff;outline:1px solid #bcc4d0;border-radius:4px;box-shadow:5px 6px 0 #25304533;transform:rotate(-2deg);background:var(--card-color);isolation:isolate;overflow:visible}.battle-card::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 38px,#ffffff0d 38px 55px);z-index:-1}.rank-bronze{--card-color:#896251}.rank-silver{--card-color:#697b88}.rank-gold{--card-color:#9b751a}.rank-diamond{--card-color:#285c87}.rank-mythic{--card-color:#674183}.rank-legendary{--card-color:#825132}.rank-masters{--card-color:#753727}.rank-pro{--card-color:#756019}.battle-card-rank{position:absolute;top:-36px;left:50%;transform:translateX(-50%) rotate(2deg);z-index:3;display:flex;align-items:center;flex-direction:column;white-space:nowrap}.battle-rank-icon{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 2px 1px #0005)}.battle-card-rank span{font-size:11px;padding:2px 7px;background:#fff;color:#323742;border-radius:4px;border:1px solid #d3d7de}.battle-art{position:absolute;inset:50px 0 56px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:white}.battle-art img{width:100%;height:100%;object-fit:contain}.battle-art .portrait-art{object-fit:cover;object-position:center;width:100%;height:100%}.battle-name{position:absolute;bottom:0;left:0;right:0;min-height:64px;padding:9px 58px 9px 10px;color:white;background:#12161c}.battle-name strong{display:block;font-weight:750;font-size:19px;line-height:1.4;overflow-wrap:anywhere}.battle-name small{color:#bcc4cf;font-size:10px}.battle-profile-icon{position:absolute;right:9px;bottom:12px}.battle-profile-icon .avatar{width:38px;height:38px;border-radius:5px;box-shadow:none;background:#323b49}.battle-profile-icon .avatar img{border-radius:5px}@media(max-width:900px){.player-profile-layout{grid-template-columns:1fr}.battle-card-section{max-width:360px;width:100%;margin:auto}}@media(max-width:480px){.player-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.profile-metric dd{font-size:17px}}
.metric-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:7px}.profile-metric dt{display:flex;align-items:center;min-height:24px}.profile-stats dt .metric-icon{width:16px;height:16px}.battle-score{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px;margin:5px 0;font-size:10px;line-height:1.5}.battle-score .metric-icon{width:14px;height:14px;margin-right:0}.battle-score span{display:block;width:100%}.battle-card-rank{flex-direction:row;align-items:center;gap:4px;width:96%;justify-content:center;top:-26px}.card-stars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;align-content:center;width:84px}.card-stars svg{width:100%;max-width:20px;height:20px}.card-stars.left{direction:rtl}.battle-extra-icons{position:absolute;right:8px;bottom:8px;display:flex;gap:5px}.battle-extra-icons .avatar,.card-icon-empty{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#2b4474;border:2px solid #637bb2;border-radius:4px;font-size:20px;font-weight:700}.battle-extra-icons .avatar img{border-radius:2px}.battle-name{padding-right:88px}.battle-title{display:block;color:#f9ecc4;font-size:12px;font-weight:650;line-height:1.4}.battle-pin{position:absolute;top:48px;right:9px;z-index:2;width:44px;height:44px;background:#fff;border:2px solid #222;border-radius:12px;display:flex;align-items:center;justify-content:center}.battle-pin img{width:100%;height:100%;object-fit:contain}.pin-fallback{display:none;font-size:9px;color:#333}.battle-pin.image-unavailable .pin-fallback{display:block}.draft-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.draft-setup label,.draft-team h3{margin-top:8px}.draft-slots{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;margin:8px 0 18px}.draft-chip{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid var(--border);border-radius:7px;font-size:12px}.draft-chip .avatar{width:32px;height:32px;flex:none}.draft-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px}.draft-character{display:flex;flex-direction:column;padding:9px 5px;font-size:11px;gap:7px}.draft-character .avatar{width:50px;height:50px;flex:none}.draft-character.selected{border:2px solid #4c627f;background:#edf1f6}.draft-team.blue{border-top:3px solid #7b98b4}.draft-team.red{border-top:3px solid #b69090}.draft-status{margin-bottom:20px}.draft-status #draftCountdown{font-size:20px;font-weight:650;display:block;margin:10px 0}.draft-team h2 small{display:inline;margin-left:6px;color:var(--muted)}@media(max-width:600px){.draft-setup{grid-template-columns:1fr}}


/* Keep the card background in one plane; cosmetics come from selected settings. */
.battle-card{aspect-ratio:1/1;margin:40px auto 18px;transform:none;overflow:visible;background:var(--card-color);box-shadow:4px 5px 0 #25304522}
.battle-card::before{display:none}.battle-card>.battle-frame{position:absolute;inset:-28px 0 0;width:100%;height:calc(100% + 28px);object-fit:fill;z-index:0;pointer-events:none}
.battle-card-rank{top:-32px;transform:translateX(-50%);z-index:3}.battle-art{inset:26px 0 62px;z-index:1;isolation:auto}.battle-art .full-art{object-fit:contain;object-position:center bottom}.battle-art .portrait-art{object-fit:contain;object-position:center bottom}
.battle-name{min-height:62px;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:8px 88px 8px 10px}.battle-name strong{font-size:17px;line-height:1.3}.battle-pin{top:27px;z-index:2}.rank-none{--card-color:#edf0f4}.card-missing-character{font-size:13px;color:#657287;text-align:center;padding:20px}.card-icon-empty{background:#202632;border-color:#495363;color:#93a0b3;font-size:16px}
.card-acquisition{margin:0;font-size:11px}.card-acquisition>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.card-acquisition dt{color:var(--muted)}.card-acquisition dd{margin:0;text-align:right;overflow-wrap:anywhere}
.draft-map-preview{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin:4px 0 14px;padding:14px 18px;border:1px solid var(--border);border-radius:10px;background:#f7f8fa;min-height:110px}.draft-map-preview img{width:130px;max-height:180px;object-fit:contain;border-radius:5px}.draft-map-preview figcaption{font-weight:650}.map-image-missing{display:none;font-size:12px;color:var(--muted)}.draft-map-preview.image-unavailable .map-image-missing{display:block}.draft-map-preview.image-unavailable{flex-wrap:wrap}

.metric-icon[src$="/3v3.svg"]{width:32px;height:20px}

.insights-stars{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.insights-stars h3{font-size:13px;margin:0 0 8px}.insights-star-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.insights-star-row>img{width:35px;height:35px;object-fit:contain}.insights-star-row>div{flex:1;min-width:0}.insights-star-row strong{display:block;font-size:12px}.insights-star-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.insights-star-count{display:flex;align-items:center;gap:4px;font-weight:650;font-size:18px;white-space:nowrap}.insights-star-count svg{width:18px;height:18px}.insights-stars>.hint{font-size:10px;margin-top:12px;line-height:1.7}

.card-stars{grid-template-columns:repeat(3,minmax(0,1fr));width:74px}.battle-card-rank .card-max-label{position:absolute;top:72px;left:50%;transform:translateX(-50%);font-size:9px;padding:1px 5px}.insights-star-count{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.insights-visible-stars{display:grid;grid-template-columns:repeat(3,14px);gap:1px}.insights-visible-stars svg{width:14px;height:14px}.insights-star-count small{font-size:10px;font-weight:400;color:var(--muted)}

/* A rank-card illustration is shown even without a favourite brawler. */
.battle-card-section .battle-card{position:relative;aspect-ratio:1/1.14;margin:14px 0 0;border:0;outline:0;border-radius:0;background:transparent;box-shadow:none;transform:none;isolation:isolate;overflow:hidden}
.battle-frame-svg{position:absolute;inset:0 0 auto;width:100%;height:auto;display:block;overflow:visible}
.battle-card-section .battle-name{bottom:0;left:3%;right:5%;min-height:54px;padding:10px 12px;background:#11151c;border:2px solid #fff;border-top:0;transform:skewX(-3deg);border-radius:0 0 3px 3px}
.battle-name strong,.battle-name .battle-title{transform:skewX(3deg)}.battle-name strong{font-size:18px}.battle-title{font-size:12px;margin-top:3px}.card-limit-badge{position:absolute;right:8%;bottom:70px;background:#12161ce0;color:#fff;padding:3px 7px;border-radius:4px;font-size:10px;z-index:2}.card-display-source{font-size:11px;color:var(--muted);margin:10px 0 12px;line-height:1.5}.card-art-missing{position:absolute;inset:0 0 50px;background:#edf0f4;display:grid;place-content:center;color:var(--muted);font-size:12px;border-radius:6px}.insights-details{border-top:1px solid var(--border);padding-top:12px;font-size:11px}.insights-details>summary{cursor:pointer;color:var(--muted)}.insights-details .insights-stars{border:0;margin-top:10px;padding-top:0}.fame-icon{position:relative;display:inline-flex;align-items:center;margin-right:7px}.fame-icon>.metric-icon{width:24px;height:24px;margin:0}.fame-icon>small{font-size:8px;font-weight:750;position:absolute;right:-5px;bottom:-2px;background:white;line-height:1;padding:1px;border-radius:2px}.metric-icon[src$="3v3-user.png"]{width:28px;height:23px}

.fame-fallback{display:none;color:var(--muted);font-size:18px}.fame-icon.image-unavailable .fame-fallback{display:inline}.fame-icon.image-unavailable>small{position:static;margin-left:1px}

.sidebar a.draft-invite{align-items:center;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}
/* v0.15: readable list pictures, restrained charts and Discord invitation */
.note-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:start}.list-profile-image{grid-column:1/-1;display:grid;place-items:center;width:100%;min-height:120px;margin-top:12px;padding:0;overflow:hidden;background:#f7f8fb;border:1px solid #d6dce4;border-radius:7px}.list-profile-image img{display:block;width:100%;height:220px;object-fit:contain}.list-profile-image span{padding:20px;color:#8a939f;font-size:12px}.list-profile-image:hover{background:#f1f3f7;border-color:#aeb8c8}.list-profile-image.image-unavailable span{display:block!important}
.stats-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.chart-card h2{margin-bottom:18px}.donut-layout{display:flex;flex-direction:column;gap:17px;align-items:center}.donut-visual{position:relative;width:160px;height:160px;flex:none}.donut-chart{width:100%;height:100%;display:block}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{font-size:25px;line-height:1.4;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.donut-center small{font-size:10px;max-width:110px;text-align:center}.chart-legend{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:9px}.chart-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;line-height:1.35;font-size:11px}.chart-legend li>span:nth-child(2){overflow-wrap:anywhere}.chart-legend strong{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.chart-legend small{grid-column:2/-1;font-size:10px;margin-top:-6px}.chart-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.chart-card>p{margin-top:18px;border-top:1px solid #e1e5ec;padding-top:12px;font-size:10px}.chart-empty{display:grid;place-items:center;gap:16px;min-height:240px;color:#7a8594;font-size:12px}.empty-ring{width:135px;height:135px;border-radius:50%;border:13px solid #edf0f5}.mode-win-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-win-card{padding:15px 17px;border:1px solid #d9dfe7;border-radius:8px;background:#fcfcfe}.mode-win-card .spread{gap:10px}.mode-win-card strong{font-size:12px;font-weight:550}.mode-win-card small{font-size:10px}.win-rate-number{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:#394858}.rate-track{width:100%;height:7px;border-radius:5px;background:#edf0f5;overflow:hidden;margin:10px 0}.rate-track span{display:block;height:100%;border-radius:5px;transition:width .35s ease}.brawler-rate-list{display:grid;gap:0}.brawler-rate-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(130px,2fr) 95px;gap:22px;align-items:center;padding:15px 0;border-bottom:1px solid #e0e5ec}.brawler-rate-row:last-child{border-bottom:0}.brawler-rate-row strong{font-size:12px;font-weight:600}.brawler-rate-row small{font-size:10px}.brawler-win-value{text-align:right}.brawler-win-value strong{font-size:17px;color:#4d827b;font-variant-numeric:tabular-nums}.brawler-pick-bar .spread small{color:#788291}.brawler-pick-bar .rate-track{margin:6px 0 0}.stats-details{margin-top:16px;padding-top:12px;border-top:1px solid #dce1e8}.stats-details summary{cursor:pointer;font-size:11px;color:#738093}
.pick-invite-page{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#fff;border:1px solid #d5dbe5;border-radius:14px;padding:45px 20px}.pick-invite-page h2{font-size:23px;font-weight:600;margin:0;letter-spacing:-.04em}.pick-invite-art{position:relative;width:240px;height:200px;display:grid;place-items:center}.pick-logo{position:relative;display:grid;place-items:center;width:112px;height:112px;border-radius:27px;background:#f0f0fc;border:1px solid #dbdef5;box-shadow:0 12px 32px #535a9d13;animation:pick-float 5s ease-in-out infinite}.pick-logo svg{width:60px;height:60px;color:#6873be}.pick-orbit{position:absolute;width:214px;height:160px;border:1px solid #e1e5f0;border-radius:50%;transform:rotate(-25deg)}.orbit-b{width:166px;height:214px;transform:rotate(-25deg);border-color:#eceef7}.pick-invite-button{display:flex;align-items:center;gap:28px;background:#5865b2;color:#fff;text-decoration:none;border:1px solid #4c58a1;border-radius:8px;padding:13px 23px;font-size:13px;font-weight:600;box-shadow:0 3px 0 #e3e5f5;transition:background .15s,transform .15s}.pick-invite-button:hover{background:#49579f;transform:translateY(-1px)}.pick-invite-button span{font-size:18px}@keyframes pick-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1000px){.mode-win-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card{padding:18px 15px}.donut-visual{width:142px;height:142px}.chart-legend li{font-size:10px}}@media(max-width:700px){.stats-chart-grid{grid-template-columns:1fr}.donut-layout{flex-direction:row;gap:20px}.donut-visual{width:135px;height:135px}.donut-center strong{font-size:23px}.chart-legend li{font-size:11px}.mode-win-grid{grid-template-columns:1fr}.brawler-rate-row{grid-template-columns:minmax(100px,1fr) minmax(90px,1.3fr) 65px;gap:10px}.brawler-rate-row .stats-brawler{gap:7px}.brawler-rate-row .avatar{width:32px;height:32px}.pick-invite-page{min-height:420px}.list-profile-image img{height:190px}}@media(max-width:380px){.donut-layout{flex-direction:column}.brawler-rate-row{grid-template-columns:1fr 70px}.brawler-pick-bar{grid-row:2;grid-column:1/-1}.brawler-win-value{grid-column:2;grid-row:1}}@media(prefers-reduced-motion:reduce){.pick-logo{animation:none}.pick-invite-button,.rate-track span{transition:none}}

.list-profile-image img[hidden]{display:none}
/* Shared timeline: white cards, clear borders and one muted accent. */
.board-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(220px,290px);gap:24px;align-items:start;justify-content:center}.board-timeline{min-width:0}.board-compose{padding:24px}.board-post-head{display:flex;align-items:center;gap:12px}.board-post-head .avatar{width:42px;height:42px;flex-shrink:0}.board-post-head small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.board-compose textarea{margin:18px 0 10px;resize:vertical;min-height:88px;border-color:#d7dce5;background:#fff;line-height:1.7}.board-compose-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.board-compose-actions>small{margin-left:auto}.board-image-picker{cursor:pointer;color:#4d5da8;font-weight:600;border:1px solid #d9deeb;padding:8px 12px;border-radius:8px}.board-image-picker:focus-within{outline:2px solid #5565ad;outline-offset:2px}.board-attach summary{cursor:pointer;font-size:13px;color:#566175;padding:6px 0}.board-attach label{margin-top:12px}.board-preview{margin-top:14px}.board-preview img{max-height:220px;object-fit:contain;max-width:100%;border-radius:10px}.board-feed-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.board-feed-heading h2{font-size:17px;margin:0}.board-feed{border:1px solid #d4dae5;border-radius:14px;overflow:hidden;background:#fff}.board-post{padding:24px;border-bottom:1px solid #d4dae5;animation:board-in .22s ease both}.board-post:last-child{border-bottom:0}.board-post-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;margin:16px 0;color:#252e40}.board-image-wrap{border:1px solid #e0e4ec;border-radius:12px;overflow:hidden;margin:16px 0;background:#f7f8fb;text-align:center}.board-image-wrap img{display:block;width:100%;max-height:450px;object-fit:contain}.board-image-wrap img[hidden]{display:none}.board-image-wrap span{display:block;padding:26px;font-size:13px;color:#687385}.board-image-wrap span[hidden]{display:none}.board-player-list{display:grid;gap:8px;margin-top:16px}.board-player{display:flex;text-align:left;align-items:center;gap:12px;width:100%;border:1px solid #d7dce5;background:#fcfcfe;color:#263249;padding:12px;border-radius:10px;transition:background .15s,border-color .15s}.board-player:hover{border-color:#aeb9d8;background:#f5f6fb}.board-player .avatar{width:40px;height:40px;flex-shrink:0}.board-player small{display:block;color:#687385;font-size:12px;margin-top:3px}.board-player .metric-icon{width:13px;height:13px;vertical-align:middle;margin-right:4px}.board-player-arrow{margin-left:auto;color:#7583a7}.board-older{margin-top:16px}.board-side{display:grid;gap:16px}.board-side h2{font-size:16px}.board-side p{line-height:1.7}.board-side label{margin:14px 0}.board-private-mark{display:inline-block;font-size:11px;color:#5563a0;background:#f1f3fa;border:1px solid #dce2ef;border-radius:6px;padding:3px 7px;margin-bottom:13px}.activity-control{margin:14px 0;padding:10px 0;border-top:1px solid #e0e4ec;border-bottom:1px solid #e0e4ec}.activity-switch{display:flex;align-items:center;gap:9px;background:transparent;padding:0;color:#435066;border:0;text-align:left;font-size:12px}.activity-switch small{margin-left:5px;color:#687385}.switch-track{display:block;width:32px;height:18px;padding:3px;border-radius:20px;background:#c9ced9;flex-shrink:0;transition:background .18s}.switch-track i{display:block;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .18s}.activity-switch.is-on .switch-track{background:#5e6caf}.activity-switch.is-on .switch-track i{transform:translateX(14px)}.activity-detail{display:block;margin-top:6px;color:#687385;font-size:11px;line-height:1.6}.api-usage{margin:16px 0}.api-usage-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0}.api-usage-metrics span{display:block;color:#687385;font-size:12px}.api-usage-metrics strong{display:block;font-size:21px;margin-top:5px}@keyframes board-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.board-layout{grid-template-columns:minmax(0,680px)}.board-side{grid-template-columns:1fr 1fr}.api-usage-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.board-post,.board-compose{padding:18px}.board-side{grid-template-columns:1fr}.board-compose-actions{gap:8px}.board-compose-actions .primary{padding:10px 13px}.activity-switch{font-size:11px}}@media(prefers-reduced-motion:reduce){.board-post{animation:none}.switch-track,.switch-track i,.board-player{transition:none}}
/* Site accounts use their own uploaded avatars. */
.site-avatar img[hidden],.site-avatar span[hidden]{display:none}.site-avatar img{object-fit:cover;width:100%;height:100%}.site-avatar-preview{margin:16px 0}.site-avatar-preview .avatar{width:72px;height:72px;border-radius:18px}.site-profile-settings .hint{line-height:1.7}.site-profile-settings #siteAvatarRemove{margin-bottom:12px}.sidebar-user #siteUserAvatar .avatar{width:28px;height:28px;border-radius:8px;font-size:10px}.sidebar-user #userLabel{min-width:0;overflow:hidden;text-overflow:ellipsis}.board-image-link{position:relative;width:100%;padding:0;display:block;cursor:pointer;color:inherit}.board-image-link:hover{border-color:#9aa8cd}.board-image-link b{display:block;text-align:right;padding:9px 12px;background:#fff;color:#526194;font-size:12px;font-weight:600}.board-player-arrow{font-size:11px;white-space:nowrap}.board-image-link:focus-visible{outline:2px solid #6574aa;outline-offset:3px}@media(max-width:600px){.board-player-arrow{white-space:normal;max-width:70px;line-height:1.6}}
.profile-statistics-only{display:block}.stats-range{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:18px;margin-bottom:16px}.stats-range label{flex:1;min-width:150px;margin:0}.stats-range label:first-child{flex:1.4}.stats-range-arrow{padding-bottom:9px;color:#798291}.stats-range .primary{margin-bottom:1px}.stats-period-label{margin:12px 0}.stats-trend-select{margin:20px 0 -12px;max-width:350px}.stats-trend-select label{margin:0}.stats-account-link,.account-heading{display:flex;text-align:left;justify-content:flex-start;gap:12px;padding:0;background:transparent;border:0}.stats-account-link .avatar{width:36px;height:36px;flex-shrink:0}.account-heading .avatar{width:44px;height:44px;flex-shrink:0}.account-heading h2{margin:0}.stats-account-link:hover,.account-heading:hover{background:transparent}.battle-type-tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#f4f5fa;border:1px solid #dce0eb;border-radius:6px;padding:3px 7px;font-size:11px;color:#4f5a77}.battle-type-tag.is-trophy{background:#fff8e9;border-color:#e8dcba;color:#78613c}.battle-type-tag .metric-icon{width:19px;height:19px;object-fit:contain}.stats-cards .stat-label .metric-icon{width:18px;height:18px;vertical-align:middle;margin-right:5px}.match-meta{gap:9px;align-items:center}@media(max-width:600px){.stats-range label{flex:1 1 42%;min-width:120px}.stats-range label:first-child{flex-basis:100%}.stats-range-arrow{display:none}.stats-range .primary{width:100%}.stats-toolbar select{max-width:100%;flex:1}.account-heading h2{font-size:15px}}
/* v0.19: restrained, touch-friendly controls and denser private notes. */
.brawler-avatar.has-image{box-sizing:border-box;border:1px solid #dbe0e7;padding:2px;background:#fafbfc;box-shadow:0 0 0 1px #fff inset}
.user-disabled td{background:#fff5f4;color:#896463;border-bottom-color:#f1dcd9}.user-disabled td:first-child{box-shadow:inset 3px 0 #dca5a0}.user-state{display:inline-flex;padding:4px 8px;border-radius:5px;background:#f0f3f5;font-size:11px;white-space:nowrap}.user-state.is-stopped{background:#f8e3e0;color:#9a4f49}.delete-user{color:#a8544d}.delete-user:hover{background:#fff0ee}
.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:12px}.note-card{border:0;border-bottom:1px solid #e0e5eb;border-radius:0;padding:14px 0;gap:10px;grid-template-columns:40px minmax(0,1fr) auto}.note-card .grow{padding-bottom:0}.note-card>.quiet{position:static;align-self:start;min-height:30px;padding:5px 7px}.note-card .avatar{width:40px;height:40px}.note-card .tag{display:inline;margin:0 7px 0 0}.note-card .name-link{display:block;margin-bottom:3px;font-size:14px}.note-card .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));border:0;margin:9px 0 4px;padding:0;gap:7px}.note-card .profile-stats>div:last-child{grid-column:auto}.note-card .profile-stats dt{font-size:10px}.note-card .profile-stats dt small{display:none}.note-card .profile-stats dd{font-size:13px;margin-top:2px}.note-card .rank-small{width:18px;height:18px}.note-card .rank-missing{font-size:10px;margin-top:3px}.note-card .memo{margin:6px 0;line-height:1.5;max-height:60px}.note-card .note-footer{justify-content:flex-start;flex-wrap:wrap;margin-top:4px;gap:2px 7px}.note-card .note-footer small{flex-basis:100%}.note-card .activity-control{border:0;margin:7px 0 3px;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.note-card .activity-detail{font-size:10px;margin:0}.note-card .activity-control .hint,.note-card .activity-control .bad{flex-basis:100%}.note-card .activity-switch{font-size:11px;min-height:32px}.note-card .list-profile-image{margin-top:7px;min-height:0;border-color:#e6e9ee}.note-card .list-profile-image img{height:140px}.note-card .list-profile-image span{padding:12px}
.chart-legend li{display:block}.chart-legend-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;width:100%;align-items:center;gap:5px 8px;padding:6px 5px;text-align:left;background:transparent;border:0;border-radius:6px;font-size:11px;line-height:1.4}.chart-legend-item>span:nth-child(2){overflow-wrap:anywhere}.chart-legend-item small{grid-column:2/-1;margin:0;font-size:10px}.chart-legend-item.is-chart-active,.chart-legend-item:hover{background:#f0f3f7}.chart-legend{gap:1px}.donut-segment{cursor:pointer;pointer-events:stroke;transition:stroke-width .2s ease,filter .2s ease;outline:none}.donut-segment.is-chart-active,.donut-segment:focus-visible{stroke-width:19;filter:drop-shadow(0 2px 3px #24344922)}.chart-legend-item:focus-visible{outline:2px solid #9babca;outline-offset:1px}
.chart-tooltip{position:fixed;z-index:1500;max-width:min(260px,calc(100vw - 16px));padding:12px 15px;background:#fff;border:1px solid #dbe2ec;border-radius:12px;box-shadow:0 8px 28px #2539591a;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(7px) scale(.96);transform-origin:bottom center;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.25,1),visibility .18s;color:#334155;font-size:12px}.chart-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.chart-tooltip>strong{display:block;font-size:12px;overflow-wrap:anywhere}.chart-tooltip>span{display:flex;align-items:baseline;gap:16px;margin-top:6px}.chart-tooltip b{font-size:20px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.chart-tooltip small{color:#7a8698;font-size:11px}
.stats-range{position:relative;gap:12px;overflow:visible}.stats-range>label{flex:1;min-width:180px}.range-control{position:relative;flex:1.8;min-width:300px}.range-label{display:block;margin-bottom:7px;color:#596577;font-size:11px}.range-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:10px 13px;background:#fff;border:1px solid #cfd7e2;border-radius:8px;text-align:left;font-size:12px;color:#3d4a5e}.range-trigger:hover,.range-trigger[aria-expanded=true]{background:#f8faff;border-color:#9facbf}.range-trigger svg{width:19px;height:19px;flex-shrink:0;color:#78859a}.range-trigger i{font-style:normal;color:#929cad;padding:0 5px}.range-popover[hidden]{display:none}.range-popover{position:absolute;z-index:100;top:calc(100% + 9px);right:0;width:570px;max-width:calc(100vw - 40px);background:#fff;border:1px solid #d7dfeb;border-radius:14px;box-shadow:0 12px 45px #273c5920;padding:17px;animation:calendar-enter .18s ease-out}.calendar-presets{display:flex;gap:6px;margin-bottom:15px}.calendar-presets button{flex:1;padding:8px 6px;background:#f3f5f8;border:0;border-radius:6px;font-size:11px;color:#5e6d81}.calendar-presets button:hover{background:#e9eef7}.calendar-selection{display:flex;align-items:center;gap:8px;margin-bottom:12px}.calendar-selection>button{flex:1;background:#fff;border:1px solid #e0e6ef;border-radius:8px;text-align:left;padding:9px 12px}.calendar-selection>button.is-active{border-color:#92a7ca;background:#f7f9fe}.calendar-selection small{display:block;font-size:10px;color:#7d8a9d}.calendar-selection strong{display:block;margin-top:3px;font-size:12px;font-weight:600}.calendar-selection>span{color:#a1aaba}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:7px;margin:5px 0 10px}.calendar-nav>button{background:transparent;color:#56667e;font-size:22px;padding:1px 10px;min-height:34px}.calendar-nav label{flex:0 1 auto!important;min-width:0!important;margin:0}.calendar-nav select{width:auto;min-height:34px;padding:4px 22px 4px 8px;font-size:12px;border:0;background-color:#f7f8fa}.calendar-months{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calendar-month h3{text-align:center;margin:0 0 12px;font-size:12px;color:#58677e;font-weight:600}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekdays span{text-align:center;color:#9aa3b2;font-size:10px;padding:4px 0 8px}.calendar-days button{display:grid;place-items:center;min-width:0;min-height:33px;padding:4px 0;background:transparent;border:0;border-radius:7px;font-size:12px;font-variant-numeric:tabular-nums;color:#46566e}.calendar-days button:hover{background:#edf1f7}.calendar-days button.in-range{background:#eef2fa;border-radius:3px}.calendar-days button.is-selected{background:#657da7;color:#fff}.calendar-days button.is-today{box-shadow:inset 0 0 0 1px #a5b3c9}.calendar-days button:disabled{opacity:.28}.calendar-days button:focus-visible{outline:2px solid #8b9bb5;outline-offset:1px}.calendar-status{margin:12px 0 0;text-align:center;color:#8893a4;font-size:11px}.calendar-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e5e9ef;margin-top:12px;padding-top:12px}.calendar-footer button{font-size:12px;min-height:36px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
@keyframes calendar-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.note-grid{grid-template-columns:1fr}.range-control{flex:2;min-width:270px}}
@media(max-width:650px){.range-control{position:static;min-width:0;flex-basis:100%}.range-popover{left:0;right:0;top:calc(100% + 8px);width:auto;max-width:100%;padding:14px}.calendar-second{display:none}.calendar-months{grid-template-columns:1fr}.calendar-days button{min-height:39px;font-size:13px}.calendar-presets button{min-height:36px}.range-trigger{font-size:11px;padding:10px}.note-card{padding:12px 0;grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.note-card .avatar{width:34px;height:34px}.note-card .profile-stats{gap:4px}.note-card .profile-stats dt{font-size:9px}.note-card .profile-stats dd{font-size:11px;gap:3px}.note-card .rank-small{width:16px;height:16px}.note-card .profile-stats .metric-icon{width:13px;height:13px}.stats-range>label{flex-basis:100%}.stats-range>.primary{width:100%}}
@media(prefers-reduced-motion:reduce){.chart-tooltip,.donut-segment,.range-popover{transition:none;animation:none}}
/* Matching form controls for attachments and reward links. */
.board-attach summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:38px;font-weight:500}.board-attach summary:before{content:'＋';color:#7183a0;font-size:16px}.board-attach[open] summary:before{content:'−'}.board-attach summary::-webkit-details-marker{display:none}#boardSelectedCount{margin-left:auto;font-size:11px;color:#7c889a;font-variant-numeric:tabular-nums}.board-picker{border:1px solid #dbe2ec;border-radius:9px;padding:10px;background:#fff;margin-top:5px}.board-picker-top{display:flex;gap:6px;margin-bottom:9px;align-items:center}.board-picker-top input{flex:1;min-width:0;min-height:36px;font-size:12px}.board-checkbox-list{display:grid;gap:5px;max-height:260px;overflow:auto;overscroll-behavior:contain}.board-choice{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:9px 10px;border:1px solid transparent;border-radius:7px;background:#fafbfc;cursor:pointer}.board-choice:hover{background:#f3f6fc}.board-choice.is-selected{border-color:#b9c9e4;background:#f3f7fd}.board-choice input{flex:none!important;width:17px!important;height:17px;min-height:0;accent-color:#6281b4;margin:0}.board-choice .avatar{width:34px;height:34px;flex:none}.board-choice span{min-width:0}.board-choice strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.board-choice small{display:block;color:#8a95a7;font-size:10px;margin-top:2px}.board-choice:has(input:disabled){opacity:.5;cursor:default}.board-choice:focus-within{outline:2px solid #a4b6d3;outline-offset:1px}.board-selected-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.board-selected-chips:empty{margin-top:0}.board-selected-chips button{min-height:28px;padding:4px 8px;font-size:10px;background:#edf2fa;border:0;border-radius:5px;color:#526888}.board-selected-chips button span{margin-left:5px}.picker-empty{text-align:center;padding:18px;font-size:12px;color:#8a95a7}
.player-ribbon.is-add{background:#edf3fd;color:#42679f;border:1px solid #9db6df;border-radius:5px;font-weight:600;box-shadow:0 1px 2px #5474a51a;min-height:32px}.player-ribbon.is-add:hover{background:#dce8fb;border-color:#688cc2;color:#2d5189;transform:translateY(-1px)}.player-ribbon.is-listed{background:#fff4e7;border:1px solid #e8cfaa;color:#947142;border-radius:5px}.profile-actions{display:flex;gap:8px;align-items:center}.profile-add-button{white-space:nowrap;min-height:38px}
.reward-admin{margin-bottom:22px}.reward-form{display:flex;gap:12px;align-items:end;margin:15px 0}.reward-form label{flex:1;margin:0;min-width:0}.reward-form label:nth-child(2){flex:2}.reward-admin-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #e6eaf0}.reward-admin-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.reward-admin-row small,.reward-host{display:block;color:#8995a7;font-size:11px;margin-top:4px}.reward-admin-row.is-disabled{opacity:.55}.rewards-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:800px}.reward-card{display:flex;align-items:center;gap:16px}.reward-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#f0f4fb;color:#7b91b3;flex:none}.reward-symbol svg{width:28px;height:28px}.reward-card h2{margin:0;font-size:15px}.reward-claim{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;white-space:nowrap;padding:10px 16px;border-radius:7px}.reward-claim:hover{background:#3c4f69;color:#fff}
@media(max-width:650px){.profile-banner{flex-wrap:wrap;gap:14px}.profile-actions{margin-left:auto}.reward-form{flex-wrap:wrap}.reward-form label,.reward-form label:nth-child(2){flex-basis:100%}.reward-form>.primary{width:100%}.reward-admin-row{flex-wrap:wrap}.reward-admin-row .grow{flex-basis:70%}.reward-card{gap:11px;padding:17px}.reward-symbol{width:38px;height:38px}.reward-claim{padding:9px 11px}.reward-card h2{font-size:13px}}
@media(prefers-reduced-motion:reduce){.player-ribbon.is-add:hover{transform:none}}

/* Subtle accents for actions, state and rank subdivisions. */
.note-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.entry-remove{font-size:11px;min-height:29px;padding:3px 8px;background:#fff3f3;color:#a3474d;border-color:#e7bfc3}.entry-remove:hover,.player-ribbon.is-remove:hover{background:#fbe6e8;border-color:#d799a0;color:#903c44}.player-ribbon.is-remove{background:#fff1f2;color:#a3474d;border:1px solid #e5b8bd;border-radius:5px;font-size:11px;font-weight:550;min-height:32px}.note-edit{color:#52719a;background:#f2f6fc;border:1px solid #dce5f2}.severity-1{background:#edf5fb;border-color:#d0e2f0;color:#4b7297}.severity-2{background:#fff7e9;border-color:#eddbb8;color:#977437}.severity-3{background:#fff0f1;border-color:#ecc9cd;color:#a2545b}.team.friendly h3{color:#527aa5}.team.enemy h3{color:#a86770}.rank-emblem{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;width:30px!important;height:29px!important;margin-right:5px;object-fit:contain}.rank-emblem>img{display:block;width:100%;height:100%;object-fit:contain}.rank-emblem>b{position:absolute;right:-3px;bottom:-2px;padding:0 3px;line-height:12px;font-size:8px;font-weight:750;background:#fff;color:#445671;border:1px solid #cdd8e8;border-radius:3px}.rank-current{display:flex;align-items:center;flex-wrap:wrap;gap:2px;color:#60718a;padding:4px 0}.rank-current .rank-emblem{width:25px!important;height:25px!important}.battle-score .rank-emblem{width:24px!important;height:24px!important;margin:1px 3px}.battle-score>span{display:block}.sidebar nav>[data-page].active{background:#e9f0fa;color:#3e5c84;border-color:#859bb9;box-shadow:0 2px 0 #bccce2}.sidebar nav>[data-page].active b{background:#d5e1f2;color:#4b6488}.home-tile[data-page="history"]{border-top-color:#a6bfdd}.home-tile[data-page="list"]{border-top-color:#b6cfc7}.home-tile[data-action="quick"]{border-top-color:#c6beda}.reward-note{grid-column:1/-1;font-size:11px;color:#858b96;line-height:1.7;margin-top:2px}.reward-card{flex-wrap:wrap}.reward-note{flex-basis:100%}#askMessage{white-space:pre-line}#askYes.danger{background:#ae545c;color:#fff;border-color:#ae545c}#askYes.danger:hover{background:#95434b}

/* States keep their labels and use soft color for quick scanning. */
.state-ready{background:#edf7f1!important;border-color:#c4dfcf!important;color:#3f7458!important}.state-wait{background:#fff6e7!important;border-color:#e9d7af!important;color:#8b692b!important}.state-error{background:#fff0f2!important;border-color:#e6bfc6!important;color:#9b4b59!important}.state-info{background:#eef4fd!important;border-color:#c7d8ef!important;color:#4b6f9f!important}.state-off{background:#f1f3f6!important;border-color:#d5dbe4!important;color:#707b8b!important}.status-pill[class*="state-"]:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge[class*="state-"]{font-weight:550}.monitor-message[class*="state-"]{padding:10px 12px;border-left:3px solid;border-radius:5px;font-size:11px}.status-line[class*="state-"]{padding:10px 12px;border:1px solid;border-radius:6px;flex-wrap:wrap}.status-dot.on{background:#589776}.connection-states{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.activity-switch.is-on{color:#4d709c}.activity-switch.is-on .switch-track{background:#749ac3}.user-state:not(.is-stopped){background:#edf6f1;color:#4a765e}.result.win{background:#eaf6ef;border-color:#c5dfce;color:#487459}.result.lose{background:#fceef0;border-color:#e5c2c9;color:#a35560}.player.listed{border-color:#df9da8;background:#fff1f3;box-shadow:inset 0 0 0 1px #e7b0b933}.player.listed .player-ribbon{background:#fde7eb;color:#a34b5b}.player.listed .player-ribbon.is-remove{border-color:#d9a2ad}.player.listed .player-ribbon.is-remove:hover{background:#f8d7de;color:#963c4f}.battle-type-tag.is-friendly{background:#edf5f4;border-color:#c8dfd9;color:#52766b}.friendly-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav-pick-icon{width:21px;height:21px;object-fit:contain;filter:grayscale(1);flex:none}.sidebar nav>[data-page="draft"] .nav-pick-icon{width:21px;height:21px}.feedback-card h2,.feedback-inbox h2{margin:0}.feedback-privacy{font-size:11px;color:#7c8796;line-height:1.7;margin:10px 0}.feedback-card label{font-size:11px;color:#61758f;margin:12px 0 6px}.feedback-card textarea{font-size:12px;resize:vertical;min-height:110px}.feedback-form-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.feedback-send{background:#eef4fc;border-color:#c5d6ec;color:#4e6c96;font-size:12px}.feedback-send:hover{background:#e1ebf9;border-color:#a7bedf}.feedback-result{font-size:11px;color:#4e8060;min-height:18px;margin-top:8px}.feedback-message{padding:14px 0;border-bottom:1px solid #e0e6ef}.feedback-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:12px;line-height:1.8}.feedback-message.is-handled p{color:#798391}.feedback-actions,.feedback-pagination{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.feedback-pagination{justify-content:space-between;margin-top:12px}.feedback-empty{font-size:12px;color:#8792a1;padding:18px 0}.feedback-messages{max-height:650px;overflow-y:auto}.feedback-inbox{border-color:#c9d7e9}.feedback-card{border-color:#d5dfea}@media(max-width:650px){.feedback-form-footer{gap:6px}.feedback-message p{font-size:13px}}

.initial-setup .badge{margin-bottom:14px}.initial-setup h1{text-align:left;margin:0 0 8px;font-size:23px}.initial-intro{font-size:12px;color:#758195;margin-bottom:20px}.initial-setup label small{display:inline;margin-left:5px;font-size:10px;font-weight:400}.password-privacy{font-size:11px;color:#7d8796;line-height:1.8;margin:16px 0}.discord-connect-steps{display:grid;gap:12px;margin:20px 0}.discord-connect-steps>div{display:flex;align-items:center;gap:10px}.connect-step{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#edf2fb;color:#637aa4;font-size:11px;font-weight:650}.notify-install-button{display:inline-flex;align-items:center;gap:18px;background:#edf1fb;border:1px solid #bccaea;border-radius:7px;color:#556baa;padding:10px 15px;font-size:13px;font-weight:600;text-decoration:none}.notify-install-button:hover{background:#e1e8fa;border-color:#99aed6}.discord-connect-steps>small{padding-left:33px;max-width:390px;color:#8290a2;font-size:11px}.initial-setup .quiet{margin-top:10px}

/* Shared surfaces for light, dark and muted palette variants. */
:root{--surface-soft:#f2f5f9;--sidebar:#f0f2f6;--hover:#edf1f6;--divider:#dde3eb;--accent-soft:#eaf0f9;--accent-border:#b8c8df;--accent-ink:#526b8e;--primary-ink:#fff;--shadow:0 8px 26px #22314a14}
:root[data-color="red"]{--accent:#94636d;--accent-soft:#fff0f3;--accent-border:#dfbac3;--accent-ink:#89545f;--background:#fcf8f9}
:root[data-color="blue"]{--accent:#57779f;--accent-soft:#edf5fd;--accent-border:#b9cce4;--accent-ink:#476a91;--background:#f6f9fd}
:root[data-color="green"]{--accent:#587e6c;--accent-soft:#edf7f1;--accent-border:#bad5c5;--accent-ink:#50735f;--background:#f6faf8}
:root[data-color="yellow"]{--accent:#897040;--accent-soft:#fbf6e9;--accent-border:#ded0ac;--accent-ink:#816c3e;--background:#fcfaf5}
:root[data-color="purple"]{--accent:#7d6b93;--accent-soft:#f4eff9;--accent-border:#cec1df;--accent-ink:#726084;--background:#faf7fc}
:root[data-color="pink"]{--accent:#8d647d;--accent-soft:#fbf0f6;--accent-border:#e2c2d5;--accent-ink:#8b617b;--background:#fcf7fa}
:root[data-color="orange"]{--accent:#906744;--accent-soft:#fcf3ec;--accent-border:#e0cbb9;--accent-ink:#8d694d;--background:#fcf9f6}

:root[data-theme="dark"]{color-scheme:dark;--text:#e2e8f2;--muted:#a3afc1;--border:#465366;--surface:#202733;--background:#171d26;--surface-soft:#29323f;--sidebar:#1d2530;--hover:#303c4c;--divider:#3c495b;--accent:#b2c3dc;--accent-soft:#2c3a50;--accent-border:#4d6488;--accent-ink:#c6d7ee;--primary-ink:#1e2836;--shadow:0 8px 26px #050b1455}
:root[data-theme="dark"][data-color="red"]{--accent:#d6a6b0;--accent-soft:#392831;--accent-ink:#e3b8c1;--accent-border:#d6a6b055}
:root[data-theme="dark"][data-color="blue"]{--accent:#a8c4e5;--accent-soft:#263448;--accent-ink:#c4d8f1;--accent-border:#a8c4e555}
:root[data-theme="dark"][data-color="green"]{--accent:#a9cdb9;--accent-soft:#253a33;--accent-ink:#c2e2d1;--accent-border:#a9cdb955}
:root[data-theme="dark"][data-color="yellow"]{--accent:#d7c397;--accent-soft:#3b3426;--accent-ink:#ecdcba;--accent-border:#d7c39755}
:root[data-theme="dark"][data-color="purple"]{--accent:#c7b3dc;--accent-soft:#332c40;--accent-ink:#dbcaed;--accent-border:#c7b3dc55}
:root[data-theme="dark"][data-color="pink"]{--accent:#dab6cc;--accent-soft:#3b2a36;--accent-ink:#edcade;--accent-border:#dab6cc55}
:root[data-theme="dark"][data-color="orange"]{--accent:#dabc9f;--accent-soft:#3b3028;--accent-ink:#edcfb4;--accent-border:#dabc9f55}

body{background:var(--background);color:var(--text)}button,input,select,textarea{background:var(--surface);color:var(--text);border-color:var(--border)}button:hover{background:var(--hover);border-color:var(--accent-border)}.primary{background:var(--accent);border-color:var(--accent);color:var(--primary-ink)}.primary:hover{background:var(--accent);filter:brightness(.94);border-color:var(--accent)}.secondary{background:var(--surface)}.quiet{background:transparent;color:var(--muted)}.quiet:hover{background:var(--hover);color:var(--text)}.card,.match,.note-card,.profile-banner,.home-tile,.login-page,.diagnostic-disclosure,.chart-tooltip,.range-popover,.range-trigger,.pick-invite-page,dialog,.board-post,.board-compose,.reward-card{background:var(--surface);color:var(--text);border-color:var(--border)}.login-page{background:var(--background)}.sidebar{background:var(--sidebar);border-color:var(--border)}.sidebar nav>:is(button,a.draft-invite),.settings-nav{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 2px 0 var(--divider)}.sidebar nav>:is(button,a.draft-invite):hover,.settings-nav:hover{background:var(--hover)}.sidebar nav>[data-page].active,.settings-nav.active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-border);box-shadow:0 2px 0 var(--accent-border)}.sidebar nav>[data-page].active b{background:var(--surface);color:var(--accent-ink)}.nav-separator,footer{border-color:var(--divider)}.nav-separator{background:var(--divider)}.muted,.hint,small,.tag,.stat-label,.stats-period-label,.password-privacy,.feedback-privacy,.reward-host,.reward-note{color:var(--muted)}.profile-info strong,.player-metrics dd,.profile-stats dd,.stat,.name-link,.stats-brawler strong,.board-post-head strong,.board-player strong{color:var(--text)}.name-link:hover,.avatar-button:hover,.player-profile:hover{background:var(--hover)}.avatar:not(.has-image){background:var(--accent-soft);color:var(--accent-ink)}.profile-avatar,.brawler-avatar{border-color:var(--border)}.toolbar select,.header-right select,.form-row input{background:var(--surface)}.home-tile:hover{background:var(--surface-soft);border-color:var(--accent-border)}.notify-install-button,.feedback-send,.note-edit,.range-trigger:hover,.range-preset.is-active,.calendar-days button.is-selected,.calendar-days button.is-start,.calendar-days button.is-end{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-ink)}.notify-install-button:hover,.feedback-send:hover{background:var(--hover);border-color:var(--accent)}.check-label input,input[type="checkbox"]{accent-color:var(--accent)}.reward-symbol,.connect-step{background:var(--surface-soft);color:var(--accent-ink)}.board-choice.is-selected,.board-player,.board-picker,.board-checkbox-list,.board-selected-chips button,.board-player-arrow{background:var(--surface-soft);color:var(--text);border-color:var(--border)}.board-attach,.board-picker-top input,.board-image-picker,.board-profile-settings,.site-profile-settings{border-color:var(--border)}.board-post-head,.board-feed-heading,.board-compose-actions,.board-image-wrap,.feedback-message,table td,table th,.list-row{border-color:var(--divider)}.chart-tooltip{box-shadow:var(--shadow)}.chart-legend-item:hover,.chart-legend-item.is-chart-active{background:var(--hover)}.range-label,.calendar-month-title,.range-caption,.chart-title,.calendar-days button,.calendar-weekdays,.range-control strong{color:var(--text)}.calendar-days button{background:var(--surface);border-color:var(--border)}.calendar-days button.is-in-range{background:var(--accent-soft);color:var(--accent-ink)}.rank-emblem>b{background:var(--surface);border-color:var(--border);color:var(--text)}.rank-current,.note-card .memo,.feedback-message p,.monitor-message{color:var(--muted)}.logo.handwritten-logo{width:47px;height:32px;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:0;flex:none}.handwritten-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.nav-creator-icon,.creator-icon{width:23px;height:23px;object-fit:contain;flex:none}.reward-symbol .creator-icon{width:29px;height:29px}#theme{display:inline-flex!important}.theme-toggle{width:38px;height:39px;padding:7px;flex:none}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-right{flex-wrap:wrap;gap:8px}.active-account-avatar .avatar,.mini-name .avatar{width:23px;height:23px;border-radius:5px;font-size:9px;flex:none}.active-account-avatar .avatar img,.mini-name .avatar img{border-radius:4px}.active-account-avatar{display:inline-flex;align-items:center;margin-right:-3px}.mini-name{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;line-height:1.5}.mini-name+.mini-name{margin-left:7px}.list-row .name{display:flex;flex-wrap:wrap;gap:6px}.connection-summary{padding-top:12px;margin-top:12px;border-top:1px solid var(--divider)}.connection-summary .connection-states{margin:8px 0 0;gap:7px}.connection-summary h3{font-size:12px;color:var(--muted)}.setting-stack{gap:16px}.theme-settings h3{margin:20px 0 9px;color:var(--muted);font-size:11px}.theme-mode-options{display:flex;gap:8px}.theme-mode-options button{flex:1;background:var(--surface-soft)}.theme-mode-options button.is-selected,.theme-color-options button.is-selected{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent-border)}.theme-color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.theme-color-options button{padding:9px 8px;flex-direction:column;gap:6px;font-size:11px;position:relative;background:var(--surface)}.theme-color-options i{width:23px;height:23px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000000b}.theme-check{position:absolute;right:6px;top:4px;font-size:10px}.note-grid{gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}.note-card{padding:15px 18px;border:0;border-bottom:1px solid var(--divider);border-radius:0;background:transparent}.note-card:nth-child(odd){border-right:1px solid var(--divider);padding-left:0}.note-card:nth-child(even){padding-right:0;padding-left:22px}.note-card .profile-stats{border-bottom:1px solid var(--divider);padding-bottom:7px;margin-bottom:6px}.note-card .note-actions{padding-left:2px}.stats-account-picker{position:relative;flex:1;min-width:230px}.stats-account-picker summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:7px;cursor:pointer;background:var(--surface);font-size:12px;list-style:none;min-height:43px}.stats-account-picker summary::-webkit-details-marker{display:none}.stats-account-picker summary strong{font-size:11px;color:var(--accent-ink)}.stats-account-picker[open] summary{border-color:var(--accent-border)}.stats-account-panel{position:absolute;top:calc(100% + 7px);left:0;width:max(100%,320px);max-width:calc(100vw - 48px);z-index:70;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:var(--shadow)}.stats-account-panel>input{margin:6px 0 8px;font-size:12px}.stats-account-choices{max-height:290px;overflow:auto;display:grid;gap:3px}.stats-account-choice{display:flex;align-items:center;gap:9px;border-radius:6px;padding:9px 7px;margin:0;cursor:pointer}.stats-account-choice:hover{background:var(--hover)}.stats-account-choice input{width:15px;height:15px;min-height:0;margin:0;flex:none;padding:0}.stats-account-choice .avatar{width:28px;height:28px;flex:none;font-size:10px}.stats-account-choice strong{font-size:12px}.stats-account-choice small{font-size:10px}.stats-account-choice[hidden]{display:none}
:root[data-theme="dark"] .handwritten-logo img{filter:invert(1);mix-blend-mode:screen}:root[data-theme="dark"] :is(.nav-creator-icon,.creator-icon,.nav-pick-icon){filter:grayscale(1) invert(1)}:root[data-theme="dark"] .state-ready{background:#213b31!important;border-color:#3e6554!important;color:#afd4bf!important}:root[data-theme="dark"] .state-wait{background:#3a3325!important;border-color:#6e5d37!important;color:#e3d0a3!important}:root[data-theme="dark"] .state-error{background:#412a35!important;border-color:#765063!important;color:#e7b5c5!important}:root[data-theme="dark"] .state-info{background:#28394f!important;border-color:#4d6a92!important;color:#bdd3ef!important}:root[data-theme="dark"] .state-off{background:#2b3441!important;border-color:#495569!important;color:#a5b2c6!important}:root[data-theme="dark"] .danger,:root[data-theme="dark"] .entry-remove,:root[data-theme="dark"] .player-ribbon.is-remove{background:#3a2933;color:#e2aebe;border-color:#755062}:root[data-theme="dark"] .player.listed{background:#342631;border-color:#946578}:root[data-theme="dark"] .player.listed .player-ribbon{background:#492f3e;color:#e5b1c3}:root[data-theme="dark"] .severity-1{background:#25384a;border-color:#47627f;color:#b8d3ec}:root[data-theme="dark"] .severity-2{background:#3a3327;border-color:#6c5e3d;color:#e7d4a7}:root[data-theme="dark"] .severity-3{background:#402b36;border-color:#745065;color:#e7b3c5}:root[data-theme="dark"] .result.win{background:#263c32;border-color:#50725d;color:#bad6c4}:root[data-theme="dark"] .result.lose{background:#402d35;border-color:#765361;color:#e2bac6}:root[data-theme="dark"] .battle-type-tag{background:#2b3545;border-color:#4c5b71;color:#bccce2}:root[data-theme="dark"] .battle-type-tag.is-friendly{background:#263b37;border-color:#486b61;color:#b3d4cb}:root[data-theme="dark"] .notice{background:#3d3427;border-color:#73603d;color:#e2d1ad}:root[data-theme="dark"] .player:not(.listed),:root[data-theme="dark"] .player.self .player-ribbon{background:var(--surface-soft);border-color:var(--border);color:var(--muted)}:root[data-theme="dark"] .board-attach summary,:root[data-theme="dark"] .board-private-mark,:root[data-theme="dark"] .badge{background:var(--surface-soft);border-color:var(--border);color:var(--muted)}:root[data-theme="dark"] .stat-trend text{fill:var(--muted)}:root[data-theme="dark"] .stat-trend path{stroke:var(--border)}:root[data-theme="dark"] :is(.range-preset,.calendar-nav,.calendar-month,.board-choice,.board-image-picker){background:var(--surface);color:var(--text);border-color:var(--border)}:root[data-theme="dark"] .profile-stats dt,:root[data-theme="dark"] .player-metrics dt,:root[data-theme="dark"] .board-post-text{color:var(--muted)}
@media(max-width:1100px){.note-grid{grid-template-columns:1fr}.note-card:nth-child(n){border-right:0;padding:14px 0}}@media(max-width:820px){.setting-stack{grid-template-columns:1fr}.theme-color-options{grid-template-columns:repeat(4,minmax(0,1fr))}.logo.handwritten-logo{width:42px;height:29px}.header-right select{width:175px}}@media(max-width:650px){header{flex-wrap:wrap;gap:12px}.header-right{width:100%;justify-content:flex-start}.header-right select{flex:1;width:130px;min-width:0}.header-right>.primary{padding:7px 10px;font-size:11px}.theme-toggle{width:35px;height:36px}.stats-account-picker{flex-basis:100%;min-width:0}.stats-account-panel{width:100%;max-width:100%}.theme-color-options{gap:7px}.theme-color-options button{padding:8px 5px}.mini-name .avatar{width:21px;height:21px}}

:root[data-theme="dark"] :is(.match-top,.candidate,#confirmPlayer,.board-feed,.board-compose textarea,.mode-win-card,#toast,.calendar-selection>button,.range-trigger[aria-expanded="true"],.board-image-link b){background:var(--surface-soft);color:var(--text);border-color:var(--border)}:root[data-theme="dark"] .avatar.has-image{background:var(--surface-soft)}:root[data-theme="dark"] :is(.error,.bad){color:#e5aabb}

.handwritten-logo{border:1px solid var(--divider);border-radius:8px;padding:4px;background:var(--surface)}