html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#93d7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game{width:100vw;height:100vh}canvas{display:block;image-rendering:auto}[hidden]{display:none!important}.options-menu{position:fixed;top:14px;left:18px;z-index:5;display:grid;gap:8px;justify-items:start;color:#18222f;font-weight:800}.options-menu button{border:3px solid #18222f;color:#18222f;font:inherit;font-size:15px;font-weight:800;cursor:pointer}.options-button{min-height:38px;padding:0 16px;background:#ffcf4a;box-shadow:4px 4px #18222f}.options-button:active,.options-panel button:active{transform:translate(2px,2px)}.options-panel{display:grid;width:min(360px,calc(100vw - 36px));gap:10px;padding:10px;background:#fff8dc;border:3px solid #18222f;box-shadow:4px 4px #18222f}.options-row{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center}.options-row-stack{align-items:start}.options-label{font-size:13px}.segmented-control,.debug-options{display:flex;flex-wrap:wrap;gap:6px}.segmented-control button,.option-toggle,.debug-options button{min-height:32px;padding:0 10px;background:#fff}.segmented-control button.active,.option-toggle.active{background:#55b7d9}.emulation-options button{min-width:0;flex:1 1 132px;white-space:normal}.debug-editor{position:fixed;top:14px;right:18px;z-index:6;display:grid;gap:8px;justify-items:end;color:#18222f;font-weight:800}.debug-editor button,.debug-editor select,.debug-editor textarea,.debug-editor input{font:inherit}.debug-editor-panel button{min-height:32px;border:3px solid #18222f;background:#fff;color:#18222f;cursor:pointer}.debug-editor-panel{display:grid;width:min(420px,calc(100vw - 36px));gap:8px;padding:10px;background:#fff8dc;border:3px solid #18222f;box-shadow:4px 4px #18222f}.debug-editor-title{font-size:14px}.debug-editor-label{display:grid;gap:4px;font-size:12px}.debug-editor select{min-height:32px;border:2px solid #18222f;background:#fff;color:#18222f}.debug-editor-metrics{min-height:18px;font-size:12px;line-height:1.35}.debug-editor-camera,.debug-editor-actions{display:flex;gap:6px;align-items:center}.debug-editor-camera input{min-width:0;flex:1}.debug-editor-panel button{padding:0 10px}.debug-editor-output{box-sizing:border-box;width:100%;min-height:180px;padding:8px;border:2px solid #18222f;color:#18222f;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600;resize:vertical}.speech-status{max-width:100%;min-height:18px;color:#18222f;font-size:12px;font-weight:800;text-align:left;text-shadow:1px 1px 0 #fff8dc}#face-video{display:none}.virtual-controller{position:fixed;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:end;justify-content:space-between;box-sizing:border-box;padding:0 max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.virtual-controller-dpad,.virtual-controller-actions{pointer-events:auto}.virtual-controller-dpad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:4px}.virtual-controller-actions{display:grid;grid-template-columns:repeat(2,66px);grid-template-rows:66px;gap:14px;align-items:end;padding-bottom:22px}.virtual-controller-button{display:grid;place-items:center;width:100%;height:100%;padding:0;border:3px solid rgba(24,34,47,.88);border-radius:50%;background:#fff8dcb8;color:#18222f;box-shadow:0 6px #18222f6b;font:900 24px/1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.virtual-controller-button.up{grid-area:up}.virtual-controller-button.left{grid-area:left}.virtual-controller-button.right{grid-area:right}.virtual-controller-button.down{grid-area:down}.virtual-controller-button.a{background:#55b7d9c7}.virtual-controller-button.b{background:#ffcf4ac7}.virtual-controller-button.pressed{transform:translateY(4px);box-shadow:0 2px #18222f85}.virtual-controller.emulation-iphone{padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(14px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left))}.virtual-controller.emulation-iphone .virtual-controller-dpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:3px}.virtual-controller.emulation-iphone .virtual-controller-actions{grid-template-columns:repeat(2,58px);grid-template-rows:58px;gap:10px;padding-bottom:18px}.virtual-controller.emulation-iphone .virtual-controller-button{border-width:2px;font-size:21px}.virtual-controller.emulation-ipad{padding-right:max(48px,env(safe-area-inset-right));padding-bottom:max(34px,env(safe-area-inset-bottom));padding-left:max(48px,env(safe-area-inset-left))}.virtual-controller.emulation-ipad .virtual-controller-dpad{grid-template-columns:repeat(3,68px);grid-template-rows:repeat(3,68px);gap:6px}.virtual-controller.emulation-ipad .virtual-controller-actions{grid-template-columns:repeat(2,76px);grid-template-rows:76px;gap:18px;padding-bottom:28px}.virtual-controller.emulation-ipad .virtual-controller-button{font-size:27px}@media(max-width:700px),(max-height:460px){.virtual-controller{padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.virtual-controller-dpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:3px}.virtual-controller-actions{grid-template-columns:repeat(2,58px);grid-template-rows:58px;gap:10px;padding-bottom:18px}.virtual-controller-button{border-width:2px;font-size:21px}}