.btn{--h: 50px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:var(--h);padding:0 24px;border:1px solid transparent;border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;background:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn--primary{--button-face: var(--brand);color:var(--brand-ink)}.btn--primary,.btn--ghost{border-color:transparent;background:none}.btn--primary:before,.btn--primary:after,.btn--ghost:before,.btn--ghost:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--button-face);transition:background-color .18s ease}.btn--primary:before,.btn--ghost:before{clip-path:polygon(12px 0,100% 0,100% 78%,10% 78%,10% 100%,0 100%,0 12px)}.btn--primary:after{clip-path:polygon(43% calc(78% - 5px),calc(100% - 12px) calc(78% - 5px),100% 78%,calc(100% - 12px) 100%,50% 100%)}.btn--ghost:after{clip-path:polygon(43% calc(78% - 2px),100% calc(78% - 2px),calc(100% - 12px) 100%,50% 100%)}.btn--primary:is(:hover,:focus-visible):after,.btn--ghost:is(:hover,:focus-visible):after{animation:button-slide .43s ease-out both}@keyframes button-slide{0%,12%,82%,to{transform:translate(0)}48%,58%{transform:translate(-30%)}}@media(prefers-reduced-motion:reduce){.btn--primary:is(:hover,:focus-visible):after,.btn--ghost:is(:hover,:focus-visible):after{animation:none}}.btn--primary:hover{--button-face: var(--brand-hover)}.btn--primary .btn__arrow{transition:transform .25s var(--ease-out)}.btn--primary:hover .btn__arrow{transform:translate(4px)}.btn--ghost{--button-face: rgba(236, 231, 222, .13);color:var(--ink)}.btn--ghost:before,.btn--ghost:after{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn--ghost:hover{--button-face: rgba(236, 231, 222, .2)}.btn--quiet{padding-inline:4px;color:var(--ink-2)}.btn--quiet:hover{color:var(--ink)}.btn--sm{--h: 38px;padding:0 16px;font-size:11px}.btn--block{width:100%}.nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);transition:background-color .35s ease,border-color .35s ease,backdrop-filter .35s ease;border-bottom:1px solid transparent}.nav.is-solid{background:#090d11d1;border-bottom-color:var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav__inner{display:flex;align-items:center;gap:28px;height:100%;max-width:none}.wordmark{position:relative;display:block;flex:none;width:clamp(160px,15vw,216px);text-decoration:none}.wordmark img{width:100%;height:auto}.nav__links{display:flex;gap:26px;margin-left:auto;padding:0;list-style:none;flex:none}.nav__links a{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;white-space:nowrap;padding-block:6px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.nav__beer{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:4px}.nav__links a:hover,.nav__links a[aria-current=true]{color:var(--ink);border-bottom-color:var(--ink)}.nav__actions{display:flex;align-items:center;gap:10px;flex:none;white-space:nowrap}.nav__login{display:inline-flex}.nav__links+.nav__actions{margin-left:8px}@media(max-width:1760px)and (min-width:1301px){.nav__inner{gap:16px}.nav .wordmark{width:180px}.nav__links{gap:12px}.nav__links a{font-size:9px;letter-spacing:.08em}.nav__actions{gap:7px}.nav__actions .sound-toggle{gap:6px;padding-inline:8px;letter-spacing:.08em}.nav__actions .account-chip{max-width:150px;padding-inline:9px}.nav__actions .btn--primary{padding-inline:14px;letter-spacing:.1em}}.sound-toggle{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--radius);background:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.sound-toggle:hover{color:var(--ink);border-color:var(--line-3)}.sound-toggle__bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sound-toggle__bars i{width:2px;height:3px;background:currentColor;transition:height .2s}.sound-toggle[aria-pressed=true]{color:var(--ink);border-color:#c9363080}.sound-toggle.nav__menu{display:none}.sound-toggle[aria-pressed=true] .sound-toggle__bars i{animation:sound-bar .9s ease-in-out infinite alternate}.sound-toggle[aria-pressed=true] .sound-toggle__bars i:nth-child(2){animation-delay:-.3s}.sound-toggle[aria-pressed=true] .sound-toggle__bars i:nth-child(3){animation-delay:-.6s}@keyframes sound-bar{0%{height:3px}to{height:12px}}.account-chip{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 12px 0 10px;border:1px solid var(--line-2);border-radius:var(--radius);background:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink);white-space:nowrap}.account-chip__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.account-chip .tag{flex:none}.account-chip:hover{border-color:var(--line-3)}.account-chip__dot{width:7px;height:7px;border-radius:50%;background:var(--health);box-shadow:0 0 0 3px #5fd0682e}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px solid rgba(233,229,219,.28);border-radius:50%;background:linear-gradient(145deg,#c93630bf,#090d11e6);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--brand-ink);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--chip{width:22px;height:22px;font-size:10px}.avatar--profile{width:72px;height:72px;font-size:24px}.profile-avatar-preview{display:flex;align-items:center;min-height:72px}.tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid var(--line-2);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.tag--active{border-color:var(--active);color:var(--active)}.panel{position:relative;background:var(--panel);border:1px solid var(--line);clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel__title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px 12px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.tabs{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--radius);padding:3px;gap:3px;background:#090d1180}.tabs button{height:34px;padding:0 14px;border:0;border-radius:1px;background:none;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);transition:background-color .2s,color .2s}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true],.tabs button[aria-pressed=true]{background:#c9363029;color:var(--ink)}.field{display:grid;gap:8px}.field__label{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.field__input{height:50px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--radius);background:#ece7de0a;font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;color:var(--ink);transition:border-color .2s,background-color .2s}.field__input::placeholder{color:var(--ink-3)}.field__input:hover{border-color:var(--line-3)}.field__input:focus{outline:none;border-color:var(--ink);background:#c936300d}.field__input[aria-invalid=true]{border-color:var(--danger)}.field__hint{font-size:13px;line-height:1.45;color:var(--ink-3)}.form-error{min-height:1.4em;font-size:14px;line-height:1.45;color:var(--danger)}.dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}.dialog::backdrop{background:#040302b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dialog[open] .dialog__panel{animation:dialog-in .4s var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}.dialog__panel{background:var(--panel-solid);max-height:calc(100dvh - 32px);overflow:auto}.dialog__body{display:grid;gap:22px;padding:26px 26px 28px}.dialog__close{width:30px;height:30px;border:1px solid var(--line-2);border-radius:var(--radius);background:none;color:var(--ink-2);font-size:16px;line-height:1}.dialog__close:hover{color:var(--ink);border-color:var(--ink)}.dialog__title{font-family:var(--font-display);font-stretch:118%;font-weight:340;font-size:30px;line-height:1;letter-spacing:-.02em}.dialog__tabs{display:grid;grid-template-columns:repeat(3,1fr)}.dialog__tabs button{padding-inline:6px}.dialog form{display:grid;gap:16px}.dialog__fine{font-size:13px;line-height:1.5;color:var(--ink-3)}.dialog__recovery{justify-self:start;color:var(--ink-2);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em}.dialog__recovery:hover{color:var(--ink)}.toast-host{position:fixed;left:50%;bottom:28px;z-index:80;display:grid;gap:8px;transform:translate(-50%);pointer-events:none}.toast{padding:12px 20px;background:var(--panel-solid);border:1px solid rgba(201,54,48,.45);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-align:center;animation:toast-in .35s var(--ease-out),toast-out .4s ease 3.2s forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}.board{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums}.board th{padding:12px 16px;border-bottom:1px solid var(--line-2);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-align:left;color:var(--dim);white-space:nowrap}.board td{padding:15px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.board .num{text-align:right}.board__rank{width:64px;color:var(--ink-3)}.board tr[data-rank="1"] .board__rank,.board tr[data-rank="2"] .board__rank,.board tr[data-rank="3"] .board__rank{color:var(--ink)}.board__who{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink)}.board__hp{width:56px;height:4px;background:#ece7de1f}.board__hp i{display:block;height:100%;background:var(--health)}.board tr.is-me td{background:#c9363012}.board tr.is-me td:first-child{box-shadow:inset 2px 0 0 var(--brand)}.board-scroll{overflow-x:auto}.board-empty{display:grid;justify-items:start;gap:18px;padding:40px 18px 44px}.board-empty__rank{font-family:var(--font-display);font-stretch:125%;font-weight:240;font-size:clamp(56px,8vw,96px);line-height:.8;color:var(--ink)}.footer{border-top:1px solid var(--line);padding-block:64px 48px;font-size:14px;color:var(--ink-3)}.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px 56px}.footer__brand p{margin-top:14px;max-width:34ch}.footer__studio{display:inline-block;margin-top:22px;opacity:.86;transition:opacity .18s ease}.footer__studio:hover,.footer__studio:focus-visible{opacity:1}.footer__studio img{display:block;width:auto;height:46px}.footer__repos{display:grid;gap:12px;max-width:310px;margin-top:28px}.footer__repos a{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:12px;padding-block:7px;color:var(--ink-2);text-decoration:none;line-height:1.45}.footer__repos a:hover,.footer__repos a:focus-visible{color:var(--ink)}.footer__repos img{display:block;max-width:100%;object-fit:contain}.footer__repos small{display:block;margin-top:2px;color:var(--ink-3);font-size:11px}.footer__repo-arrow{display:block;width:16px;height:16px;place-self:center;color:var(--dim)}.footer__col h3{margin-bottom:14px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.footer__col ul{display:grid;gap:8px;padding:0;list-style:none}.footer__col a{color:var(--ink-2);text-decoration:none}.footer__col a:hover{color:var(--ink)}.footer__legal{display:grid;gap:10px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.6}.footer__legal strong{color:var(--ink-2);font-weight:500}@media(max-width:1500px){.nav__links{display:none}.sound-toggle.nav__menu{display:inline-flex}.nav__actions{margin-left:auto}.nav__links+.nav__actions{margin-left:auto}.nav.menu-open .nav__links{position:fixed;inset:var(--nav-h) 0 auto;display:grid;gap:0;padding:8px var(--gutter) 20px;background:#090d11f5;border-bottom:1px solid var(--line)}.nav.menu-open .nav__links a{display:block;padding-block:14px;border-bottom:1px solid var(--line);font-size:12px}}@media(max-width:720px){:root{--nav-h: 64px}.nav__inner{gap:12px}.wordmark{width:180px}.sound-toggle__label,.nav__login,.nav__actions>[data-sound-toggle]{display:none}.nav__actions{gap:8px}.nav .sound-toggle.nav__menu .sound-toggle__label{display:inline}.account-chip{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-chip .tag{display:none}}@media(max-width:560px){.account-chip__name{display:none}.account-chip{padding:0 13px}.footer__grid{grid-template-columns:1fr}}.account{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:60;display:grid;min-width:240px;padding:8px 0;background:var(--panel-solid)}.account-menu__head{padding:8px 16px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.account-menu__item{padding:10px 16px;border:0;background:none;text-align:left;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--ink-2)}.account-menu__item:hover,.account-menu__item:focus-visible{background:#c936301a;color:var(--ink);outline:none}@media(max-width:720px){.nav__inner{gap:16px}.nav .wordmark{flex:0 1 180px;min-width:0}.nav .wordmark img{width:calc(100% * 1455.7 / 1346.89);max-width:none;margin:calc(-100% * 65.9 / 1346.89) calc(-100% * 56.47 / 1346.89) calc(-100% * 65.9 / 1346.89) calc(-100% * 52.34 / 1346.89)}.nav__links+.nav__actions{flex:none;gap:8px;margin-left:auto}.nav [data-account-slot]{display:contents}.nav__actions .btn--primary{--h: 44px;padding-inline:11px;border-color:var(--brand);color:var(--brand);font-weight:700;letter-spacing:.1em}.nav__actions .btn--primary:before,.nav__actions .btn--primary:after{content:none}.nav__actions .btn--primary:hover{background-color:var(--brand-glow)}.nav .sound-toggle.nav__menu,.nav .account-chip{height:44px;padding-inline:11px}.nav .account{position:static}.nav .account-menu{top:100%;right:var(--gutter)}}.redline-frame{display:inline-block;padding:.14em .24em .17em .3em;background:var(--brand);color:#fff;clip-path:polygon(.18em 0,100% 0,100% calc(100% - .18em),calc(100% - .18em) 100%,0 100%,0 .18em)}.nav .redline-frame{padding:.7em .65em .7em .85em}.nav .redline-frame{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}