:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f1ee;font-synthesis:none;background:#111318;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:280px;min-height:100dvh;margin:0}#app{width:min(100%,960px);padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto}header{border-bottom:1px solid #30333b;padding-bottom:16px}.brand{letter-spacing:.18em;color:#e5b86a;font-size:.875rem;font-weight:700}h1{margin:8px 0 0;font-size:clamp(1.35rem,4vw,1.9rem);font-weight:650;line-height:1.2}#status{color:#bfc2ca;min-height:1.5em;margin:12px 0;font-size:1rem;line-height:1.5}#play-surface{background:#08090b;border:1px solid #30333b;border-radius:10px;width:100%;height:clamp(380px,73dvh,760px);position:relative;overflow:hidden}#game{touch-action:none;background:#08090b;width:100%;height:100%;overflow:hidden}.catalog{margin:24px 0 0;padding:0;list-style:none}.catalog li{border-bottom:1px solid #30333b;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.catalog a,.catalog li>span:first-child{color:#f1f1ee;font-size:1rem;line-height:1.4;text-decoration:none}.catalog a:hover,.catalog a:focus-visible{color:#e5b86a}.catalog .available,.catalog .unavailable{white-space:nowrap;font-size:.875rem}.available{color:#a6d8c7}.unavailable{color:#999da8}[data-phase=error] #status,[data-phase=invalid-link] #status{color:#efb1a7}@media (orientation:landscape) and (max-height:600px){#app.game-page{width:100%;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.game-page header{align-items:baseline;gap:14px;padding-bottom:6px;display:flex}.game-page h1{margin:0;font-size:1.125rem}.game-page #status{margin:4px 0;font-size:.875rem}#play-surface{height:calc(100dvh - 90px);min-height:220px}}@media (max-width:420px){.catalog li{flex-direction:column;align-items:flex-start;gap:6px}}.play-hud,.touch-gamepad,.rotate-hint{display:none}.mobile-controls .ejs_virtualGamepad_parent,.mobile-controls .ejs_virtualGamepad_open{display:none!important}.mobile-controls .ejs_start_button{touch-action:manipulation;min-width:180px;min-height:56px;line-height:56px}body.mobile-playing{overscroll-behavior:none;overflow:hidden}:is(#play-surface.immersive,#play-surface:fullscreen){width:var(--view-width,100dvw);height:var(--view-height,100dvh);z-index:50;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#080a0f;border:0;border-radius:0;position:fixed;inset:0 auto auto 0}.immersive #game{position:absolute}.immersive .ejs_canvas{object-fit:contain}.immersive .play-hud{top:max(8px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute}.play-title{color:#ced2df;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000;font-weight:650;overflow:hidden}.play-tools{pointer-events:auto;flex-shrink:0;gap:6px;display:flex}.play-tools button{min-height:42px;font:inherit;color:#e0e5ef;touch-action:manipulation;cursor:pointer;background:#121722b8;border:1px solid #6f77886b;border-radius:14px;padding:0 12px;font-weight:600}button:focus-visible,.touch-stick:focus-visible{outline-offset:3px;outline:3px solid #e5b86a}.immersive .rotate-hint{display:none}.immersive[data-orientation=portrait] .play-hud{flex-direction:column;align-items:stretch;gap:4px}.immersive[data-orientation=portrait] .play-title{font-size:12px}.immersive[data-orientation=portrait] .play-tools{justify-content:space-between}.immersive[data-orientation=portrait] .play-tools button{padding:0 10px;font-size:11px}.immersive[data-orientation=portrait] .rotate-hint{top:max(80px, calc(env(safe-area-inset-top) + 80px));text-align:center;color:#d0ac72;z-index:3;pointer-events:none;width:100%;margin:0;font-size:12px;display:block;position:absolute;left:0}.immersive .touch-gamepad.ready{display:block}.touch-gamepad{--face-size:clamp(58px, 16dvh, 76px);--face-step:calc(.82 * var(--face-size));--stick-size:clamp(144px, 42dvh, 190px);z-index:3;pointer-events:none;position:absolute;inset:0}.touch-gamepad *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-gamepad{touch-action:none;overscroll-behavior:none}.touch-button span{pointer-events:none}.touch-button{pointer-events:auto;cursor:pointer;color:#e5eaf4;-webkit-tap-highlight-color:transparent;background:#19213280;border:2px solid #a8b4cb7a;padding:0;font:700 24px/1 system-ui,sans-serif}.touch-button.pressed{color:#0a3025;background:#90d8bdba;border-color:#c3ffe6;box-shadow:0 0 24px #88dfb746}.floating-stick-zone{pointer-events:auto;padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 8px) calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 8px);position:absolute;inset:0 50% 0 0}.touch-stick{pointer-events:none;width:var(--floating-size,var(--stick-size));height:var(--floating-size,var(--stick-size));visibility:hidden;opacity:0;background:radial-gradient(circle,#18213266 0 39%,#313f5352 40% 41%,#16203166 42% 100%);border:2px solid #97a7c166;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.touch-stick.active{visibility:visible;opacity:1;transition:opacity 60ms ease-out}.stick-ring{pointer-events:none;border:1px solid #a9b4c54f;border-radius:50%;position:absolute;inset:14%}.stick-thumb{pointer-events:none;background:linear-gradient(145deg,#8294ad99,#2f3e5877);border:2px solid #c4d2e599;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0005}.touch-stick.pressed .stick-thumb{background:#afd9c4ba;border-color:#c3ffe6}.face-buttons{width:calc(var(--face-size) + 2 * var(--face-step));height:calc(var(--face-size) + 2 * var(--face-step));right:max(18px, env(safe-area-inset-right));bottom:max(42px, calc(env(safe-area-inset-bottom) + 24px));pointer-events:auto;position:absolute}.face-buttons:before{content:"";pointer-events:auto;position:absolute;inset:-6px}.face{width:var(--face-size);height:var(--face-size);border-radius:50%;font-size:24px;position:absolute}.face-x{top:0;left:var(--face-step)}.face-y{top:var(--face-step);left:0}.face-a{top:var(--face-step);left:calc(2 * var(--face-step))}.face-b{top:calc(2 * var(--face-step));left:var(--face-step);color:#f8d599;border-color:#e5b86a9c}.shoulder{top:max(64px, calc(env(safe-area-inset-top) + 56px));border-radius:18px;width:76px;height:46px;font-size:18px;position:absolute}.shoulder-left{left:max(34px, env(safe-area-inset-left))}.shoulder-right{right:max(34px, env(safe-area-inset-right))}.system-buttons{left:50%;bottom:max(10px, env(safe-area-inset-bottom));gap:14px;display:flex;position:absolute;transform:translate(-50%)}.system{letter-spacing:.08em;background:#0d1423a6;border-width:1px;border-radius:14px;min-width:64px;min-height:44px;padding:0 10px;font-size:10px}.immersive[data-orientation=portrait] .touch-gamepad{--face-size:58px;--stick-size:152px}.immersive[data-orientation=portrait] .face-buttons{right:max(16px, env(safe-area-inset-right));bottom:max(72px, calc(env(safe-area-inset-bottom) + 50px))}.immersive[data-orientation=portrait] .shoulder{top:auto;bottom:max(266px, calc(env(safe-area-inset-bottom) + 244px))}.menu-open #game{width:100%!important;height:100%!important;top:0!important;left:0!important}.menu-open .touch-gamepad,.menu-open .rotate-hint{display:none!important}.menu-open .play-title{visibility:hidden}.menu-open .play-tools>:not([data-tool=menu]){display:none}.menu-open .play-hud{justify-content:flex-end}@media (orientation:landscape) and (max-height:350px){.touch-gamepad{--face-size:52px;--stick-size:136px}.shoulder{top:max(52px, env(safe-area-inset-top));height:44px}}.touch-debug{z-index:5;top:max(60px, calc(env(safe-area-inset-top) + 48px));color:#d8f1e9;pointer-events:none;background:#090f1aeb;border:1px solid #7d9eb6;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:50%;max-height:210px;padding:8px;font-size:11px;display:grid;position:absolute;left:25%;overflow:hidden}.touch-debug h2{margin:0 0 4px;font-size:11px}.touch-debug pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;font:11px/1.25 ui-monospace,monospace}.touch-debug small{color:#f3c981;font-size:9px;line-height:1.15;display:block}.touch-debug p{color:#9faabf;grid-column:1/-1;margin:0;font-size:10px}.standalone-debug{grid-template-columns:repeat(2,minmax(0,1fr))}.touch-test-page .touch-debug,.touch-test-page .touch-debug pre{font-size:13px}.immersive[data-orientation=portrait] .touch-debug{width:calc(100% - 24px);max-height:220px;top:110px;left:12px}