/* A quiet PS1 forest club: bark, moss, tarnished metal and legible records. */
:root{
  --bg:#10160f;--surface:#1b251b;--raised:#293529;--line:#43513a;
  --ink:#f0eedc;--muted:#b5c0a4;--lime:#d4dc8b;--orange:#dcaf71;--red:#e1a296;
  --radius:7px;--wood:#705738;--gilt:#d7bd76;
  font-family:"Segoe UI",Arial,sans-serif;font-size:16px;
}
body{
  background:
    radial-gradient(ellipse at 85% 0,#394b293d,transparent 48%),
    repeating-linear-gradient(117deg,#87955203 0 1px,transparent 1px 7px),
    #10160f;
}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:80;background:repeating-linear-gradient(0deg,#00000008 0 1px,transparent 1px 4px);opacity:.28}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:700}
h1{font-size:clamp(2rem,3.1vw,3rem);letter-spacing:-.02em;color:#f0e8bd;text-shadow:1px 2px 0 #080c08;line-height:1.15}
h2{font-size:1.3rem;color:#e5dfbb;letter-spacing:0}
h3{letter-spacing:0}
.eyebrow{font-family:Consolas,"Courier New",monospace;font-size:.75rem;color:#d4bd77;letter-spacing:.14em;line-height:1.5}
small,.meta,.section-note{color:var(--muted)}
.meta,.section-note{font-size:.875rem}
.topbar{
  min-height:86px;height:auto;padding:18px 36px;border-bottom:3px solid #796441;
  background:linear-gradient(180deg,#52412c66,#211f17ee),repeating-linear-gradient(3deg,#9b795218 0 2px,transparent 2px 11px),#26281b;
  box-shadow:0 1px 0 #15190e,0 5px 18px #0003;
}
.brand{font-family:Georgia,"Times New Roman",serif;font-size:1.38rem;letter-spacing:.08em;color:#e4d297;text-shadow:1px 2px #11170e;gap:16px}
.brand small{font-family:Consolas,"Courier New",monospace;font-size:.7rem;letter-spacing:.19em;color:#b8b993;text-shadow:none;margin-top:5px}
.brand-mark{position:relative;width:43px;height:51px;border-radius:48% 48% 5px 5px;transform:none;border:3px double #c8ac65;background:linear-gradient(140deg,#9caf8677,#253a2f);color:#ecdeb0;box-shadow:inset 0 0 0 3px #151b13,0 0 0 1px #11160d;font-family:Georgia,serif;font-size:1.8rem;font-weight:700}
.brand-paddle{display:block;width:29px;height:37px;filter:drop-shadow(0 1px 1px #080d08)}
.account-bar{display:flex;gap:7px;align-items:center;margin-left:auto}
[hidden]{display:none!important}
.community-notice{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;margin-bottom:20px;background:#273124;border:1px solid #7e7945;border-left:3px solid #c6c96c;border-radius:5px}
.community-notice strong{color:#ece1b2}.community-notice p{margin:5px 0 0;color:#bdc4ae;font-size:.86rem}
.community-tabs,.community-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.community-actions{margin:16px 0 0}
.proposal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px}
.proposal-card{padding:22px;border:1px solid #5b6246;border-radius:5px;background:linear-gradient(135deg,#273126,#172318)}
.proposal-card h3{font-family:Georgia,serif;font-size:1.3rem;margin:16px 0 10px}.proposal-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.proposal-card .set-scores{font-size:1.12rem;color:#eadc9c}
.status-tag{display:inline-block;padding:5px 9px;border:1px solid #667244;border-radius:4px;font:11px Consolas,monospace;color:#dde29d}.status-tag.disputed{color:#edb38f;border-color:#a96d4d}
.dispute-text{padding:10px 13px;background:#54351f55;border-left:2px solid #c39263;color:#eed0ad;overflow-wrap:anywhere}
.join-panel{max-width:510px;padding:25px}.meeting-panel form{padding:22px;max-width:620px}.checkbox-field{display:flex;align-items:flex-start;gap:9px;margin:18px 0;color:#d7dcc5;font-size:.88rem}.checkbox-field input{width:17px;height:17px;accent-color:#bdc36c;flex-shrink:0;margin-top:2px}.field small{color:#aeb8a2;font-size:.77rem;font-weight:400;line-height:1.5}
.text-button{border:0;background:none;padding:0;color:#e3d698;font:inherit;text-decoration:underline;cursor:pointer}
.account-row{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #3f4b38}.account-row:last-child{border-bottom:0}.account-row small{display:block;color:#aeb9a4;margin-top:5px}
.audit-row{padding:18px 22px;border-bottom:1px solid #3f4b38}.audit-row:last-child{border-bottom:0}.audit-row>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px}.audit-row p{margin:9px 0 0;font-size:.88rem;overflow-wrap:anywhere}.audit-change{color:#c6bb87}.audit-change span:first-child{color:#a4af9a}
.invite-panel{display:flex;gap:26px;padding:24px;margin-top:22px;align-items:center}.invite-qr{width:190px;flex-shrink:0;background:white;padding:5px;border:1px solid #d2c792;border-radius:5px}.invite-qr svg{display:block;width:100%;height:auto}.invite-panel h2{margin:9px 0}.invite-url{font:12px Consolas,monospace;color:#c1c898;overflow-wrap:anywhere}.invite-panel p{font-size:.88rem;line-height:1.5}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.account-bar{margin-left:auto}.local-label{display:none}}
@media(max-width:760px){.account-bar{gap:5px}.account-bar .button{font-size:.74rem;padding:7px 9px}.community-notice{padding:14px;align-items:flex-start;flex-direction:column}.invite-panel{flex-direction:column;align-items:flex-start;padding:18px}.invite-qr{width:180px}.join-panel{padding:19px}.proposal-card{padding:18px}.account-row{padding:15px}.community-tabs{gap:6px}.community-tabs .button{font-size:.74rem}.audit-row{padding:16px}}
.local-label{font-family:Consolas,"Courier New",monospace;font-size:.75rem;color:#b6ba97;letter-spacing:.03em}
.button{
  border-radius:5px;border:1px solid #77825b;border-bottom:3px solid #3b4830;
  background:linear-gradient(#394634,#293426);color:#e9ebd3;box-shadow:inset 0 1px #b8c39318;
  font-size:.875rem;font-weight:600;padding:10px 16px;min-height:42px;
}
.button:hover{border-color:#bfca83;background:linear-gradient(#46573a,#35452e)}
.button.primary{background:linear-gradient(#d8dba0,#afb46c);color:#222a19;border-color:#e3e7b5;border-bottom-color:#727d48;box-shadow:inset 0 1px #f6f9d0,0 2px 9px #0002}
.button.primary:hover{background:linear-gradient(#e7eab4,#c4c987)}
.button.ghost{background:linear-gradient(#283326bb,#1d271bbb);border-color:#57644a;border-bottom-color:#303d2a}
.button.ghost:hover{border-color:#a6b575;background:#35472e}
.button.small{font-size:.8125rem;min-height:36px;padding:7px 12px}
.button.danger{color:#efb3a0;border-color:#8c5d4e;background:#412e25}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d4dc8b;outline-offset:3px}
.shell{max-width:1580px;grid-template-columns:215px minmax(0,1fr)}
.navigation{
  padding:31px 17px;min-height:calc(100vh - 86px);border-right:1px solid #59634655;
  background:linear-gradient(90deg,#29311c66,#14201444),repeating-linear-gradient(91deg,#91a27604 0 2px,transparent 2px 17px);
}
.navigation>a{align-items:center;font-size:.875rem;padding:13px 10px;margin-bottom:9px;border:1px solid transparent;border-radius:4px;gap:9px;color:#c3c9ad}
.navigation>a.active{background:linear-gradient(90deg,#69754144,#26312166);border-color:#8a925349;color:#e6e3a4;box-shadow:inset 3px 0 #c1ca78}
.navigation>a.active::before{color:#dde0a4}
.navigation>a:hover{color:#f1edce;background-color:#56623b22}
.navigation>a span{font-size:.75rem}
.nav-note{margin-top:38px;padding:18px 12px;border:1px solid #79644166;background:linear-gradient(135deg,#52442c55,#172015);border-radius:4px;color:#b5bf9e}
.nav-note::before{content:"";display:block;width:90px;height:104px;margin:0 auto 17px;border:4px double #a99154;border-radius:46px 46px 2px 2px;background:linear-gradient(#131b1433,#131b1455),url('/zazerkalye-forest-table.png') 71% 46% / auto 180px;box-shadow:inset 0 0 14px #081309,0 0 0 3px #11170f}
.nav-note strong{font-family:Georgia,serif;color:#d8cb8d;font-size:2.15rem;letter-spacing:0}
.nav-note span{font-size:.8125rem;line-height:1.65}
main{min-width:0;padding:30px 32px 50px}
.page-head{align-items:center;border-bottom:1px solid #6e795244;padding-bottom:21px;margin-bottom:22px}
.page-head p{font-size:.9375rem;max-width:600px}
.page-head.table-scene{
  position:relative;min-height:160px;padding:25px 26px;margin-bottom:21px;
  border:1px solid #92815a;border-bottom:4px solid #705738;border-radius:6px;
  background:linear-gradient(90deg,#111c12f2 0%,#152016d9 40%,#14201755 74%,#11170f55),url('/zazerkalye-forest-table.png') center 57% / cover;
  box-shadow:inset 0 0 0 4px #131a12,0 5px 14px #0002;
}
.table-scene h1{margin-bottom:9px;font-size:clamp(2rem,3vw,2.75rem)}
.table-scene p{color:#d4d7ba}
.table-scene .button{flex-shrink:0;background:#233321ec}
.stats{gap:12px;margin-bottom:23px}
.stat{position:relative;padding:16px 20px;border:1px solid #596347;border-top:2px solid #9b9f65;border-radius:5px;background:linear-gradient(125deg,#3a462833,#1b261c);box-shadow:inset 0 0 0 3px #111a1422}
.stat>span{font-size:.875rem;color:#c3caaf}
.stat strong{font-family:Consolas,"Courier New",monospace;font-size:2rem;letter-spacing:0;color:#ede5b8;margin-top:5px;line-height:1.25}
.stat::after{content:"";position:absolute;width:5px;height:5px;right:8px;top:8px;background:#a29468;border:1px solid #3a3c2a;box-shadow:0 1px 2px #0006;transform:rotate(45deg)}
.dashboard-grid{grid-template-columns:minmax(0,1fr) 270px;gap:21px}
.panel{border:1px solid #64704c;border-radius:6px;background:linear-gradient(145deg,#29362133,transparent 60%),#1b251b;box-shadow:0 4px 15px #0002}
.panel-head{padding:20px;border-bottom:1px solid #6271464d;background:linear-gradient(90deg,#4b50322b,transparent);gap:12px}
.panel-head h2{font-size:1.25rem}
.leaderboard{font-size:.9375rem}
.leaderboard th{background:#101b12aa;color:#c4cbaf;font-family:Consolas,monospace;font-size:.8125rem;padding:13px 16px}
.leaderboard td{padding:17px 16px;border-bottom:1px solid #7180562b}
.leaderboard tbody tr:not(.podium):hover{background:#596c3322}
.leaderboard tr.podium{background:linear-gradient(90deg,var(--metal-glow),transparent 95%)}
.leaderboard tr.podium td{background:transparent}
.rank,.rating,.number,.match-score{font-family:Consolas,"Courier New",monospace}
.rating{font-size:1.1rem}
.player-link small{font-size:.75rem;color:#bec4a9;line-height:1.5;margin-top:2px}
.avatar{background:linear-gradient(145deg,#4b5836,#253923);border:1px solid #788460;color:#e7e8bc;border-radius:5px;box-shadow:inset 0 0 0 2px #192716}
.avatar.podium{border-radius:7px}
.leader-tenure{font-size:.75rem}
.rule-card,.preview-card{border-radius:6px;padding:22px;border:1px solid #8a8056;box-shadow:inset 0 0 0 3px #171e1455,0 4px 12px #0002}
.rule-card{background:linear-gradient(140deg,#4c552955,#26321f),#23311d}
.rule-card h2{color:#d9dc9b;font-size:1.35rem;line-height:1.3;margin-bottom:19px}
.rule-line{border-color:#8b956e33;font-size:.875rem;padding:12px 0;gap:12px}
.rule-line strong{font-family:Consolas,monospace;white-space:nowrap;color:#f2e5b5}
.rule-card p,.preview-card p{font-size:.875rem;color:#c9cbb1;line-height:1.6}
.preview-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#4e4029,#2b2d1e);border-color:#8e7046}
.preview-card::after{content:"";position:absolute;width:86px;height:100px;border:3px double #b5914b33;border-radius:48px 48px 3px 3px;right:-20px;bottom:30px;transform:rotate(-12deg);pointer-events:none}
.preview-card h2{font-size:1.55rem;color:#e7cf8b}
.recent{margin-top:23px}
.match-row{padding:17px 20px;border-color:#7180562b}
.match-date{font-size:.8125rem;color:#b3c19c}
.match-pair{font-size:.9375rem}
.match-pair a:hover{text-decoration:underline;text-underline-offset:4px}
.set-scores{font-family:Consolas,monospace;font-size:.8125rem;color:#b3bca0}
.winner,.positive{color:#dbe69b}
.negative{color:#e5a291}
.match-score{color:#ede8c9}
.profile-header{padding:25px;border:1px solid #6e7652;border-top:3px solid #a39461;border-radius:6px;background:linear-gradient(110deg,#2f3c26,#1b271be8);box-shadow:inset 0 0 0 4px #131c1355}
.profile-header.podium{border-radius:6px;background:radial-gradient(ellipse at 0 0,var(--metal-glow),transparent 80%),#1b271b}
.profile-header .avatar.large{border-radius:9px}
.profile-header h1{font-size:2.3rem;overflow-wrap:anywhere}
.profile-main-award strong{font-family:Georgia,serif;color:#e2d399;font-size:1.1rem;line-height:1.4}
.rating-pill{font-family:Consolas,monospace;color:#e0e3a0;letter-spacing:-.04em}
.collection-title{flex-wrap:wrap;margin:31px 0 16px;gap:9px 16px;padding-bottom:10px;border-bottom:1px solid #84915c55}
.collection-title h2{font-size:1.45rem;color:#e7dbad}
.collection-title span{font-size:.875rem;color:#b6c39e}
.awards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.award-card{border-radius:6px;border:1px solid #65734d;background:#1d2a1d;box-shadow:0 4px 12px #0002}
.award-card.earned{border-color:#a6a66e;box-shadow:inset 0 0 0 3px #192515,0 4px 15px #0003}
.award-card.down.earned{border-color:#a37860}
.award-card.comeback.earned,.award-card.top-three.earned{border-color:#c5a365}
.award-art{height:auto;aspect-ratio:1 / 1;flex-shrink:0;box-sizing:content-box;border-bottom:4px solid #725c3c;box-shadow:inset 0 0 0 4px #26301c88;image-rendering:auto}
.award-content{padding:18px}
.award-tag{font-family:Consolas,monospace;font-size:.75rem;color:#bbca9f;line-height:1.5}
.award-character{font-family:Consolas,monospace;font-size:.75rem;letter-spacing:.03em;color:#d2cf90;margin:12px 0 6px}
.award-name{font-size:1.15rem;color:#f1e7be;line-height:1.35}
.award-caption{font-size:.875rem;line-height:1.6;color:#bdc9ad}
.earned-badge{color:#d4dd92}
.award-card.locked{min-height:122px;background:linear-gradient(135deg,#293722,#1b251b);border:1px solid #556340;box-shadow:inset 0 0 0 4px #15201055}
.award-card.locked .award-content{padding:25px 20px;justify-content:center}
.progress-info{font-family:Consolas,monospace;font-size:.8125rem;color:#d4dabd;gap:9px}
.progress-note{font-size:.75rem;line-height:1.5;color:#b5c39d}
progress{height:10px;border-radius:2px;background:#0c170e;color:var(--lime);accent-color:var(--lime)}
progress::-webkit-progress-bar{background:#0c170e;border:1px solid #435035;border-radius:2px}
progress::-webkit-progress-value{background:linear-gradient(90deg,#8f9f59,#d4dc8b);border-radius:1px}
progress::-moz-progress-bar{background:linear-gradient(90deg,#8f9f59,#d4dc8b);border-radius:1px}
.down progress::-webkit-progress-value{background:linear-gradient(90deg,#986747,#dbac80)}
.down progress::-moz-progress-bar{background:linear-gradient(90deg,#986747,#dbac80)}
.comeback progress::-webkit-progress-value,.top-three progress::-webkit-progress-value{background:linear-gradient(90deg,#b08b46,#e0cd87)}
.comeback progress::-moz-progress-bar,.top-three progress::-moz-progress-bar{background:linear-gradient(90deg,#b08b46,#e0cd87)}
.social-panel{margin-bottom:24px}
.social-links{padding:17px 20px 20px}
.social-panel .panel-head p{font-size:.875rem}
.social-link{border-radius:5px;background:linear-gradient(130deg,#314129,#243423);border-color:#5c7045;max-width:none;font-size:.875rem}
.social-link:hover{background:#364d2e;border-color:#b3c47c}
.social-icon{border-radius:4px}
.social-link small{font-size:.75rem;color:#c0caaa}
.social-empty{font-size:.875rem;padding-top:16px}
.elo-body{padding-top:20px}
.elo-readout{border-radius:4px;background:#142213;border-color:#506440;font-size:.875rem;color:#d7e0c1}
.elo-legend,.elo-slider-label,.elo-axis-label{font-size:.875rem}
.elo-baseline-key{border-color:#b4c295}
.elo-y-axis,.elo-x-axis{font-family:Consolas,monospace;color:#c0cba7}
.elo-grid{stroke:#78915a30}
.h2h-item{border-radius:5px;border-color:#596d43;background:linear-gradient(140deg,#293c24,#1d2b1c);font-size:.9375rem}
.h2h-item:hover{border-color:#b2c07a}
.back{font-size:.875rem;color:#d1d6a2}
.back:hover{text-decoration:underline;text-underline-offset:5px}
dialog{border-radius:7px;border:3px double #b29b5e;background:linear-gradient(145deg,#2b3622,#1b281a);box-shadow:0 20px 80px #0009;max-height:calc(100dvh - 36px)}
dialog::backdrop{background:#080f09cc;backdrop-filter:blur(3px)}
.dialog-head{background:linear-gradient(90deg,#7d693633,transparent);border-color:#76824e66;padding:22px 24px}
.dialog-head h2{font-size:1.5rem;color:#ecdfae}
.dialog-body{padding:24px}
.socials-dialog{width:min(640px,calc(100vw - 28px));overflow-x:hidden}
.socials-dialog .dialog-head h2{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.socials-dialog .dialog-head .close{flex-shrink:0}
#socials-form{display:grid;gap:20px;min-width:0}
#socials-form>.form-help{margin:0}
.social-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
#socials-form .social-fields .field{margin:0;min-width:0}
.social-field-wide{grid-column:1/-1}
#socials-form .social-visibility{margin:0;padding:14px;align-items:flex-start;border:1px solid #5b6947;border-radius:5px;background:#142015}
#socials-form .social-visibility input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0}
.social-visibility>span{min-width:0;line-height:1.5}
.social-visibility strong{display:block;font-size:.875rem;font-weight:600}
.social-visibility small{display:block;margin-top:4px;font-size:.78rem;color:#b0bca4}
.award-earned-info{padding:14px 0;margin:0 0 16px;border-top:1px solid #60704477;border-bottom:1px solid #60704477}
.award-earned-info .eyebrow{font-size:.64rem;letter-spacing:.1em;display:block;margin-bottom:7px;color:#cdc594}
.award-earned-info p{font-size:.81rem;line-height:1.55;margin:0;color:#c2cbb7;overflow-wrap:anywhere}
.award-earned-info .award-earned-detail{margin-top:10px;color:#e3e6c9}
.award-match-link{font-size:.78rem;margin-top:10px;text-decoration:none}
.award-match-link:hover{text-decoration:underline;text-underline-offset:3px}
#socials-form .form-error{margin:0;overflow-wrap:anywhere}
#socials-form .form-error:empty{display:none}
#socials-form .form-footer{margin:0;flex-wrap:wrap}
@media(max-width:520px){.social-fields{grid-template-columns:minmax(0,1fr);gap:15px}.socials-dialog .dialog-body{padding:18px}#socials-form{gap:18px}#socials-form .form-footer{flex-direction:column-reverse}#socials-form .form-footer .button{width:100%}}
.field{font-size:.875rem;color:#e2e5cd}
.field input,.field select,.set-row input{border-radius:4px;border-color:#708055;background:#111e10;color:#f0f0d8;box-shadow:inset 0 2px 4px #0003;min-height:44px}
input::placeholder{color:#a0b08b;opacity:1}
.form-help{font-size:.875rem;line-height:1.6;color:#bdcaaa}
.form-error{font-size:.875rem;color:#efaf9c}
.set-row span{font-size:.875rem}
.empty-symbol{color:#c7d580}
.empty h2{color:#e1d8ab}
.empty p{font-size:.9375rem;color:#c0ccaa}
.toast{border-radius:5px;border:1px solid #e2e9ae;background:#d2dda0;color:#1d2b17;font-size:.9375rem;box-shadow:0 8px 30px #0005}
.toast.error{background:#e0b098;color:#38261d}
@media(min-width:1400px){.awards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){
  .shell{grid-template-columns:195px minmax(0,1fr)}main{padding:26px 23px 40px}
  .navigation{padding:27px 12px}.navigation>a{padding:12px 8px;gap:7px}
  .dashboard-grid{grid-template-columns:minmax(0,1fr)}.side-stack{grid-template-columns:1fr 1fr}
  .page-head.table-scene{padding:24px;min-height:155px}
  .table-scene .button{font-size:.8125rem;padding:10px 12px}
}
@media(max-width:760px){
  .topbar{padding:16px;gap:12px;border-bottom-width:2px}.brand{font-size:1rem;gap:10px;letter-spacing:.055em}
  .brand small{font-size:.6rem;letter-spacing:.12em}.brand-mark{width:34px;height:42px;font-size:1.5rem}.brand-paddle{width:23px;height:30px}
  .topbar>.button{font-size:.8125rem;padding:9px 11px;min-height:40px}.local-label{display:none}
  .shell{display:block}.navigation{display:flex;padding:11px 12px;gap:4px;min-height:0;border-bottom:1px solid #63704955;background:#172315;overflow-x:auto}
  .navigation>a{white-space:nowrap;margin:0;padding:10px 11px;font-size:.8125rem;border-radius:3px;flex-shrink:0}
  .navigation>a::before{display:none}.navigation>a span,.nav-note{display:none}
  main{padding:23px 16px 40px}.page-head{align-items:flex-start;gap:14px}.page-head h1{font-size:2rem}
  .page-head.table-scene{min-height:170px;padding:22px 19px;background-position:65% 57%;align-items:flex-start;flex-wrap:wrap;gap:14px}
  .table-scene h1{font-size:2rem}.table-scene p{font-size:.875rem}.table-scene .button{font-size:.8125rem;min-height:38px;padding:8px 12px}
  .stats{gap:8px;margin-bottom:19px}.stat{padding:13px 11px}.stat>span{font-size:.8125rem;line-height:1.3;display:block}.stat strong{font-size:1.65rem;margin-top:8px}
  .panel-head{padding:17px}.panel-head h2{font-size:1.15rem}.panel-head .meta{font-size:.8125rem}
  .leaderboard{font-size:.875rem}.leaderboard td,.leaderboard th{padding:14px 10px}.leaderboard th{font-size:.75rem}
  .leaderboard tr.podium td:nth-child(4){border-right:1px solid var(--metal-soft)}
  .leaderboard tr.podium .player-link{gap:11px}.player-link small{font-size:.75rem;max-width:155px}.leader-tenure{font-size:.75rem}
  .rank{width:32px}.rating{font-size:1rem}.avatar{width:32px;height:34px;flex-shrink:0}.podium-medal{width:18px;height:18px;font-size:10px}
  .side-stack{grid-template-columns:1fr}.rule-card,.preview-card{padding:21px}.rule-card h2{font-size:1.4rem}
  .profile-header,.profile-header.podium{padding:22px 19px;gap:20px}.profile-header h1{font-size:2rem}.profile-main-award{width:100%;max-width:none;margin-left:0;text-align:left}
  .profile-header .avatar.large{width:68px;height:70px;font-size:1.8rem}.profile-header .leader-tenure{font-size:.8125rem}
  .awards-grid{grid-template-columns:minmax(0,1fr);gap:12px}.award-art{height:auto;aspect-ratio:1 / 1;flex-shrink:0;box-sizing:content-box}.award-content{padding:14px}.award-tag{font-size:.75rem;flex-wrap:wrap;gap:6px}
  .award-name{font-size:1.05rem;overflow-wrap:anywhere}.award-caption{font-size:.875rem;min-height:0}.award-character{font-size:.75rem}
  .award-card.locked .award-content{padding:23px 15px}.progress-info{font-size:.75rem}.progress-note{font-size:.75rem}
  .collection-title{gap:7px 12px}.collection-title h2{font-size:1.35rem}.collection-title span{font-size:.8125rem}
  .social-links{padding:15px 16px 16px;gap:9px}.social-link{padding:12px;flex-basis:145px}.social-panel .panel-head p{font-size:.8125rem}.social-panel .panel-head .button{font-size:.8125rem}
  .elo-readout{font-size:.8125rem}.elo-legend{font-size:.8125rem}.elo-body{padding-top:19px}
  .match-row{padding:15px 17px}.match-date{font-size:.8125rem}.match-pair{font-size:.875rem}.set-scores{font-size:.75rem}
  .dialog-head{padding:20px}.dialog-head h2{font-size:1.3rem}.dialog-body{padding:20px}.button{font-size:.875rem}
}
@media(max-width:420px){
  .navigation>a{padding:10px 9px}.brand{font-size:.875rem}.brand small{font-size:.6rem}
  .leaderboard td,.leaderboard th{padding-left:8px;padding-right:8px}.leaderboard tr.podium .player-link{gap:9px}
  .social-link{flex-basis:100%}.stat strong{font-size:1.5rem}.stat>span{font-size:.75rem}
}
@media(max-width:360px){.awards-grid{grid-template-columns:1fr}.award-art{height:auto;aspect-ratio:1 / 1;flex-shrink:0;box-sizing:content-box}.brand small{display:none}.topbar>.button{font-size:.75rem}.leaderboard td,.leaderboard th{padding-left:6px;padding-right:6px}}
@media(prefers-reduced-motion:no-preference){.button,.social-link,.navigation>a{transition:background-color .15s,border-color .15s}.award-card.earned:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.award-card.earned:hover{transform:none}}