body{margin:0;padding:0;overflow:hidden}.dialogue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-top:10px;padding-bottom:10px;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.dialogue-overlay.hidden{display:none}.dialogue-box{background:linear-gradient(145deg,#2d3748fa,#1a202cfa);border:3px solid #ffd700;border-radius:18px;padding:28px 32px;max-width:90%;width:900px;box-shadow:0 12px 48px #000000d9,0 0 0 4px #ffd70014 inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.dialogue-speaker{color:gold;font-size:16px;font-weight:700;margin-bottom:14px;font-family:Georgia,serif;text-shadow:0 2px 8px rgba(0,0,0,.6);border-bottom:2px solid #4a5568;padding-bottom:10px;letter-spacing:1px}.dialogue-text{color:#f7fafc;font-size:14px;line-height:1.7;margin-bottom:20px;font-family:Fira Mono,Consolas,Liberation Mono,monospace;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:pre-line;background:#1a202c59;border-radius:8px;padding:10px 14px;box-shadow:0 1px 6px #0000002e}.dialogue-choices{margin-bottom:12px}.dialogue-choice{color:#e2e8f0;font-size:13px;padding:9px 15px;margin:7px 0;border-radius:10px;font-family:Fira Mono,Consolas,Liberation Mono,monospace;transition:all .3s cubic-bezier(.4,2,.6,1);cursor:pointer;border:2px solid transparent;background:linear-gradient(90deg,#4a556859,#2d374840);box-shadow:0 2px 8px #0000002e}.dialogue-choice.selected{background:linear-gradient(135deg,#818cf8eb,#6366f1eb);color:#fffbe6;border-color:gold;transform:scale(1.02);box-shadow:0 6px 18px #818cf840;font-family:Fira Mono,Consolas,Liberation Mono,monospace}.dialogue-choice.selected:before{content:"▶";margin-right:2px;color:gold}.dialogue-continue{color:#a0aec0;font-size:14px;text-align:right;font-family:Georgia,serif;font-style:italic;animation:pulse 2s infinite;margin-top:8px}.dialogue-instructions{color:#718096;font-size:13px;text-align:center;margin-top:14px;font-family:Georgia,serif;padding:10px;background:#1a202c99;border-radius:8px;border:1.5px solid rgba(74,85,104,.6)}.hidden{display:none!important}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0;visibility:hidden}}canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.mobile-hud{position:fixed;bottom:0;left:0;right:0;z-index:1001;display:none;padding:10px 15px;pointer-events:none}.mobile-controls{display:flex;justify-content:space-between;align-items:flex-end;max-width:100%;height:80px;pointer-events:auto}.dpad-container{display:flex;flex-direction:column;align-items:center;gap:3px}.dpad-middle{display:flex;gap:35px;align-items:center}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.dpad-btn{width:45px;height:45px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:#2d3748e6;color:#e2e8f0;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:all .15s ease;box-shadow:0 2px 6px #0000004d}.dpad-btn:active,.dpad-btn.active{background:#818cf8e6;border-color:gold;transform:scale(.9);box-shadow:0 1px 3px #00000080}.action-buttons{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.action-btn{padding:10px 14px;border-radius:25px;border:2px solid rgba(255,255,255,.4);background:#2d3748e6;color:#e2e8f0;font-size:11px;font-weight:700;font-family:Georgia,serif;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:all .15s ease;min-width:70px;text-align:center;box-shadow:0 2px 6px #0000004d}.action-btn:active,.action-btn.active{transform:scale(.9);box-shadow:0 1px 3px #00000080}.interact-btn{color:#fffbe6;font-family:Fira Mono,Consolas,Liberation Mono,monospace;font-size:14px;letter-spacing:.5px;padding:12px 22px;font-weight:600;transition:background .15s,transform .15s}.interact-btn:active,.interact-btn.active{border-color:gold;transform:scale(.97)}@media (max-width: 768px){.dialogue-overlay{justify-content:start;padding-top:6px;padding-bottom:6px}.dialogue-box{padding:7px 3vw;width:100vw;border-width:1.5px;border-radius:7px;box-shadow:0 4px 16px #000000b3}.dialogue-speaker{font-size:13px;margin-bottom:4px;padding-bottom:3px;border-bottom-width:1px}.dialogue-text{font-size:11px;padding:4px;border-radius:4px;margin-bottom:7px;line-height:1.4}.dialogue-choice{font-size:11px;padding:5px 7px;border-radius:5px;margin:2px 0}.dialogue-continue{font-size:9px;margin-top:2px}.dialogue-instructions{font-size:9px;padding:3px;border-radius:4px;margin-top:4px}.mobile-hud{display:block}}@media (hover: none) and (pointer: coarse){.dialogue-overlay{justify-content:start}.mobile-hud{display:block}}