:root{--background:#fcfaf7;--card:#fff;--surface:#f4f1ec;--border:#e5e0d8;--ink:#1e2124;--ink-muted:#6b7280;--accent:#c9a96e;--accent-dark:#a8874d;--accent-text:#7a5f2c;--danger:#b3261e;--success:#1e7a4b;--on-accent:#1e2124;--on-fill:#fff;--scrim:#121110;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--font-heading:"Playfair Display", Georgia, serif;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.night-mode{--background:#0f0e0d;--card:#1c1a16;--surface:#272420;--border:#3d3931;--ink:#f1eee8;--ink-muted:#a8a29a;--accent:#dfc38a;--accent-dark:#c9a96e;--accent-text:#dfc38a;--danger:#e8756f;--success:#69c08d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--background);-webkit-text-size-adjust:100%;min-width:320px}body{min-width:320px;min-height:100vh;background:var(--background);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}button,a{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}a{color:inherit}img{max-width:100%;display:block}.rail{width:min(100%,1120px);margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}.site-shell{min-height:100vh;min-height:100dvh}.site-header{height:80px;box-shadow:0 1px 0 var(--border);justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark,.brand-mark-fallback{border-radius:11px;flex:none;width:40px;height:40px}.brand-mark{object-fit:cover}.brand-mark-fallback{background:var(--accent);color:var(--on-accent);place-items:center;font-size:12px;font-weight:700;display:grid}.brand-name{white-space:nowrap;font-family:var(--font-heading);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1}.brand-name span{color:var(--accent-text)}.back-to-app{min-height:48px;color:var(--ink-muted);border-radius:999px;align-items:center;padding-inline:15px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.back-to-app:hover,.back-to-app:active{background:var(--surface);color:var(--ink)}.catalog-main{padding-block:clamp(48px,9vw,100px)}.catalog-heading{max-width:620px;margin-bottom:34px}.eyebrow{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.catalog-heading h1,.game-panel h1,.game-panel h2{font-family:var(--font-heading);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.05}.catalog-heading h1{font-size:clamp(38px,7vw,68px)}.catalog-heading>p:last-child{max-width:500px;color:var(--ink-muted);margin:14px 0 0;font-size:17px}.game-card{border:1px solid var(--border);background:var(--card);text-align:left;cursor:pointer;touch-action:manipulation;width:min(100%,760px);min-height:280px;color:inherit;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 4%, transparent), 0 12px 32px -12px color-mix(in srgb, var(--ink) 14%, transparent);border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:0;text-decoration:none;display:grid;overflow:hidden}.game-card:hover,.game-card:active{border-color:var(--accent-dark)}.game-card:active{transform:scale(.99)}.game-preview{background:var(--surface);place-items:center;min-height:280px;display:grid;overflow:hidden}.preview-road{background:var(--ink-muted);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);width:72%;height:120%;position:relative;overflow:hidden}.preview-line,.preview-line:before,.preview-line:after{background:var(--card);content:"";width:3px;height:34px;position:absolute}.preview-line{top:12%}.preview-line:before{top:76px;left:0}.preview-line:after{top:152px;left:0}.preview-line-left{left:42%}.preview-line-right{right:42%}.preview-car,.preview-traffic{border-radius:9px;place-items:center;display:grid;position:absolute}.preview-car{background:var(--accent);width:48px;height:76px;color:var(--on-accent);bottom:24px;left:calc(50% - 24px)}.preview-traffic{background:var(--danger);width:40px;height:64px;color:var(--on-fill)}.preview-traffic-one{top:55px;left:17%}.preview-traffic-two{background:var(--success);top:104px;right:17%}.game-card-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:36px;display:flex}.game-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:31px;font-weight:700;line-height:1.1}.game-description{max-width:340px;color:var(--ink-muted);margin-top:12px;font-size:16px}.play-link{background:var(--accent);min-height:48px;color:var(--on-accent);border-radius:999px;align-items:center;gap:8px;margin-top:24px;padding-inline:20px;font-weight:700;display:inline-flex}.game-card:hover .play-link,.game-card:active .play-link{background:var(--accent-dark)}.game-page{height:100vh;background:var(--surface);place-items:center;height:100dvh;display:grid;overflow:hidden}.game-stage{background:var(--background);touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,620px);height:100%;box-shadow:0 0 0 1px var(--border);position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.game-topbar{z-index:4;padding:calc(var(--safe-top) + 12px) max(14px, var(--safe-right)) 8px max(14px, var(--safe-left));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid;position:absolute;top:0;left:0;right:0}.game-topbar>*{pointer-events:auto}.topbar-actions{justify-self:end;gap:8px;display:flex}.round-button{border:1px solid var(--border);background:var(--card);width:48px;height:48px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;place-items:center;display:grid}.round-button:hover,.round-button:active{background:var(--surface)}.round-button:active{transform:scale(.96)}.game-topbar .brand-mark,.game-topbar .brand-mark-fallback{width:38px;height:38px}.hud{z-index:3;top:calc(var(--safe-top) + 72px);border:1px solid var(--border);background:var(--border);pointer-events:none;border-radius:14px;gap:1px;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.hud div{background:var(--card);flex-direction:column;align-items:center;min-width:92px;padding:7px 12px;display:flex}.hud span{color:var(--ink-muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700}.hud strong{font-variant-numeric:tabular-nums;font-size:16px}.game-panel{z-index:5;border:1px solid var(--border);background:var(--card);text-align:center;width:min(100% - 40px,420px);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--scrim) 28%, transparent);border-radius:18px;flex-direction:column;align-items:center;padding:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-panel h1{font-size:clamp(38px,11vw,58px)}.game-panel h2{font-size:clamp(30px,8vw,42px)}.game-panel>p:not(.eyebrow){max-width:330px;color:var(--ink-muted);margin:12px 0 0}.swipe-guide{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin-top:22px;font-size:14px;font-weight:700;display:flex}.primary-button{background:var(--accent);min-height:52px;color:var(--on-accent);cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:22px;padding-inline:25px;font-weight:700;display:inline-flex}.primary-button:hover,.primary-button:active{background:var(--accent-dark)}.primary-button:active{transform:scale(.98)}.text-button{min-height:44px;color:var(--ink-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:999px;margin-top:8px;padding-inline:12px;text-decoration:underline}.text-button:hover,.text-button:active{color:var(--ink);background:var(--surface)}.lane-controls{z-index:4;right:max(18px, var(--safe-right));bottom:calc(var(--safe-bottom) + 18px);left:max(18px, var(--safe-left));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.lane-controls button{border:1px solid var(--border);background:var(--card);width:64px;height:64px;color:var(--ink);cursor:pointer;pointer-events:auto;touch-action:manipulation;border-radius:999px;place-items:center;display:grid}.lane-controls button:hover,.lane-controls button:active{background:var(--surface)}.lane-controls button:active{transform:scale(.96)}.lane-controls button:disabled{opacity:.32;cursor:default}.sr-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:639px){.rail{padding-inline:24px}.site-header{height:72px}.back-to-app{margin-right:-10px;padding-inline:10px}.catalog-main{padding-block:40px 56px}.catalog-heading{margin-bottom:26px}.catalog-heading h1{font-size:42px}.game-card{grid-template-columns:minmax(0,1fr)}.game-preview{height:210px;min-height:210px}.game-card-copy{padding:25px 24px 27px}.game-title{font-size:28px}.play-link{justify-content:center;width:100%}}@media (max-width:359px){.brand-name{font-size:18px}.back-to-app{font-size:13px}.game-panel{width:calc(100% - 28px);padding:22px 18px}.hud div{min-width:82px;padding-inline:9px}}@media (max-height:640px){.game-topbar{padding-top:calc(var(--safe-top) + 7px)}.hud{top:calc(var(--safe-top) + 60px)}.game-panel{padding:19px 20px}.game-panel h1{font-size:38px}.game-panel h2{font-size:30px}.game-panel>p:not(.eyebrow){margin-top:7px;line-height:1.45}.swipe-guide{margin-top:11px}.primary-button{min-height:48px;margin-top:12px}.lane-controls{bottom:calc(var(--safe-bottom) + 10px)}.lane-controls button{width:56px;height:56px}}@media (min-width:900px){.game-stage{border-radius:18px;height:min(100dvh,920px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}