.runtime-host{color:#171b17;background:#f5f7f1;border:1px solid #dfe2da;border-radius:22px;width:100%;overflow:hidden}.runtime-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:470px;padding:48px 24px;display:flex}.runtime-stage h2{letter-spacing:-1px;margin:0;font-size:clamp(22px,3vw,34px);line-height:1.3}.runtime-stage p{color:#687064;max-width:430px;margin:0;font-size:14px;line-height:1.8}.runtime-stage small{color:#737a6e;font-size:12px}.runtime-eyebrow{letter-spacing:2px;color:#6a7860;font-size:10px;font-weight:750}.runtime-play-symbol{color:#283d1b;margin-bottom:4px;font-size:54px;line-height:1}.runtime-primary{appearance:none;font:inherit;cursor:pointer;min-height:50px;color:#182511!important;background:#b8f36b!important;border:0!important;border-radius:999px!important;padding:15px 30px!important;font-weight:750!important}.runtime-primary:disabled{opacity:.5;cursor:not-allowed}.runtime-primary:hover:not(:disabled){background:#a9e55b!important}.runtime-primary:focus-visible,.runtime-host button:focus-visible,.controller-page button:focus-visible{outline-offset:4px;outline:3px solid #7fb047}.runtime-qr{object-fit:contain;width:232px;height:232px;image-rendering:pixelated;background:#fff;border-radius:16px;padding:10px}.runtime-actions{gap:12px;display:flex}.runtime-actions button,.runtime-toolbar button{font:inherit;cursor:pointer;background:0 0;border:1px solid #d4d9cf;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:600}.runtime-stage .runtime-error,.runtime-error{color:#ad3838;font-size:13px;line-height:1.6}.runtime-notice{font-size:12px!important}.runtime-toolbar{color:#4c5942;background:#f8faf4;justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;display:flex}.runtime-toolbar>span{align-items:center;gap:8px;display:flex}.runtime-live-dot{background:#74ac46;border-radius:50%;width:7px;height:7px}.runtime-game-frame{aspect-ratio:16/9;background:#121611;border:0;width:100%;min-height:320px;display:block}.runtime-loading{color:#b8f36b;font-size:13px}.controller-page{color:#f1f4ec;background:#101216;width:100%;min-height:100dvh;margin:0 auto;padding:0 20px 18px}.controller-page-header{justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:900px;height:72px;margin:auto;display:flex}.controller-page-header>a{color:#f1f4ec;letter-spacing:-1px;font-size:22px;font-weight:800;text-decoration:none}.controller-page-header>a>span{color:#b8f36b;vertical-align:top;margin-left:2px;font-size:10px}.controller-page-header>span{letter-spacing:1.5px;color:#a8b69e;font-size:9px}.controller-page-header>button{color:#d5ddce;font:inherit;background:0 0;border:1px solid #394135;border-radius:999px;padding:7px 13px;font-size:11px}.controller-connect{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:440px;min-height:calc(100dvh - 100px);margin:auto;padding:36px 0;display:flex}.controller-connect-icon{color:#b8f36b;font-size:60px}.controller-connect .runtime-eyebrow{color:#87917e;font-size:9px}.controller-connect h1{letter-spacing:-1px;margin:0;font-size:29px;line-height:1.4}.controller-connect p{color:#99a38e;max-width:310px;margin:0;font-size:13px;line-height:1.9}.controller-connect>a{color:#c2eb94;font-size:13px}.controller-surface{isolation:isolate;aspect-ratio:9/14;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #ffffff12;border-radius:26px;width:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.controller-surface--landscape{aspect-ratio:16/8;max-width:900px}.controller-surface--preview{width:100%;max-width:340px;box-shadow:0 18px 45px #0e17131c}.controller-surface--preview.controller-surface--landscape{max-width:650px}.controller-surface-name{color:#c8d0c0;letter-spacing:.5px;font-size:11px;position:absolute;top:5%;left:6%}.controller-slot{min-width:0;min-height:0;position:absolute}.controller-input{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:#eff4e9;width:100%;height:100%;font:inherit;cursor:pointer;background:#ffffff07;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:6px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff07}.controller-input:focus-visible{outline:2px solid var(--controller-accent);outline-offset:3px}.controller-input.is-active{border-color:var(--controller-accent);background:color-mix(in srgb, var(--controller-accent) 12%, #141715);color:var(--controller-accent)}.controller-input--button{background:var(--controller-accent);color:#15210e;box-shadow:0 7px 0 color-mix(in srgb, var(--controller-accent) 45%, #111);border-color:#0000;border-radius:50%}.controller-input--button.is-active{background:var(--controller-accent);color:#15210e;box-shadow:0 3px 0 color-mix(in srgb, var(--controller-accent) 45%, #111);transform:translateY(4px)}.controller-input-label{pointer-events:none;text-wrap:balance;font-size:clamp(10px,2.5vw,15px);line-height:1.4}.controller-input--joystick{background:radial-gradient(circle,#ffffff0b 0%,#ffffff04 65%,#ffffff09 100%);border-radius:50%}.controller-stick{pointer-events:none;background:linear-gradient(145deg,#393f36,#1f251e);border:1px solid #ffffff30;border-radius:50%;width:46%;height:46%;position:absolute;top:27%;left:27%;box-shadow:0 5px 12px #0007}.controller-input--joystick>.controller-input-label{color:#8d9982;font-size:10px;position:absolute;bottom:9%}.controller-dpad{color:#bdc9b2;pointer-events:none;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;font-size:20px;display:grid;position:absolute;inset:10%}.controller-dpad>span:first-child{grid-area:1/2}.controller-dpad>span:nth-child(2){grid-area:2/1}.controller-dpad>span:nth-child(3){grid-area:2/2;font-size:11px}.controller-dpad>span:nth-child(4){grid-area:2/3}.controller-dpad>span:nth-child(5){grid-area:3/2}.controller-input--dpad>.controller-input-label{opacity:.5;font-size:9px;position:absolute;bottom:3%}.controller-pad-cross{opacity:.4;pointer-events:none;font-size:30px;font-weight:300;line-height:1}.controller-swipe-mark{color:var(--controller-accent);pointer-events:none;font-size:32px;line-height:1}.controller-sensor-mark{color:var(--controller-accent);pointer-events:none;font-size:25px;line-height:1}.controller-input--sensor{font-size:13px}.controller-input--sensor small{color:#99a38e;max-width:90%;font-size:9px;font-weight:400;line-height:1.5}.controller-footer{color:#7f8d72;text-align:center;margin:16px auto 0;font-size:11px;line-height:1.6}.controller-orientation-hint{text-align:center;color:#b8f36b;margin:12px 0;font-size:12px;display:none}.controller-page--landscape .controller-orientation-hint{display:block}@media (orientation:landscape){.controller-page--landscape .controller-orientation-hint{display:none}.controller-page--landscape .controller-page-header{height:44px}.controller-page--landscape .controller-surface{width:auto;max-height:calc(100dvh - 85px)}.controller-page--landscape .controller-footer{margin-top:7px}}@media (max-width:600px){.runtime-stage{min-height:400px;padding:36px 18px}.runtime-stage p{font-size:12px}.runtime-stage small{font-size:10px}.runtime-game-frame{aspect-ratio:4/3;min-height:260px}.runtime-host{border-radius:16px}.controller-page{padding-inline:12px}.controller-surface{width:auto;max-height:calc(100dvh - 126px)}.controller-page--landscape .controller-surface{width:100%;max-height:none}.controller-connect h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.controller-input{transition:none}}