.app{position:relative;isolation:isolate;min-height:100svh;max-width:980px;margin:0 auto;padding:22px 20px 64px}.glow{pointer-events:none;position:fixed;border-radius:50%;filter:blur(90px);z-index:-2}.glow-a{top:-18vw;right:-8vw;width:50vw;height:40vw;background:var(--accent-2);opacity:.18}.glow-b{top:22vh;right:6vw;width:28vw;height:28vw;background:var(--accent);opacity:.06}.glow-c{bottom:-12vw;left:-10vw;width:36vw;height:30vw;background:var(--accent-2);opacity:.1}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;padding:12px 0 14px}.mark{text-decoration:none;color:inherit}.mark.active{background:transparent;color:inherit;box-shadow:none}.mark span{display:block;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.06em;line-height:1;color:var(--ink)}.mark small{display:block;margin-top:4px;color:var(--muted);font-size:12px;letter-spacing:-.01em}.nav{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffffb3;box-shadow:0 1px #fffc inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav a{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:8px 14px;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:-.01em;transition:color .16s ease,background .16s ease}.nav a:hover{color:var(--ink)}.nav a.active{background:#111;color:#fff;box-shadow:none}.lede{margin:0 0 18px;color:var(--muted);line-height:1.5}.lede a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.preset-rank{margin-right:6px;color:inherit;opacity:.55;font-weight:600}.page-intro{display:grid;gap:10px;margin-bottom:22px}.page-intro h1{margin:0;font-size:clamp(32px,5vw,48px);font-weight:600;letter-spacing:-.055em;color:var(--ink)}.page-intro p{margin:0;max-width:56ch;color:var(--muted);line-height:1.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#1111115c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(460px,100%);padding:22px 22px 20px;border-radius:22px;background:#fffffff0;border:1px solid var(--line);box-shadow:0 24px 60px #1111112e}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-kicker{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.modal h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.04em}.modal-close{width:32px;height:32px;border:0;border-radius:999px;background:var(--accent-soft);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}.modal-copy{margin:10px 0 18px;color:var(--muted);line-height:1.45}.modal-form{display:grid;gap:12px}.modal-form label{display:grid;gap:6px}.modal-form span{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.modal-form input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);padding:12px 13px;outline:0}.modal-form input:focus{border-color:#111;box-shadow:0 0 0 3px #11111114}.modal-logo-field{display:grid;gap:6px}.modal-logo-field>span{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.modal-logo-row{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}.modal-logo{width:52px;height:52px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line)}.modal-logo.fallback{display:block;background:var(--slot)}.modal-logo-actions p,.modal-hint{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.modal-upload{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:600;font-size:13px;padding:8px 12px;cursor:pointer}.modal-upload:disabled{opacity:.6;cursor:wait}.modal-status{margin:0;color:var(--muted);font-size:13px}.modal-submit{border:0;border-radius:999px;background:#111;color:#fff;font-weight:600;padding:12px 16px;cursor:pointer}.modal-submit:disabled{opacity:.55;cursor:wait}.notice{color:var(--ink);background:var(--accent-soft);border-radius:12px;padding:10px 14px;margin:0 0 16px}.rank-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.rank-card{position:relative;padding-top:14px}.claim-pill{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);border:0;border-radius:999px;background:#111;color:#fff;font-weight:600;font-size:13px;padding:8px 14px;cursor:pointer;box-shadow:0 10px 24px #1111112e;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.rank-card:hover .claim-pill,.rank-card:focus-within .claim-pill,.claim-pill:disabled{opacity:1;pointer-events:auto}.claim-pill:disabled{opacity:.7;cursor:wait}.rank-card-inner{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px 18px;padding:22px;border-radius:20px;background:#ffffffc7;border:1px solid var(--line);box-shadow:0 1px #fffc inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rank-card-inner:hover{transform:translateY(-1px);border-color:#11111124;box-shadow:0 16px 40px #1111110f}.rank-num{min-width:36px;font-size:22px;font-weight:600;letter-spacing:-.05em;color:var(--ink)}.rank-logo{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line)}.rank-logo.fallback{display:block;background:var(--slot)}.rank-copy{min-width:0}.rank-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.rank-copy h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.03em;color:var(--ink)}.rank-copy h2 span{font-weight:500;color:var(--text)}.rank-copy p{margin:0 0 10px;color:var(--muted);line-height:1.45}.rank-bid{flex:none;font-size:22px;font-weight:600;letter-spacing:-.04em;color:var(--ink)}.rank-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:13px}.search{display:flex;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 6px 6px 16px;box-shadow:0 8px 24px #0f172a0a}.search input{width:min(240px,42vw);border:0;outline:0;background:transparent;color:var(--text)}.search input::placeholder{color:#9aa6b2}.search button,.overlay button{border:0;border-radius:999px;background:#111;color:#fff;font-weight:600;padding:11px 18px;cursor:pointer}.search button:disabled{opacity:.6}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.presets button{border:1px solid var(--line);background:#ffffffb8;color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .16s ease,color .16s ease,border-color .16s ease}.presets button.is-on{border-color:#111;background:#111;color:#fff;box-shadow:none}.error{color:#c2410c;margin:0 0 12px}.stage{display:grid;gap:16px}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.stat{display:grid;gap:2px}.stat:last-child{text-align:right}.stat span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.stat strong{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.04em;color:var(--ink)}.brand-chip{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border-radius:999px;background:#ffffffc7;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-chip img{width:32px;height:32px;object-fit:contain;border-radius:10px;background:#fff}.brand-chip b{display:block;font-size:14px}.brand-chip small{color:var(--muted);font-size:12px}.board{position:relative;overflow:hidden;padding:14px;border-radius:24px;background:#ffffffb3;border:1px solid var(--line);box-shadow:0 20px 50px #1111110f,0 1px #fffc inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);touch-action:none}.slots{display:grid;width:100%;height:100%}.slot{border-radius:22%;background:var(--slot);box-shadow:inset 0 1px 2px #0f172a0f}.board.is-dead{animation:shake .35s ease}.board.is-dead .seg,.board.is-dead .food,.board.is-dead .spark{visibility:hidden;pointer-events:none}.seg,.food{position:absolute;top:0;left:0;display:grid;place-items:center}.seg img{width:100%;height:100%;object-fit:contain;border-radius:22%;background:#fff;box-shadow:0 10px 18px var(--accent-glow),0 2px 6px #0f172a1f}.seg.is-head img{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,white),0 14px 26px var(--accent-glow),0 4px 10px #0f172a1f;transform:scale(1.04)}.food i{width:100%;height:100%;border-radius:22%;background:var(--accent);box-shadow:0 10px 20px var(--accent-glow);animation:pulse 1.2s ease-in-out infinite}.spark{position:absolute;width:7px;height:7px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--accent);animation:spark .4s ease-out forwards}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#f6f9fc6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-card{display:grid;justify-items:center;gap:10px;width:min(360px,100%);padding:28px 24px 22px;border-radius:22px;background:#ffffffe6;border:1px solid var(--line);box-shadow:0 20px 50px #1111111a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.overlay-logo{width:72px;height:72px;object-fit:contain;border-radius:20px;background:#fff;box-shadow:0 12px 28px var(--accent-glow)}.overlay h2{margin:8px 0 0;font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-.05em;color:var(--ink)}.overlay p{margin:0 0 8px;max-width:360px;color:var(--muted)}.help{margin:0;text-align:center;color:var(--muted);font-size:13px}.loading-board{min-height:420px;display:grid;place-items:center;align-content:center;gap:16px;border-radius:24px;background:#ffffffb3;border:1px solid var(--line);color:var(--muted)}.skeleton-snake{display:flex;gap:8px}.skeleton-snake i{width:42px;height:42px;border-radius:12px;background:var(--slot);animation:blink 1.2s ease-in-out infinite}.skeleton-snake i:nth-child(2){animation-delay:.1s}.skeleton-snake i:nth-child(3){animation-delay:.2s}@keyframes pulse{50%{transform:scale(1.06);opacity:.86}}@keyframes blink{50%{opacity:.45;transform:scale(.96)}}@keyframes spark{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (max-width: 720px){.top{flex-direction:column;align-items:stretch}.rank-card-inner{grid-template-columns:auto 1fr}.rank-copy{grid-column:1 / -1}.rank-top{flex-direction:column}.search,.search input{width:100%}.hud{grid-template-columns:1fr 1fr}.brand-chip{grid-column:1 / -1;justify-content:center}}:root{color-scheme:light;--bg: #f3f4f6;--panel: rgba(255, 255, 255, .78);--line: rgba(15, 18, 24, .08);--text: #1a1d23;--muted: #6b7280;--accent: #111111;--ink: #111111;--accent-soft: rgba(17, 17, 17, .07);--accent-glow: rgba(17, 17, 17, .16);--accent-2: #5b7cff;--accent-3: #111111;--slot: #e7e8ec;--sans: "Inter", system-ui, sans-serif;--display: "Inter", system-ui, sans-serif;--mono: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--sans);background:radial-gradient(1200px 600px at 88% -10%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 55%),radial-gradient(900px 500px at -10% 110%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 50%),var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}.boot-screen{min-height:100svh;display:grid;place-items:center;padding:24px;text-align:center}.boot-screen code{font-family:var(--mono);background:#eef2f6;padding:2px 8px;border-radius:6px}