*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;background:var(--stage);color:var(--foreground);font:14px/1.5 var(--font-sans)}a{color:inherit}button{font:inherit;color:var(--foreground);background:none;border:none;cursor:pointer}:is(button,a,input):focus-visible{outline:2px solid var(--primary);outline-offset:1px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-display{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.text-section-label{font-family:var(--font-display);font-size:.625rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-foreground)}header{height:calc(48px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;gap:12px;padding-right:max(14px,env(safe-area-inset-right,0px));padding-left:max(14px,env(safe-area-inset-left,0px));background:var(--background);border-bottom:1px solid var(--glass-border);font:13px/1.45 var(--font-sans)}.lockup{display:flex;align-items:center;gap:8px;flex:none;text-decoration:none}.lockup svg{display:block}.lockup .brand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.lockup .brand:hover .rp{color:#2dd4bf}.lockup .of{color:var(--foreground)}.lockup .rp{color:var(--primary)}.legal-line{font-size:11px;color:var(--muted-foreground);text-decoration:none;white-space:nowrap;margin-left:10px;opacity:.85}.legal-line:hover{color:var(--foreground);text-decoration:underline}.hdr-spacer{flex:1}#stats-link{color:var(--primary);text-decoration:none;font-weight:500;white-space:nowrap;padding:4px 8px;border-radius:6px}#stats-link:hover{background:#14b8a61a}.hdr-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;border-radius:6px;color:var(--muted-foreground)}.hdr-btn svg{display:block}.discord:hover{color:#5865f2}@media(max-width:640px){.lockup .of,.legal-line{display:none}}main{max-width:1160px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-left,0px)) 64px max(16px,env(safe-area-inset-right,0px))}.hero-hex{position:relative;isolation:isolate}.hero-hex:before{content:"";position:absolute;inset:-1.5rem 0 auto;height:calc(100% + 3rem);z-index:-1;background:url(/hex-grid.svg) right -40px top -60px / 132px 231px repeat-x;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.hero{padding-top:4px;margin-bottom:36px}.eyebrow{color:color-mix(in srgb,var(--primary) 70%,transparent);margin:0 0 6px}.hero h1{font-size:2.125rem;line-height:1;margin:0}.hero .meta{margin:14px 0 20px;color:var(--muted-foreground);max-width:62ch}.paste{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.field{position:relative;display:flex;align-items:center;flex:1 1 360px;min-width:0;max-width:575px}.field svg{position:absolute;left:12px;width:16px;height:16px;color:var(--muted-foreground)}.field input{width:100%;font:inherit;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:9px 12px 9px 36px}.field input::placeholder{color:var(--muted-foreground)}.field input:focus-visible{border-color:var(--primary)}.field input[aria-invalid]{border-color:var(--destructive)}.paste button[type=submit]{background:var(--primary);color:var(--winner-foreground, #0a1628);font-weight:600;border-radius:8px;padding:10px 20px}.paste button[type=submit]:hover{filter:brightness(1.08)}.hint{flex:1 0 100%;margin:2px 0 0;font-size:12px;color:var(--muted-foreground)}.hint[role=alert]{color:var(--destructive)}.bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border)}.bar-head h2{font-size:15px;font-weight:600;margin:0}.bar-head .sub{margin:2px 0 0;font-size:13px;color:var(--muted-foreground)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chips{display:flex;gap:4px}.chip{font-size:12px;font-weight:500;color:var(--muted-foreground);border:1px solid var(--border);border-radius:999px;padding:3px 11px}.chip:hover{color:var(--foreground)}.chip.on{color:var(--foreground);background:var(--card-elevated);border-color:var(--glass-border)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{display:flex;flex-direction:column;text-decoration:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden;transition:border-color .12s ease-out,background .12s ease-out}.card:hover{border-color:color-mix(in srgb,var(--primary) 60%,transparent);background:var(--card-elevated)}.art{position:relative;aspect-ratio:16 / 9;background:var(--background);overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;display:block}.art-label{position:absolute;inset:auto 0 0;z-index:1;padding:5px 10px 6px;background:linear-gradient(to top,#0a1628eb,#0a1628b8);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{position:absolute;top:8px;right:8px;z-index:1;font-size:11px;font-variant-numeric:tabular-nums;color:var(--foreground);background:#0a1628c7;border:1px solid var(--glass-border);border-radius:999px;padding:1px 8px}.body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.line{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px;color:var(--muted-foreground)}.dot{opacity:.5}.mode-badge{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:12px;font-weight:500;border:1px solid;border-radius:999px;padding:1px 8px}.mode-badge svg{width:12px;height:12px}.mode-badge.ffa{color:var(--mode-ffa);background:color-mix(in srgb,var(--mode-ffa) 20%,transparent);border-color:color-mix(in srgb,var(--mode-ffa) 30%,transparent)}.mode-badge.team{color:var(--mode-team);background:color-mix(in srgb,var(--mode-team) 20%,transparent);border-color:color-mix(in srgb,var(--mode-team) 30%,transparent)}.mode-badge.ranked{color:var(--mode-ranked);background:color-mix(in srgb,var(--mode-ranked) 20%,transparent);border-color:color-mix(in srgb,var(--mode-ranked) 30%,transparent)}.winner{color:var(--winner)}.winner .who{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner .won{color:var(--muted-foreground);flex:none}.empty{color:var(--muted-foreground);max-width:60ch}.empty a{color:var(--primary)}.skeleton{pointer-events:none;animation:pulse 1.4s ease-in-out infinite}.skeleton .art{background:var(--card-elevated)}.skeleton .ph{height:11px;border-radius:4px;background:var(--card-elevated);display:block}.skeleton .w60{width:60%}.skeleton .w40{width:40%}@keyframes pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.card,.more{transition:none}}footer{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:22px 16px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--glass-border);font-size:11px;color:var(--muted-foreground)}footer a:hover{color:var(--foreground)}.more{display:block;width:100%;margin-top:16px;padding:11px;font-size:13px;font-weight:500;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-panel);transition:color .12s ease-out,border-color .12s ease-out,background .12s ease-out}.more:hover{color:var(--foreground);background:var(--card-elevated);border-color:var(--glass-border)}.more .rest{color:var(--muted-foreground);opacity:.7;margin-left:6px}.more:hover .rest{opacity:1}