:root{--bg: #101014;--bg2: #15151b;--panel: #18181f;--panel2: #1f1f28;--line: #2a2a35;--fg: #ececf1;--muted: #9a9aa8;--pink: #ff4da6;--cyan: #40e0ff;--yellow: #e5c93a;--red: #e03c3c;--gold: #f0c419;--road: #2a2a2f;--display: "Bebas Neue", "Anton", Impact, "Arial Narrow Bold", sans-serif;--body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Menlo, Consolas, monospace}*{margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--cyan)}a:hover{color:#fff}img,svg{display:block;max-width:100%}.pixel{image-rendering:pixelated;shape-rendering:crispEdges}.city-bg{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Crect width='160' height='160' fill='%23191920'/%3E%3Crect x='28' y='28' width='132' height='132' fill='%2320202a'/%3E%3Crect x='40' y='40' width='108' height='108' fill='%23171720'/%3E%3Crect x='52' y='52' width='84' height='84' fill='%231a1a24'/%3E%3Crect x='0' y='0' width='160' height='28' fill='%2325252c'/%3E%3Crect x='0' y='0' width='28' height='160' fill='%2325252c'/%3E%3Cpath d='M34 14h8M50 14h8M66 14h8M82 14h8M98 14h8M114 14h8M130 14h8M146 14h8M14 34v8M14 50v8M14 66v8M14 82v8M14 98v8M14 114v8M14 130v8M14 146v8' stroke='%23e5c93a' stroke-width='2' opacity='.45'/%3E%3C/svg%3E");background-size:160px 160px}.wrap{width:min(1120px,100%);margin:0 auto;padding:0 16px}.section{padding:72px 0;border-top:1px solid var(--line)}.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:28px}.section-head .row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.section-head h2{font-family:var(--display);font-size:clamp(36px,6vw,60px);letter-spacing:.04em;line-height:.95;text-transform:uppercase}.section-head .kicker{color:var(--muted);font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.section-head .kicker:before{content:"// ";color:var(--yellow)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-family:var(--display);font-size:24px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:6px;border:2px solid transparent;line-height:1;transition:transform .08s ease,filter .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--yellow);color:#16130a;box-shadow:0 0 #e5c93a00,0 10px 30px #e5c93a40}.btn-primary:hover{filter:brightness(1.08);color:#16130a;box-shadow:0 0 24px #e5c93a73}.btn-ghost{color:var(--cyan);border-color:var(--cyan);background:#40e0ff0f}.btn-ghost:hover{background:#40e0ff24;color:#fff}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:10px;padding:22px;position:relative}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stars{color:var(--yellow);letter-spacing:.12em;font-size:20px;text-shadow:0 0 10px rgba(229,201,58,.6)}.stars .off{color:#3a3a44;text-shadow:none}.stamp{display:inline-block;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--red);border:3px solid var(--red);border-radius:6px;padding:2px 10px;transform:rotate(-8deg);opacity:.9;mix-blend-mode:screen;text-shadow:0 0 12px rgba(224,60,60,.6);box-shadow:0 0 12px #e03c3c59,inset 0 0 12px #e03c3c40;font-size:22px}.stamp.cyan{color:var(--cyan);border-color:var(--cyan);text-shadow:0 0 12px rgba(64,224,255,.6);box-shadow:0 0 12px #40e0ff59,inset 0 0 12px #40e0ff33}.tier{display:inline-block;font-family:var(--display);font-size:18px;letter-spacing:.08em;line-height:1;padding:4px 8px 2px;border-radius:4px;color:#101014}.tier-S{background:var(--gold);box-shadow:0 0 10px #f0c41999}.tier-A{background:var(--pink)}.tier-B{background:var(--cyan)}.tier-C{background:#8d8d94}.chip{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.chip.planned{color:var(--pink);border-color:#ff4da680}.chip.done{color:#50e050;border-color:#50e05080}.chip.wip{color:var(--yellow);border-color:#e5c93a80}.key{display:inline-block;min-width:34px;text-align:center;padding:4px 8px;font-family:var(--mono);font-size:13px;color:var(--fg);background:#23232c;border:1px solid #3a3a46;border-bottom-width:3px;border-radius:6px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tbl tr:hover td{background:#ffffff05}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:8px}.bubble{position:relative;display:inline-block;margin-top:10px;background:#0d1a22;color:var(--cyan);border:1px solid rgba(64,224,255,.35);border-radius:10px;padding:6px 10px;font-size:13px;font-family:var(--mono)}.bubble:after{content:"";position:absolute;left:14px;bottom:-6px;width:10px;height:10px;background:#0d1a22;border-right:1px solid rgba(64,224,255,.35);border-bottom:1px solid rgba(64,224,255,.35);transform:rotate(45deg)}.muted{color:var(--muted)}.mono{font-family:var(--mono)}footer.site-footer{border-top:1px solid var(--line);padding:36px 0 48px;color:var(--muted);font-size:14px}footer.site-footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between}footer.site-footer .disclaimer{flex-basis:100%;font-size:12px;line-height:1.5}.topnav{position:sticky;top:0;z-index:50;background:#101014d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topnav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px}.topnav .brand{font-family:var(--display);font-size:24px;letter-spacing:.08em;color:var(--fg);text-decoration:none;display:flex;align-items:center;gap:10px}.topnav .brand b{color:var(--pink)}.topnav nav{display:flex;gap:18px;align-items:center}.topnav nav a{color:var(--muted);text-decoration:none;font-size:14px}.topnav nav a:hover{color:#fff}.topnav nav a.play{color:#16130a;background:var(--yellow);padding:6px 12px;border-radius:4px;font-family:var(--display);font-size:18px;letter-spacing:.08em}@media (max-width: 720px){.topnav nav a:not(.play):not(.keep){display:none}}