html,body{margin:0;padding:0;width:100%;height:100%;background:#111;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{display:flex}#app{flex:1;display:flex}#game-layout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}#game-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}#fullscreen-toggle{position:absolute;top:12px;right:12px;z-index:10;padding:6px 10px;border-radius:4px;border:none;background:#0009;color:#fff;cursor:pointer}#fullscreen-toggle:hover{background:#000c}#game-container canvas{max-width:100%;max-height:100%;display:block;margin:0!important}#virtual-gamepad{width:100%;display:none;box-sizing:border-box}.gamepad-left,.gamepad-right{display:flex;align-items:center;justify-content:center}.gamepad-left{flex-direction:column;align-items:center;min-width:140px;gap:.1rem}.dpad-middle-row{display:flex;justify-content:space-between;gap:.2rem;width:100%}.ui-pill{border:1px solid rgba(255,255,255,.15);border-radius:999px;background:radial-gradient(ellipse 80% 50% at 35% 25%,rgba(255,255,255,.28),transparent 55%),radial-gradient(circle at 30% 20%,#ffffff2e,#ffffff0f);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 3px #000c,0 6px 10px #000000b3;transform:translateY(-1px);transition:transform .08s ease,box-shadow .08s ease,background .12s ease,color .1s ease}.ui-pill:active{box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #0000004d,0 1px #000c,0 2px 4px #0009;transform:translateY(1px);background:radial-gradient(ellipse 80% 50% at 35% 25%,rgba(255,255,255,.1),transparent 55%),radial-gradient(circle at 30% 20%,#648cb459,#3c5a7833);color:#fffffff2}.btn-dpad,.btn-action{border:1px solid rgba(255,255,255,.15);border-radius:999px;background:radial-gradient(ellipse 80% 50% at 35% 25%,rgba(255,255,255,.28),transparent 55%),radial-gradient(circle at 30% 20%,#ffffff2e,#ffffff0f);color:#fff;padding:.4rem .6rem;font-size:.9rem;min-width:44px;min-height:44px;box-shadow:inset 0 1px #ffffff1f,0 3px #000c,0 6px 10px #000000b3;transform:translateY(-1px);transition:transform .08s ease,box-shadow .08s ease,background .12s ease,color .1s ease}.btn-dpad:active,.btn-action:active{box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #0000004d,0 1px #000c,0 2px 4px #0009;transform:translateY(1px);background:radial-gradient(ellipse 80% 50% at 35% 25%,rgba(255,255,255,.1),transparent 55%),radial-gradient(circle at 30% 20%,#648cb459,#3c5a7833);color:#fffffff2}.btn-up,.btn-down{position:relative}.btn-up{top:14px}.btn-down{top:-14px}.btn-action{margin-left:.75rem;font-size:1rem}.btn-a,.btn-b{min-width:58px;min-height:58px;padding:.55rem .8rem;font-size:1.2rem}.btn-b{min-width:68px;min-height:68px;padding:.6rem .85rem;border-color:#8cd2ff66;background:radial-gradient(ellipse 80% 50% at 35% 25%,rgba(255,255,255,.3),transparent 55%),radial-gradient(circle at 30% 22%,#46aad26b,#19557d61);box-shadow:inset 0 1px #ffffff24,0 3px #000c,0 6px 10px #000000b3,0 0 14px #288cbe38}.btn-b:active{background:radial-gradient(ellipse 80% 50% at 35% 25%,rgba(255,255,255,.12),transparent 55%),radial-gradient(circle at 30% 22%,#3282af8c,#1e4b7373);color:#fffffffa}.btn-a.btn-action--labeled,.btn-b.btn-action--labeled{font-size:.9rem;font-weight:600;line-height:1.1;padding:.4rem .5rem;letter-spacing:-.01em}.btn-b.btn-action--labeled{min-width:68px;min-height:68px;padding:.45rem .55rem}.hud-keycap{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;padding:.15rem .6rem;min-width:40px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.hud-keycap--desktop{border-radius:6px;padding-inline:.8rem;min-width:64px}.hud-interact-options{position:fixed;pointer-events:none;z-index:90;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transform:translate(-50%)}.hud-interact-options__inner{display:flex;gap:20px;align-items:center;white-space:nowrap}.hud-interact-panel{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#1a1a1c,#0f0f11);border-radius:999px;padding:8px 16px;box-shadow:inset 0 1px #ffffff0f,0 2px 8px #00000080;border:1px solid rgba(255,255,255,.12);color:#f5f5f5}.hud-interact-panel__label{font-size:18px;font-weight:600}.hud-desktop-key-hints{position:fixed;z-index:100;pointer-events:none;display:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hud-desktop-key-hints__inner{display:flex;flex-direction:column;gap:0;padding:12px 14px;max-width:min(220px,28vw);background:#0f0f118c;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:inset 0 1px #ffffff0d,0 6px 24px #00000059}@supports (backdrop-filter: blur(8px)){.hud-desktop-key-hints__inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.hud-desktop-key-hints__row{display:flex;align-items:center;gap:12px;min-height:32px}.hud-desktop-key-hints__row:not(:last-child){padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid rgba(0,0,0,.45);box-shadow:inset 0 -1px #ffffff14}.hud-desktop-key-hints__action{font-size:15px;font-weight:600;color:#f0f0f0;letter-spacing:.01em;white-space:nowrap}@media(max-width:899px){.hud-desktop-key-hints{display:none!important}}@media(min-width:900px){#game-layout{justify-content:center}#virtual-gamepad{display:none}}@media(max-width:899px)and (orientation:portrait){#game-layout{justify-content:flex-start;align-items:stretch;height:100vh}#game-container{flex:0 1 auto;width:100%;max-height:calc(100vh - 140px);overflow:hidden}#game-container canvas{width:100%;height:auto;margin:0!important}#virtual-gamepad{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.4rem .8rem;gap:1rem;height:140px;background:linear-gradient(180deg,#1a1a1c,#0f0f11);border-top:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f,0 -4px 10px #0009;flex-shrink:0;position:relative;overflow:hidden}html.ui-noise-enabled #virtual-gamepad:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;filter:url(#plastic-noise);opacity:.06;pointer-events:none}.gamepad-left,.gamepad-right{padding:.5rem;margin:0 -.1rem}.gamepad-right{padding-top:12px}}#game-layout:fullscreen{width:100vw;height:100vh}#game-layout:fullscreen #game-container{max-height:100%;height:100%}#game-layout:fullscreen .hud-text-window{z-index:120}.hud-prompt-modal__label{font-family:system-ui,sans-serif;font-size:18px;font-weight:600;color:#e0e0e0;display:block}.hud-prompt-modal__input{font-family:system-ui,sans-serif;font-size:16px;color:#fff;background:#1a1a1a;border:2px solid #333;border-radius:4px;padding:10px 12px;resize:vertical;min-height:60px;box-sizing:border-box;width:100%}.hud-prompt-modal__input::placeholder{color:#888}.hud-prompt-modal__input:focus{outline:none;border-color:#555}.hud-prompt-modal__buttons{display:flex;gap:10px;justify-content:flex-end}.hud-prompt-modal__submit,.hud-prompt-modal__cancel{font-family:system-ui,sans-serif;font-size:16px;font-weight:600;padding:8px 16px;border-radius:4px;cursor:pointer;border:2px solid #333;background:#222;color:#fff}.hud-prompt-modal__submit:hover,.hud-prompt-modal__cancel:hover{background:#333}.hud-prompt-modal__submit:focus,.hud-prompt-modal__cancel:focus{outline:none;border-color:#555}@media(max-width:899px)and (orientation:landscape){#game-layout{flex-direction:row;align-items:stretch;justify-content:space-between;height:100vh}#virtual-gamepad{display:contents}.btn-up,.btn-down{top:0}.dpad-middle-row{justify-content:center;width:auto;gap:0}.btn-left,.btn-right{position:relative}.btn-left{right:10px}.btn-right{left:10px}.gamepad-left,.gamepad-right{flex:0 0 120px;height:auto;align-self:center;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;position:relative}html.ui-noise-enabled .gamepad-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;filter:url(#plastic-noise);opacity:.06;pointer-events:none}.gamepad-left{order:1}#game-container{order:2;flex:1 1 auto;max-width:100%;max-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.gamepad-right{order:3;gap:.75rem;padding-top:12px}}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at top,#333 0,#000 55%);color:#fff;pointer-events:all;opacity:1;transition:opacity .3s ease}#loading-overlay.is-hidden{opacity:0;pointer-events:none}.loading-spinner{width:56px;height:56px;border-radius:999px;border:4px solid rgba(255,255,255,.12);border-top-color:#f9ca24;animation:spin .9s linear infinite;margin-bottom:1rem}.loading-text{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}