:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--game-cursor: url(/assets/mouse_cursor.png) 11 0, auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;cursor:var(--game-cursor)}#root{width:100%;display:flex;justify-content:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:var(--game-cursor);transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-shell{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.app-container{position:relative;width:min(100vw,1280px);max-height:90vh;aspect-ratio:16 / 9;display:flex;justify-content:center;align-items:center;background-color:#000;overflow:hidden}#game-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.splash-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000 url(/assets/title_screen.png) center center / cover no-repeat;display:flex;justify-content:center;align-items:center;z-index:10;overflow:hidden}.splash-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#00000040);pointer-events:none}.splash-cta{position:absolute;bottom:clamp(18px,4vh,42px);width:100%;display:flex;justify-content:center;z-index:1}.start-btn{padding:.95rem 2.4rem;font-size:1.35rem;background:linear-gradient(135deg,#ffe169,#ffb347);color:#3a1b00;border:3px solid #2c1500;border-radius:999px;cursor:var(--game-cursor);box-shadow:0 8px 18px #00000040,0 0 0 3px #ffffff59;text-transform:uppercase;font-weight:900;letter-spacing:.08em;transition:transform .2s ease,box-shadow .2s ease}.start-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 24px #00000052,0 0 0 3px #ffffff80}.dialogue-overlay{position:fixed;transform:translate(-50%,-100%);width:auto;z-index:20;pointer-events:none}.dialogue-overlay.mobile-dialogue{position:absolute;inset:0 auto auto 50%;transform:translate(-50%);width:calc(100% - 16px);max-width:min(1280px,100vw - 16px);padding:8px;box-sizing:border-box}.music-toggle{--music-toggle-offset: calc(-100% - 30px) ;position:absolute;top:14px;right:14px;z-index:30;background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.8);border-radius:999px;padding:.65rem 1.1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 12px #0003;transform:translateY(var(--music-toggle-offset));transition:transform .15s ease,background .2s ease}.music-toggle:hover{transform:translateY(calc(var(--music-toggle-offset) - 2px));background:#000000d1}.music-toggle.off{background:#ffffffeb;color:#000;border-color:#000000b3}@media(max-width:768px){.music-toggle{top:8px;right:10px;--music-toggle-offset: calc(-100% - 8px) }}.dialogue-box{pointer-events:auto;background:#fffffff2;padding:22px 26px 20px;border-radius:12px;border:3px solid #333;box-shadow:0 5px 15px #0000004d;text-align:left;position:relative;min-width:300px;width:min(440px,90vw);min-height:110px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}.dialogue-overlay.mobile-dialogue .dialogue-box{width:100%;min-width:auto;max-width:none;min-height:60px;flex-direction:row;align-items:center;gap:14px;padding:14px 18px}.dialogue-overlay.mobile-dialogue .dialogue-box h3{margin:0;padding-bottom:0;border-bottom:none;font-size:1.05rem}.dialogue-overlay.mobile-dialogue .dialogue-message{margin:0;font-size:1.15rem}.dialogue-overlay.mobile-dialogue .dialogue-footer{margin-left:auto;flex-shrink:0}@media(max-width:768px){.dialogue-overlay.mobile-dialogue .dialogue-message{font-size:1.2rem;line-height:1.45}.dialogue-overlay.mobile-dialogue .dialogue-box{padding:12px 14px;gap:12px}}.dialogue-box:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:10px 10px 0;border-style:solid;border-color:#333 transparent transparent transparent}.dialogue-box:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:#fff transparent transparent transparent;z-index:1}.dialogue-box h3{margin-top:0;color:#333;border-bottom:2px solid #eee;padding-bottom:10px}.dialogue-message{margin:0;font-size:1.05rem;color:#2f2f2f;line-height:1.5;word-break:keep-all}.dialogue-footer{display:flex;align-items:center;justify-content:flex-end;gap:0;flex-wrap:nowrap;margin-top:auto}.continue-hint{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(135deg,#fff,#f3f3f3);border-radius:999px;box-shadow:0 2px #d0d0d0,0 6px 14px #0000001a;color:#222;font-weight:700;letter-spacing:.02em;white-space:nowrap}.continue-label{font-size:.78rem}.key-hint{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 10px;background-color:#222;border:2px solid #111;border-radius:10px;font-family:Courier New,Courier,monospace;font-weight:800;font-size:.9rem;color:#fff;letter-spacing:.08em;box-shadow:0 3px #00000059}.mobile-controls{width:min(100vw,1280px);display:flex;justify-content:space-between;align-items:center;padding:clamp(12px,3vw,18px);gap:clamp(10px,3vw,18px);background:#000;box-shadow:0 -2px #ffffff14;box-sizing:border-box;border-radius:14px}.control-card{background:linear-gradient(145deg,#101014d1,#0a0a0ca6);border:2px solid rgba(255,255,255,.12);box-shadow:0 12px 24px #00000073,0 0 0 1px #ffffff0d;border-radius:18px;padding:clamp(10px,2.4vw,16px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:48%}.movement-pad{display:flex;justify-content:center;align-items:center}.action-pad{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,2vw,10px)}.dpad-grid{display:grid;grid-template-columns:repeat(3,clamp(40px,11vw,82px));grid-template-rows:repeat(3,clamp(40px,11vw,82px));gap:clamp(6px,2vw,12px)}.dpad-spacer{width:100%;height:100%}.control-btn{width:100%;height:100%;background:radial-gradient(circle at 28% 30%,#ffffff14,#0003);background-position:center;background-repeat:no-repeat;background-size:62%;border:2px solid rgba(255,255,255,.65);border-radius:16px;box-shadow:0 10px 16px #00000059,inset 0 0 0 1px #ffffff1f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;touch-action:none;-webkit-user-select:none;user-select:none;transform:var(--orientation, none) scale(1);background-color:#ffffff0a}.control-btn.pressed{box-shadow:0 6px 10px #0006,inset 0 0 0 1px #ffffff3d,inset 0 10px 18px #00000073;transform:var(--orientation, none) scale(.92);filter:brightness(.9)}.control-btn.arrow{background-size:68%}.control-btn.arrow-up{--orientation: rotate(0deg);background-image:url(/assets/arrow_up.png)}.control-btn.arrow-down{--orientation: rotate(180deg);background-image:url(/assets/arrow_up.png)}.control-btn.arrow-left{--orientation: scaleX(-1);background-image:url(/assets/arrow_right.png)}.control-btn.arrow-right{--orientation: rotate(0deg);background-image:url(/assets/arrow_right.png)}.control-btn.action{width:clamp(72px,14vw,108px);height:clamp(72px,14vw,108px);border-radius:50%;background-image:url(/assets/F_key.png);background-size:70%;background-color:#ffffff0f}.action-label{font-size:clamp(12px,3vw,16px);letter-spacing:.02em;color:#f7f7f7;text-shadow:0 2px 4px rgba(0,0,0,.35);opacity:.92}@media(max-width:720px){.mobile-controls{padding:clamp(10px,4vw,16px)}.control-card{max-width:56%}}@media(min-width:901px){.mobile-controls{display:none}}