@font-face{font-family:Barlow;src:url('/fonts/barlow/barlow-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow/barlow-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Barlow Condensed;src:url('/fonts/condensed/barlow-condensed-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--paper:#0c0e10;--white:#14181b;--ink:#f2f3f4;--muted:#a6aaae;--line:#30343a;--red:#ff5965;--teal:#f3bd4f;--soft-red:#321c23;--soft-teal:#30291c;--blue:#75bbff}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Barlow,sans-serif}
button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}button svg{pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3,.display-number{font-family:Barlow Condensed,sans-serif;font-weight:600}h1{font-size:52px;line-height:1}h2{font-size:32px;line-height:1.15}h3{font-size:24px;line-height:1.2}[hidden]{display:none!important}.section-label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0}.muted{color:var(--muted)}
.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 22px;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin-bottom:58px}.brand-mark{font:600 46px/.9 Barlow Condensed,sans-serif;white-space:nowrap}.brand-mark span{color:var(--red)}.brand>span:last-child{font-size:11px;line-height:1.2;font-weight:600}.nav-label{padding:0 12px;margin-bottom:12px}nav{display:flex;flex-direction:column;gap:7px}nav a,nav button{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:4px;font-size:14px;text-align:left;font-weight:600}nav a:hover,nav button:hover{background:var(--paper)}nav a.active{color:var(--red);background:var(--soft-red)}.nav-arrow{margin-left:auto;width:15px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:9px;padding:26px 10px 0}.sidebar-foot strong{font:600 20px Barlow Condensed,sans-serif}.sidebar-foot>span:not(.small-puck){font-size:11px;color:var(--muted)}.sidebar-foot .edition{border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.small-puck{height:16px;width:32px;background:var(--ink);border-radius:50%;border-bottom:5px solid #5e6b65;transform:rotate(-15deg);margin-bottom:12px}.workspace{margin-left:222px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#ffffffb3}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--soft-teal)}.status-dot.offline{background:var(--red);box-shadow:0 0 0 4px var(--soft-red)}#account-control{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600}.avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);background:var(--white);border-radius:4px;font-size:12px;color:var(--teal)}main{max-width:1400px;margin:0 auto;padding:38px 42px 32px;min-height:calc(100vh - 146px)}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:32px}.page-heading .section-label{display:block;margin-bottom:12px}.page-heading p{color:var(--muted);font-size:14px;margin-top:12px}.season-tag{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;padding-bottom:6px}.season-tag svg{color:var(--red);width:16px}.heading-rule{height:4px;width:38px;background:var(--red);margin-top:17px}.play-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:36px}.queue-section{border-top:1px solid var(--line);padding-top:22px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{font-size:27px}.pill{font-size:11px;font-weight:600;display:inline-flex;gap:6px;align-items:center;color:var(--teal);background:var(--soft-teal);padding:4px 8px;border-radius:3px}.pill.ready{background:var(--soft-red);color:var(--red)}.pill.cancelled,.pill.finished{background:#e9eeec;color:var(--muted)}.queue-meta{display:flex;gap:18px;font-size:12px;color:var(--muted);margin-top:-11px;margin-bottom:23px}.queue-meta span{display:flex;align-items:center;gap:5px}.queue-meta svg{width:14px;height:14px}.field-label{display:block;font-size:12px;font-weight:600;margin:22px 0 9px}.segmented{display:flex;gap:4px;border:1px solid var(--line);padding:4px;border-radius:5px;background:#eaf0ed}.segmented button{flex:1;min-width:0;padding:10px 8px;font-size:13px;border-radius:3px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px}.segmented button[aria-pressed=true]{background:var(--white);box-shadow:0 1px 4px #202a2912;color:var(--ink)}.region-count{font-size:11px;color:var(--muted);background:var(--paper);padding:0 5px;min-width:18px}.positions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.position{border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 6px;font-size:13px;background:var(--white)}.position[aria-pressed=true]{border-color:var(--teal);color:var(--teal);background:var(--soft-teal)}.position svg{width:17px}.queue-count{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}.queue-count strong{font-family:Barlow Condensed,sans-serif;font-size:38px;line-height:1}.queue-count strong span{color:#87928d;font-size:23px}.queue-count>span{font-size:12px;color:var(--muted)}.slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:22px}.slot{height:52px;border:1px dashed #cbd5cf;border-radius:4px;display:grid;place-items:center;color:#98a69d;font-size:12px;font-weight:600}.slot.filled{border:1px solid #c7ded2;background:var(--soft-teal);color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 19px;border:1px solid var(--line);border-radius:4px;background:var(--white);font-size:14px;font-weight:600;transition:background .15s}.button:hover{background:#eaf0ed}.button.primary{background:var(--red);border-color:var(--red);color:white}.button.primary:hover{background:#bc2631}.button.wide{width:100%;min-height:49px}.button.compact{min-height:36px;padding:6px 12px;font-size:12px}.button.subtle{background:transparent}.button.danger{color:var(--red)}.queue-footnote{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-top:12px}.queue-footnote svg{width:13px;height:13px}.activity{border-top:1px solid var(--line);padding-top:22px;min-width:0}.activity .section-heading a{font-size:12px;display:flex;align-items:center;gap:5px}.activity .section-heading a svg{width:14px}.empty{padding:28px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:9px}.empty>svg{color:#83988c;width:29px;height:29px;margin-bottom:7px}.empty strong{font-size:14px;font-weight:600}.empty p{font-size:13px;color:var(--muted);max-width:250px}.activity-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.activity-item .item-details{flex:1;min-width:0}.activity-item strong{font-size:13px;display:block;overflow-wrap:anywhere}.activity-item small{color:var(--muted);font-size:11px}.activity-item>svg{color:var(--muted);width:16px}.number-box{font:600 22px Barlow Condensed,sans-serif;border-left:3px solid var(--red);padding:0 10px 0 8px}.rink-band{display:grid;grid-template-columns:220px 1fr;gap:26px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line);align-items:center}.rink-image{width:220px;aspect-ratio:1040/807;object-fit:contain;border-radius:4px;background:#dce3df}.rink-info h3{margin:6px 0 12px}.rink-facts{display:flex;gap:22px;flex-wrap:wrap}.rink-facts div{display:flex;flex-direction:column;font-size:13px}.rink-facts span{font-size:10px;color:var(--muted);margin-bottom:3px}.rink-info .field-note{margin-top:12px}.matches-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.matches-table th{font-size:11px;color:var(--muted);font-weight:600;padding:13px 12px;border-bottom:1px solid var(--line)}.matches-table td{padding:20px 12px;border-bottom:1px solid var(--line)}.matches-table td:first-child{font-weight:600}.matches-table a{color:var(--teal);display:inline-flex;align-items:center;gap:6px}.matches-table svg{width:15px}.table-scroll{overflow:auto}.match-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.match-banner p{font-size:13px;color:var(--muted);margin-top:5px}.countdown{font:600 45px/1 Barlow Condensed,sans-serif;color:var(--red);font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.teams{display:grid;grid-template-columns:1fr 1fr;gap:30px}.team-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--red);padding-bottom:12px;margin-bottom:5px}.team.blue .team-heading{border-color:var(--blue)}.team-heading h3{font-size:24px}.team-heading span{font-size:11px;color:var(--muted)}.player{display:flex;gap:11px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.player .avatar{color:var(--red);background:var(--soft-red);border:0}.team.blue .avatar{color:var(--blue);background:#e5edfa}.player-info{flex:1;min-width:0}.player-info strong{font-size:14px;display:block;overflow-wrap:anywhere}.player-info small{font-size:11px;color:var(--muted)}.accepted{color:var(--teal);width:18px}.waiting{width:18px;color:#96a49d}.match-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.match-actions .primary{min-width:190px}.host-section{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.host-section label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.inline-form{display:flex;gap:10px;max-width:600px}.inline-form input{flex:1;min-width:0}.lobby-display{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.lobby-display strong{font-size:22px;overflow-wrap:anywhere;min-width:0}.match-note{font-size:13px;color:var(--muted);margin:15px 0}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-bottom:25px}.back-link svg{width:16px}.history-empty{min-height:280px;justify-content:center;align-items:center;text-align:center}.history-empty p{max-width:400px}.network-error{background:var(--soft-red);color:#a11d27;padding:12px 42px;font-size:13px}.loading{padding:60px 0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:21px 42px;display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:10px}footer b{color:var(--red);margin:0 5px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:4px}.icon-button:hover{background:#e7eeea}.toast{position:fixed;bottom:24px;left:calc(50% + 111px);transform:translateX(-50%);background:var(--ink);color:white;padding:13px 20px;border-radius:5px;font-size:14px;box-shadow:0 8px 25px #202a2926;z-index:40;max-width:calc(100% - 36px);width:max-content}.skip-link{position:fixed;top:-60px;left:20px;background:var(--white);padding:10px;z-index:100}.skip-link:focus{top:10px}dialog{border:1px solid var(--line);border-radius:8px;padding:27px;width:420px;max-width:calc(100% - 28px);background:var(--white);color:var(--ink);box-shadow:0 24px 90px #101a2940}dialog::backdrop{background:#202a297a;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}dialog h2{font-size:36px;margin-bottom:23px}.auth-tabs{margin-bottom:24px}form label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input{height:44px;width:100%;padding:10px 12px;border:1px solid #bdc9c2;border-radius:4px;background:var(--white);color:var(--ink)}#account-form input{margin-bottom:16px}#account-form input[type=password]{margin-bottom:4px}.field-note{font-size:11px;color:var(--muted);display:block}.form-error{color:var(--red);font-size:13px;margin:13px 0;min-height:0}.identity-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:20px}.identity-note svg{width:16px;flex-shrink:0}.reveal{animation:reveal .35s ease-out both}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.rink-image{height:auto}
.slots{grid-template-columns:repeat(8,minmax(0,1fr))}
.verification{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
.verification .section-heading{flex-wrap:wrap;margin-bottom:12px}
.verification .section-heading h2{font-size:27px}
.verification-tallies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:720px}
.verification-tally{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:12px;font-weight:600;color:var(--red)}
.verification-tally.blue{color:var(--blue)}
.verification-tally strong{font:600 30px Barlow Condensed,sans-serif;white-space:nowrap}
.verification-tally small{font-size:20px;color:var(--muted)}
.verification-tally progress{width:100%;height:8px;grid-column:1/-1;accent-color:var(--red)}
.verification-tally.blue progress{accent-color:var(--blue)}
.verify-red{border-color:var(--red);color:var(--red)}
.verify-blue{border-color:var(--blue);color:var(--blue)}
.vote-note{margin-top:12px}
.back-to-queue{margin-top:24px}
.pending-verifications{border-left:3px solid var(--teal);padding:12px 16px;margin-bottom:28px;background:var(--soft-teal)}
.pending-verifications h3{font-size:21px;margin-bottom:12px}
.pending-verifications .activity-item:last-child{padding-bottom:0}
@media(min-width:1500px){main{padding-top:50px}.play-grid{gap:55px}.queue-section{padding-right:24px}.rink-band{margin-top:48px}}
@media(max-width:1100px){.sidebar{width:185px;padding:28px 14px}.workspace{margin-left:185px}.brand{gap:9px}.brand-mark{font-size:40px}.brand>span:last-child{font-size:10px}main{padding:30px 26px}.topbar{padding:0 26px}.play-grid{gap:26px;grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr)}.season-tag{display:none}.toast{left:calc(50% + 92px)}.rink-band{grid-template-columns:170px 1fr}.rink-image{width:170px}footer{padding:20px 26px}.positions{gap:6px}.position{gap:5px}}
@media(max-width:820px){.play-grid{grid-template-columns:1fr}.activity{margin-top:7px}.activity .empty{padding:18px 0}.rink-band{margin-top:24px}.sidebar{width:170px}.workspace{margin-left:170px}.sidebar nav a,.sidebar nav button{padding:12px 7px;font-size:13px}.brand{gap:7px}.brand>span:last-child{font-size:9px}.nav-arrow{display:none}.toast{left:calc(50% + 85px)}footer{flex-direction:column;gap:5px}h1{font-size:46px}.teams{gap:18px}.rink-facts{gap:13px}.rink-info h3{font-size:22px}}
@media(max-width:600px){.sidebar{position:relative;width:100%;padding:18px 20px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{margin-bottom:19px}.brand-mark{font-size:40px}.brand>span:last-child{font-size:10px}.nav-label,.sidebar-foot{display:none}nav{flex-direction:row;gap:8px}nav a,nav button{flex:1;justify-content:center}.sidebar nav a,.sidebar nav button{font-size:12px;padding:12px 4px;border-radius:4px 4px 0 0;gap:7px}nav svg{width:17px}.workspace{margin-left:0}.topbar{height:59px;padding:0 20px}main{padding:28px 20px 24px;min-height:calc(100vh - 272px)}.page-heading{margin-bottom:26px}h1{font-size:44px}.page-heading p{font-size:13px}.page-heading .section-label{font-size:10px}.section-heading h2{font-size:26px}.play-grid{gap:27px}.rink-band{grid-template-columns:112px minmax(0,1fr);gap:15px;align-items:start}.rink-image{width:112px}.rink-info h3{font-size:21px;margin:3px 0 9px}.rink-info>.section-label{font-size:9px}.rink-facts{gap:8px 15px}.rink-facts div{font-size:11px}.rink-facts span{font-size:9px}.rink-info>.field-note{font-size:10px}.teams{grid-template-columns:1fr;gap:24px}.match-banner{align-items:start}.match-banner h2{font-size:27px}.countdown{font-size:38px;min-width:65px}.match-actions{gap:8px}.match-actions .button{flex:1}.match-actions .primary{min-width:0}.inline-form{flex-direction:column}.toast{left:50%;bottom:18px}footer{padding:18px 20px;font-size:9px}.network-error{padding:12px 20px}.matches-table{font-size:12px}.matches-table th,.matches-table td{padding:14px 9px}.matches-table th:first-child,.matches-table td:first-child{padding-left:0}.matches-table .date-column{display:none}.queue-meta{gap:14px}#account-control{gap:7px}#account-control .player-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot{height:47px}.auth-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body {
	background-image: linear-gradient(#b9e1e104 1px, transparent 1px), linear-gradient(90deg, #b9e1e104 1px, transparent 1px);
	background-size: 48px 48px;
}
::selection { background: var(--teal); color: #16140e; }
.sidebar { background: #101315; border-right-color: #30383c; padding-top: 32px; }
.brand { gap: 13px; margin-bottom: 54px; }
.brand-mark {
	position: relative; display: grid; place-items: center; width: 62px; height: 57px;
	font-size: 40px; font-style: italic; color: #16140e; background: var(--teal);
	clip-path: polygon(0 0, 78% 0, 100% 24%, 100% 100%, 22% 100%, 0 76%);
}
.brand-mark span { display: none; }
.brand>span:last-child { font-size: 12px; line-height: 1.4; }
.nav-label { color: #72868d; }
nav a, nav button { border: 1px solid transparent; border-radius: 2px; }
nav a.active { color: var(--teal); border-color: #54482c; background: linear-gradient(90deg, #322b1e, #1c1c1a); box-shadow: inset 3px 0 var(--teal); }
nav a:hover, nav button:hover { background: #1b2428; color: var(--ink); }
.sidebar-foot { position: relative; padding-top: 32px; }
.sidebar-foot::before { content: ''; position: absolute; top: 0; left: 10px; height: 3px; width: 74px; background: repeating-linear-gradient(120deg, var(--teal) 0 4px, transparent 4px 9px); opacity: .55; }
.sidebar-foot strong { font-size: 23px; font-style: italic; }
.small-puck { width: 38px; height: 21px; background: #2c3035; border: 1px solid #929496; border-bottom: 6px solid #0a0e10; box-shadow: 0 4px 0 #f3bd4f3b; }
.sidebar-foot .edition { color: #8a9b9f; }
.topbar { background: #0f1416eb; border-bottom-color: #263236; height: 70px; }
.connection { color: #b4c9ca; font-size: 12px; }
.status-dot { box-shadow: 0 0 0 4px #f3bd4f12, 0 0 12px #f3bd4f57; }
.avatar { background: #242424; border-color: #48443a; border-radius: 2px; }
main { padding-top: 36px; min-height: calc(100vh - 138px); }
.page-heading { position: relative; align-items: center; padding-bottom: 27px; margin-bottom: 30px; border-bottom: 1px solid #344246; }
.page-heading::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 104px; height: 3px; background: var(--teal); box-shadow: 0 0 18px #f3bd4f42; }
.page-heading .section-label { color: var(--teal); font-size: 11px; margin-bottom: 10px; }
h1 { font-size: 64px; font-style: italic; line-height: 1.05; text-shadow: 3px 3px 0 #f3bd4f1a; }
.heading-rule { display: none; }
.page-heading p { margin-top: 8px; color: #a8b9be; }
.season-tag { gap: 10px; padding: 13px 16px; background: #1b1e21; border: 1px solid #45474b; box-shadow: inset 0 -2px #f3bd4f2b; color: #e0e3e6; }
.season-tag svg { color: var(--teal); }
.play-grid { gap: 34px; grid-template-columns: minmax(0, 1.7fr) minmax(250px, 1fr); }
.queue-section { position: relative; padding: 22px 26px 24px; background: linear-gradient(130deg, #192226, #111719 75%); border: 1px solid #3a4a50; border-radius: 3px; box-shadow: 0 12px 35px #00000029; }
.queue-section::before { content: ''; position: absolute; top: -1px; left: 25px; width: 56px; height: 2px; background: var(--teal); }
.queue-section .section-heading h2 { font-size: 30px; font-style: italic; }
.section-heading { flex-wrap: wrap; gap: 10px; }
.pill { border: 1px solid #62522f; background: #30291d; color: #f8d68f; border-radius: 2px; font-size: 10px; padding: 4px 7px; }
.pill.ready { background: #362329; border-color: #79414b; color: #ff9fa8; }
.pill.cancelled, .pill.finished { background: #20282b; border-color: #3a484d; color: #b9c9cd; }
.queue-meta { gap: 16px; flex-wrap: wrap; color: #a8b9bf; font-size: 12px; }
.queue-meta svg { color: #79959e; }
.field-label { color: #b8c6ca; font-size: 12px; }
.segmented { background: #0b1012; border-color: #2e3d43; padding: 4px; border-radius: 3px; }
.segmented button { min-height: 40px; color: #a6b7bf; border-radius: 2px; }
.segmented button[aria-pressed=true] { background: #322d23; color: var(--teal); box-shadow: inset 0 -2px var(--teal); }
.segmented button:not(:disabled):hover { background: #1d2a30; }
.region-count { background: #15171a; color: #d0d4d8; min-width: 22px; border-radius: 2px; }
.position { min-height: 52px; background: #11191c; border-color: #34454b; border-radius: 2px; color: #b8c8ce; }
.position[aria-pressed=true] { color: var(--teal); background: #30291d; border-color: #9d803d; box-shadow: inset 0 -2px #f3bd4f8c; }
.position:not(:disabled):hover { background: #233138; border-color: #6d919b; }
.queue-count { margin-top: 25px; align-items: center; }
.queue-count strong { font-size: 44px; color: var(--ink); font-variant-numeric: tabular-nums; }
.queue-count strong span { color: #72878f; font-size: 27px; }
.queue-count>span { color: #9eb2b8; }
.slots { gap: 8px; counter-reset: slot; }
.slot { position: relative; height: 66px; border: 1px solid #66353c; background: linear-gradient(180deg, #332027, #1b171c); color: #b8777f; border-radius: 2px; padding-bottom: 12px; counter-increment: slot; }
.slot:nth-child(n+5) { border-color: #335570; background: linear-gradient(180deg, #1b2c36, #131c24); color: #71a2c6; }
.slot::after { content: '0' counter(slot); position: absolute; bottom: 5px; font-size: 9px; line-height: 1; color: #ba9195; }
.slot:nth-child(n+5)::after { color: #8fadc7; }
.slot.filled { background: #44282e; border-color: var(--red); color: #fff; box-shadow: inset 0 -2px var(--red); }
.slot.filled:nth-child(n+5) { background: #1c3547; border-color: var(--blue); box-shadow: inset 0 -2px var(--blue); }
.button { border-color: #3b4e55; background: #1c282e; border-radius: 2px; color: #d9e9ef; min-height: 44px; }
.button:hover { background: #2b3e44; border-color: #779ca5; }
.button.primary { color: #18140b; background: var(--teal); border-color: var(--teal); box-shadow: 0 4px 20px #f3bd4f11; }
.button.primary:hover { color: #18140b; background: #ffda86; border-color: #ffda86; }
.queue-section>.button.wide { min-height: 54px; font-size: 16px; }
.queue-section>.button.primary { background-image: linear-gradient(115deg, transparent 75%, #ffffff23 75%, #ffffff23 82%, transparent 82%); }
.button.danger { color: #ff8992; }
.button.subtle { border-color: #50373e; }
.button:disabled { opacity: .64; }
.queue-footnote { flex-wrap: wrap; font-size: 11px; color: #9caeb5; }
.activity { border-top: 0; padding-top: 5px; }
.activity .section-heading { padding-bottom: 16px; margin-bottom: 0; border-bottom: 1px solid var(--line); }
.activity .section-heading h2 { font-size: 25px; }
.activity .section-heading a { color: var(--teal); }
.empty { border-top: 0; min-height: 175px; padding: 26px 0; }
.empty>svg { color: var(--teal); }
.empty strong { color: #d9e7e9; font-weight: 600; }
.empty p { color: #99adb4; }
.activity-item { border-top-color: #2b3a40; }
a.activity-item:hover { background: #18272d; }
.number-box { border-left-color: var(--teal); color: #f2d99f; }
.rink-band { position: relative; grid-template-columns: 200px minmax(0, 1fr); gap: 25px; border-top: 1px solid #324347; margin-top: 28px; padding-top: 22px; }
.rink-image { width: 200px; height: auto; border: 1px solid #485b63; border-radius: 2px; background: #151f24; box-shadow: 6px 6px 0 #172226; }
.rink-info>.section-label { color: #b8b1a0; }
.rink-info h3 { font-size: 28px; font-style: italic; }
.rink-facts { gap: 25px; }
.rink-facts div { color: #d7e5e8; }
.rink-facts span { color: #81999f; }
.matches-table th { color: #c9c4b5; background: #1a1e22; }
.matches-table tbody tr:hover { background: #172328; }
.match-banner { background: linear-gradient(90deg, #192729, transparent); padding: 20px 18px; border-color: #3b4a50; }
.countdown { color: var(--teal); text-shadow: 0 0 22px #f3bd4f3b; }
.team-heading { border-bottom-width: 2px; }
.team .player { padding-left: 10px; padding-right: 10px; background: linear-gradient(90deg, #2c1a2055, transparent); }
.team.blue .player { background: linear-gradient(90deg, #17344555, transparent); }
.team.blue .avatar { background: #1d3546; color: #a1d2ff; }
.team .avatar { border: 1px solid #733f47; border-radius: 2px; }
.team.blue .avatar { border-color: #3a647f; }
.player [title=Accepted] { color: var(--teal); }
.player [title=Waiting] { color: #84959d; }
.lobby-display strong { color: var(--teal); }
.verification { border-top-color: #4a666b; }
.verification-tally progress { appearance: none; border: 0; background: #263239; border-radius: 0; }
.verification-tally progress::-webkit-progress-bar { background: #263239; }
.verification-tally progress::-webkit-progress-value { background: var(--red); }
.verification-tally.blue progress::-webkit-progress-value { background: var(--blue); }
.verification-tally progress::-moz-progress-bar { background: var(--red); }
.verification-tally.blue progress::-moz-progress-bar { background: var(--blue); }
.verify-red { border-color: #af545c; color: #ff8b94; background: #321f26; }
.verify-blue { border-color: #507da5; color: #9acfff; background: #1b2d3b; }
.verify-draw { border-color: #9d803d; color: var(--teal); background: var(--soft-teal); }
.verification-tally.draw { color: var(--teal); }
.verification-tally.draw progress::-webkit-progress-value { background: var(--teal); }
.verification-tally.draw progress::-moz-progress-bar { background: var(--teal); }
.result-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.result-actions .button { min-width: 0; }
@media (max-width:600px) { .verification-tally { grid-template-columns: 1fr; gap: 4px; } .verification .result-actions .button { padding: 10px 4px; font-size: 12px; gap: 4px; } }
.pending-verifications { border: 1px solid #544931; border-left: 3px solid var(--teal); background: #24221c; }
.icon-button:hover { background: #263a40; }
.network-error { background: #3a2029; color: #ffb5bc; }
.toast { background: #ffdf96; color: #251c0d; box-shadow: 0 8px 30px #0007; border: 1px solid var(--teal); }
dialog { background: #171b20; border-color: #7a6842; box-shadow: 0 25px 90px #000b, 0 0 35px #f3bd4f0b; border-radius: 4px; }
dialog::backdrop { background: #020608bf; backdrop-filter: blur(6px); }
dialog h2 { color: #f4f4f4; font-style: italic; }
input { background: #0b1317; border-color: #41565f; border-radius: 2px; color: #efffff; }
input::placeholder { color: #90a5af; }
input:focus { border-color: var(--teal); }
footer { background: #0e1416; border-top-color: #2c3d42; color: #8ca3aa; }
footer b { color: var(--teal); }
.page-heading { animation: console-enter .45s ease-out both; }
.play-grid { animation: console-enter .55s .07s ease-out both; }
.rink-band { animation: console-enter .55s .14s ease-out both; }
@keyframes console-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.leaderboard-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.server-tabs { width: 340px; max-width: 100%; }
.server-tabs svg { width: 16px; height: 16px; }
.leaderboard-toolbar .pill { display: inline-flex; align-items: center; gap: 7px; }
.leaderboard-toolbar .pill svg { width: 14px; height: 14px; }
.leaderboard-summary { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; padding: 27px 0; margin: 24px 0 0; border-top: 1px solid var(--line); }
.leaderboard-summary>div { display: flex; flex-direction: column; gap: 7px; }
.leaderboard-summary>div:first-child { margin-right: auto; }
.leaderboard-summary h2 { font-size: 32px; }
.leaderboard-summary strong { font: 600 28px Barlow Condensed, sans-serif; color: var(--teal); }
.leaderboard-table { font-variant-numeric: tabular-nums; }
.leaderboard-table th:not(:nth-child(2)), .leaderboard-table td:not(:nth-child(2)) { text-align: right; white-space: nowrap; }
.leaderboard-table th:first-child, .leaderboard-table td:first-child { text-align: left; }
.leaderboard-table td { padding-top: 16px; padding-bottom: 16px; }
.rank-number { display: inline-flex; gap: 6px; align-items: center; min-height: 30px; font: 600 24px Barlow Condensed, sans-serif; }
.rank-number.top-rank { color: #f2cf77; }
.rank-number svg { width: 16px; height: 16px; }
.standing-player { display: flex; align-items: center; gap: 12px; font-weight: 600; }
.standing-player>span:last-child { overflow-wrap: anywhere; }
.standing-player .avatar { flex-shrink: 0; }
.standing-player small { display: block; font-size: 9px; color: var(--teal); }
.standing-wins { color: var(--teal); font-weight: 600; }
.standing-elo { color: var(--teal); font-weight: 600; }
.player-info { min-width: 0; overflow-wrap: anywhere; }
.player-elo { display: block; margin-top: 5px; font-size: 12px; font-variant-numeric: tabular-nums; color: var(--muted); }
.elo-gain { color: var(--teal); }
.elo-loss { color: var(--red); }
.leaderboard-table .own-standing { background: #2c271d; box-shadow: inset 3px 0 var(--teal); }
.leaderboard-empty { border-top: 1px solid var(--line); }
.discord-widget { display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 12px; margin-top: 24px; padding: 20px 0; border-top: 1px solid var(--line); }
.discord-symbol { color: var(--teal); display: grid; place-items: center; }
.discord-symbol svg { width: 26px; height: 26px; }
.discord-details { min-width: 0; }
.discord-details .section-label { font-size: 9px; }
.discord-details h2 { font-size: 23px; line-height: 1.1; }
.discord-join { grid-column: 1 / -1; font-size: 13px; padding: 9px 10px; gap: 8px; }
@media (max-width:600px) {
	.discord-widget { grid-template-columns: 26px minmax(0,1fr) auto; gap: 10px; margin-top: 12px; padding: 12px 0; }
	.discord-details h2 { font-size: 20px; }
	.discord-join { grid-column: auto; font-size: 12px; }
}
.draft-board { padding: 24px 0; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
.profile-link:hover { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
nav button.active { color: var(--teal); border-color: #54482c; background: #25231c; box-shadow: inset 3px 0 var(--teal); }
.player-avatar { flex: 0 0 30px; }
.slot .player-avatar { width: 100%; height: 100%; background: transparent; border: 0; }
[data-icon=rookie] { --icon-color: #b6c7ce; }
[data-icon=striker] { --icon-color: #ff8791; }
[data-icon=sentinel] { --icon-color: #75bbff; }
[data-icon=charged] { --icon-color: #79ddae; }
[data-icon=champion] { --icon-color: #f3bd4f; }
[data-icon=legend] { --icon-color: #f6eeee; }
.player-avatar[data-icon], .team .player-avatar[data-icon] { color: var(--icon-color); }
.profile-header { display: flex; align-items: center; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.profile-header>div:last-child { min-width: 0; }
.profile-header h1 { font-size: 40px; overflow-wrap: anywhere; margin: 6px 0 10px; }
.profile-header p { font-size: 13px; }
.profile-emblem { display: grid; place-items: center; width: 100px; height: 100px; flex: 0 0 100px; color: var(--icon-color); background: #191d20; border: 1px solid var(--icon-color); border-radius: 4px; }
.profile-emblem svg { width: 48px; height: 48px; }
.profile-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; padding: 24px 0; border-bottom: 1px solid var(--line); gap: 12px; }
.profile-stats dt { font-size: 12px; color: var(--muted); text-transform: uppercase; }
.profile-stats dd { margin: 0; font: 600 32px Barlow Condensed,sans-serif; }
.profile-stats>div:first-child dd { color: var(--teal); }
.profile-section { padding: 28px 0; border-bottom: 1px solid var(--line); }
.profile-section h2 { font-size: 26px; }
.unlock-progress { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; font-size: 13px; margin-bottom: 20px; }
.unlock-progress strong { color: var(--teal); }
.unlock-progress progress { grid-column: 1/-1; width: 100%; height: 6px; accent-color: var(--teal); }
.icon-collection { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.collection-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 180px; padding: 18px 10px; border: 1px solid var(--line); border-radius: 4px; background: #171b1e; }
.collection-item[aria-pressed=true], .collection-item[data-equipped=true] { border-color: var(--teal); background: #24231e; }
.collection-item:disabled { opacity: 1; }
.collection-item.locked { color: var(--muted); background: #111517; }
.collection-item.locked .collection-symbol { opacity: .4; }
button.collection-item:not(:disabled):hover { border-color: var(--teal); background: #242b2e; }
.collection-symbol { color: var(--icon-color); display: grid; place-items: center; width: 48px; height: 48px; }
.collection-symbol svg { width: 34px; height: 34px; }
.collection-item small { color: var(--muted); font-size: 12px; }
.icon-state { display: flex; align-items: center; gap: 5px; font-size: 11px; margin-top: 5px; }
.icon-state svg { width: 13px; height: 13px; }
.profile-table { width: 100%; font-variant-numeric: tabular-nums; }
.profile-result .result-outcome { width: 42px; flex-shrink: 0; font-weight: 600; }
.result-outcome.win { color: #79ddae; }
.result-outcome.loss { color: var(--red); }
.result-outcome.draw { color: var(--blue); }
.result-rating { flex-shrink: 0; font-size: 13px; text-align: right; }
.result-rating small { display: block; }
@media (max-width:600px) {
	.profile-header { gap: 14px; align-items: flex-start; }
	.profile-header h1 { font-size: 28px; }
	.profile-emblem { width: 64px; height: 64px; flex-basis: 64px; }
	.profile-emblem svg { width: 34px; height: 34px; }
	.profile-header p span { display: block; }
	.icon-collection { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
	.collection-item { min-height: 164px; }
	.profile-result { gap: 8px; }
	.profile-result>.lucide { display: none; }
	.profile-table td, .profile-table th { padding-left: 6px; padding-right: 6px; }
}
.draft-board h2 { font-size: 28px; }
.draft-board h3 { font-size: 22px; margin-bottom: 12px; }
.draft-turn { overflow-wrap: anywhere; font-weight: 600; min-height: 24px; }
.draft-turn.red { color: var(--red); }
.draft-turn.blue { color: var(--blue); }
.draft-order { list-style: none; padding: 0; margin: 16px 0 24px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.draft-order li { min-width: 0; border-top: 3px solid var(--red); background: #1b1d20; padding: 10px; }
.draft-order li.blue { border-color: var(--blue); }
.draft-order li.on-clock { background: var(--soft-teal); outline: 1px solid var(--teal); }
.draft-order span { display: block; font-size: 10px; color: var(--muted); }
.draft-order strong { display: block; font-size: 12px; overflow-wrap: anywhere; min-height: 36px; }
.draft-pool { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
.draft-player { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); min-height: 96px; padding: 12px 0; }
.draft-player .avatar { flex-shrink: 0; }
.draft-player .player-info { flex: 1; }
.draft-player small { display: block; color: var(--muted); font-size: 12px; }
.draft-player .button { flex-shrink: 0; padding: 8px 12px; }
.draft-slot { min-height: 96px; display: flex; align-items: center; padding: 12px; border-bottom: 1px dashed var(--line); font-size: 13px; color: var(--muted); }
@media (max-width:900px) { .draft-order { grid-template-columns: repeat(3,minmax(0,1fr)); } .draft-pool { grid-template-columns: 1fr; } }
@media (max-width:600px) {
	.sidebar nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; }
	.sidebar nav a, .sidebar nav button { flex-direction: column; font-size: 10px; gap: 5px; min-width: 0; }
	.leaderboard-toolbar { gap: 12px; }
	.server-tabs { width: 100%; }
	.leaderboard-summary { gap: 20px; padding: 20px 0; margin-top: 20px; }
	.leaderboard-summary>div:first-child { width: 100%; }
	.leaderboard-summary h2 { font-size: 29px; }
	.leaderboard-summary .section-label { font-size: 9px; }
	.leaderboard-summary strong { font-size: 24px; }
	.leaderboard-table { table-layout: fixed; font-size: 11px; }
	.leaderboard-table th, .leaderboard-table td { padding: 13px 4px; }
	.leaderboard-table th { font-size: 8px; }
	.leaderboard-table th:first-child { width: 28px; }
	.leaderboard-table th:nth-child(2) { width: auto; }
	.leaderboard-table th:nth-child(n+3) { width: 36px; }
	.leaderboard-table th:last-child { width: 43px; }
	.leaderboard-table .games-column, .leaderboard-table .winrate-column { display: none; }
	.standing-player { gap: 0; }
	.standing-player .avatar { display: none; }
	.rank-number { font-size: 19px; gap: 0; }
	.rank-number svg { display: none; }
}
@media (min-width:1500px) {
	main { padding-top: 45px; }
	.play-grid { gap: 42px; }
}
@media (max-width:1100px) {
	.brand-mark { width: 49px; height: 49px; font-size: 34px; }
	.brand { gap: 10px; }
	.brand>span:last-child { font-size: 10px; }
	h1 { font-size: 54px; }
	.play-grid { grid-template-columns: minmax(0, 1.6fr) minmax(200px, 1fr); gap: 24px; }
	.queue-section { padding: 20px 18px; }
	.queue-meta { gap: 10px; font-size: 11px; }
	.slots { gap: 5px; }
	.slot { height: 59px; }
	.rink-band { grid-template-columns: 160px minmax(0, 1fr); }
	.rink-image { width: 160px; }
}
@media (max-width:900px) {
	.play-grid { grid-template-columns: 1fr; }
	.activity { padding-top: 12px; }
	.activity .empty { min-height: 0; padding: 21px 0; }
}
@media (max-width:600px) {
	.sidebar { padding: 16px 20px 0; }
	.brand { margin-bottom: 16px; gap: 12px; }
	.brand-mark { height: 40px; width: 47px; font-size: 31px; }
	.brand>span:last-child { font-size: 10px; }
	.sidebar nav a, .sidebar nav button { border-bottom: 0; }
	.sidebar nav a.active { box-shadow: inset 0 -2px var(--teal); }
	.topbar { height: 56px; }
	main { padding: 25px 18px; }
	h1 { font-size: 43px; }
	.page-heading { padding-bottom: 21px; margin-bottom: 25px; }
	.page-heading .section-label { font-size: 10px; }
	.queue-section { padding: 19px 15px; }
	.queue-section .section-heading h2 { font-size: 27px; }
	.queue-meta { gap: 10px; font-size: 10px; }
	.queue-meta svg { width: 12px; height: 12px; }
	.queue-count strong { font-size: 39px; }
	.queue-count>span { font-size: 11px; }
	.positions { gap: 6px; }
	.position { min-height: 48px; font-size: 12px; }
	.slots { gap: 4px; }
	.slot { height: 52px; font-size: 10px; }
	.slot svg { width: 15px; height: 15px; }
	.queue-footnote { font-size: 10px; gap: 4px; }
	.rink-band { grid-template-columns: 110px minmax(0, 1fr); gap: 17px; margin-top: 25px; }
	.rink-image { width: 110px; }
	.rink-info h3 { font-size: 23px; }
	.rink-facts { gap: 9px 14px; }
	.match-banner { padding: 17px 12px; }
	.verification-tallies { gap: 16px; }
	.verification .section-heading h2 { font-size: 26px; }
	.verification .match-actions .button { padding: 10px 9px; font-size: 13px; }
}