@import url('./fonts.css');
:root { --ink:#e9ffe8; --muted:#82988e; --paper:#07130f; --surface:#0c1d16; --surface-2:#10251b; --line:#244035; --acid:#b8ff38; --orange:#ff6b35; --shadow:#020705; }
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--paper)} body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(rgba(184,255,56,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,56,.022) 1px,transparent 1px),var(--paper);background-size:32px 32px;font-family:'IBM Plex Mono',monospace} a{color:inherit}.arcade-nav{height:72px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(7,19,15,.96);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:400 16px 'Archivo Black',sans-serif;letter-spacing:.07em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:var(--paper);background:var(--acid);transform:rotate(-3deg)}nav{height:100%;display:flex;gap:34px;align-items:center}nav a{height:100%;display:grid;place-items:center;text-decoration:none;color:var(--muted);font-size:10px;letter-spacing:.14em;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--ink);border-color:var(--acid)}.online{justify-self:end;color:var(--muted);font-size:9px;letter-spacing:.14em;text-decoration:none}.online span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}main{width:min(1380px,100%);margin:auto;border-inline:1px solid var(--line)}.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(44px,6vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{margin:0 0 12px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.18em}.hero h1{margin:0;font:400 clamp(58px,8vw,112px)/.84 'Archivo Black',sans-serif;letter-spacing:-.065em}.hero h1 i{color:var(--acid);font-style:normal}.intro{max-width:520px;margin:28px 0;color:var(--muted);font-size:12px;line-height:1.8}.cta{min-height:50px;padding:0 20px;display:flex;align-items:center;gap:48px;color:var(--paper);background:var(--acid);text-decoration:none;font-size:12px;font-weight:600;box-shadow:5px 5px 0 #587c10}.cta:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #587c10}.featured{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;min-height:560px;padding:28px;text-decoration:none;background:#06110d;border-left:1px solid var(--line)}.featured-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.15em}.snake-preview{position:relative;align-self:center;height:260px;background:linear-gradient(rgba(184,255,56,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,56,.06) 1px,transparent 1px);background-size:26px 26px}.snake-line,.food{position:absolute;display:block;background:var(--acid);height:24px}.line-a{width:130px;left:24%;top:52%}.line-b{width:24px;height:100px!important;left:calc(24% + 106px);top:calc(52% - 76px)}.line-c{width:85px;left:calc(24% + 106px);top:calc(52% - 76px)}.food{width:19px;height:19px;right:16%;top:30%;background:var(--orange);box-shadow:0 0 22px var(--orange)}.featured-copy{display:flex;align-items:end;justify-content:space-between}.featured-copy div{display:grid;gap:5px}.featured-copy span{color:var(--muted);font-size:9px;letter-spacing:.14em}.featured-copy strong{font:400 54px/1 'Archivo Black',sans-serif;letter-spacing:-.05em}.featured-copy b{padding:12px;border:1px solid var(--line);font-size:10px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 310px}.catalogue{padding:clamp(30px,4vw,56px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2{margin:0;font:400 clamp(34px,5vw,58px)/1 'Archivo Black',sans-serif;letter-spacing:-.04em}.section-heading>span{color:var(--muted);font-size:9px;letter-spacing:.12em}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-card{min-height:280px;display:grid;grid-template-rows:1fr auto;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:transform .18s ease,border-color .18s ease}.game-card.playable:hover{transform:translateY(-4px);border-color:var(--acid)}.game-card.locked{opacity:.68}.art{position:relative;min-height:190px;overflow:hidden;background:#06110d;border-bottom:1px solid var(--line)}.game-meta{padding:18px;display:flex;align-items:end;justify-content:space-between}.game-meta small{color:var(--muted);font-size:8px;letter-spacing:.13em}.game-meta h3{margin:5px 0 0;font:400 24px/1 'Archivo Black',sans-serif;letter-spacing:-.03em}.game-meta>span{color:var(--muted);font-size:8px;letter-spacing:.1em}.game-meta .play-status{color:var(--acid)}.game-meta .orange{color:var(--orange)}.snake-art{background:linear-gradient(rgba(184,255,56,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,56,.05) 1px,transparent 1px),#06110d;background-size:24px 24px}.snake-art span{position:absolute;width:54px;height:18px;background:var(--acid);left:34%;top:45%}.snake-art span:nth-child(2){width:18px;height:65px;left:calc(34% + 36px);top:calc(45% - 47px)}.snake-art span:nth-child(3){width:62px;left:calc(34% + 36px);top:calc(45% - 47px)}.snake-art i{position:absolute;width:14px;height:14px;right:24%;top:35%;background:var(--orange)}.breakout-art{padding:35px 28px}.breakout-art span{display:block;float:left;width:calc(25% - 6px);height:16px;margin:3px;background:var(--orange)}.breakout-art span:nth-child(even){background:var(--acid)}.breakout-art i{position:absolute;left:44%;bottom:28px;width:74px;height:9px;background:var(--ink)}.pong-art span,.pong-art b{position:absolute;top:45%;width:8px;height:64px;background:var(--muted)}.pong-art span{left:18%}.pong-art b{right:18%}.pong-art i{position:absolute;left:50%;top:34%;width:13px;height:13px;background:var(--ink)}.mines-art{display:grid;grid-template-columns:repeat(3,42px);place-content:center}.mines-art span{height:42px;display:grid;place-items:center;border:1px solid var(--line);color:var(--acid);font-style:normal}.reaction-art{display:grid;place-items:center}.reaction-art span{font:400 34px 'Archivo Black',sans-serif;color:var(--orange)}.stack-art{display:flex;align-items:end;justify-content:center;padding-bottom:25px}.stack-art span{position:absolute;height:22px;background:var(--acid)}.stack-art span:nth-child(1){width:150px;bottom:25px}.stack-art span:nth-child(2){width:115px;bottom:51px}.stack-art span:nth-child(3){width:78px;bottom:77px}.stack-art span:nth-child(4){width:38px;bottom:103px}.pool-art{background:radial-gradient(circle at 25% 30%,#174c39,#07130f 58%)}.pool-ball{position:absolute;left:50%;top:50%;translate:-50% -50%;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#07130f;background:#e9ffe8;font:400 25px 'Archivo Black',sans-serif;border:18px solid #101713}.pool-art i,.pool-art b{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--acid)}.pool-art i{left:22%;bottom:22%}.pool-art b{right:18%;top:22%;background:var(--orange)}.hoops-art span{position:absolute;width:88px;height:54px;left:50%;top:23%;translate:-50% 0;border:6px solid var(--ink);border-top:0}.hoops-art i{position:absolute;width:70px;height:22px;left:50%;top:52%;translate:-50% 0;border:5px solid var(--orange);border-radius:50%}.hoops-art b{position:absolute;width:30px;height:30px;left:28%;bottom:18%;border-radius:50%;background:var(--orange)}.pinball-art{background:linear-gradient(145deg,#0d261c,#06110d)}.pinball-art span{position:absolute;width:38px;height:38px;border-radius:50%;left:46%;top:25%;background:var(--acid);box-shadow:0 0 18px var(--acid)}.pinball-art i,.pinball-art b{position:absolute;width:74px;height:9px;bottom:32px;background:var(--ink)}.pinball-art i{left:27%;rotate:20deg}.pinball-art b{right:27%;rotate:-20deg}.blocks-art{display:grid;grid-template-columns:repeat(4,30px);grid-auto-rows:30px;place-content:center;gap:4px}.blocks-art span{background:var(--acid)}.blocks-art span:nth-child(2),.blocks-art span:nth-child(5){background:var(--orange)}.blocks-art span:nth-child(3){grid-row:2}.blocks-art span:nth-child(6){grid-column:4;grid-row:2}.quest-panel{border-left:1px solid var(--line);background:rgba(6,17,13,.7)}.quest-head{padding:28px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line)}.quest-head strong{font:400 27px 'Archivo Black',sans-serif}.quest-head strong span{color:var(--muted);font-size:14px}.quest-date{display:block;color:var(--acid);font-size:8px;letter-spacing:.1em}.quest{padding:22px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.quest-box{width:17px;height:17px;display:grid;place-items:center;border:1px solid #547064;font-size:9px}.quest.completed{opacity:.72}.quest.completed .quest-box{color:var(--paper);background:var(--acid);border-color:var(--acid)}.quest.completed strong{text-decoration:line-through;text-decoration-thickness:1px}.quest strong{font-size:11px}.quest p{margin:4px 0 0;color:var(--muted);font-size:10px}.quest-skill{display:block;margin-top:7px;color:var(--acid);font-size:12px;line-height:1.5;letter-spacing:.04em}.quest b{color:var(--acid);font-size:12px}.quest-action{grid-column:2/4;min-height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);color:var(--ink);background:rgba(184,255,56,.035);text-decoration:none;font-size:8px;font-weight:700;letter-spacing:.11em}.quest-action span{color:var(--acid);font-size:13px}.quest-action:hover,.quest-action:focus-visible{color:var(--paper);background:var(--acid);border-color:var(--acid);outline:0}.quest-action:hover span,.quest-action:focus-visible span{color:var(--paper)}.streak{padding:26px 22px;border-bottom:1px solid var(--line)}.streak>span{color:var(--muted);font-size:9px;letter-spacing:.13em}.streak div{display:flex;gap:7px;margin:15px 0}.streak i{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);color:var(--muted);font-size:9px;font-style:normal}.streak i.done{color:var(--paper);background:var(--acid);border-color:var(--acid)}.streak strong{font-size:10px;color:var(--acid)}.local-note{padding:18px 22px;color:var(--muted);font-size:8px;line-height:1.6}footer{height:62px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.13em}@media(max-width:900px){.arcade-nav{grid-template-columns:1fr auto}.arcade-nav nav{display:none}.hero{grid-template-columns:1fr}.featured{min-height:460px;border-left:0;border-top:1px solid var(--line)}.dashboard{grid-template-columns:1fr}.quest-panel{border-left:0;border-top:1px solid var(--line)}}@media(max-width:600px){.arcade-nav{height:58px;padding:0 16px}.online{font-size:0}.arcade-nav a.online{font-size:9px}.hero{min-height:auto}.hero-copy{padding:52px 20px}.hero h1{font-size:56px}.featured{min-height:390px;padding:20px}.snake-preview{height:210px}.featured-copy strong{font-size:40px}.catalogue{padding:38px 16px}.section-heading{align-items:start}.section-heading>span{display:none}.game-grid{grid-template-columns:1fr}.game-card{min-height:250px}.art{min-height:170px}.quest-panel{margin-bottom:0}footer{padding:0 16px}footer span:last-child{display:none}}.own-player-tag{display:block;color:var(--acid);font:700 20px/1.2 'IBM Plex Mono',monospace;overflow-wrap:anywhere}.account-field [data-account-tag]{color:var(--acid);font-size:18px}.checkout-form{display:grid;gap:12px;margin-top:18px}.checkout-form .check-row{display:grid;grid-template-columns:24px 1fr;align-items:start;text-align:left;color:var(--muted);font-size:12px;line-height:1.5}.checkout-form input[type=checkbox]{width:20px;height:20px;margin:0}.checkout-field{display:grid;gap:6px;text-align:left;color:var(--muted);font-size:12px;letter-spacing:.05em}.checkout-field input,.checkout-field select{width:100%;min-height:44px;padding:0 10px;border:1px solid var(--line);color:var(--ink);background:var(--paper);font:12px 'IBM Plex Mono',monospace}.checkout-legal{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.checkout-legal a{color:var(--acid)}.checkout-form button,[data-billing-portal]{width:100%;min-height:48px}.checkout-form button:disabled{background:transparent;color:var(--muted);border:1px solid var(--line);opacity:1;cursor:not-allowed}.checkout-form .auth-status,.billing-status{min-height:20px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}