@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0e11;--panel:#111619;--line:#252c30;--text:#ecf1ef;--muted:#899597;--green:#64e6ac;--cyan:#79d4ec;--amber:#eeb971;--red:#ef8791;--font:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font);min-width:320px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button,a{touch-action:manipulation}
button{color:inherit}
button:disabled{cursor:wait;opacity:.5}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
[hidden]{display:none!important}
svg.lucide{width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.site-header{height:88px;max-width:1328px;padding:0 48px;margin:auto;display:flex;align-items:center;gap:52px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font-size:25px;font-weight:850;line-height:1}
.brand img{object-fit:contain}
.brand-accent{font-weight:500}
.brand-dot,.heading-dot,.footer-brand span{color:var(--green)}
.site-header nav{display:flex;align-items:center;gap:34px;height:100%}
.site-header nav>a{height:100%;display:flex;align-items:center;position:relative;font-weight:600;font-size:13px}
.nav-active:after{content:"";height:2px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0}
.text-button{background:none;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px}
.text-button:hover{color:var(--text)}
.text-button svg{width:16px;height:16px}
.header-tag{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);white-space:nowrap}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%}
.public-main{max-width:1328px;padding:0 48px;margin:auto}
.intro{padding:58px 0 0}
.eyebrow{font-size:10px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:10px}
.short-line{width:23px;height:2px;background:var(--green)}
.edition{margin-left:12px;border-left:1px solid var(--line);padding-left:20px;color:#626d73}
h1,h2,h3,p{margin-top:0}
.intro h1{font-size:42px;line-height:1.3;font-weight:750;margin:17px 0 12px}
.muted-title{font-weight:550;color:#c9d2d2}
.heading-dot{margin-left:3px}
.intro-note{color:var(--muted);font-size:14px;margin:0}
.stats-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;padding:30px 0 27px;margin-top:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats-strip>div{padding-left:30px;border-left:1px solid var(--line)}
.stats-strip>div:first-child{padding-left:0;border:0}
.stat-label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.stats-strip strong,.admin-stats strong{font-weight:500;font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums}
.stat-unit{color:#687579;font-size:13px}
.stats-strip .date-value{font-size:16px;display:block;margin-top:13px}
.ranking-section{margin-top:36px}
.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ranking-heading h2{font-size:18px;margin:0;display:flex;align-items:center;gap:11px;font-weight:600}
.ranking-heading h2>svg{color:var(--green)}
.ranking-heading h2>span{color:var(--muted);font-size:12px;font-weight:400;margin-left:4px}
.legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}
.legend-dot{height:7px;width:7px;border-radius:2px;background:var(--green)}
.legend-penalty{font-family:monospace;font-size:11px;color:var(--amber);margin-left:14px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid var(--line)}
.filter-group{display:flex;align-items:center;background:#171d20;border:1px solid #252d31;padding:3px;gap:2px;border-radius:6px}
.filter{border:0;background:none;padding:6px 16px;min-height:32px;font-size:12px;white-space:nowrap;border-radius:3px;color:var(--muted)}
.filter.active{background:#303a3b;color:var(--text);box-shadow:0 1px 3px #0003}
.filter:hover:not(.active){color:var(--text)}
.search-tools,.admin-actions{display:flex;gap:12px;align-items:center}
.search-field{border:1px solid var(--line);background:#101518;display:flex;align-items:center;gap:10px;padding:0 12px;height:40px;border-radius:5px;color:var(--muted);min-width:0}
.search-field>svg{width:16px;height:16px}
.search-field input{border:0!important;background:none!important;padding:0!important;width:190px;min-width:0;font-size:12px}
.search-field:focus-within{border-color:#609b86}
.search-field input:focus-visible{outline:0}
.icon-button{border:1px solid transparent;background:none;display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:5px;color:var(--muted);flex-shrink:0}
.icon-button:hover{color:var(--text);background:#232b2e}
.search-tools>.icon-button{border-color:var(--line);height:40px;width:40px}
.chart-head,.rank-row{display:grid;grid-template-columns:38px 225px minmax(0,1fr) 70px 90px;gap:16px;align-items:center}
.chart-head{height:55px;font-size:10px;color:#7e8a8e;padding:0 12px}
.chart-head>span:first-child{text-align:center}
.axis{display:flex;justify-content:space-between;font-family:monospace}
.score-head{text-align:right}
.state-head{text-align:right}
.rankings{min-height:268px}
.rank-row{width:100%;text-align:left;border:0;border-bottom:1px solid #1b2225;background:transparent;padding:12px;min-height:70px;position:relative;isolation:isolate}
.rank-row:hover{background:#141d1c}
.rank-row:last-child{border-bottom:0}
.rank-number{font:13px/1.3 var(--font);font-variant-numeric:tabular-nums;text-align:center;color:#6e7b80}
.top-rank{color:var(--green);font-weight:650}
.model-name{display:flex;flex-direction:column;min-width:0;gap:2px}
.model-name strong{font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.model-name>span{color:#738184;font-size:10px}
.openai{color:#e7eeeb}.anthropic{color:#e7b294}.google{color:#89c6ec}.deepseek{color:#73a5f2}.qwen{color:#c3a5e6}.meta{color:#82c3d5}.other{color:#c3ceca}
.bar-track{height:24px;background:#1a2324;position:relative;border-radius:3px;display:block;overflow:hidden;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#36424155 calc(100% - 1px));background-size:25% 100%}
.bar-fill{width:var(--bar-width);height:100%;background:linear-gradient(90deg,#409879,#72e8b5);display:block;border-radius:3px;position:relative}
.regression-bar{background:linear-gradient(90deg,#638f7e,#a1c6a6)}
.bar-shine{position:absolute;inset:0;border-top:1px solid #ffffff14;border-radius:3px}
.entering .bar-fill{animation:bar-grow .6s cubic-bezier(.2,.65,.25,1) both;animation-delay:var(--delay)}
.entering{animation:row-in .35s ease-out both;animation-delay:var(--delay)}
.penalty-marker{display:block;position:absolute;height:100%;top:0;background:repeating-linear-gradient(135deg,#bf915b44 0,#bf915b44 3px,transparent 3px,transparent 6px);border-right:1px solid #c59865}
.final-score{font-size:20px;font-weight:550;line-height:1.25;text-align:right;font-variant-numeric:tabular-nums}
.final-score small{display:block;font-weight:400;font-size:9px;color:#81908d;margin-top:3px}
.state-badge{font-size:10px;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
.state-badge svg{width:13px;height:13px}
.intact{color:#83b29a}
.broken{color:var(--amber)}
.chart-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);font-size:10px;color:#758084;padding:15px 0}
.chart-bottom>span:last-child{display:flex;align-items:center;gap:6px}
.chart-bottom svg{width:13px;height:13px}
.empty-state{min-height:290px;padding:48px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px}
.empty-state>svg{height:32px;width:32px;color:#64897d;margin-bottom:3px}
.empty-state h3{font-size:17px;font-weight:500;margin:0}
.empty-state p{font-size:12px;color:var(--muted);margin:0}
.empty-state>.eyebrow{font-size:9px;color:#65766e}
.empty-scale{width:min(340px,100%);display:flex;justify-content:space-between;border-top:2px solid #273e35;margin-top:14px;padding-top:7px;color:#4f655d;font-family:monospace;font-size:10px}
.method-band{border-top:1px solid var(--line);padding:32px 0;margin-top:34px;display:flex;align-items:center;gap:32px}
.method-mark{align-self:flex-start;color:var(--green);font:20px/1.5 monospace;white-space:nowrap}
.method-mark span{font-size:9px;color:#657773}
.method-band h2{font-size:14px;font-weight:500;margin:0 0 5px}
.method-band p{font-size:11px;color:var(--muted);margin:0}
.method-band>.text-button{margin-left:auto;white-space:nowrap;align-self:flex-start}
.site-footer{max-width:1328px;margin:auto;padding:26px 48px 30px;display:flex;align-items:center;gap:18px;font-size:10px;color:#647277;border-top:1px solid var(--line)}
.footer-brand{font-weight:750;color:#a4b3ad;font-size:17px}
.footer-right{margin-left:auto;font-size:9px}
.dialog{border:1px solid #36413f;background:#131a1c;border-radius:8px;color:var(--text);width:560px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);padding:0;box-shadow:0 24px 100px #0008;overflow:auto}
.dialog::backdrop{background:#030709c9;backdrop-filter:blur(4px)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);gap:12px}
.dialog-head h2{font-size:17px;margin:0;overflow-wrap:anywhere}
.rules-content,.detail-content{padding:28px}
.rules-content h3{font-size:19px;margin:16px 0 24px}
.rules-content p{color:#bdc8c4;font-size:13px;line-height:1.9}
.muted{color:var(--muted)!important}
.detail-content h3{font-size:26px;margin:12px 0 24px;overflow-wrap:anywhere}
.detail-scores{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;border-block:1px solid var(--line);margin-bottom:22px}
.detail-scores>div{display:flex;flex-direction:column;gap:4px}
.detail-scores span{font-size:11px;color:var(--muted)}
.detail-scores strong{font-size:26px;font-weight:500}
.detail-content h4{font-size:12px;margin-top:25px;margin-bottom:10px;color:var(--muted);font-weight:400}
.detail-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.detail-content>.muted{font-size:10px;margin-top:24px;margin-bottom:0}
.accent-text{color:var(--green)}
.warning-text{color:var(--amber)}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#253c32;color:#ceecde;border:1px solid #476f59;border-radius:6px;z-index:100;max-width:calc(100% - 32px);font-size:13px;box-shadow:0 8px 25px #0005;width:max-content}
.toast.error{background:#41252b;color:#f5ccd1;border-color:#72424d}
.loading-ring{border:2px solid #283830;border-top-color:var(--green);height:26px;width:26px;border-radius:50%;animation:spin .8s linear infinite}
.spinning svg{animation:spin 1s linear infinite}
.admin-label{border-left:1px solid var(--line);padding-left:24px;font-size:13px;color:var(--muted)}
.header-end{margin-left:auto;display:flex;align-items:center;gap:24px}
.admin-body .site-header{gap:25px}
.login-layout{max-width:1000px;margin:0 auto;min-height:calc(100dvh - 88px);display:grid;grid-template-columns:1fr 340px;gap:100px;align-items:center;padding:64px 32px}
.login-brand h1{font-size:46px;line-height:1.5;margin:22px 0 35px;font-weight:600}
.login-bars{display:flex;flex-direction:column;gap:14px;width:280px;max-width:100%;transform:skewY(-5deg)}
.login-bars span{height:14px;background:#4aba8b;width:100%;border-radius:2px}
.login-bars span:nth-child(2){width:75%;background:#365b54}
.login-bars span:nth-child(3){width:52%;background:#273d3e}
.login-form{display:flex;flex-direction:column;gap:18px}
.login-icon{color:var(--green);margin-bottom:4px}
.login-icon svg{width:27px;height:27px}
.login-form h2{font-size:23px;font-weight:600;margin:0 0 4px}
label{font-size:12px;color:#acb9b3}
.login-form>label,.form-body>label,.form-grid>label{display:flex;flex-direction:column;gap:8px}
input:not([type=checkbox]),select,textarea{width:100%;background:#0e1416;color:var(--text);border:1px solid #35413e;border-radius:5px;padding:10px 12px;min-height:42px;min-width:0}
input::placeholder,textarea::placeholder{color:#65756f}
textarea{resize:vertical;line-height:1.7}
.password-wrap{position:relative}
.password-wrap input{padding-right:46px}
.password-wrap button{position:absolute;right:4px;top:4px}
.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 17px;font-size:12px;font-weight:550;border-radius:5px;white-space:nowrap}
.primary-button{border:1px solid var(--green);background:var(--green);color:#112b20}
.primary-button:hover:not(:disabled){background:#8bedc3;border-color:#8bedc3}
.secondary-button{border:1px solid #3a4741;background:#1c2622;color:#c5d2ca}
.secondary-button:hover:not(:disabled){background:#283830}
.danger-button{border:1px solid #ba5765;background:#b14759;color:white}
.form-error{color:var(--red);font-size:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.form-error:empty{display:none}
.login-footnote{font-size:11px;color:#71857a;display:flex;justify-content:center;align-items:center;gap:6px;margin-top:8px}
.login-footnote svg{height:14px;width:14px}
.admin-main{max-width:1200px;margin:auto;padding:42px 48px 60px}
.admin-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-title h1{font-size:30px;margin:8px 0 0;font-weight:600}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:30px 0;padding:22px 0}
.admin-stats>div{border-left:1px solid var(--line);padding-left:30px}
.admin-stats>div:first-child{border:0;padding-left:0}
.admin-table-head,.admin-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 165px 100px 85px;gap:18px;align-items:center}
.admin-table-head{font-size:11px;color:var(--muted);padding:16px 12px}
.admin-row{border-bottom:1px solid var(--line);padding:16px 12px;min-height:78px}
.admin-row:hover{background:#121b18}
.table-score{font-variant-numeric:tabular-nums}
.table-final{font-size:19px;font-weight:500}
.table-switch{display:flex;align-items:center;gap:10px;font-size:10px}
.row-actions{display:flex;gap:4px}
.delete-action:hover{color:var(--red)}
.switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:38px;height:23px}
.switch input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer;z-index:1}
.switch-track{width:38px;height:23px;border-radius:14px;background:#35403e;border:1px solid #47534c;transition:background .18s}
.switch-track:after{content:"";position:absolute;left:4px;top:4px;width:15px;height:15px;background:#becbc4;border-radius:50%;transition:transform .18s}
.switch input:checked+.switch-track{background:#8a6633;border-color:#b88943}
.switch input:checked+.switch-track:after{transform:translateX(15px);background:#ffe1ab}
.switch input:focus-visible+.switch-track{outline:2px solid var(--cyan);outline-offset:4px}
.switch input:disabled{cursor:wait}
.switch:has(input:disabled){opacity:.4}
.form-body{padding:22px 24px;display:flex;flex-direction:column;gap:20px}
.form-body p{margin:0;font-size:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.required{color:var(--amber)}
.regression-field{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-block:1px solid var(--line)}
.regression-field strong{display:block;font-size:13px;font-weight:500}
.regression-field div>span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.score-preview{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}
.score-preview strong{font-size:28px;font-weight:500;color:var(--green)}
.score-preview strong.warning-text{color:var(--amber)}
.dialog-footer{padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:12px}
.small-dialog{width:430px}
.doubt-badge{display:inline-flex;align-items:center;gap:4px;color:#ff818b;font-size:11px;font-weight:600;margin-right:8px;white-space:nowrap;vertical-align:middle}
.doubt-badge svg{width:14px;height:14px}
.doubtful-field .switch input:checked+.switch-track{background:#9b3946;border-color:#e06c7a}
.doubtful-field .switch input:checked+.switch-track:after{background:#ffe1e6}
.image-field{min-width:0}
.image-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;color:#acb9b3}
.image-field-head .muted{margin-left:8px;font-size:11px}
.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.image-grid:empty{display:none}
.image-item{position:relative;min-width:0}
.image-thumbnail{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);border-radius:5px;padding:0;background:#0b0e11;cursor:zoom-in}
.image-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.image-remove{position:absolute;top:4px;right:4px;background:#111619ed;color:var(--text);width:28px;height:28px}
.detail-images{margin-top:16px}
.image-viewer{width:1100px}
.image-viewer .dialog-head{position:sticky;top:0;background:#131a1c;z-index:1}
.image-viewer-body{padding:12px;overflow:auto}
.image-viewer-body img{display:block;max-width:100%;height:auto;margin:auto}
@media(max-width:480px){.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bar-grow{from{width:0}to{width:var(--bar-width)}}
@keyframes row-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.intro{padding-top:66px}.rank-row{min-height:74px}}
@media(max-width:1050px){
 .site-header{padding-inline:28px;gap:30px}.public-main{padding-inline:28px}.header-tag{font-size:9px}
 .chart-head,.rank-row{grid-template-columns:30px 180px minmax(0,1fr) 62px 70px;gap:12px}
 .method-band{gap:20px}.method-mark{display:none}
 .admin-main{padding-inline:28px}
 .admin-table-head,.admin-row{grid-template-columns:minmax(0,1fr) 75px 125px 75px 75px;gap:14px}
 .admin-row .icon-button{width:32px}
}
@media(max-width:760px){
 .site-header{height:72px;padding-inline:20px;gap:30px}.brand{font-size:23px}.brand img{width:26px;height:26px}
 .header-tag{display:none}.site-header nav{margin-left:auto;gap:22px}.site-header nav>a,.text-button{font-size:12px}
 .public-main{padding-inline:20px}.intro{padding-top:35px}.intro h1{font-size:30px}.intro-note{font-size:12px}
 .stats-strip{grid-template-columns:1fr 1fr;margin-top:23px;padding:0}.stats-strip>div{padding:18px 0 18px 22px!important;border-left:1px solid var(--line)}
 .stats-strip>div:nth-child(odd){border-left:0;padding-left:0!important}.stats-strip>div:nth-child(n+3){border-top:1px solid var(--line)}
 .stats-strip strong{font-size:25px}.stats-strip .date-value{font-size:12px;margin-top:12px}
 .ranking-section{margin-top:28px}.ranking-heading h2{font-size:16px}.legend{font-size:9px}.legend-penalty{margin-left:4px}
 .toolbar{align-items:stretch;gap:12px;flex-direction:column;padding-bottom:16px}.filter-group{align-self:flex-start}
 .filter{padding:5px 13px}.search-tools .search-field{flex:1}.search-field input{width:100%}
 .chart-head{grid-template-columns:26px 1fr 64px;height:42px;gap:12px;padding-inline:0}.chart-head .axis,.state-head{display:none}
 .rank-row{grid-template-columns:26px minmax(0,1fr) 72px;grid-template-rows:auto 20px;gap:8px 12px;padding:14px 0;min-height:97px}
 .rank-number{grid-column:1;grid-row:1;align-self:start;margin-top:3px}.model-name{grid-column:2;grid-row:1}
 .model-name strong{font-size:13px}.model-name>span{font-size:9px}.bar-track{grid-column:2;grid-row:2;height:17px;align-self:center}
 .final-score{grid-column:3;grid-row:1;font-size:21px}.final-score small{font-size:9px}
 .rank-row .state-badge{grid-column:3;grid-row:2;font-size:9px}.rank-row .state-badge svg{width:12px;height:12px}
 .chart-bottom{font-size:9px}.chart-bottom svg{display:none}.method-band{margin-top:24px;padding:24px 0;align-items:flex-start;flex-wrap:wrap;gap:15px}
 .method-band>.text-button{margin-left:0}.method-band h2{font-size:13px}.method-band p{font-size:11px}
 .site-footer{padding:20px;gap:12px}.footer-right{font-size:8px}.empty-state{min-height:260px;padding:35px 12px}
 .empty-state h3{font-size:16px}.eyebrow{font-size:9px}.edition{padding-left:12px;margin-left:4px}
 .login-layout{grid-template-columns:1fr;gap:32px;max-width:420px;padding:40px 24px;min-height:auto}
 .login-brand h1{display:none}.login-bars{display:none}.login-form h2{font-size:23px}.login-form{gap:20px}
 .admin-body .site-header{gap:15px}.admin-label{padding-left:15px;font-size:11px}.header-end{gap:8px}.header-end .text-button{font-size:11px}
 .admin-main{padding:30px 20px}.admin-title h1{font-size:26px}.admin-title .primary-button{padding:9px 12px}
 .admin-stats{margin:23px 0;padding:19px 0}.admin-stats>div{padding-left:16px}.admin-stats strong{font-size:25px}
 .admin-main .toolbar{flex-direction:row;flex-wrap:wrap}.admin-main .search-field{flex:1;min-width:160px}.admin-actions{gap:5px}
 .admin-actions .secondary-button{padding-inline:10px}.admin-table-head{display:none}
 .admin-row{grid-template-columns:1fr 1fr;gap:16px;padding:20px 0}
 .admin-row .model-name{grid-column:1;grid-row:1}.row-actions{grid-column:2;grid-row:1;justify-self:end}
 .table-score{grid-column:1;grid-row:2}.table-final{grid-column:2;grid-row:2;text-align:right}
 .table-switch{grid-column:1 / -1;grid-row:3;border-top:1px solid #222c25;padding-top:12px}
 [data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;font-weight:400;margin-bottom:2px}
 .table-switch:before{margin-right:auto;margin-bottom:0}
 .dialog{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-head{padding:14px 18px}.form-body{padding:18px}
 .dialog-footer{padding:16px 18px}.rules-content,.detail-content{padding:22px}.rules-content h3{font-size:17px}
 .detail-content h3{font-size:22px}.detail-scores strong{font-size:24px}.detail-content>.muted{font-size:10px}
}
@media(max-width:380px){.site-header nav{gap:14px}.site-header{gap:12px}.brand{font-size:20px;gap:6px}.intro h1{font-size:26px}.legend{gap:4px;font-size:8px}.ranking-heading{gap:5px}.footer-right{display:none}.header-end .text-button{font-size:0}.header-end .text-button svg{width:17px}.admin-label{padding-left:10px}.stat-label{font-size:11px}.filter{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}