@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;700&display=swap";:root{--bg: #0F0F12;--surface: #1F1F25;--primary: #E5E7EB;--primary-dark: #9CA3AF;--accent: #F59E0B;--text: #FAFAFA;--text-muted: #9CA3AF;--border: #2A2A30;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--radius: 12px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #E5E7EB26}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse at 50% 100%,#E5E7EB26 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,#F59E0B1a 0%,transparent 50%),var(--bg);background-color:var(--bg);min-height:100vh;color:var(--text);overflow-x:hidden;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px}.app-start{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative}.start-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#E5E7EB08 0px,#E5E7EB08 10px,transparent 10px,transparent 20px);opacity:.3}.start-content{text-align:center;z-index:1}.start-title{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,12vw,8rem);line-height:.9;text-shadow:0 0 30px var(--accent),0 0 60px var(--accent);background:linear-gradient(180deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-subtitle{font-size:1.4rem;color:var(--text-muted);letter-spacing:6px;margin:.5rem 0 2rem}.start-cloud{font-size:.8rem;color:var(--text-muted);margin-top:1.5rem}.start-btn{display:block;margin:.8rem auto}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.6rem;border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:1rem;transition:all .2s}.btn-primary{background:var(--primary);color:var(--bg);box-shadow:0 0 20px var(--primary)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 0 30px var(--primary)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.app-game{min-height:100vh;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:relative}.room-name{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:2px}.header-info{display:flex;align-items:center;gap:1rem}.icon-sm{width:20px;height:20px}.icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:8px}.icon-btn:hover{background:var(--border)}.cloud-badge{font-size:.75rem;color:var(--text-muted);background:var(--border);padding:.2rem .6rem;border-radius:20px;position:absolute;right:1rem;top:.5rem}.scene{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a0a0e}.scene-bg{width:100%;height:100%;object-fit:cover;opacity:.8}.scene-bg-placeholder{font-size:5rem;opacity:.3}.scene-interactions{position:absolute;top:0;right:0;bottom:0;left:0}.scene-item{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;opacity:.7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-item:hover{opacity:1;box-shadow:0 0 20px var(--accent)}.scene-item.door{bottom:20%;right:10%}.scene-item.puzzle{top:20%;left:10%}.scene-item.examine{top:40%;left:20%}.inventory-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:.6rem 1rem;display:flex;align-items:center;gap:1rem;z-index:100}.inventory-title{display:flex;align-items:center;gap:.3rem;color:var(--text-muted);font-size:.9rem;white-space:nowrap}.inventory-items{display:flex;gap:.5rem;flex-wrap:wrap}.inv-item{background:var(--border);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;cursor:pointer}.inv-item:hover{background:var(--primary);color:var(--bg)}.side-panel{position:fixed;right:1rem;bottom:5rem;display:flex;flex-direction:column;gap:.5rem;z-index:99}.panel-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.6rem 1rem;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;gap:.4rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-btn:hover{background:var(--border)}.hint-btn{border-color:var(--warning)}.clue-btn{border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;max-width:420px;width:90%;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow)}.modal h2{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:1px}.modal-puzzle{max-width:500px}.puzzle-input{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.puzzle-input input{flex:1;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:1rem}.puzzle-sequence{display:flex;flex-direction:column;gap:1rem}.seq-options{display:flex;gap:.5rem}.seq-option{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg);color:var(--text)}.seq-option.selected{background:var(--primary);color:var(--bg)}.seq-current{font-size:.9rem;color:var(--text-muted)}.toast{position:fixed;top:20%;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--accent);color:var(--text);padding:.8rem 1.5rem;border-radius:var(--radius);box-shadow:0 0 30px var(--accent);z-index:300;animation:fadeInOut 2.5s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.app-end{display:flex;align-items:center;justify-content:center;min-height:100vh}.end-content{text-align:center}.end-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,6rem);text-shadow:0 0 30px var(--success)}.end-time{font-size:1.4rem;color:var(--text-muted);margin:1rem 0}.end-rating{font-size:1.8rem;margin:.5rem 0 2rem}.end-cloud{color:var(--text-muted);font-size:.9rem;margin-top:1rem}.modal label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.modal input[type=range]{flex:1}@media (max-width: 600px){.game-header{padding:.6rem 1rem}.scene-item{padding:.3rem .6rem;font-size:.8rem}.inventory-bar{padding:.4rem .6rem}.side-panel{bottom:4rem;right:.5rem}.modal{padding:1.5rem}}