: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;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}#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:pointer;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-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:pointer;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}.music-toggle{position:absolute;top:18px;right:18px;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;transition:transform .15s ease,background .2s ease}.music-toggle:hover{transform:translateY(-2px);background:#000000d1}.music-toggle.off{background:#ffffffeb;color:#000;border-color:#000000b3}.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-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}