/* All visuals are CSS. No external fonts, libraries or image requests. */
:root{--bg:#11121a;--panel:#1a1b25;--ink:#f6f4ed;--muted:#a7a8b5;--line:#2d2e3b;--orange:#ff885b;--purple:#b9a3ff;--green:#c9ed97}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}button svg{pointer-events:none}.skip{position:fixed;top:-70px;left:10px;z-index:20;background:white;color:black;padding:12px}.skip:focus{top:10px}.header{max-width:1376px;padding:25px 48px;margin:auto;display:flex;align-items:center;gap:60px}.logo{display:inline-flex;align-items:center;font-size:28px;font-weight:900;letter-spacing:-1.5px;line-height:1}.logo-dot{color:var(--orange)}.logo-icon{position:relative;background:var(--orange);color:var(--bg);width:35px;height:35px;display:inline-grid;place-items:center;border-radius:11px;margin-right:10px;font-size:32px;line-height:1}.logo-icon span{font-size:13px;position:absolute;right:3px;top:1px;color:var(--bg)}nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}nav a:hover,.nav-active{color:var(--ink)}.header-actions{margin-left:auto;display:flex;gap:22px;align-items:center}.icon-button{background:none;font-size:25px;padding:3px;display:flex;gap:6px;align-items:center}.icon-button span{font-size:10px;background:#292a36;border-radius:50%;width:19px;line-height:19px}.surprise{background:var(--panel);border:1px solid var(--line);padding:10px 16px;border-radius:10px;font-size:12px;font-weight:700}.surprise span{margin-left:15px;color:var(--orange)}.hero{max-width:1280px;margin:20px auto 38px;min-height:493px;display:grid;grid-template-columns:1fr 1fr;padding:40px 55px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.5}.tiny-star{color:var(--orange);font-size:18px;vertical-align:middle;margin-right:7px}h1{font-size:clamp(48px,5.5vw,78px);font-weight:850;line-height:1.05;letter-spacing:-4px;margin:21px 0}h1>span{color:var(--orange)}.hero p{font-size:15px;color:var(--muted);line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 21px;border-radius:10px;font-size:13px;font-weight:700;background:var(--orange);color:var(--bg);min-height:48px}.button:hover{filter:brightness(1.07);transform:translateY(-1px)}.button-light{background:var(--ink);margin-top:28px}.button span{font-size:19px;line-height:1}.hero-perks{display:flex;gap:21px;font-size:10px;color:var(--muted);margin-top:23px}.hero-perks i{font-style:normal;color:var(--green);margin-right:3px}.hero-art{height:395px;position:relative;margin-left:5px}.orbit{position:absolute;border:1px solid #353641;border-radius:50%;width:430px;height:300px;top:50px;left:0;transform:rotate(-30deg)}.orbit-two{transform:rotate(40deg);width:350px;left:35px;height:370px;top:0}.tile{position:absolute;box-shadow:0 18px 40px #0005;border-radius:23px}.tile-sudoku{background:var(--purple);width:225px;height:240px;left:85px;top:22px;transform:rotate(-12deg);padding:25px;color:#28213f;z-index:2}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #44345f;border-radius:8px;overflow:hidden;aspect-ratio:1}.mini-grid b{font-size:29px;font-weight:600;display:grid;place-items:center;border-right:1px solid #44345f80;border-bottom:1px solid #44345f80}.mini-grid b:nth-child(3n){border-right:0}.mini-grid b:nth-child(n+7){border-bottom:0}.tile-sudoku>span{font-size:10px;letter-spacing:2px;display:block;text-align:center;margin-top:13px;font-weight:700}.tile-2048{background:var(--orange);width:160px;height:165px;top:186px;left:246px;transform:rotate(13deg);color:#482c20;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center}.tile-2048>span{font-size:44px;font-weight:900;letter-spacing:-3px}.tile-2048 small{font-size:11px}.tile-snake{background:var(--green);width:155px;height:145px;top:226px;left:5px;transform:rotate(-10deg);z-index:4;background-image:linear-gradient(#74885115 1px,transparent 1px),linear-gradient(90deg,#74885115 1px,transparent 1px);background-size:20px 20px}.snake-pixel{position:absolute;background:#375536;width:22px;height:22px;border-radius:4px}.p1{left:24px;top:76px}.p2{left:46px;top:76px}.p3{left:68px;top:76px}.p4{left:68px;top:54px}.p5{left:68px;top:32px;color:white;font-size:25px;line-height:4px;text-align:center}.snake-food{position:absolute;width:13px;height:13px;border-radius:50%;background:#f08255;top:35px;right:25px}.spark{position:absolute;color:var(--orange);font-size:55px}.spark-one{right:15px;top:65px}.spark-two{left:0;top:45px;font-size:32px;color:var(--purple)}.floating-label{position:absolute;right:10px;top:17px;font-size:8px;letter-spacing:1.5px;transform:rotate(10deg)}.play-medallion{position:absolute;left:167px;bottom:-5px;width:93px;height:93px;background:var(--ink);color:var(--bg);border-radius:50%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1.7;transform:rotate(-12deg);border:5px solid var(--bg)}.play-medallion strong{font-size:16px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:43px;white-space:nowrap;overflow:hidden;padding:16px;color:var(--orange);font-size:15px}.ticker span{font-size:10px;font-weight:700;letter-spacing:2px;color:#d2d2db;align-self:center}.section{max-width:1280px;margin:0 auto;padding-left:48px;padding-right:48px}.catalog{padding-top:65px;padding-bottom:55px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.muted{color:var(--muted)}h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px;font-weight:800;margin-top:12px}h2>span{color:var(--orange)}.search{display:flex;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 13px;gap:10px;max-width:270px;min-width:0}.search>span{font-size:23px;color:var(--muted)}.search input{background:none;border:0;color:var(--ink);width:100%;min-width:0;outline:0;font-size:12px}.search:focus-within{border-color:var(--orange)}kbd{font:11px Arial;border:1px solid var(--line);padding:0 5px;color:var(--muted)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid var(--line);border-radius:9px;padding:9px 15px;font-size:11px;color:#b7b8c6;min-height:38px}.filter.active{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:700}.availability{font-size:11px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}.availability input{accent-color:var(--orange);width:15px;height:15px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.game-card{min-width:0}.game-cover{position:relative;display:block;width:100%;aspect-ratio:1.34;border:0;border-radius:15px;overflow:hidden;text-align:left;padding:18px;background:var(--cover);color:var(--cover-ink);transition:transform .2s}.game-cover:hover{transform:translateY(-4px)}.cover-tag{position:absolute;left:13px;top:13px;font-size:8px;letter-spacing:.6px;border-radius:5px;background:#ffffffa8;padding:3px 7px;font-weight:800;color:#282834;z-index:2}.cover-tag.soon{background:#00000012;color:inherit}.cover-arrow{position:absolute;right:12px;bottom:11px;border-radius:50%;width:25px;height:25px;background:#ffffffaa;display:grid;place-items:center;font-size:16px}.cover-art{height:100%;display:grid;place-items:center;pointer-events:none}.card-detail{display:flex;justify-content:space-between;align-items:center;padding-top:12px;gap:8px}.card-detail h3{font-size:14px;font-weight:700;line-height:1.4}.card-detail p{font-size:10px;color:var(--muted);margin-top:3px}.save-game{background:none;font-size:23px;color:var(--muted);min-width:40px;min-height:40px}.save-game[aria-pressed=true]{color:var(--orange)}.puzzle-art{display:grid;grid-template-columns:repeat(3,1fr);width:105px;height:105px;border:2px solid currentColor;border-radius:8px;transform:rotate(-8deg);overflow:hidden}.puzzle-art span{border-right:1px solid #51466b55;border-bottom:1px solid #51466b55;display:grid;place-items:center;font-size:23px;font-weight:700}.number-art{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;transform:rotate(8deg)}.number-art b{font-size:25px;background:#ffffff45;width:52px;height:52px;border-radius:8px;display:grid;place-items:center}.number-art b:last-child{background:#ffeac2}.snake-art{display:grid;grid-template-columns:repeat(5,23px);grid-template-rows:repeat(4,23px);transform:rotate(-8deg)}.snake-art i{background:#375c36;border-radius:5px;margin:1px}.snake-art i:nth-child(1){grid-column:1;grid-row:3}.snake-art i:nth-child(2){grid-column:2;grid-row:3}.snake-art i:nth-child(3){grid-column:3;grid-row:3}.snake-art i:nth-child(4){grid-column:3;grid-row:2}.snake-art i:nth-child(5){grid-column:3;grid-row:1}.snake-art i:nth-child(6){grid-column:5;grid-row:1;background:#f48758;border-radius:50%;margin:5px}.memory-art{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;transform:rotate(-10deg)}.memory-art b{background:#ffffff8c;width:50px;height:61px;border-radius:8px;display:grid;place-items:center;font-size:27px}.memory-art b:nth-child(2){background:#8f5a7650}.mines-art{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;transform:rotate(8deg)}.mines-art b{width:32px;height:32px;display:grid;place-items:center;background:#fff5;border-radius:4px;font-size:20px}.ttt-art{display:grid;grid-template-columns:repeat(3,35px);transform:rotate(-10deg)}.ttt-art b{height:35px;display:grid;place-items:center;font-size:27px;border-right:2px solid #4a526b55;border-bottom:2px solid #4a526b55;font-weight:400}.ttt-art b:nth-child(3n){border-right:0}.ttt-art b:nth-child(n+7){border-bottom:0}.catalog-note{text-align:center;color:var(--muted);font-size:11px;margin-top:30px}.empty{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:16px}.empty p{color:var(--muted);margin:10px 0 20px}.daily{margin:0 auto;border-radius:22px;max-width:1184px;padding:40px 55px;display:grid;grid-template-columns:230px 1fr auto;gap:40px;align-items:center;background:var(--purple);color:#29243b;position:relative;overflow:hidden}.daily-art{position:relative}.daily-grid{display:grid;grid-template-columns:repeat(3,1fr);width:168px;height:168px;border-radius:12px;overflow:hidden;background:#eee8fc;box-shadow:9px 12px 0 #64518526;transform:rotate(-10deg);border:2px solid #5d4b86}.daily-grid span{border:1px solid #5d4b8633;display:grid;place-items:center;font-size:30px;font-weight:700}.daily-grid span:nth-child(5){background:#d5c7f4}.daily-spark{position:absolute;right:7px;top:-15px;font-size:45px}.daily .eyebrow{font-size:9px;letter-spacing:1.6px}.daily h2{font-size:35px;margin-top:12px}.daily p{font-size:12px;max-width:330px;margin:14px 0 23px;color:#514768}.button-dark{background:#29243b;color:white}.daily-stamp{font-size:9px;line-height:2;text-align:center;letter-spacing:1px;border:1px solid #5c488550;border-radius:50%;padding:23px 15px;transform:rotate(12deg)}.daily-stamp b{font-size:11px}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;padding-top:65px;padding-bottom:65px}.feature-icon{font-size:25px;color:var(--orange)}.why h3{font-size:15px;margin:12px 0 9px}.why p{font-size:12px;line-height:1.9;color:var(--muted);max-width:290px}.about{text-align:center;border-top:1px solid var(--line);padding-top:60px;padding-bottom:65px}.about h2{font-size:38px}.about p{max-width:520px;margin:20px auto;color:var(--muted);font-size:13px}.about>a{font-size:12px;color:var(--orange);font-weight:700}.footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:30px 48px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer .logo{font-size:22px}.footer p,.footer small{font-size:10px;color:var(--muted)}.footer>div{margin-left:auto;display:flex;gap:20px;font-size:10px}.footer button{background:none;color:var(--muted);padding:0;font-size:10px}.footer small{width:100%;text-align:right}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:36px;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#05050cbb;backdrop-filter:blur(5px)}dialog h2{font-size:29px;margin-bottom:18px}dialog p{color:var(--muted);font-size:13px;margin:10px 0}dialog ul{padding-left:18px;font-size:13px;color:var(--muted)}#dialogActions{margin-top:22px}.dialog-close{position:absolute;right:12px;top:8px;background:none;font-size:28px;color:var(--muted);width:36px;height:36px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--bg);border-radius:12px;box-shadow:0 10px 40px #0005;padding:12px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:calc(100% - 24px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1400px){.hero{padding-top:60px;padding-bottom:60px}}
@media(max-width:1050px){.header{gap:35px;padding:24px 30px}.hero{padding:35px 30px;gap:10px}.hero-art{transform:scale(.85);transform-origin:left center;margin-right:-65px}.section{padding-left:30px;padding-right:30px}.daily{margin-left:30px;margin-right:30px;grid-template-columns:180px 1fr;gap:20px;padding:35px}.daily-stamp{display:none}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why{gap:30px}}
@media(max-width:720px){html{scroll-padding-top:20px}.header{padding:21px 20px;gap:0}.logo{font-size:25px}.logo-icon{width:30px;height:30px;font-size:27px}nav{display:none}.header-actions{gap:12px}.surprise{font-size:10px;padding:9px 11px}.surprise span{margin-left:6px}.icon-button{font-size:23px}.hero{padding:30px 22px 12px;display:flex;flex-direction:column;align-items:stretch;margin:0 auto 20px;min-height:0}.hero-copy{text-align:center}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:52px;letter-spacing:-2.7px;margin:17px 0}.hero p{font-size:13px}.button-light{margin-top:23px}.hero-perks{justify-content:center;gap:17px;margin-top:18px}.hero-art{width:410px;max-width:none;height:360px;align-self:center;transform:scale(.78);transform-origin:center center;margin:-25px 0 -45px}.ticker{gap:28px;padding:12px}.ticker span{font-size:8px}.section{padding-left:20px;padding-right:20px}.catalog{padding-top:37px;padding-bottom:35px}.section-heading{display:block}.eyebrow{font-size:8px;letter-spacing:1.5px}h2{font-size:28px;letter-spacing:-1px}.search{max-width:none;width:100%;margin-top:20px;padding:5px 12px}.search input{font-size:13px}.search kbd{display:none}.catalog-toolbar{align-items:start;flex-direction:column;margin:18px 0}.filters{gap:6px;flex-wrap:nowrap;overflow:auto;width:100%;padding:3px 0 6px}.filter{white-space:nowrap;padding:8px 12px;font-size:10px;flex:none}.availability{align-self:end;font-size:10px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.game-cover{border-radius:12px;aspect-ratio:1.15;padding:18px 9px}.cover-art{transform:scale(.85)}.cover-tag{font-size:7px;left:9px;top:9px}.card-detail{padding-top:7px}.card-detail h3{font-size:13px}.card-detail p{font-size:9px}.save-game{font-size:22px;min-width:30px}.catalog-note{font-size:10px;line-height:1.9;margin-top:23px}.daily{margin:0 20px;padding:30px 24px;display:block;border-radius:18px}.daily-art{float:right;transform:scale(.56);width:90px;height:95px;transform-origin:left top;margin-top:30px;margin-right:-15px}.daily-grid{width:150px;height:150px}.daily-spark{display:none}.daily .eyebrow{font-size:8px;max-width:220px}.daily h2{font-size:30px;max-width:250px}.daily p{max-width:250px;font-size:12px;clear:both;padding-top:6px}.daily .button{width:100%;gap:25px}.why{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:40px}.why>div{position:relative;padding-left:45px}.feature-icon{position:absolute;left:0;top:5px}.why h3{margin:0 0 7px;font-size:14px}.why p{max-width:none;font-size:12px}.about{padding-top:37px;padding-bottom:40px}.about h2{font-size:30px}.about p{font-size:12px}.footer{padding:25px 20px;gap:17px}.footer .logo{font-size:22px}.footer>p{margin-left:auto}.footer>div{margin-left:0;width:100%;gap:25px}.footer small{text-align:left;width:auto}dialog{padding:32px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
