*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a2e;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.intro-overlay{z-index:100;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 50% 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-card{text-align:center;background:#fffffff2;border-radius:24px;max-width:480px;margin:1rem;padding:3rem;box-shadow:0 20px 60px #00000026}.intro-emoji{margin-bottom:1rem;font-size:3rem}.intro-card h1{color:#636e72;margin-bottom:.5rem;font-size:1.4rem;font-weight:500}.intro-card h2{color:#e84393;margin-bottom:1rem;font-size:2rem}.intro-sub{color:#636e72;margin-bottom:2rem;line-height:1.6}.intro-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e84393,#fd79a8);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #e8439366}.intro-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8439380}.intro-note{color:#b2bec3;margin-top:1.5rem;font-size:.85rem}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud-top{justify-content:space-between;padding:1rem 1.5rem;display:flex}.hud-room{color:#fff;background:#00000080;border-radius:20px;padding:.5rem 1rem;font-size:.9rem}.hud-door-open{color:#2d3436;background:#55efc4cc;border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.hud-inventory{color:#fff;background:#00000080;border-radius:12px;padding:.4rem .8rem;font-size:.85rem;position:absolute;top:4rem;left:1.5rem}.hud-prompt{color:#fdcb6e;background:#000000b3;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;animation:2s infinite pulse;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hud-controls{color:#fff9;font-size:.75rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.hud-hint{color:#ffffff80;font-size:.7rem;position:absolute;top:4rem;right:1.5rem}.pause-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pause-menu{text-align:center;background:#fff;border-radius:16px;padding:2rem}.pause-menu button{color:#fff;cursor:pointer;background:#e84393;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 2rem;font-size:1rem}.dialog-overlay{z-index:40;pointer-events:none;justify-content:center;align-items:flex-end;padding:2rem;display:flex;position:fixed;inset:0}.dialog-box{pointer-events:all;background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 10px 40px #0003}.dialog-header{color:#fff;background:linear-gradient(135deg,#a29bfe,#6c5ce7);justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-weight:600;display:flex}.dialog-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.dialog-messages{max-height:200px;padding:1rem 1.25rem;overflow-y:auto}.dialog-msg{border-radius:12px;margin-bottom:.75rem;padding:.6rem .9rem;font-size:.95rem;line-height:1.4}.dialog-msg.user{background:#dfe6e9;margin-left:2rem}.dialog-msg.assistant{background:#ffeaa7;margin-right:2rem}.dialog-input-row{border-top:1px solid #eee;gap:.5rem;padding:1rem;display:flex}.dialog-input-row input{border:1px solid #ddd;border-radius:8px;flex:1;padding:.6rem 1rem;font-size:.95rem}.dialog-input-row button{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:8px;padding:.6rem 1.2rem}.riddle-overlay{z-index:45;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.riddle-modal{background:#fff;border-radius:16px;width:90%;max-width:420px;padding:2rem;box-shadow:0 10px 40px #0003}.riddle-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.riddle-header button{cursor:pointer;background:0 0;border:none;font-size:1.2rem}.riddle-question{color:#2d3436;margin-bottom:1rem;line-height:1.5}.riddle-modal input{border:2px solid #dfe6e9;border-radius:8px;width:100%;margin-bottom:.75rem;padding:.75rem 1rem;font-size:1rem}.riddle-modal input:focus{border-color:#e84393;outline:none}.riddle-hint{color:#e17055;margin-bottom:.75rem;font-size:.9rem}.riddle-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e84393,#fd79a8);border:none;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.riddle-submit:disabled{opacity:.6;cursor:not-allowed}.video-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.video-card{background:#fffaf5;border-radius:16px;width:100%;max-width:900px;padding:1rem;position:relative;box-shadow:0 20px 60px #00000080}.video-close{cursor:pointer;color:#636e72;z-index:1;background:0 0;border:none;font-size:1.5rem;position:absolute;top:.5rem;right:.75rem}.video-player{background:#000;border-radius:10px;width:100%;max-height:70vh}.video-caption{text-align:center;color:#e84393;margin:.75rem 0 0;font-size:1.1rem;font-weight:600}