@font-face{font-family:Pixel;src:url('./pixel.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--mint:#7dded1;--ink:#171612;--paper:#f5f1e7;--green:#8dd765;--purple:#be8bdf;--yellow:#ffda70;--blue:#85c9e5;--muted:#aaa69b;--line:#39372e;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button:disabled{cursor:default}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.header{background:var(--mint);color:var(--ink);border-bottom:4px solid var(--ink)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;font:900 20px/1.15 monospace;letter-spacing:-.6px}.brand-mark{position:relative;display:grid;place-items:center;width:45px;height:45px;background:var(--purple);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:28px}.brand-mark span{position:absolute;right:-7px;bottom:-6px;font-size:20px;color:var(--yellow);text-shadow:2px 2px var(--ink)}nav{display:flex;align-items:center;gap:12px;font:900 14px/1 monospace;letter-spacing:.5px}nav a,nav button{padding:15px 17px;border:3px solid transparent}nav a.active{background:var(--ink);color:var(--paper)}nav a:hover{border-color:var(--ink)}nav button{background:var(--yellow);border-color:var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:inherit}nav button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.hero{background:var(--mint);color:var(--ink);padding:56px 0 36px;border-bottom:4px solid var(--ink)}.eyebrow,.section-heading h2,.small-label,.tag,.summary-card>span:not(.summary-icon),.version,footer strong{font-family:monospace;font-weight:900;letter-spacing:1.2px}.eyebrow{font-size:15px;margin-bottom:16px}h1{font:900 clamp(44px,7vw,86px)/1 monospace;letter-spacing:-5px;margin:0;text-shadow:3px 3px 0 #51b6a9}h1 span{display:inline-block;margin-left:18px}.intro{font-size:19px;line-height:1.6;margin:24px 0 26px}.hero-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center}.status{display:flex;align-items:center;gap:10px;font:700 13px/1.7 monospace;margin:0}.status-light{display:inline-block;flex-shrink:0;width:13px;height:13px;border:2px solid var(--ink);background:var(--green);box-shadow:2px 2px 0 var(--ink)}.status-light.waiting{background:var(--yellow)}.status-light.error{background:#f29183}.version{font-size:11px;border:2px solid var(--ink);padding:6px 10px;white-space:nowrap}.notice{font-size:14px;font-weight:700;background:var(--yellow);border:2px solid var(--ink);padding:10px 14px;margin:18px 0 0}.content{padding-top:32px;padding-bottom:66px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.summary-card{position:relative;display:flex;flex-direction:column;padding:24px;color:var(--ink);border:3px solid var(--ink);outline:1px solid var(--line);box-shadow:5px 5px 0 #000;min-height:178px}.green{background:var(--green)}.purple{background:var(--purple)}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.summary-card strong{font:900 clamp(27px,3.7vw,42px)/1.1 monospace;letter-spacing:-1.5px;margin:10px 0 14px;white-space:nowrap}.summary-card>span:not(.summary-icon){font-size:12px}.summary-card small{font-size:12px;margin-top:3px;color:#39372e}.summary-icon{position:absolute;top:16px;right:19px;font:900 26px/1 monospace;opacity:.45}.online-section{margin-top:46px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.section-heading h2{font-size:19px;line-height:1.35;margin:0;letter-spacing:.3px}.section-heading h2 span{color:var(--muted)}.small-label{font-size:11px;color:var(--muted)}.online-players{display:flex;flex-wrap:wrap;gap:12px;min-height:48px}.player-chip{display:flex;align-items:center;gap:12px;padding:10px 17px 10px 11px;background:#23221c;border:2px solid #4b483a;color:var(--paper);font-weight:700;font-size:14px}.player-chip:hover{border-color:var(--mint);transform:translateY(-2px)}.avatar{display:inline-block;position:relative;flex-shrink:0;width:32px;height:32px;background:var(--avatar-color,var(--purple));border:2px solid #111;box-shadow:2px 2px 0 #000;image-rendering:pixelated;overflow:hidden}.avatar:before{content:"";position:absolute;top:5px;left:4px;width:20px;height:17px;background:#e4b58d;box-shadow:0 -5px 0 #58452f}.avatar:after{content:"";position:absolute;left:7px;top:11px;width:4px;height:4px;background:#252323;box-shadow:10px 0 0 #252323,5px 7px 0 #ab765c}.online-dot{width:7px;height:7px;background:var(--green);margin-left:3px}.boards-section{margin-top:46px}.tag{font-size:11px;background:var(--paper);color:var(--ink);padding:6px 11px;border:2px solid var(--ink);box-shadow:2px 2px 0 #000}.boards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.board{background:var(--paper);color:var(--ink);border:3px solid #070706;box-shadow:5px 5px 0 #000;min-width:0}.board-head{padding:22px;border-bottom:3px solid var(--ink);position:relative;min-height:106px}.board-head h3{font:900 23px/1.15 monospace;letter-spacing:-1px;margin:0 0 8px}.board-head p{font-size:13px;margin:0}.board-icon{position:absolute;right:20px;top:21px;font:900 29px/1 monospace;opacity:.45}.board ol{margin:0;padding:8px 14px 12px;list-style:none}.board li{border-bottom:1px solid #dbd6c9}.board li:last-child{border-bottom:0}.rank-row{border:0;background:none;color:var(--ink);padding:12px 5px;width:100%;display:grid;grid-template-columns:20px 26px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;font-size:12px;min-height:51px}.rank-row:hover{background:#e7e2d6}.rank{font:900 13px/1 monospace;color:#837d70}.rank-row.top .rank{color:var(--ink)}.rank-row .avatar{width:24px;height:24px;transform:scale(.75);transform-origin:0 center;margin-right:-8px;overflow:visible}.rank-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.rank-row .value{font:900 12px/1.2 monospace;white-space:nowrap}.board-empty{padding:24px 20px;font-size:14px;color:#686255}.board-note{margin:0;padding:0 18px 16px;font-size:11px;line-height:1.5;color:#686255}.players-section{margin-top:52px}.search input{background:#23221c;border:2px solid #555142;padding:10px 13px;color:var(--paper);width:230px;font-size:13px;border-radius:0}.table-scroll{overflow:auto;border:2px solid #4b483a}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th{background:#25231d;color:var(--muted);font:700 11px/1.5 monospace;letter-spacing:.5px;text-align:right;padding:16px}td{padding:12px 16px;border-top:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}.table-player{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--paper);font-weight:700;padding:0;font-size:13px}.table-player:hover{color:var(--mint)}td .avatar{width:28px;height:28px}.metric-note{font-size:12px;color:var(--muted);max-width:800px;margin:15px 0 0}.empty{color:var(--muted);font-size:14px;margin:0;padding:12px 0}.table-scroll .empty{text-align:center;padding:28px}footer{border-top:2px solid var(--line);padding:32px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:28px;font-size:12px}footer strong{color:var(--paper);font-size:14px}footer p{margin:7px 0 0}footer .footer-inner>div:last-child{text-align:right}dialog{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 #000;padding:30px;max-width:540px;width:calc(100% - 40px)}dialog::backdrop{background:#000b}.close-dialog{position:absolute;top:10px;right:12px;border:0;background:none;color:var(--ink);font-size:22px}.dialog-header{display:flex;align-items:center;gap:16px;margin-bottom:26px}.dialog-header h2{font:900 22px/1.4 monospace;margin:0;overflow-wrap:anywhere}.dialog-header p{font-size:12px;margin:3px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-item{background:#e8e2d5;border:2px solid var(--ink);padding:16px}.detail-item dt{font-size:12px}.detail-item dd{font:900 21px/1.4 monospace;margin:5px 0 0}.detail-note{font-size:12px;margin:22px 0 0;color:#686255}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:5;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 #000;padding:12px 18px;font-weight:700;font-size:14px;max-width:calc(100% - 30px);text-align:center}.skip{position:absolute;left:10px;top:-80px;background:var(--yellow);color:var(--ink);padding:12px;z-index:8}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:68px;padding-bottom:44px}}@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.brand{font-size:16px}nav{gap:4px;font-size:12px}nav a,nav button{padding:13px 11px}.boards{grid-template-columns:repeat(2,1fr)}.summary{gap:14px}.summary-card{padding:19px 15px}.summary-card strong{font-size:31px}.summary-card>span:not(.summary-icon){font-size:10px}.summary-icon{font-size:22px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;gap:18px;padding:18px 0 16px;min-height:0}.brand{font-size:18px}.brand-mark{width:36px;height:36px;font-size:23px}nav{width:100%;gap:8px;justify-content:space-between}nav a,nav button{padding:12px 15px}.hero{padding:34px 0 28px}.eyebrow{font-size:12px}h1{font-size:54px;letter-spacing:-3px}h1 span{margin-left:12px}.intro{font-size:16px;line-height:1.65}.hero-bottom{align-items:flex-start;flex-direction:column;gap:16px}.status{font-size:12px}.summary{grid-template-columns:repeat(2,1fr);gap:16px}.summary-card{min-height:160px;padding:18px}.summary-card strong{font-size:34px}.summary-card>span:not(.summary-icon){font-size:10px}.summary-card small{font-size:11px}.content{padding-top:22px}.boards{grid-template-columns:1fr;gap:24px}.board-head h3{font-size:25px}.rank-row{font-size:14px;grid-template-columns:24px 30px minmax(0,1fr) auto;gap:12px;min-height:56px}.rank-row .value{font-size:13px}.section-heading h2{font-size:17px}.players-section .section-heading{align-items:flex-start;flex-direction:column}.search,.search input{width:100%}.footer-inner{flex-direction:column;gap:20px}footer .footer-inner>div:last-child{text-align:left}.online-section,.boards-section{margin-top:36px}.player-chip{font-size:13px}.small-label{font-size:10px}.detail-item{padding:12px}.detail-item dd{font-size:18px}}@media(max-width:380px){h1{font-size:45px}.summary-card strong{font-size:29px}.summary-card{padding:15px}.summary-card>span:not(.summary-icon){font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

h1,.eyebrow,.section-heading h2,nav,footer strong{font-family:Pixel,monospace;font-weight:400}h1{letter-spacing:-3px;font-size:clamp(40px,6vw,76px)}.eyebrow{font-size:14px}.section-heading h2{font-size:17px}.brand{font-size:18px}nav{font-size:12px}.summary-card strong{font-family:Pixel,monospace;font-weight:400;font-size:clamp(25px,3.1vw,38px);letter-spacing:-2px}@media(max-width:1050px){.summary-card strong{font-size:29px}nav{font-size:11px}.section-heading h2{font-size:16px}}@media(max-width:700px){h1{font-size:48px}.summary-card strong{font-size:31px}.eyebrow{font-size:12px}.section-heading h2{font-size:15px}nav{font-size:11px}}@media(max-width:380px){h1{font-size:42px}.summary-card strong{font-size:27px}}