@font-face{font-family:Barlow;src:url('/assets/barlow-medium.woff2') format('woff2');font-display:swap}@font-face{font-family:BarlowCondensed;src:url('/assets/barlow-condensed-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--yellow:#f5d52b;--ink:#101313;--muted:#a9b0b0;--line:#303737}*{box-sizing:border-box}html{background:var(--ink);color:#eceee8;font:17px/1.65 Barlow,system-ui,sans-serif}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}header,main,footer{width:min(1640px,94%);margin-inline:auto}header{display:flex;align-items:center;gap:30px;min-height:100px}.brand{display:flex;align-items:center;gap:12px;font:700 32px/1 BarlowCondensed,system-ui,sans-serif;letter-spacing:1px}.brand svg{width:30px;height:30px;fill:var(--yellow)}.preview{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#acb1ab;border-inline-start:1px solid var(--line);padding-inline-start:28px}.preview i,.runtime i{display:inline-block;width:5px;height:5px;background:var(--yellow);border-radius:50%;flex-shrink:0}.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:28px}#back{font-size:13px;color:#bdc3be;display:flex;align-items:center;gap:12px}#back:hover{color:var(--yellow)}.language-control{display:flex;align-items:center;gap:8px}.language-control svg{width:17px;height:17px;color:#a9b0b0}select{max-width:155px;background:var(--ink);border:0;color:#c6cdc6;font-size:13px;padding:7px 0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.game-shell{width:100%;min-width:0;position:relative;background:#090c0d;border:1px solid var(--line);aspect-ratio:16/9;isolation:isolate}.game-shell:not(.is-playing){aspect-ratio:auto}canvas{display:block;width:100%;height:100%;outline:none;background:#080a0b}.game-shell:not(.is-playing) canvas{position:absolute;inset:0;visibility:hidden}#loading{position:relative;min-height:690px;display:grid;place-items:center;text-align:center;padding:80px 32px 68px;background:radial-gradient(ellipse at 50% 120%,#53502b55,transparent 65%),linear-gradient(120deg,#151a1b,#15191a 50%,#121718);overflow:hidden}#loading:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 69px,#ffffff02 70px),repeating-linear-gradient(90deg,transparent 0 69px,#ffffff02 70px)}#loading:after{content:'';position:absolute;pointer-events:none;inset:10px;clip-path:none;border:0;background:linear-gradient(#667263,#667263) left top/28px 1px no-repeat,linear-gradient(#667263,#667263) left top/1px 28px no-repeat,linear-gradient(#667263,#667263) right bottom/28px 1px no-repeat,linear-gradient(#667263,#667263) right bottom/1px 28px no-repeat}.hero-content{width:100%;max-width:1160px;margin:auto}.eyebrow{font-size:11px;letter-spacing:3px;line-height:1.7;text-transform:uppercase;color:var(--yellow);margin:0 0 24px}h1{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;column-gap:.18em;row-gap:.12em;font:700 clamp(55px,7.2vw,116px)/1 BarlowCondensed,system-ui,sans-serif;letter-spacing:-1.5px;margin:0 auto;max-width:1100px;overflow-wrap:anywhere}h1 em{font-style:normal;color:var(--yellow)}#intro{font-size:18px;color:#b6bdba;margin:26px auto 32px;max-width:650px}.start-action{display:flex;flex-direction:column;align-items:center}#start,#retry,.dialog-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--yellow);background:var(--yellow);color:#121610;min-height:60px;padding:14px 30px;font-weight:700;font-size:15px;text-transform:uppercase;transition:background .2s,box-shadow .2s,transform .2s}#start svg{width:18px;height:18px;flex-shrink:0}#start:hover,#retry:hover,.dialog-button:hover{background:#ffe357;box-shadow:0 8px 32px #e6c92b1c;transform:translateY(-2px)}[hidden]{display:none!important}#load-status{margin:0;max-width:600px;font-size:13px;color:#c2c9bd}#load-status:not(:empty){margin-top:16px}progress{width:min(420px,85%);height:6px;accent-color:var(--yellow);margin:24px 0 8px}progress::-webkit-progress-bar{background:#30362c}progress::-webkit-progress-value{background:var(--yellow)}.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;margin:30px auto 0;text-align:start;background:#101618b8;border:1px solid #40473b;box-shadow:0 8px 30px #00000018}.store-card{position:relative;display:flex;flex-direction:column;gap:15px;text-align:start;appearance:none;border:0;border-inline-end:1px solid var(--line);background:transparent;color:inherit;padding:22px 24px 18px;min-width:0;transition:background .2s}.store-card:last-child{border-inline-end:0}.store-card:hover{background:#ffffff06}.store-top{display:flex;align-items:center;gap:12px}.store-icon{display:inline-flex;color:#a1aca9}.store-icon svg{width:24px;height:24px}.store-title{font-size:19px;line-height:1.2;font-weight:700}.store-description{font-size:13px;line-height:1.5;color:#9ca6a2;display:block;min-height:2.8em}.store-state{display:flex;align-items:center;gap:9px;color:#d0d2bc;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.store-state svg{width:12px;height:12px;color:#89928b;flex-shrink:0}.store-state span{margin-inline-start:auto}.panel-bottom{position:absolute;inset-inline:24px;bottom:15px;display:flex;justify-content:space-between;color:#657069;font-size:9px;letter-spacing:2px}.game-toolbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:12px;color:#97a19a}.runtime{display:flex;align-items:center;gap:10px}.game-toolbar button{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#c5cdc2;padding:12px 0}.game-toolbar button svg{width:17px;height:17px}.below{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,130px);padding:55px 0 65px}.below>*{min-width:0}.below .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:14px}h2{font:700 clamp(28px,3vw,38px)/1.15 BarlowCondensed,system-ui,sans-serif;margin:0 0 16px}.below p{font-size:15px;color:#a4aea7;margin:14px 0;max-width:650px}#audio-note{font-size:13px;color:#7f8c85}details{border-top:1px solid #414b40}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:15px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;color:var(--yellow);font-weight:400}details[open] summary span{transform:rotate(45deg)}dl{display:grid;grid-template-columns:115px 1fr;gap:14px;font-size:14px;margin:10px 0 25px}dt{white-space:nowrap;direction:ltr;text-align:start}dd{margin:0;color:#b6beb4}kbd{font:12px Barlow,system-ui,sans-serif;min-width:25px;display:inline-block;text-align:center;border:1px solid #445044;background:#1c241f;color:#cdd3bf;padding:2px 6px;border-radius:3px}details p{font-size:13px!important}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0 28px;border-top:1px solid var(--line);font-size:11px;color:#748178}#game-shell:fullscreen{width:100vw;height:100vh;border:0;aspect-ratio:auto}#game-shell:fullscreen canvas{width:100%;height:100%;object-fit:contain}
dialog{width:min(470px,calc(100% - 32px));padding:45px 35px 35px;border:1px solid #4b5544;background:radial-gradient(ellipse at 50% 0,#303923,#131a19 65%);color:#e8ede1;text-align:center;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#050908d9;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:8px;inset-inline-end:10px;font-size:28px;line-height:1;background:none;border:0;color:#a3aea1;padding:8px}.dialog-crown{width:42px;height:42px;fill:var(--yellow);margin-bottom:20px}dialog .eyebrow{margin-bottom:12px}dialog h2{font-size:46px;overflow-wrap:anywhere}dialog p:not(.eyebrow){font-size:15px;color:#aab6a8}dialog .dialog-button{min-height:45px;margin-top:12px;font-size:13px;padding:10px 28px}html[dir=rtl] h1{letter-spacing:0;line-height:1.3}html[dir=rtl] .eyebrow,html[dir=rtl] .preview,html[dir=rtl] .store-state{letter-spacing:0}html:lang(hi) h1{line-height:1.35;letter-spacing:0}
@media(min-width:1800px){#loading{min-height:780px;padding-block:95px}.platforms{margin-top:38px}.store-card{padding:26px 28px 22px}}
@media(max-width:1000px){header{gap:20px}.preview{display:none}.header-actions{gap:22px}#loading{min-height:640px;padding-inline:26px}.store-card{padding:20px 18px}.store-title{font-size:18px}h1{font-size:clamp(54px,8.5vw,90px)}.platforms{max-width:800px}.store-state{letter-spacing:1px}}
@media(max-width:600px){header{min-height:78px;flex-wrap:wrap;gap:15px}.brand{font-size:27px}.brand svg{width:25px;height:25px}.header-actions{gap:15px}#back{font-size:0;gap:0}#back span{font-size:20px}.language-control svg{display:none}select{max-width:120px;font-size:12px}#loading{min-height:0;padding:62px 20px 48px}h1{font-size:clamp(44px,11.5vw,68px);letter-spacing:-.5px;row-gap:7px}#intro{font-size:15px;line-height:1.6;margin:22px auto 26px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:22px}#start{min-height:55px;max-width:100%;font-size:13px;padding:14px 22px;gap:20px}.platforms{grid-template-columns:1fr;margin-top:30px}.store-card{padding:16px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;border-inline-end:0;border-bottom:1px solid var(--line)}.store-card:last-child{border-bottom:0}.store-description{grid-column:1;min-height:0;font-size:12px}.store-state{grid-column:2;grid-row:1/3;max-width:105px;letter-spacing:.7px;font-size:9px;gap:6px}.store-state span{margin:0}.store-icon svg{width:20px;height:20px}.store-top{gap:10px}.store-title{font-size:16px}.panel-bottom{font-size:8px;inset-inline:16px;bottom:13px}.game-toolbar{font-size:10px;gap:10px}.game-toolbar button{gap:6px}.game-toolbar button svg{width:14px;height:14px}.below{grid-template-columns:1fr;gap:28px;padding:35px 0}.below p{font-size:14px}footer{font-size:10px;gap:24px}footer>span:last-child{text-align:end;max-width:55%}dl{grid-template-columns:95px 1fr}.game-shell.is-playing{aspect-ratio:16/9}dialog{padding-inline:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
html[dir=rtl] .eyebrow{font-size:12px}html[dir=rtl] .store-state{font-size:12px}
