@font-face{font-family:Hanken;src:url('/assets/hanken.woff2')}*{box-sizing:border-box}body{margin:0;color:#eee;background:#080808;font-family:Hanken,Arial,sans-serif;background-image:radial-gradient(ellipse at 70% 0,#222 0,transparent 60%);min-height:100vh;padding:35px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid white;outline-offset:4px}.shell{display:grid;grid-template-columns:225px minmax(0,1fr);max-width:1510px;margin:auto;background:#101010;border:1px solid #343434;border-radius:13px;overflow:hidden;box-shadow:0 30px 100px #000a;min-height:calc(100vh - 70px)}.sidebar{background:#0b0b0b;border-right:1px solid #292929;display:flex;flex-direction:column;padding:28px 18px 18px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-1px;font-weight:900;padding:0 8px 39px}.brand img{width:30px;height:30px}.side-label{color:#666;font:9px monospace;letter-spacing:2px;margin:0 12px 14px}.active-nav{display:flex;align-items:center;gap:12px;background:#202020;border:1px solid #363636;padding:12px;border-radius:5px;font-size:12px}.active-nav>span{font-size:20px}.active-nav small{margin-left:auto;color:#999;font:10px monospace}.genre-label{margin-top:34px}#filters{display:grid;gap:5px}#filters button{display:flex;justify-content:space-between;border:0;text-align:left;padding:11px 12px;background:none;color:#8b8b8b;font-size:12px;border-radius:4px}#filters button:hover{color:#fff;background:#191919}#filters button[aria-pressed=true]{color:white;background:#1a1a1a}#filters button[aria-pressed=true]:before{content:'';width:3px;background:#e52c48;margin-right:9px}#filters button span{margin-left:auto;color:#666;font:10px monospace}.side-art{position:relative;min-height:210px;margin-top:auto;overflow:hidden;border-bottom:1px solid #282828}.side-art img{position:absolute;width:370px;height:245px;object-fit:cover;object-position:70%;left:-85px;filter:grayscale(1);opacity:.32;mask-image:linear-gradient(transparent,#000 35%,transparent)}.side-art>span{position:absolute;bottom:25px;left:12px;font-weight:900;font-size:24px;line-height:1.1;letter-spacing:-1px}.version{display:flex;justify-content:space-between;font-size:11px;color:#777;padding:20px 10px 0}main{min-width:0}header{height:68px;border-bottom:1px solid #282828;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#777}.breadcrumb span{padding:0 16px;color:#444}.breadcrumb b{font-weight:500;color:#ccc}.domain{font:9px monospace;letter-spacing:2px;color:#666}.workspace{padding:29px 32px 18px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.eyebrow{font:9px monospace;letter-spacing:2px;color:#999}h1{font-size:32px;letter-spacing:-1.2px;margin:7px 0 0}h1>span{color:#e52c48}.search{display:flex;gap:12px;align-items:center;background:#161616;border:1px solid #333;border-radius:5px;padding:10px 12px;width:260px}.search>span{font-size:23px;color:#888}.search input{background:none;border:0;min-width:0;width:100%;color:#fff;font-size:12px}.search:focus-within{border-color:#888}kbd{color:#777;border:1px solid #444;border-radius:3px;padding:1px 5px;font-size:10px}.feature{position:relative;height:285px;border:1px solid #393939;border-radius:7px;overflow:hidden;background:#161616}.feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:grayscale(1);opacity:.65}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808e8,transparent),linear-gradient(0deg,#08080877,transparent)}.feature-content{position:relative;z-index:1;padding:35px}.feature-content h2{font-size:48px;letter-spacing:-2px;line-height:1.05;margin:17px 0 11px;max-width:80%}.feature-content p{color:#bbb;font-size:12px;margin-bottom:25px}.visit{display:inline-flex;gap:35px;background:#eee;color:#090909;padding:12px 18px;border-radius:3px;font-size:12px;font-weight:700}.visit:hover{background:white}.feature-counter{position:absolute;z-index:1;bottom:25px;right:25px;color:#aaa;font:8px monospace;letter-spacing:2px}.feature-counter b{display:block;text-align:right;color:white;margin-top:8px;font-size:12px;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.section-heading h3{font-size:14px;margin:0;font-weight:600}#count{display:inline-block;margin-left:8px;background:#252525;color:#aaa;padding:3px 6px;border-radius:3px;font:9px monospace}.hint{font-size:10px;color:#777}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game{position:relative;text-align:left;border:1px solid #2c2c2c;border-radius:5px;overflow:hidden;background:#151515;color:#eee;padding:0;transition:transform .2s,border-color .2s}.game>img{width:100%;height:94px;object-fit:cover;filter:grayscale(1);opacity:.65;display:block;transition:opacity .2s,transform .3s}.game:hover{transform:translateY(-3px);border-color:#777}.game:hover>img{opacity:1}.game[aria-pressed=true]{border-color:#ddd;background:#202020}.game[aria-pressed=true]>img{opacity:1}.info{padding:13px 27px 13px 12px}.info strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info>span{display:block;color:#777;font-size:10px;margin-top:5px}.indicator{position:absolute;right:10px;bottom:26px;color:#777}.game[aria-pressed=true] .indicator{color:#fff}footer{display:flex;justify-content:space-between;gap:15px;font:9px monospace;color:#666;border-top:1px solid #262626;margin-top:25px;padding-top:17px}#destination{color:#aaa}#empty{text-align:center;padding:30px}#reset{border:1px solid #777;background:#222;color:white;padding:10px 20px;border-radius:4px}@media(min-width:1600px){.feature{height:330px}.game>img{height:110px}}@media(max-width:1150px){body{padding:18px}.shell{grid-template-columns:195px minmax(0,1fr)}.workspace{padding:24px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.domain{display:none}.feature-content h2{font-size:38px}}@media(max-width:800px){body{padding:0}.shell{border-radius:0;border:0;grid-template-columns:1fr}.sidebar{padding:18px;border-right:0;border-bottom:1px solid #333}.brand{padding:0 0 18px}.side-label,.active-nav,.side-art,.version{display:none}#filters{display:flex;overflow-x:auto;gap:8px}#filters button{white-space:nowrap;gap:12px;border:1px solid #292929}#filters button[aria-pressed=true]:before{display:none}header{height:48px;padding:0 20px}.workspace{padding:22px 18px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-counter{display:none}.heading{align-items:flex-start;flex-direction:column;gap:18px}.search{width:100%}.feature-content{padding:26px}.feature-content h2{max-width:100%;font-size:36px}.feature{height:270px}.hint{display:none}footer{flex-wrap:wrap}}@media(max-width:480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game>img{height:90px}.feature-content p{max-width:180px;line-height:1.5}.feature-content h2{font-size:32px}.feature{height:280px}h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.game:hover{transform:none}}
/* Intro and interaction choreography. No simulated loading progress. */
#splash[hidden]{display:none}#splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#080808;overflow:hidden;transition:opacity .45s ease,visibility .45s}.intro-active{overflow:hidden}.intro-active .shell{visibility:hidden}#splash.leaving{opacity:0;pointer-events:none}.splash-haze{position:absolute;inset:-10%;background:radial-gradient(ellipse at 50% 45%,#ffffff0c,transparent 45%),url('/assets/smoker.png') center/cover no-repeat;filter:grayscale(1);opacity:.065;mask-image:radial-gradient(ellipse,#000,transparent 72%);animation:haze-in 2.2s ease-out both}.splash-center{position:relative;text-align:center;animation:mark-in 1s cubic-bezier(.16,1,.3,1) both}.splash-mark{width:90px;height:90px;margin:0 auto 27px;position:relative;display:grid;place-items:center}.splash-mark:before,.splash-mark:after{content:'';position:absolute;inset:-12px;border:1px solid #ffffff1c;transform:rotate(45deg);animation:frame-in 1.5s cubic-bezier(.16,1,.3,1) both}.splash-mark:after{inset:-23px;border-color:#ffffff08;animation-delay:.1s}.splash-mark img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 28px #ffffff12)}.splash-word{font-size:clamp(35px,6vw,58px);font-weight:900;letter-spacing:-2px;margin:30px 0 12px}.splash-caption{font:9px monospace;color:#999;letter-spacing:5px}.splash-line{height:1px;width:160px;margin:32px auto 0;background:linear-gradient(90deg,transparent,#eee,transparent);transform-origin:center;animation:line-in 1.4s ease both}.splash-edition{position:absolute;bottom:35px;left:40px;font:9px monospace;letter-spacing:2px;color:#666}#skip-intro{position:absolute;right:35px;bottom:24px;border:1px solid #333;border-radius:4px;background:#101010;color:#aaa;padding:12px 17px;font-size:11px}#skip-intro span{margin-left:25px}.replay-intro{border:0;background:none;color:#888;font-size:18px;display:flex;align-items:center;gap:8px;padding:8px}.replay-intro span{font:9px monospace;letter-spacing:2px}.replay-intro:hover{color:white}.panel-reveal{animation:panel-in .75s cubic-bezier(.16,1,.3,1) both}.panel-reveal .sidebar{animation:section-in .65s .08s both}.panel-reveal .heading{animation:section-in .65s .14s both}.panel-reveal .feature{animation:section-in .75s .22s both}.game{animation:card-in .45s cubic-bezier(.2,.7,.2,1) both}.game:nth-child(4n+2){animation-delay:35ms}.game:nth-child(4n+3){animation-delay:70ms}.game:nth-child(4n+4){animation-delay:105ms}.game:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff0b 48%,transparent 70%);transform:translateX(-120%);transition:transform .6s ease}.game:hover:after{transform:translateX(120%)}.visit{transition:background .2s,box-shadow .2s,transform .2s}.visit span{transition:transform .2s}.visit:hover{box-shadow:0 4px 25px #ffffff16;transform:translateY(-1px)}.visit:hover span{transform:translate(2px,-2px)}#filters button{transition:background .2s,color .2s}.search{transition:border-color .2s,box-shadow .2s}.search:focus-within{box-shadow:0 0 0 3px #ffffff05}.game:active{transform:translateY(0) scale(.985)}@keyframes mark-in{from{opacity:0;transform:translateY(16px) scale(.94);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes frame-in{from{opacity:0;transform:rotate(20deg) scale(1.3)}to{opacity:1;transform:rotate(45deg)}}@keyframes haze-in{from{opacity:0;transform:scale(1.06)}to{opacity:.065;transform:scale(1)}}@keyframes line-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes panel-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes section-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:600px){.splash-edition{left:20px;bottom:35px;font-size:8px;letter-spacing:1px}#skip-intro{right:18px}.splash-caption{letter-spacing:3px}}@media(prefers-reduced-motion:reduce){#splash{display:none!important}.intro-active .shell{visibility:visible}.intro-active{overflow:auto}.replay-intro{display:none}*,*:before,*:after{animation:none!important;transition:none!important}.game:active,.visit:hover{transform:none}}