:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}body{background:radial-gradient(ellipse at 20% 50%,rgba(72,0,120,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,80,80,.1) 0%,transparent 50%),#0a0a0a}.game-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.fog{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:radial-gradient(ellipse at 30% 40%,rgba(100,100,120,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(80,80,100,.06) 0%,transparent 60%);animation:fogDrift 12s ease-in-out infinite alternate}@keyframes fogDrift{0%{opacity:.6;transform:translate(-2%)}to{opacity:1;transform:translate(2%)}}.title-screen{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn 1.5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title-screen h1{font-size:3rem;font-weight:800;letter-spacing:-.03em;text-align:center;background:linear-gradient(135deg,#ff6b35,#d63384,#6f42c1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 30px rgba(214,51,132,.3))}.title-screen .subtitle{color:#ffffff80;font-size:1.1rem;font-style:italic;text-align:center;max-width:400px}.start-btn{padding:1rem 3rem;font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid rgba(214,51,132,.5);background:linear-gradient(135deg,#d6338426,#6f42c126);color:#ff6b9d;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.start-btn:hover{background:linear-gradient(135deg,#d633844d,#6f42c14d);border-color:#d63384cc;box-shadow:0 0 30px #d6338433;transform:translateY(-2px)}.hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);z-index:50}.hud-left,.hud-right{display:flex;align-items:center;gap:1.5rem}.hud-stat{display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:#ffffffb3}.hud-stat .icon{font-size:1.2rem}.hud-stat .value{font-weight:700;color:#fafafa}.room-name{font-size:1.1rem;font-weight:600;color:#ffffffe6;text-align:center}.house-map{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:4px;width:min(90vw,560px);height:min(70vh,560px);background:#0000004d;border:2px solid rgba(255,255,255,.08);border-radius:.75rem;padding:4px;position:relative}.room-cell{position:relative;border:1px solid rgba(255,255,255,.06);border-radius:.375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;overflow:hidden;background:#140f1e99}.room-cell:hover:not(.room-locked):not(.room-visited){border-color:#d6338466;background:#d6338414}.room-cell.room-current{border-color:#ff6b3599;background:#ff6b351a;box-shadow:0 0 20px #ff6b3526,inset 0 0 20px #ff6b350d}.room-cell.room-visited{background:#28233766;border-color:#ffffff0a;cursor:default}.room-cell.room-locked{background:#50141433;border-color:#ff3c3c26;cursor:not-allowed}.room-cell.room-accessible{border-color:#64c8644d;animation:accessiblePulse 2s ease-in-out infinite}@keyframes accessiblePulse{0%,to{box-shadow:0 0 5px #64c8641a}50%{box-shadow:0 0 15px #64c86433}}.room-emoji{font-size:1.8rem;margin-bottom:.25rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.1))}.room-label{font-size:.6rem;color:#fff6;text-transform:uppercase;letter-spacing:.1em;text-align:center}.room-cell.room-current .room-label{color:#ff6b35e6}.room-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 30%,rgba(10,10,10,.85) 100%);pointer-events:none;border-radius:.375rem}.room-player{position:absolute;bottom:6px;right:6px;font-size:1rem;animation:playerBob 1.5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,200,50,.5))}@keyframes playerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.message-log{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;align-items:center;z-index:50;pointer-events:none}.message-bubble{padding:.75rem 1.5rem;border-radius:2rem;font-size:.9rem;max-width:500px;text-align:center;animation:messageIn .4s ease-out,messageOut .4s ease-in forwards;animation-delay:0s,3s;pointer-events:none}@keyframes messageIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageOut{0%{opacity:1}to{opacity:0}}.message-bubble.info{background:#6464784d;border:1px solid rgba(100,100,120,.3);color:#fffc}.message-bubble.warning{background:#ff6b3526;border:1px solid rgba(255,107,53,.3);color:#ff6b35}.message-bubble.danger{background:#ff323226;border:1px solid rgba(255,50,50,.3);color:#f55}.message-bubble.success{background:#32c86426;border:1px solid rgba(50,200,100,.3);color:#5c8}.message-bubble.treasure{background:#ffc83233;border:1px solid rgba(255,200,50,.4);color:#fc3;font-weight:700}.inventory-panel{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:50}.inv-slot{width:52px;height:52px;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#0006;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;transition:all .2s ease}.inv-slot.has-item{border-color:#ffc8324d;background:#ffc8320d}.inv-slot .inv-count{position:absolute;bottom:2px;right:4px;font-size:.6rem;font-weight:700;color:#ffc832e6}.inv-slot .inv-label{position:absolute;left:calc(100% + 8px);white-space:nowrap;font-size:.7rem;color:#fff6;opacity:0;transition:opacity .2s;pointer-events:none}.inv-slot:hover .inv-label{opacity:1}.event-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease-out}.event-card{max-width:420px;width:90%;background:linear-gradient(135deg,#1e1932f2,#140f23f2);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;text-align:center;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.event-card .event-emoji{font-size:3rem;margin-bottom:1rem;display:block}.event-card h2{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;color:#fafafa}.event-card p{color:#ffffffa6;font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.event-choices{display:flex;flex-direction:column;gap:.5rem}.event-choice-btn{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;background:#ffffff0a;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit;text-align:left}.event-choice-btn:hover{background:#ffffff14;border-color:#ffffff40;color:#fafafa}.event-choice-btn.danger-choice:hover{background:#ff32321a;border-color:#ff32324d}.event-choice-btn.safe-choice:hover{background:#32c8641a;border-color:#32c8644d}.win-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn 1s ease-out;text-align:center}.win-screen h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fc3,#ff6b35,#d63384);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.win-screen .win-emoji{font-size:5rem;animation:playerBob 2s ease-in-out infinite}.win-screen .stats{display:flex;gap:2rem;color:#fff9}.win-screen .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.win-screen .stat-value{font-size:1.5rem;font-weight:700;color:#fafafa}.gameover-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn 1s ease-out;text-align:center}.gameover-screen h1{font-size:2.5rem;font-weight:800;color:#f44}.gameover-screen .go-emoji{font-size:5rem}.gameover-screen p{color:#ffffff80;max-width:400px}.lantern-active .room-cell.room-current:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(255,200,50,.08) 0%,transparent 70%);pointer-events:none;animation:lanternFlicker 3s ease-in-out infinite}@keyframes lanternFlicker{0%,to{opacity:.8}50%{opacity:1}}@media(max-width:600px){.house-map{width:95vw;height:60vh}.room-emoji{font-size:1.3rem}.hud{padding:.75rem 1rem;font-size:.85rem}.inventory-panel{right:.5rem}.inv-slot{width:40px;height:40px;font-size:1.2rem}.title-screen h1{font-size:2rem}}