@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;800&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap";:root{--bg:#0a0a12;--bg-raised:#13131e;--line:#24243a;--ink:#eeeefb;--ink-dim:#8d8da8;--violet:#6c4cff;--magenta:#ff3e7f;--lime:#c6ff4f;--amber:#ffb84f;--cyan:#4fe0ff;--font-display:"Unbounded", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--teal:#34e2b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.living-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.app-content{z-index:1;position:relative}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 40px;display:flex}.topbar .mark{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:20px;font-weight:800}.topbar .mark em{color:var(--lime);font-style:normal}.topbar-nav{align-items:center;gap:12px;display:flex}.nav-pill{font-family:var(--font-mono);letter-spacing:.03em;color:var(--ink-dim);background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.nav-pill svg{opacity:.85;flex-shrink:0}.nav-pill:hover{color:var(--ink);transform:translateY(-1px)}.nav-pill--rating:hover{border-color:var(--amber);box-shadow:0 0 14px #ffb84f40}.nav-pill--profile:hover{border-color:var(--cyan);box-shadow:0 0 14px #4fe0ff40}.nav-pill--rating.is-active{color:var(--amber);border-color:var(--amber);background:#ffb84f14;box-shadow:0 0 14px #ffb84f4d}.nav-pill--profile.is-active{color:var(--cyan);border-color:var(--cyan);background:#4fe0ff14;box-shadow:0 0 14px #4fe0ff4d}@media (width<=560px){.topbar{padding:18px 20px}.nav-pill span{display:none}.nav-pill{padding:10px}}@media (width>=1200px){.topbar{padding:30px 56px}.topbar .mark{font-size:28px}.nav-pill{gap:9px;padding:12px 20px;font-size:14px}}.cell-stage{aspect-ratio:1;opacity:0;justify-self:center;width:100%;max-width:420px;animation:.7s .25s forwards rise;overflow:hidden}.cell-stage svg{width:100%;height:100%;overflow:visible}.blob{transform-box:fill-box;transform-origin:50%}.blob.core{transform:translate(var(--mx,0px), var(--my,0px));animation:4.5s ease-in-out infinite breathe}.blob.orbit-a{animation:11s linear infinite orbit-a}.blob.orbit-b{animation:8s linear infinite reverse orbit-b}.blob.orbit-c{animation:14s linear infinite orbit-c}.blob.orbit-d{animation:6.5s linear infinite reverse orbit-d}@keyframes breathe{0%,to{transform:translate(var(--mx,0px), var(--my,0px)) scale(1)}50%{transform:translate(var(--mx,0px), var(--my,0px)) scale(1.08)}}@keyframes orbit-a{0%{transform:translate(70px)}25%{transform:translateY(70px)}50%{transform:translate(-70px)}75%{transform:translateY(-70px)}to{transform:translate(70px)}}@keyframes orbit-b{0%{transform:translate(-55px,-20px)}25%{transform:translate(20px,-55px)}50%{transform:translate(55px,20px)}75%{transform:translate(-20px,55px)}to{transform:translate(-55px,-20px)}}@keyframes orbit-c{0%{transform:translateY(85px)}25%{transform:translate(-85px)}50%{transform:translateY(-85px)}75%{transform:translate(85px)}to{transform:translateY(85px)}}@keyframes orbit-d{0%{transform:translate(40px,40px)}25%{transform:translate(-40px,40px)}50%{transform:translate(-40px,-40px)}75%{transform:translate(40px,-40px)}to{transform:translate(40px,40px)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.blob{animation:none!important}}@media (width>=1200px){.cell-stage{max-width:560px}}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:72px 40px 56px;display:grid}.hero .copy{opacity:0;animation:.7s .1s forwards rise}.hero h1{font-family:var(--font-display);margin:0 0 20px;font-size:clamp(30px,5vw,66px);font-weight:800;line-height:1.1}.hero h1 em{color:var(--magenta);font-style:normal}.hero p{max-width:46ch;color:var(--ink-dim);font-size:17px}.hero .stats{font-family:var(--font-mono);gap:32px;margin-top:32px;display:flex}.hero .stats div b{color:var(--lime);font-size:20px;display:block}.hero .stats div span{color:var(--ink-dim);font-size:15px}@media (width<=980px){.hero{grid-template-columns:1fr}}@media (width<=560px){.hero{padding-left:20px;padding-right:20px}}@media (width>=1200px){.hero{gap:56px;padding:96px 56px 76px}.hero h1{font-size:clamp(48px,4.5vw,88px)}.hero p{max-width:52ch;font-size:20px}.hero .stats{gap:44px;margin-top:44px}.hero .stats div b{font-size:26px}.hero .stats div span{font-size:17px}}.cartridge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#181626e0,#0a0912f0);border:1px solid #ffffff17;flex-direction:column;gap:14px;min-height:260px;padding:20px 18px 22px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 14px 32px #00000073}.cartridge:before{content:"";background:var(--accent);clip-path:polygon(100% 0,0 0,100% 100%);width:34px;height:34px;position:absolute;top:0;right:0}.cartridge:hover,.cartridge:focus-visible{border-color:var(--accent);box-shadow:0 18px 40px #00000080, 0 0 24px -8px var(--accent);transform:translateY(-3px)}.cartridge .tag{font-family:var(--font-mono);color:var(--accent);font-size:11px}.cartridge h3{font-family:var(--font-display);margin:0;font-size:19px;line-height:1.2}.cartridge p{color:var(--ink-dim);flex-grow:1;margin:0;font-size:13.5px}.cartridge .go{font-family:var(--font-mono);border-top:1px solid #ffffff17;justify-content:space-between;padding-top:12px;font-size:12px;display:flex}.cartridge .go b{color:var(--accent);font-weight:500}@media (width>=1200px){.cartridge{gap:18px;min-height:320px;padding:28px 24px 30px}.cartridge:before{width:44px;height:44px}.cartridge .tag{font-size:13px}.cartridge h3{font-size:25px}.cartridge p{font-size:16px}.cartridge .go{padding-top:16px;font-size:14px}}.rack-header{justify-content:space-between;align-items:baseline;padding:0 40px;display:flex}.rack-header h2{font-family:var(--font-display);margin:0;font-size:22px;font-weight:600}.rack-header span{font-family:var(--font-mono);color:var(--ink-dim);font-size:12px}.rack{grid-template-columns:repeat(5,1fr);gap:18px;padding:28px 40px 80px;display:grid}@media (width<=980px){.rack{grid-template-columns:1fr 1fr}}@media (width<=560px){.rack{grid-template-columns:1fr}.rack-header,.rack{padding-left:20px;padding-right:20px}}@media (width>=1200px){.rack-header{padding:0 56px}.rack-header h2{font-size:30px}.rack-header span{font-size:14px}.rack{gap:24px;padding:40px 56px 100px}}.footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 40px;display:flex}.footer-brand{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-mark{font-family:var(--font-display);color:var(--ink);letter-spacing:.02em;font-size:16px;font-weight:800}.footer-mark em{color:var(--lime);font-style:normal}.footer-credit{font-family:var(--font-mono);color:var(--ink-dim);font-size:12px}.footer-credit b{color:var(--ink);font-weight:500}.footer-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-pill{font-family:var(--font-mono);color:var(--ink-dim);background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.footer-pill svg{opacity:.85;flex-shrink:0}.footer-pill:hover{color:var(--ink);border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 0 14px #4fe0ff40}@media (width<=560px){.footer{flex-direction:column;align-items:flex-start;padding:22px 20px}}@media (width>=1200px){.footer{padding:34px 56px}.footer-mark{font-size:20px}.footer-credit{font-size:13px}.footer-pill{padding:10px 16px;font-size:13px}}.game-shell{flex-direction:column;min-height:100vh;display:flex}.game-header{border-bottom:1px solid var(--line);align-items:center;padding:12px 24px;display:flex;position:relative}.game-header .back{font-family:var(--font-mono);color:var(--ink-dim);border:1px solid var(--line);padding:8px 14px;font-size:13px}.game-header .back:hover{color:var(--ink);border-color:var(--ink-dim)}.game-header .name{font-family:var(--font-display);font-size:16px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-stage{text-align:center;flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;gap:8px;padding:16px 24px;display:flex}.game-stage .badge{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);padding:4px 12px;font-size:11px}.game-stage h1{font-family:var(--font-display);margin:0;font-size:clamp(24px,4vw,36px)}.game-stage p{color:var(--ink-dim);max-width:48ch;margin:0 0 4px;font-size:14px}.game-stage .note{font-family:var(--font-mono);font-size:12px}.drift-stage{flex-direction:column;align-items:center;gap:14px;display:flex}.drift-hud{font-family:var(--font-mono);color:var(--ink-dim);gap:28px;font-size:13px;display:flex}.drift-hud b{color:var(--ink);margin-left:6px;font-size:16px}.drift-canvas-wrap{aspect-ratio:360/640;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 100%,#ffffff0d,#0000 70%);border-radius:10px;width:auto;max-width:92vw;height:clamp(420px,78vh,800px);position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.drift-canvas-wrap canvas{border-radius:10px;width:100%;height:100%;display:block}.drift-overlay{text-align:center;background:#0a0a12b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.drift-overlay-badge{font-family:var(--font-mono);color:var(--magenta);border:1px solid var(--magenta);padding:4px 12px;font-size:12px}.drift-overlay p{color:var(--ink-dim);margin:0;font-size:14px}.drift-overlay button{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--ink-dim);cursor:pointer;background:0 0;padding:10px 18px;font-size:12px}.drift-overlay button:hover{border-color:var(--ink)}.drift-hint{font-family:var(--font-mono);color:var(--ink-dim);margin:0;font-size:11px}.reflex-stage{flex-direction:column;align-items:center;gap:14px;margin-top:clamp(20px,6vh,70px);display:flex}.reflex-hud{font-family:var(--font-mono);color:var(--ink-dim);gap:28px;font-size:13px;display:flex}.reflex-hud b{color:var(--ink);margin-left:6px;font-size:16px}.reflex-pad{aspect-ratio:360/480;border:1px solid var(--line);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#13131e8c;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:auto;max-width:92vw;height:clamp(380px,70vh,680px);padding:24px;transition:background-color .15s,border-color .15s;display:flex;position:relative}.reflex-pad--idle{border-color:var(--line)}.reflex-pad--waiting{border-color:var(--magenta);background:#ff3e7f24}.reflex-pad--ready{border-color:var(--lime);background:#c6ff4fd9}.reflex-pad--early{border-color:var(--amber);background:#ffb84f2e}.reflex-pad--result{border-color:var(--cyan);background:#4fe0ff24}.reflex-pad-title{font-family:var(--font-display);color:var(--ink);font-size:clamp(20px,5vw,30px);font-weight:600}.reflex-pad--ready .reflex-pad-title{color:#0a0a12}.reflex-pad-hint{font-family:var(--font-mono);color:var(--ink-dim);max-width:32ch;font-size:12px}.reflex-pad--ready .reflex-pad-hint{color:#0a0a12b3}.reflex-hint{font-family:var(--font-mono);color:var(--ink-dim);margin:0;font-size:11px}.pm-stage{flex-direction:column;align-items:center;gap:14px;margin-top:clamp(30px,8vh,80px);display:flex}.pm-hud{font-family:var(--font-mono);color:var(--ink-dim);gap:28px;font-size:13px;display:flex}.pm-hud b{color:var(--ink);margin-left:6px;font-size:16px}.pm-grid{aspect-ratio:1;grid-template-columns:repeat(2,1fr);gap:10px;width:min(92vw,74vh,520px);display:grid;position:relative}.pm-grid-wrap{aspect-ratio:3/2;width:min(92vw,74vh,560px);position:relative}.pm-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:14px;width:100%;height:100%;display:grid}.pm-tile{cursor:pointer;background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, currentColor 55%, transparent), transparent 70%), #ffffff0a;opacity:.7;touch-action:manipulation;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;transition:opacity .12s,transform .1s,box-shadow .12s;display:flex;position:relative}.pm-tile:hover{opacity:.85}.pm-tile:active{transform:scale(.96)}.pm-tile--active{opacity:1;box-shadow:0 0 32px currentColor, inset 0 0 24px color-mix(in srgb, currentColor 40%, transparent);border-color:currentColor}.pm-tile-core{aspect-ratio:1;opacity:.6;background:currentColor;border-radius:50%;width:22%;transition:opacity .12s,transform .12s;box-shadow:0 0 18px}.pm-tile--active .pm-tile-core{opacity:1;transform:scale(1.15)}.pm-tile--0{color:var(--lime)}.pm-tile--1{color:var(--cyan)}.pm-tile--2{color:var(--magenta)}.pm-tile--3{color:var(--amber)}.pm-tile--4{color:var(--violet)}.pm-tile--5{color:var(--teal)}.pm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#0a0a12d1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.pm-overlay-badge{font-family:var(--font-mono);color:var(--magenta);border:1px solid var(--magenta);border-radius:999px;padding:4px 12px;font-size:12px}.pm-overlay p{color:var(--ink-dim);margin:0;font-size:14px}.pm-cta{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--ink-dim);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:12px 24px;font-size:13px;transition:border-color .12s,color .12s}.pm-cta:hover{border-color:var(--ink);color:var(--ink)}.pm-hint{font-family:var(--font-mono);color:var(--ink-dim);text-align:center;margin:0;font-size:11px}.dodge-stage{flex-direction:column;align-items:center;gap:14px;margin-top:clamp(20px,6vh,70px);display:flex}.dodge-hud{font-family:var(--font-mono);color:var(--ink-dim);gap:28px;font-size:13px;display:flex}.dodge-hud b{color:var(--ink);margin-left:6px;font-size:16px}.dodge-canvas-wrap{aspect-ratio:360/460;border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#13131e8c;width:auto;max-width:92vw;height:clamp(400px,74vh,720px);position:relative}.dodge-canvas-wrap canvas{width:90%;height:100%;margin:0 auto;display:block}.dodge-overlay{text-align:center;background:#0a0a12b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.dodge-overlay-badge{font-family:var(--font-mono);color:var(--cyan);border:1px solid var(--cyan);padding:4px 12px;font-size:12px}.dodge-overlay p{color:var(--ink-dim);margin:0;font-size:14px}.dodge-overlay button{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--ink-dim);cursor:pointer;background:0 0;padding:10px 18px;font-size:12px}.dodge-overlay button:hover{border-color:var(--ink)}.dodge-hint{font-family:var(--font-mono);color:var(--ink-dim);margin:0;font-size:11px}.g2048-stage{box-sizing:border-box;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:720px;margin:clamp(20px,6vh,70px) auto 0;display:flex}.g2048-hud{font-family:var(--font-mono);color:var(--ink-dim);justify-content:center;align-items:center;gap:20px;width:100%;font-size:13px;display:flex}.g2048-hud b{color:var(--ink);margin-left:6px;font-size:16px}.g2048-new{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;padding:7px 12px;font-size:11px}.g2048-new:hover{border-color:var(--accent);color:var(--accent)}.g2048-board{--gap:8px;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:min(92vw,70vh,640px);position:relative}.g2048-cells{gap:var(--gap);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.g2048-cell{background:var(--bg-raised);border:1px solid var(--line);border-radius:clamp(10px,3vw,20px)}.g2048-tiles{--gap:8px;position:absolute;inset:0}.g2048-tile{width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);left:calc(var(--c) * ( ((100% - 3 * var(--gap)) / 4) + var(--gap) ));top:calc(var(--r) * ( ((100% - 3 * var(--gap)) / 4) + var(--gap) ));font-family:var(--font-display);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line);box-sizing:border-box;border-radius:clamp(10px,3vw,20px);justify-content:center;align-items:center;font-size:clamp(18px,7vw,28px);font-weight:600;transition:left .12s,top .12s;display:flex;position:absolute;transform:scale(1)}.g2048-tile--len3{font-size:clamp(15px,6vw,23px)}.g2048-tile--len4{font-size:clamp(13px,5vw,19px)}.g2048-tile--new{animation:.16s g2048-pop-in}.g2048-tile--merged{animation:.16s g2048-pop}@keyframes g2048-pop-in{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes g2048-pop{0%{transform:scale(1)}50%{transform:scale(1.16)}to{transform:scale(1)}}.g2048-tile--v2{background:var(--bg-raised);border-color:var(--line);color:var(--ink)}.g2048-tile--v4{border-color:var(--line);color:var(--ink);background:#1c1c2c}.g2048-tile--v8{background:var(--lime);border-color:var(--lime);color:#0a0a12}.g2048-tile--v16{background:var(--cyan);border-color:var(--cyan);color:#0a0a12}.g2048-tile--v32{background:var(--amber);border-color:var(--amber);color:#0a0a12}.g2048-tile--v64{background:var(--magenta);border-color:var(--magenta);color:#fff}.g2048-tile--v128{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 0 16px #6c4cff8c}.g2048-tile--v256{background:linear-gradient(135deg, var(--magenta), var(--violet));color:#fff;border-color:#0000;box-shadow:0 0 18px #ff3e7f66}.g2048-tile--v512{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#fff;border-color:#0000;box-shadow:0 0 18px #4fe0ff66}.g2048-tile--v1024{background:linear-gradient(135deg, var(--lime), var(--cyan));color:#0a0a12;border-color:#0000;box-shadow:0 0 20px #c6ff4f73}.g2048-tile--v2048{background:linear-gradient(135deg, var(--amber), var(--magenta));color:#fff;border-color:#0000;box-shadow:0 0 26px #ff3e7f8c}.g2048-tile--v4096{background:linear-gradient(135deg, var(--violet), #2a1a55);color:#fff;border-color:#0000;box-shadow:0 0 26px #6c4cff99}.g2048-tile--v8192{background:linear-gradient(135deg, #0a0a12, var(--violet));border-color:var(--violet);color:#fff;box-shadow:0 0 30px #6c4cffbf}.g2048-overlay{text-align:center;z-index:2;box-sizing:border-box;background:#0a0a12d1;border-radius:clamp(10px,3vw,20px);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.g2048-overlay-badge{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);padding:4px 12px;font-size:12px}.g2048-overlay p{color:var(--ink-dim);margin:0;font-size:14px}.g2048-overlay-actions{gap:10px;display:flex}.g2048-overlay button{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--ink-dim);cursor:pointer;background:0 0;padding:10px 16px;font-size:12px}.g2048-overlay button:hover{border-color:var(--ink)}.g2048-hint{font-family:var(--font-mono);color:var(--ink-dim);text-align:center;box-sizing:border-box;max-width:34ch;margin:0;padding:0 16px;font-size:11px}@media (width<=600px){.g2048-stage{box-sizing:border-box;gap:12px;width:100%;padding:0 12px}.g2048-hud{gap:12px;font-size:12px}.g2048-hud b{font-size:15px}.g2048-new{padding:7px 10px;font-size:10px}.g2048-board{width:100%;max-width:100%}.g2048-tile{font-size:clamp(18px,7vw,26px)}.g2048-tile--len3{font-size:clamp(15px,6vw,22px)}.g2048-tile--len4{font-size:clamp(12px,5vw,18px)}.g2048-hint{font-size:10px}}@media (width<=380px){.g2048-stage{padding:0 8px}.g2048-board{width:100%}.g2048-cells,.g2048-tiles{--gap:6px}.g2048-tile{font-size:20px}.g2048-tile--len3{font-size:16px}.g2048-tile--len4{font-size:13px}.g2048-hud{gap:8px}.g2048-new{padding:6px 9px}}.profile-page{justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:24px;display:flex}.profile-login{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:320px;display:flex}.profile-login h1{font-family:var(--font-display);margin:0;font-size:clamp(22px,5vw,30px)}.profile-login p{color:var(--ink-dim);margin:0;font-size:13px}.profile-login input{width:100%;font-family:var(--font-mono);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;outline:none;padding:12px 14px;font-size:14px}.profile-login input:focus{border-color:var(--violet)}.profile-login button{font-family:var(--font-mono);color:var(--bg);background:var(--lime);cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:13px}.profile-login button:disabled{opacity:.4;cursor:not-allowed}.profile-login button:not(:disabled):hover{filter:brightness(1.08)}.profile-card{flex-direction:column;gap:16px;width:min(92vw,420px);display:flex}.profile-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-head h1{font-family:var(--font-display);margin:0;font-size:clamp(20px,5vw,26px)}.profile-logout{font-family:var(--font-mono);color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:7px 12px;font-size:11px}.profile-logout:hover{color:var(--ink);border-color:var(--ink-dim)}.profile-warning{font-family:var(--font-mono);color:var(--amber);border:1px solid var(--amber);border-radius:8px;margin:0;padding:10px 12px;font-size:12px}.profile-loading{color:var(--ink-dim);font-family:var(--font-mono);font-size:13px}.profile-scores{flex-direction:column;gap:8px;display:flex}.profile-score-row{background:var(--bg-raised);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-dim);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.profile-score-row b{color:var(--ink);font-size:15px}.profile-score-total{border-color:var(--violet);color:var(--ink)}.profile-score-total b{color:var(--violet)}.leaderboard-page{max-width:520px;margin:0 auto;padding:32px 20px 60px}.leaderboard-page h1{font-family:var(--font-display);margin:0 0 4px;font-size:clamp(24px,6vw,32px)}.leaderboard-sub{color:var(--ink-dim);margin:0 0 20px;font-size:13px}.leaderboard-warning,.leaderboard-empty,.leaderboard-loading{font-family:var(--font-mono);color:var(--ink-dim);font-size:12px}.leaderboard-warning{color:var(--amber);border:1px solid var(--amber);border-radius:8px;padding:10px 12px}.leaderboard-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-list li{background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;padding:12px 16px;display:flex}.leaderboard-list li.leaderboard-me{border-color:var(--lime);box-shadow:0 0 14px #c6ff4f40}.leaderboard-rank{font-family:var(--font-mono);color:var(--ink-dim);flex-shrink:0;width:24px;font-size:13px}.leaderboard-name{font-family:var(--font-body);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;font-size:14px;overflow:hidden}.leaderboard-total{font-family:var(--font-mono);color:var(--violet);font-size:15px;font-weight:600}