:root{--ground:#071523;--navy:#0b3253;--raised:#123b60;--raised-2:#174a78;--text:#eaf2fa;--muted:#8fa5ba;--faint:#4f6680;--lime:#8ac241;--lime-hi:#9ed45a;--lime-ink:#0b1a08;--lime-soft:#8ac24124;--danger:#e2604f;--warn:#f5c518;--line:#eaf2fa1a;--line-strong:#eaf2fa2e;--display:"Unbounded",system-ui,sans-serif;--sans:"Manrope",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--r:14px;--r-lg:22px;--ease:cubic-bezier(.22,1,.36,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img,canvas,svg{max-width:100%;display:block}::selection{background:var(--lime);color:var(--lime-ink)}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.lime{color:var(--lime)}.nav{z-index:50;justify-content:space-between;align-items:center;padding:18px 24px;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;inset:0 0 auto}.nav.solid{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#071523b8}.brand{transition:transform .35s var(--ease);align-items:center;gap:10px;display:inline-flex}.brand:hover{transform:translateY(-1px)}.brand .mark{filter:drop-shadow(0 4px 12px #00000059);width:40px;height:28px;display:block}.brand .wm{flex-direction:column;line-height:1;display:flex}.brand .wm b{font-family:var(--display);letter-spacing:.03em;color:var(--lime);font-size:14px;font-weight:800}.brand .wm small{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.85;margin-top:3px;font-size:6.6px;font-weight:700}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a,.nav-links button{color:var(--muted);border-radius:999px;padding:9px 14px;font-size:14px;font-weight:600;transition:color .25s,background .25s}.nav-links a:hover{color:var(--text);background:#eaf2fa0f}.nav-links .btn-lime{color:var(--lime-ink)}.nav-links .btn-lime:hover{color:var(--lime-ink);background:var(--lime-hi)}.avatar{border:1px solid var(--line-strong);font-family:var(--mono);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:12px;display:inline-flex}.avatar i{background:var(--lime);width:26px;height:26px;color:var(--lime-ink);font-style:normal;font-weight:700;font-family:var(--display);border-radius:50%;place-items:center;font-size:11px;display:grid}.user{position:relative}.user .menu{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#0b3253f0;border-radius:14px;min-width:170px;padding:6px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px);box-shadow:0 18px 40px #00000059}.user.open .menu{opacity:1;pointer-events:auto;transform:none}.user .menu a,.user .menu button{text-align:left;width:100%;color:var(--text);border-radius:9px;padding:10px 14px;font-size:14px;font-weight:600;display:block}.user .menu a:hover,.user .menu button:hover{background:#eaf2fa14}.btn{letter-spacing:.01em;transition:transform .35s var(--ease), background .25s, color .25s, box-shadow .35s, opacity .2s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.btn:disabled{opacity:.55;cursor:default}.btn-lime{background:var(--lime);color:var(--lime-ink);box-shadow:0 8px 30px -10px #8ac24199}.btn-lime:hover{background:var(--lime-hi);box-shadow:0 14px 40px -10px #8ac241bf}.btn-ghost{border:1px solid var(--line-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--lime);color:var(--lime-hi)}.btn-danger{color:var(--danger);border:1px solid #e2604f80}.btn-danger:hover{background:#e2604f1f}.btn-lg{padding:18px 32px;font-size:17px}.btn-sm{padding:8px 14px;font-size:13px}.btn svg{width:18px;height:18px}.hero{isolation:isolate;place-items:center;min-height:100vh;padding:120px 24px 80px;display:grid;position:relative;overflow:hidden}#bg{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-in{text-align:center;max-width:900px}.hero.short{min-height:66vh;padding:140px 24px 50px}h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 22px;font-size:clamp(40px,7.6vw,96px);font-weight:800;line-height:.98}h1 .w{vertical-align:bottom;display:inline-block;overflow:hidden}h1 .w span{animation:rise 1s var(--ease) forwards;display:inline-block;transform:translateY(110%)}@keyframes rise{to{transform:none}}.sub{color:var(--muted);max-width:34ch;margin:0 auto 36px;font-size:clamp(17px,2vw,21px);font-weight:500}.keyword{border:1px dashed var(--line-strong);color:var(--muted);background:#eaf2fa0d;border-radius:999px;align-items:center;gap:10px;margin-top:26px;padding:10px 18px 10px 12px;font-size:14px;display:inline-flex}.keyword b{font-family:var(--display);color:var(--text);background:var(--raised);letter-spacing:.06em;border-radius:8px;padding:4px 10px;font-size:13px}.keyword em{color:var(--lime-hi);font-style:normal;font-weight:700}.form-msg{min-height:22px;color:var(--muted);margin:12px 0 0;font-size:14px;transition:color .3s}.form-msg.err{color:var(--danger)}.form-msg.ok{color:var(--lime-hi)}.notice{color:var(--text);background:#f5c51814;border:1px solid #f5c51859;border-radius:12px;margin:0 0 18px;padding:12px 16px;font-size:14px}.notice.err{background:#e2604f1a;border-color:#e2604f66}.notice.ok{background:var(--lime-soft);border-color:#8ac24166}section{padding:96px 0}h2{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(26px,3.6vw,42px);font-weight:700;line-height:1.05}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}footer{border-top:1px solid var(--line);padding:40px 0 48px}footer .wrap{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:13.5px;display:flex}footer a{color:var(--muted);transition:color .25s}footer a:hover{color:var(--lime-hi)}#games.cat{padding:0 0 20px}#games .cat-head{padding:20px 0 26px}#games .cat-head h1{font-size:clamp(30px,4vw,52px)}.cat-head{padding:130px 0 26px}.cat-head h1{margin-bottom:22px;font-size:clamp(34px,5vw,64px)}.filters{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b325373;border-radius:999px;gap:4px;max-width:100%;padding:5px;display:inline-flex;position:relative;overflow-x:auto}.filters .ind{background:var(--lime);width:0;transition:left .45s var(--ease), width .45s var(--ease);z-index:0;border-radius:999px;position:absolute;top:5px;bottom:5px;left:0}.filters button{z-index:1;color:var(--muted);white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;transition:color .3s;position:relative}.filters button.on{color:var(--lime-ink)}.grid{grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:100px;display:grid}.card{border-radius:var(--r-lg);aspect-ratio:3/4;background:var(--navy);transition:transform .25s ease-out, opacity .6s var(--ease), box-shadow .4s;cursor:pointer;display:block;position:relative;overflow:hidden}.card.hide{display:none}.card canvas,.card img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.card:hover canvas,.card:hover img{transform:scale(1.06)}.card:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#071523d9);position:absolute;inset:0}.card .meta{z-index:2;position:absolute;bottom:18px;left:18px;right:18px}.card .meta .t{font-family:var(--display);letter-spacing:-.01em;font-size:17px;font-weight:700;line-height:1.1}.card .meta .c{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime-hi);margin-top:6px;font-size:11px}.card .badge{z-index:2;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071523b3;border-radius:999px;padding:5px 9px;font-size:10.5px;position:absolute;top:14px;left:14px}.card .badge.hot{background:var(--lime);color:var(--lime-ink);border-color:#0000}.card .badge.soon{color:var(--muted)}.card .play{z-index:3;background:var(--lime);width:44px;height:44px;color:var(--lime-ink);opacity:0;transition:transform .4s var(--ease), opacity .3s;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px;transform:scale(.6)}.card:hover .play{opacity:1;transform:scale(1)}.card .play svg{width:18px;height:18px;margin-left:2px}.card.preview{cursor:default}.card.preview:hover .play{opacity:0}.empty{border:1px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--muted);text-align:center;padding:40px}.game-hero{isolation:isolate;align-items:end;min-height:78vh;padding:140px 0 60px;display:grid;position:relative;overflow:hidden}.game-hero .bgc{z-index:-2;filter:blur(50px)saturate(1.2);opacity:.6;position:absolute;inset:-10% 0 0;transform:scale(1.2)}.game-hero .bgc canvas,.game-hero .bgc img{object-fit:cover;width:100%;height:100%}.game-hero:after{content:"";z-index:-1;background:linear-gradient(180deg,#07152333,var(--ground) 85%);position:absolute;inset:0}.game-top{grid-template-columns:300px 1fr;align-items:end;gap:44px;display:grid}.poster{aspect-ratio:3/4;border-radius:var(--r-lg);transition:transform .6s var(--ease);background:var(--navy);overflow:hidden;transform:perspective(900px)rotateY(6deg);box-shadow:0 30px 70px -30px #000c}.poster:hover{transform:perspective(900px)rotateY(0)}.poster canvas,.poster img{object-fit:cover;width:100%;height:100%}.game-info .c{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime-hi);margin-bottom:14px;font-size:12px}.game-info h1{margin-bottom:12px;font-size:clamp(38px,6vw,84px)}.game-info .line{color:var(--muted);max-width:36ch;margin:0 0 30px;font-size:clamp(17px,2vw,22px);font-weight:500}.stats{gap:28px;margin-bottom:34px;display:flex}.stat b{font-family:var(--display);letter-spacing:-.01em;font-size:22px;font-weight:700;display:block}.stat span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.play-cta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.btn-play{position:relative}.btn-play:before{content:"";border-radius:inherit;border:2px solid var(--lime);animation:ring 2.2s var(--ease) infinite;pointer-events:none;position:absolute;inset:-4px}@keyframes ring{0%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(1.35)}}.play-hint{color:var(--muted);font-size:14px}.more{padding:20px 0 100px}.more .grid{grid-template-columns:repeat(4,1fr);padding-bottom:0}.more h2{margin-bottom:24px}.player{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#071523f0;place-items:center;padding:16px;transition:opacity .4s;display:grid;position:fixed;inset:0}.player.open{opacity:1;pointer-events:auto}.player .frame{background:var(--ground);border-radius:var(--r-lg);border:1px solid var(--line-strong);width:min(1100px,100%);height:min(82vh,760px);transition:transform .6s var(--ease);position:relative;overflow:hidden;transform:scale(.94)translateY(20px);box-shadow:0 40px 100px -30px #000000e6}.player .frame.portrait{width:min(480px,100%)}.player.open .frame{transform:none}.player .bar{z-index:3;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);pointer-events:none;background:linear-gradient(#071523e6,#0000);justify-content:space-between;align-items:center;padding:10px 12px 10px 18px;font-size:12px;display:flex;position:absolute;inset:0 0 auto}.player .bar>*{pointer-events:auto}.player .bar .x{background:#eaf2fa14;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .25s;display:grid}.player .bar .x:hover{background:var(--danger)}.player .bar .x svg{width:16px;height:16px}.player iframe{background:#000;border:0;width:100%;height:100%;display:block}.player .load{z-index:2;background:var(--ground);place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.player .load.done{opacity:0;pointer-events:none}.player .load .l{text-align:center;width:220px}.player .load .l b{font-family:var(--display);margin-bottom:14px;font-size:14px;display:block}.player .load .l i{background:var(--raised);border-radius:2px;height:4px;display:block;overflow:hidden}.player .load .l i:after{content:"";background:var(--lime);width:0;height:100%;animation:load 1.6s var(--ease) forwards;display:block}@keyframes load{to{width:100%}}.player .score{font-family:var(--mono);color:var(--lime-hi);font-size:12px}.auth{grid-template-columns:1.15fr 1fr;min-height:100vh;display:grid}.auth-art{background:var(--navy);isolation:isolate;position:relative;overflow:hidden}.auth-art canvas.orbs{z-index:0;width:100%;height:100%;position:absolute;inset:0}.show{z-index:1;place-items:center;padding:110px 40px 60px;display:grid;position:absolute;inset:0}.show .stage{aspect-ratio:3/4;width:min(360px,70vw);position:relative}.show .slide{border-radius:var(--r-lg);opacity:0;transition:opacity .8s var(--ease), transform .9s var(--ease);background:var(--ground);position:absolute;inset:0;overflow:hidden;transform:scale(.92)translate(30px);box-shadow:0 40px 90px -30px #000000e6}.show .slide.on{opacity:1;z-index:2;transform:none}.show .slide.prev{opacity:0;transform:scale(.92)translate(-30px)}.show .slide canvas,.show .slide img{object-fit:cover;width:100%;height:100%;animation:9s ease-in-out infinite alternate kb}@keyframes kb{0%{transform:scale(1)}to{transform:scale(1.08)}}.show .slide:after{content:"";background:linear-gradient(#0000 50%,#071523e6);position:absolute;inset:0}.show .cap{z-index:2;position:absolute;bottom:22px;left:22px;right:22px}.show .cap .c{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime-hi);margin-bottom:8px;font-size:11px}.show .cap .t{font-family:var(--display);letter-spacing:-.01em;font-size:24px;font-weight:800;line-height:1.05}.show .cap .l{color:var(--muted);margin-top:6px;font-size:14px}.show .sidecard{border-radius:var(--r-lg);opacity:.35;z-index:0;pointer-events:none;filter:saturate(.7);position:absolute;inset:0;overflow:hidden;transform:scale(.82)translate(-64%)rotate(-6deg)}.show .sidecard.r{transform:scale(.82)translate(64%)rotate(6deg)}.show .sidecard canvas,.show .sidecard img{object-fit:cover;width:100%;height:100%}.show .dots{gap:6px;display:flex;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.show .dots button{background:#eaf2fa2e;border-radius:2px;width:22px;height:4px;transition:background .3s,width .3s}.show .dots button.on{background:var(--lime);width:34px}.show .lead{z-index:3;max-width:280px;position:absolute;top:120px;left:40px}.show .lead b{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.05;display:block}.show .lead b .lime{color:var(--lime)}.show .lead span{color:var(--muted);margin-top:10px;font-size:14px;display:block}.show .count{z-index:3;font-family:var(--mono);letter-spacing:.12em;color:var(--muted);font-size:12px;position:absolute;top:128px;right:40px}.auth-form{place-items:center;padding:120px 40px 60px;display:grid}.auth-form>div{width:100%;max-width:420px}.auth-form h1{margin-bottom:10px;font-size:clamp(30px,3.6vw,44px)}.auth-form .sub{max-width:none;margin:0 0 30px;font-size:16px}.field{margin-bottom:14px;display:block}.field span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.field .box{border:1px solid var(--line-strong);background:#0b32538c;border-radius:16px;align-items:center;gap:8px;padding:6px 6px 6px 18px;transition:border-color .3s,box-shadow .3s;display:flex}.field .box:focus-within{border-color:var(--lime);box-shadow:0 0 0 4px var(--lime-soft)}.field .box i{font-style:normal;font-family:var(--mono);color:var(--muted);font-size:14px}.field input{min-width:0;color:var(--text);font:600 20px var(--sans);letter-spacing:.08em;background:0 0;border:0;outline:0;flex:1;padding:12px 4px}.field input::placeholder{color:var(--faint);letter-spacing:.02em;font-weight:500}.field.shake .box{animation:.5s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.auth-form .btn{width:100%;margin-top:8px}.auth-form .form-msg{text-align:center}.send-line{text-align:center;color:var(--muted);margin-top:22px;font-size:15px}.send-line em{color:var(--text);font-style:normal;font-weight:700}.send-line .sc{font-family:var(--display);color:var(--lime-hi)}.fine{color:var(--faint);text-align:center;margin-top:30px;font-size:13px}.fine a{color:var(--muted);border-bottom:1px solid var(--line-strong)}.fine a:hover{color:var(--lime-hi);border-color:var(--lime)}.acct{max-width:720px;padding:140px 0 100px}.acct h1{font-size:clamp(30px,4vw,52px)}.panel{border-radius:var(--r-lg);border:1px solid var(--line);background:#0b325359;margin-bottom:16px;padding:24px}.panel h3{font-family:var(--display);margin:0 0 14px;font-size:15px}.kv{grid-template-columns:160px 1fr;gap:10px 16px;font-size:15px;display:grid}.kv b{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-self:center;font-size:11px}.pill{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:11px;display:inline-block}.pill.ok{background:var(--lime-soft);color:var(--lime-hi);border-color:#8ac24166}.pill.warn{color:var(--warn);background:#f5c5181f;border-color:#f5c51866}.pill.bad{color:var(--danger);background:#e2604f1f;border-color:#e2604f66}.toast{z-index:90;background:var(--text);color:var(--ground);opacity:0;transition:opacity .35s, transform .5s var(--ease);pointer-events:none;white-space:nowrap;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1000px){.grid,.more .grid{grid-template-columns:repeat(3,1fr)}.game-top{grid-template-columns:240px 1fr;gap:30px}}@media (max-width:760px){.nav{padding:14px 16px}.nav-links a:not(.btn):not(.avatar){display:none}.grid,.more .grid{grid-template-columns:repeat(2,1fr);gap:12px}.auth{grid-template-columns:1fr}.auth-art{min-height:52vh}.show{padding:90px 24px 50px}.show .stage{width:min(230px,58vw)}.show .lead{max-width:200px;top:86px;left:24px}.show .lead span{display:none}.show .count{top:92px;right:24px}.show .sidecard{display:none}.auth-form{padding:36px 24px 60px}.game-top{grid-template-columns:1fr}.poster{width:200px}.game-hero{padding-top:110px}section{padding:70px 0}.stats{gap:18px}.kv{grid-template-columns:1fr}.player{padding:0}.player .frame,.player .frame.portrait{border:0;border-radius:0;width:100%;height:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}h1 .w span{transform:none}}