:root{--bg:#0d0a08;--panel:#15100c;--panel-border:#2e241b;--row:#0f0b08;--row-border:#241c15;--row-hover:#1b140f;--card-bg:#15100cf5;--card-border:#3a2e22;--header-bg:#0d0a08eb;--text:#e9dfcc;--text-2:#b3a48d;--muted:#9c8f7b;--muted-2:#8f826f;--muted-3:#6f6353;--gold:#d9b56a;--gold-hover:#f3d58f;--cream:#f3e2b8;--cyan:#5fe0e0;--error:#e0525a;--ok:#6fbf73;--rank-1:#e0a340;--primary:#8a1f1f;--primary-hover:#a02727;--primary-border:#c79a4a;--secondary-bg:#0d0a0899;--secondary-border:#6b5533;--discord:#5865f2;--discord-hover:#6f7af5;--input-bg:#0b0907;--input-border:#3a2e22;--input-text:#efe6d4;--radius:6px;--radius-sm:4px;--max-width:1180px;--font-display:"Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;--font-body:"Alegreya Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--hero-overlay:linear-gradient(180deg, #0d0a0859 0%, #0d0a088c 60%, #0d0a08 100%);--auth-overlay:linear-gradient(#0d0a08cc, #0d0a08eb)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);margin:0;font-size:17px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}main{outline:none;flex:1}h1,h2,h3{font-family:var(--font-display);color:var(--gold);margin:0;font-weight:700;line-height:1.2}h1{font-size:36px}h2{font-size:22px}p{margin:0}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hover)}b{color:var(--cream);font-weight:700}img{max-width:100%}:focus-visible{outline:2px solid var(--gold-hover);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--panel);border:1px solid var(--gold);border-radius:var(--radius-sm);font-family:var(--font-display);padding:10px 14px;font-weight:700;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.lead{color:var(--text-2);font-size:18px}.btn{border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled,fieldset:disabled .btn{cursor:not-allowed;opacity:.55}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--cream);border-color:var(--primary-border)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);color:var(--cream)}.btn-secondary{background:var(--secondary-bg);color:var(--gold);border-color:var(--secondary-border)}.btn-secondary:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn-outline{color:var(--gold);border-color:var(--secondary-border);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.btn-discord{background:var(--discord);color:#fff}.btn-discord:hover{background:var(--discord-hover);color:#fff}.btn-muted{background:var(--row);color:var(--muted-3);border-color:var(--row-border)}.link-button{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover:not(:disabled){color:var(--gold-hover)}.link-button:disabled{color:var(--muted-3);cursor:not-allowed}.site-header{z-index:10;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--panel-border);position:sticky;top:0}.header-inner{max-width:var(--max-width);flex-wrap:wrap;align-items:center;gap:12px 28px;margin:0 auto;padding:10px 24px;display:flex}.header-logo{display:flex}.header-logo img{width:auto;height:52px;display:block}.main-nav{flex-wrap:wrap;gap:4px 22px;display:flex}.main-nav a{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:4px 0;font-size:14px;font-weight:700}.main-nav a:hover,.main-nav a.active{color:var(--gold-hover)}.header-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-left:auto;display:flex}.header-link{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.header-user{text-transform:none;letter-spacing:.02em}.site-footer{border-top:1px solid var(--panel-border);text-align:center;color:var(--muted-3);padding:24px;font-size:14px}.hero{background-image:var(--hero-overlay), url(/images/gambit-background-1672.jpg);background-image:var(--hero-overlay), image-set(url(/images/gambit-background-1672.webp) type("image/webp"), url(/images/gambit-background-1672.jpg) type("image/jpeg"));background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:640px;padding:48px 24px;display:flex}.hero-inner{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:720px;display:flex}.hero-logo{filter:drop-shadow(0 8px 24px #000000b3);width:min(380px,70vw);height:auto;display:block}.coming-soon-badge{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px #5fe0e0b3;border-radius:var(--radius-sm);background:#0a141699;border:1px solid #5fe0e080;padding:8px 18px 8px 22px;font-size:15px;font-weight:700;box-shadow:0 0 18px #5fe0e026}.hero-tagline{color:var(--text);text-shadow:0 2px 8px #000c;font-size:21px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.home-grid{max-width:var(--max-width);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:28px;width:100%;margin:0 auto;padding:40px 24px 80px;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:26px}.panel-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:28px;display:grid}.row{background:var(--row);border:1px solid var(--row-border);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:10px 14px;display:flex}.live-dot{background:var(--error);border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s ease-out infinite pulse;box-shadow:0 0 #e0525a99}@keyframes pulse{0%{box-shadow:0 0 #e0525a99}to{box-shadow:0 0 0 10px #e0525a00}}.sample-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bg);background:var(--gold);border-radius:3px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:600}.sample-note{color:var(--muted-2);margin-bottom:12px;font-size:14px}.empty-state{border:1px dashed var(--row-border);border-radius:var(--radius-sm);background:var(--row);text-align:center;color:var(--text-2);flex-direction:column;gap:6px;padding:36px 20px;display:flex}.pull-list,.grade-list,.passkey-list,.vote-grid{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pull-text{flex-direction:column;flex:1;min-width:0;display:flex}.pull-card{color:var(--muted-2);font-size:14px}.pull-age{font-family:var(--font-mono);color:var(--muted-2);flex:none;font-size:12px}.grade-name{font-weight:700}.card-chip{background:var(--grade);border-radius:3px;flex:none;width:30px;height:42px;display:inline-block;box-shadow:inset 0 0 0 2px #00000059}.card-chip.is-foil{background:var(--foil);box-shadow:0 0 10px #5fe0e08c}.grade-swatch{background:color-mix(in srgb, currentColor 18%, transparent);border:2px solid;border-radius:3px;flex:none;width:22px;height:30px}.grade-swatch.is-foil{border:0;box-shadow:0 0 8px #5fe0e073}.grade-title{font-family:var(--font-display);font-size:17px;font-weight:700}.foil-text{background:linear-gradient(135deg,#5fe0e0,#e0a340 40%,#a66be0 70%,#5fe0e0);color:#0000;-webkit-background-clip:text;background-clip:text}.grade-desc{color:var(--muted-2);font-size:14px}.page{max-width:var(--max-width);flex-direction:column;gap:24px;width:100%;margin:0 auto;padding:48px 24px 80px;display:flex}.gate{flex-direction:column;align-items:flex-start;gap:14px;max-width:560px;display:flex}.not-found{align-items:flex-start}.notice{border-radius:var(--radius-sm);color:var(--cream);background:#0a141699;border:1px solid #5fe0e066;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 16px;display:flex}.notice p{flex:220px}.auth-section{background-image:var(--auth-overlay), url(/images/gambit-background-1672.jpg);background-image:var(--auth-overlay), image-set(url(/images/gambit-background-1672.webp) type("image/webp"), url(/images/gambit-background-1672.jpg) type("image/jpeg"));background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:calc(100vh - 73px);padding:48px 16px;display:flex}.auth-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);width:100%;max-width:420px;padding:34px;box-shadow:0 20px 60px #0009}.auth-card-wide{max-width:440px}.auth-card h1{font-size:28px}.auth-form,.auth-form fieldset{flex-direction:column;gap:16px;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--text-2);font-size:14px;font-weight:500}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;color:var(--input-text);font-family:var(--font-body);padding:12px 14px;font-size:16px}.input::placeholder{color:var(--muted-3)}.input:focus{border-color:var(--gold);outline:none}.input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.input:disabled{opacity:.55;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--error)}.code-input{font-family:var(--font-mono);letter-spacing:.5em;text-align:center;color:var(--cyan);padding-left:calc(14px + .5em);font-size:28px}.code-input-recovery{letter-spacing:.15em;font-size:20px}.field-error,.form-error{color:var(--error);font-size:14px}.form-error:empty{display:none}.form-info{color:var(--ok);font-size:14px}.turnstile{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:#1a1511;justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:14px 16px;display:flex}.turnstile-check{color:var(--text);cursor:pointer;align-items:center;gap:12px;display:flex}.turnstile-check input{width:22px;height:22px;accent-color:var(--ok)}.turnstile-brand{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:right;color:var(--muted-3);font-size:10px;line-height:1.3}.divider{color:var(--muted-3);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:12px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--card-border);flex:1;height:1px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:15px;display:flex}.auth-links-center{justify-content:center}.account-head{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.account-name{overflow-wrap:anywhere;font-size:36px}.badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:3px 8px;font-size:12px;font-weight:600}.badge-ok{color:var(--ok)}.badge-bad{color:var(--error)}.verify-banner{border-radius:var(--radius);background:#1c1210;border:1px solid #5a2a22;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.verify-banner-controls{flex-flow:wrap;align-items:stretch;gap:12px;display:flex}.verify-banner-controls .field{flex:0 260px}.setting-row{justify-content:space-between;margin-bottom:16px}.setting-title{color:var(--text);font-weight:700}.setting-sub{color:var(--muted-2);font-size:14px}.setting-block{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.setting-block .passkey-list{align-self:stretch}.passkey-list .row{justify-content:space-between}.setting-links{flex-wrap:wrap;gap:8px 20px;display:flex}.collection-row{justify-content:space-between}.hiscore-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.tab:hover{color:var(--gold-hover)}.tab[aria-pressed=true]{border-color:var(--gold);color:var(--gold-hover);background:#1f1710}.search-input{width:min(100%,260px)}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.hiscore-table{border-collapse:collapse;width:100%;min-width:560px}.hiscore-table th{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);text-align:left;border-bottom:1px solid var(--panel-border);padding:14px 18px;font-size:12px;font-weight:600}.hiscore-table td{border-bottom:1px solid var(--row-border);color:var(--muted-2);padding:12px 18px}.hiscore-table tbody tr:hover{background:var(--row-hover)}.hiscore-table .player-cell{color:var(--text);font-weight:700}.hiscore-table .rank-1{color:var(--rank-1)}.hiscore-table .rank-top{color:var(--gold)}.table-empty{text-align:center;color:var(--text-2);padding:48px 18px}.vote-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.vote-card{justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.vote-name{font-family:var(--font-display);color:var(--gold);font-size:18px;font-weight:700}.vote-reward{font-family:var(--font-mono);color:var(--muted-2);font-size:12px}@media (width<=960px){.hero{background-image:var(--hero-overlay), url(/images/gambit-background-960.jpg);background-image:var(--hero-overlay), image-set(url(/images/gambit-background-960.webp) type("image/webp"), url(/images/gambit-background-960.jpg) type("image/jpeg"))}.auth-section{background-image:var(--auth-overlay), url(/images/gambit-background-960.jpg);background-image:var(--auth-overlay), image-set(url(/images/gambit-background-960.webp) type("image/webp"), url(/images/gambit-background-960.jpg) type("image/jpeg"))}}@media (width<=640px){h1{font-size:30px}.header-inner{gap:10px 18px;padding:10px 16px}.header-logo img{height:40px}.site-header{position:static}.header-actions{gap:8px 12px;width:100%;margin-left:0}.btn-sm{letter-spacing:.06em;padding:7px 10px;font-size:12px}.hiscore-table th,.hiscore-table td{padding:10px 12px}.hero{min-height:520px;padding:40px 16px}.hero-tagline{font-size:18px}.home-grid,.page{padding-left:16px;padding-right:16px}.panel{padding:20px 16px}.auth-card{padding:26px 18px}.field-pair{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
