.note-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.note-paper{position:relative;background:linear-gradient(180deg,#f5e6c8,#e8d4a8);border:1px solid #c4a574;transition:all .45s ease}.note-paper--crumpled{width:160px;padding:1.25rem 1.5rem;border-radius:45% 55% 52% 48%/48% 45% 55% 52%;box-shadow:2px 4px 8px #00000059,inset -2px -1px 4px #00000014,inset 1px 2px 2px #ffffff4d;transform:rotate(-4deg) scale(.95)}.note-paper--crumpled .note-close{top:.25rem;right:.4rem;width:28px;height:28px;font-size:1.35rem;font-weight:700;color:#1a1a2e;background:#fff;border:2px solid #6d5a42;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;box-shadow:0 2px 6px #00000040}.note-paper--crumpled .note-close:hover{background:#e8d4a8;border-color:#4a3c2a;color:#1a1a2e}.note-crumpled-text{margin:0 0 .75rem;color:#4a3c2a;font-size:.95rem;text-align:center;line-height:1.35}.note-uncrumple-btn{display:block;width:100%;background:#8a7355;color:#f5e6c8;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.95rem;cursor:pointer;font-weight:600}.note-uncrumple-btn:hover{background:#6d5a42}.note-paper--uncrumpled{max-width:90vw;width:340px;padding:1.5rem 2rem;border-radius:8px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff80;transform:rotate(0) scale(1)}.note-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.5rem;color:#8a7355;line-height:1;padding:.25rem;cursor:pointer}.note-close:hover{color:#1a1a2e}.note-title{margin:0 0 .75rem;font-weight:700;color:#4a3c2a;font-size:1.05rem}.note-map{background:#fff;border:2px solid #8a7355;border-radius:8px;padding:1rem;margin-bottom:0;min-height:140px;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center}.note-map-wires{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:180px;margin:.5rem 0}.note-map-wire{height:20px;border-radius:4px;position:relative}.note-map-wire--red{background:var(--wire-red);box-shadow:inset 0 1px #fff3}.note-map-wire--blue{background:var(--wire-blue);box-shadow:inset 0 1px #fff3}.note-map-wire--green{background:var(--wire-green);box-shadow:inset 0 1px #fff3}.note-map-wire--correct{position:relative;outline:2px dashed #2a4a7a;outline-offset:4px;border-radius:6px}.note-map-wire-circle{position:absolute;right:0;top:50%;transform:translate(calc(100% + 6px),-50%);font-size:.7rem;color:#2a4a7a;font-weight:700;white-space:nowrap}.wire-legend{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.wire-legend span{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:#4a3c2a}.wire-dot{width:12px;height:12px;border-radius:50%}.wire-dot.red{background:var(--wire-red)}.wire-dot.blue{background:var(--wire-blue)}.wire-dot.green{background:var(--wire-green)}.radiator-view-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.radiator-view{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-radius:16px;padding:1.5rem 2rem;max-width:95vw;width:420px;box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff0f;position:relative;border:2px solid #444}.radiator-view-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.6rem;color:#888;line-height:1;padding:.25rem;cursor:pointer}.radiator-view-close:hover{color:#fff}.radiator-view-caption{margin:0 0 1rem;font-size:1rem;color:var(--text-muted);text-align:center}.radiator-full{display:flex;justify-content:center;margin-bottom:1rem}.radiator-body{position:relative;width:320px;height:100px;background:linear-gradient(180deg,#4a4a4a,#3a3a3a 30%,#2e2e2e);border-radius:6px;box-shadow:inset 0 2px 4px #ffffff14,0 4px 12px #0006;border:1px solid #555}.radiator-fins{position:absolute;top:8px;right:80px;bottom:8px;left:8px;background:repeating-linear-gradient(90deg,transparent 0,transparent 6px,rgba(0,0,0,.35) 6px,rgba(0,0,0,.35) 10px);border-radius:4px;pointer-events:none}.radiator-panel-cover{position:absolute;top:50%;right:12px;width:56px;height:56px;transform:translateY(-50%);background:linear-gradient(180deg,#5a5a5a,#404040);border:3px solid #666;border-radius:6px;cursor:pointer;transition:box-shadow .2s ease;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px}.radiator-panel-cover:hover:not(:disabled){box-shadow:0 0 0 2px var(--accent-warm)}.radiator-panel-cover:disabled{cursor:default}.panel-screw{font-size:.6rem;color:#888;line-height:1}.panel-screw--br{position:absolute;bottom:4px;left:4px;right:auto}.radiator-panel-cover--popping{animation:panelPop .4s ease forwards}.radiator-panel-cover--off{opacity:0;pointer-events:none;transform:translateY(-50%) translate(120px) scale(.6)}@keyframes panelPop{0%{transform:translateY(-50%) scale(1);opacity:1}60%{transform:translateY(-50%) translate(80px) scale(1.1);opacity:1}to{transform:translateY(-50%) translate(120px) scale(.6);opacity:0}}.radiator-wires-area{margin-top:.5rem;padding-top:1rem;border-top:1px solid #444}.radiator-wires-hint{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted)}.radiator-wires{display:flex;flex-direction:column;gap:.6rem}.radiator-wire{padding:.6rem 1rem;border-radius:8px;border:2px solid transparent;font-size:1rem;font-weight:600;text-transform:capitalize;color:#fff;cursor:pointer;transition:transform .15s ease,opacity .2s ease}.radiator-wire:hover:not(.radiator-wire--cut):not(.radiator-wire--disabled){transform:scale(1.02)}.radiator-wire--red{background:var(--wire-red);border-color:#a04a4a}.radiator-wire--blue{background:var(--wire-blue);border-color:#4a5aa0}.radiator-wire--green{background:var(--wire-green);border-color:#4aa04a}.radiator-wire--cut{opacity:.5;background:#555!important;border-color:#444!important;cursor:default}.radiator-wire--disabled{cursor:default}.radiator-feedback{margin:.75rem 0 0;padding:.6rem;border-radius:8px;font-size:.9rem}.radiator-feedback--wrong{background:#c75c5c33;color:#e8a0a0}.radiator-feedback--correct{background:#7cb87c33;color:#a8d8a8}.info-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:150;cursor:pointer;animation:fadeIn .2s ease}.info-popup{background:var(--bg-room);border:2px solid var(--accent-cool);border-radius:12px;padding:1.25rem 1.5rem;max-width:90vw;width:280px;box-shadow:0 8px 24px #0006;position:relative;cursor:default}.info-popup-close{position:absolute;top:.5rem;right:.75rem;min-width:2rem;min-height:2rem;background:none;border:none;font-size:1.4rem;color:var(--text-muted);line-height:1;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.info-popup-close:hover{color:var(--text)}.info-popup-title{margin:0 0 .5rem;font-size:1.1rem;color:var(--accent-warm)}.info-popup-body{font-size:.95rem;color:var(--text);line-height:1.45}.info-popup-body p{margin:0}.info-popup-ok{display:block;width:100%;margin-top:1rem;padding:.5rem 1rem;background:var(--accent-cool);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.info-popup-ok:hover{filter:brightness(1.1)}.inventory-panel{margin-top:auto;padding:1rem 1.25rem;background:var(--bg-room);border:2px solid rgba(255,255,255,.1);border-radius:12px;max-width:400px;width:100%}.inventory-title{margin:0 0 .5rem;font-size:1rem;color:var(--accent-warm);font-weight:600}.inventory-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.inventory-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#00000040;border-radius:8px;border:1px solid transparent}.inventory-item--equipped{border-color:var(--accent-cool);background:#6b8cce26}.inventory-item-icon{font-size:1.25rem;line-height:1}.inventory-item-label{flex:1;font-size:.9rem;color:var(--text)}.inventory-equip-btn{font-size:.75rem;padding:.25rem .5rem;background:var(--accent-cool);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.inventory-equip-btn:hover{filter:brightness(1.15)}.inventory-equipped-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-muted)}.level1{min-height:100vh;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.level-header{text-align:center;margin-bottom:.75rem;flex-shrink:0}.level-header h1{font-size:clamp(1.25rem,4vw,1.75rem);margin:0 0 .2rem;color:var(--accent-warm)}.level-title{margin:0;font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--text-muted)}.room{position:relative;width:100%;max-width:min(90vw,640px);aspect-ratio:4 / 3;max-height:min(72vh,480px);min-width:280px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0006;flex-shrink:0}.room-wall{position:absolute;transition:background .8s ease,box-shadow .8s ease}.room--hot .room-wall{background:linear-gradient(180deg,#8b3a3a,#6b2a2a,#5a2222);box-shadow:inset 0 0 30px #b43c3c33}.room--cool .room-wall{background:linear-gradient(180deg,#4a6a9a,#3a5a8a,#2a4a7a);box-shadow:inset 0 0 30px #648cc833}.room-wall--top{top:0;left:0;right:0;height:24px;border-radius:12px 12px 0 0}.room-wall--bottom{bottom:0;left:0;right:0;height:24px;border-radius:0 0 12px 12px}.room-wall--left{top:0;left:0;bottom:0;width:24px;border-radius:12px 0 0 12px}.room-wall--right{top:0;right:0;bottom:0;width:24px;border-radius:0 12px 12px 0}.room-floor{position:absolute;top:24px;left:24px;right:24px;bottom:24px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 50%,transparent 100%),linear-gradient(0deg,#4a4540,#3d3833,#352f2a,#3d3833,#4a4540);background-size:40px 100%,100% 100%;background-color:#3d3833;border-radius:8px;box-shadow:inset 0 0 30px #00000026}.room-snow{position:absolute;top:24px;right:24px;bottom:24px;left:24px;pointer-events:none;overflow:hidden;border-radius:8px;z-index:10}.snowflake{position:absolute;color:#fffffff2;font-size:calc(var(--size, .6) * 1rem);top:-16px;left:calc(var(--left-pct, 0) * 1%);pointer-events:none;animation:snowfall 5s linear infinite;animation-delay:calc(var(--i) * -.15s)}@keyframes snowfall{0%{transform:translateY(0) translate(0)}to{transform:translateY(420px) translate(calc(var(--drift, 0) * 8px))}}.deco{position:absolute;width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);min-width:32px;min-height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,4vw,1.25rem);background:#00000040;border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.deco--left{transform:translate(-50%,-50%)}.deco--right{transform:translate(50%,-50%)}.deco:hover{background:#0006;border-color:var(--accent-warm)}.deco--left:hover{transform:translate(-50%,-50%) scale(1.1)}.deco--right:hover{transform:translate(50%,-50%) scale(1.1)}.hotspot{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.2rem;background:#00000059;border:2px solid rgba(255,255,255,.15);border-radius:10px;padding:clamp(.4rem,2vw,.5rem) clamp(.5rem,2vw,.75rem);color:var(--text);font-size:clamp(.7rem,2vw,.8rem);min-height:44px;min-width:44px;justify-content:center;transition:transform .15s ease,background .15s ease,border-color .15s ease}.hotspot:hover:not(:disabled){background:#00000080;border-color:var(--accent-warm)}.hotspot:disabled{opacity:.8;cursor:not-allowed}.hotspot.unlocked{border-color:var(--success);background:#7cb87c33}.hotspot-icon{font-size:1.5rem;line-height:1}.hotspot-label{max-width:100px;text-align:center;line-height:1.2}.hotspot--icon-only{width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);min-width:32px;min-height:32px;padding:0;border-radius:50%;background:#00000040;border:2px solid rgba(255,255,255,.2)}.hotspot--icon-only .hotspot-icon,.hotspot--icon-only .door-shape{font-size:clamp(1rem,4vw,1.25rem)}.hotspot--icon-only .radiator-shape{width:clamp(22px,5vw,28px);height:clamp(10px,2vw,12px)}.hotspot--icon-only .snowman-figure{font-size:clamp(1rem,4vw,1.25rem)}.hotspot--icon-only .snowman-sweat{font-size:.4rem;top:-2px;right:-4px}.hotspot--icon-only .sweat-drop--2{left:-6px;top:1px}.hotspot--icon-only:hover:not(:disabled){background:#0006;border-color:var(--accent-warm)}.hotspot-note{top:28%;left:24%;transform:translate(-50%,-50%)}.hotspot-radiator{top:6%;left:50%;transform:translate(-50%,-50%);padding:.35rem .5rem}.radiator-shape{display:block;width:clamp(70px,18vw,100px);height:clamp(14px,3vw,18px);background:linear-gradient(180deg,#5a5550,#3d3a36,#2e2c28);border-radius:4px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d;border:1px solid #555;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 4px,rgba(0,0,0,.25) 4px,rgba(0,0,0,.25) 6px),linear-gradient(180deg,#5a5550,#3d3a36,#2e2c28)}.hotspot-radiator:hover:not(:disabled) .radiator-shape{box-shadow:0 0 0 2px var(--accent-warm)}.hotspot-snowman{top:52%;left:58%;transform:translate(-50%,-50%)}.hotspot-snowman:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.05)}.snowman-figure{position:relative;display:inline-block;font-size:1.75rem;line-height:1}.snowman-face{display:block;transition:transform .3s ease}.hotspot-snowman--saved .snowman-face{transform:scale(1.05)}.snowman-sweat{position:absolute;top:-4px;right:-8px;font-size:.6rem;line-height:1}.sweat-drop{position:absolute;animation:sweat-drip 1.2s ease-in-out infinite}.sweat-drop--2{left:-10px;top:2px;animation-delay:.25s}@keyframes sweat-drip{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(3px) scale(1.1)}}.hotspot-chair{top:76%;left:26%;transform:translate(-50%,-50%)}.hotspot-chair:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.05)}.hotspot-basement{top:82%;right:14%;transform:translate(50%,-50%)}.door-shape{font-size:1.25rem;line-height:1}.hotspot-basement:hover:not(:disabled){transform:translate(50%,-50%) scale(1.05)}.level1-hidden-unicorn{position:absolute;font-size:1.25rem;background:none;border:none;cursor:pointer;padding:.2rem;z-index:4;opacity:.9;transition:transform .15s ease}.level1-hidden-unicorn:hover{transform:scale(1.2)}.level1-hidden-unicorn--1{top:12%;left:18%}.level1-hidden-unicorn--2{top:55%;right:18%;left:auto}.message-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:90;padding:1rem}.message-overlay .message-bubble,.message-overlay .discovery-bubble{margin-top:0}.message-bubble{margin-top:1rem;padding:1rem 1.25rem;background:var(--bg-room);border:2px solid var(--accent-cool);border-radius:12px;max-width:400px;box-shadow:0 4px 16px #0000004d}.message-bubble-title{margin:0 0 .5rem;font-size:1rem;color:var(--accent-warm)}.message-bubble p{margin:0 0 .75rem;font-size:1rem;line-height:1.4}.message-bubble button{background:var(--accent-cool);color:#fff;border:none;padding:.4rem 1rem;border-radius:8px;font-size:.95rem}.message-bubble button:hover{filter:brightness(1.1)}.door-choice-bubble{max-width:360px}.door-choice-intro{margin-bottom:.75rem}.door-choice-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.door-choice-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:.6rem .75rem;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:#0003;color:var(--text);font-size:.95rem;cursor:pointer;transition:border-color .15s,background .15s}.door-choice-option:hover:not(:disabled){border-color:var(--accent-cool);background:#00000059}.door-choice-option:disabled{opacity:1;cursor:not-allowed;border-color:#ffffff26;background:#0006}.door-choice-label{font-weight:600}.door-choice-locked{display:block;margin-top:.35rem;font-size:.85rem;font-weight:500;color:#fffffff2;line-height:1.35}.door-choice-close{width:100%;margin-top:0}.discovery-bubble{margin-top:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#e8b86d33,#e8b86d14);border:2px solid var(--accent-warm);border-radius:16px;max-width:400px;box-shadow:0 6px 24px #e8b86d40;animation:discovery-pop .4s ease;position:relative}@keyframes discovery-pop{0%{transform:scale(.92);opacity:0}70%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}.discovery-sparkle{display:block;font-size:1.5rem;margin-bottom:.35rem;animation:sparkle .6s ease .2s both}@keyframes sparkle{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.discovery-text{margin:0 0 1rem;font-size:1.05rem;font-weight:600;color:var(--text);line-height:1.45}.discovery-btn{background:var(--accent-warm);color:#1a1a2e;border:none;padding:.5rem 1.25rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer}.discovery-btn:hover{filter:brightness(1.15);transform:scale(1.03)}.basement-link{margin-top:1rem}.basement-link-btn{background:none;border:none;color:var(--accent-warm);font-weight:600;font-size:1rem;cursor:pointer;padding:.5rem;font-family:inherit}.basement-link-btn:hover{text-decoration:underline}.inventory-footer{margin-top:auto;padding-top:1.5rem;display:flex;justify-content:center;width:100%}.basement{min-height:100vh;padding:1rem;display:flex;flex-direction:column;align-items:center}.basement .inventory-footer{margin-top:auto;padding-top:1.5rem;width:100%;display:flex;justify-content:center}.basement--water{background:linear-gradient(180deg,#0d2137,#0a1628,#061018)}.basement-room{position:relative;max-width:520px;width:100%;text-align:center;padding:2rem;background:linear-gradient(180deg,#252530,#1a1a24);border-radius:16px;border:2px solid #444}.basement-room--water{background:linear-gradient(180deg,#0f375feb,#0c2a4bf2 40%,#081e37fa);border-color:#50a0ff59;box-shadow:inset 0 0 80px #2878c833,inset 0 -20px 40px #0003,0 0 40px #1e64b440;min-height:320px;overflow:hidden}.basement-water-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.18) 6px,transparent 8px),radial-gradient(circle at 60% 20%,rgba(255,255,255,.14) 5px,transparent 7px),radial-gradient(circle at 85% 60%,rgba(255,255,255,.12) 4px,transparent 6px),radial-gradient(circle at 40% 40%,rgba(255,255,255,.1) 5px,transparent 7px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.15) 5px,transparent 6px),radial-gradient(circle at 15% 40%,rgba(255,255,255,.1) 4px,transparent 5px);background-size:180px 140px,160px 160px,140px 120px,150px 130px,170px 150px,130px 140px;animation:water-bubbles 4s ease-in-out infinite}@keyframes water-bubbles{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.basement-coral{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.basement-coral-piece{position:absolute;font-size:clamp(1.25rem,4vw,1.75rem);line-height:1;opacity:.9;pointer-events:auto}.basement-coral-piece--1{left:5%;bottom:42%;transform:rotate(-15deg)}.basement-coral-piece--2{right:8%;top:15%;transform:rotate(8deg)}.basement-coral-piece--3{left:40%;top:38%;transform:rotate(5deg)}.basement-coral-piece--4{right:12%;bottom:42%;transform:rotate(-10deg)}.basement-coral-piece--5{left:22%;top:20%;transform:rotate(-5deg)}.basement-room p{margin:0 0 1.5rem;color:var(--text);font-size:1.1rem}.basement-fish-pool{position:relative;z-index:1;isolation:isolate;width:100%;height:180px;margin-bottom:1rem}.basement-fish{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.5rem;margin:-.25rem 0 0 -.25rem;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:filter .2s ease}.basement-fish:hover{filter:brightness(1.3)}.basement-fish:active{filter:brightness(.85)}.basement-fish-sprite{display:block;font-size:2rem;line-height:1;pointer-events:none}.basement-fish--js{transition:left .9s ease-out,top .9s ease-out,transform .25s ease-out,filter .2s ease}.basement-fish--at-coral{cursor:default;pointer-events:auto}.basement-fish--at-coral:hover{filter:none}.basement-fish--at-coral:disabled{opacity:.85}.basement-shark-btn{display:block;margin:0 auto 1rem;font-size:2.5rem;background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .2s}.basement-shark-btn:hover{transform:scale(1.1)}.back-btn,.basement-shark-btn{position:relative;z-index:2}.back-btn{background:var(--accent-cool);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem}.back-btn:hover{filter:brightness(1.1)}.message-bubble-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.75rem;flex-wrap:wrap}.message-bubble-actions button{min-width:4rem}.message-bubble-btn-primary{background:var(--accent-warm);color:#1a1a2e}.message-bubble-actions--column{flex-direction:column;align-items:stretch;gap:.5rem}.message-bubble-code-input{width:100%;max-width:8rem;margin:0 auto;padding:.5rem .75rem;font-size:1.25rem;text-align:center;border:2px solid #444;border-radius:8px;box-sizing:border-box}.message-bubble-code-desc{display:block;font-size:.85rem;color:var(--text);opacity:.85}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.second-floor{min-height:100vh;padding:1rem;display:flex;flex-direction:column;align-items:center}.second-floor .inventory-footer{margin-top:auto;padding-top:1.5rem;width:100%;display:flex;justify-content:center}.second-floor--green{background:linear-gradient(180deg,#1a2e1a,#0f1f0f,#0a180a)}.second-floor-room{position:relative;max-width:520px;width:100%;text-align:center;padding:2rem;background:linear-gradient(180deg,#252530,#1a1a24);border-radius:16px;border:2px solid #444}.second-floor-room--green{background:linear-gradient(180deg,#28502df2,#1e4123fa,#19371cfa);border-color:#3c784680;box-shadow:inset 0 0 60px #508c5a26,0 0 30px #285a3233;min-height:280px}.second-floor-room p{margin:0 0 1.5rem;color:var(--text);font-size:1.1rem}.second-floor-plants{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:14px}.second-floor-plant{position:absolute;font-size:clamp(1.25rem,4vw,1.75rem);line-height:1;opacity:.95}.second-floor-plant--1{left:8%;top:12%}.second-floor-plant--2{right:10%;top:18%}.second-floor-plant--3{left:45%;top:8%}.second-floor-plant--4{left:15%;bottom:25%}.second-floor-plant--5{right:18%;bottom:30%}.second-floor-plant--6{left:38%;bottom:15%}.second-floor-leaf-piles{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.25rem;min-height:80px}.second-floor-leaf-pile{display:flex;align-items:center;justify-content:center;width:clamp(44px,10vw,56px);height:clamp(44px,10vw,56px);padding:.25rem;font-size:clamp(1.25rem,4vw,1.5rem);background:#3c5a3266;border:2px solid rgba(80,120,70,.5);border-radius:12px;cursor:pointer;transition:transform .15s ease,filter .15s ease}.second-floor-leaf-pile:hover{transform:scale(1.08);filter:brightness(1.1)}.second-floor .back-btn{background:var(--accent-cool);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem}.second-floor .back-btn:hover{filter:brightness(1.1)}.second-floor-poster{position:absolute;left:12%;top:22%;z-index:2;font-size:clamp(1.5rem,5vw,2rem);background:#503c2880;border:2px solid rgba(120,90,60,.6);border-radius:8px;padding:.35rem;cursor:pointer;transition:transform .15s ease,filter .15s ease}.second-floor-poster:hover{transform:scale(1.08);filter:brightness(1.15)}.second-floor-seedling{position:absolute;right:15%;bottom:28%;z-index:2;font-size:clamp(1.5rem,5vw,2rem);background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .15s ease}.second-floor-seedling:hover{transform:scale(1.15)}.second-floor-vine{position:absolute;bottom:22%;right:12%;top:0;width:22%;min-width:2.5rem;max-width:5rem;z-index:10;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end;padding:.35rem 0;background:none;border:none;cursor:pointer;transition:filter .15s ease;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.second-floor-vine:hover{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4)) brightness(1.08)}.second-floor-vine-segment{display:block;font-size:clamp(1.25rem,4.5vw,2rem);line-height:.85;opacity:0;transform:scale(.4);animation:second-floor-vine-grow .5s ease-out forwards;flex-shrink:0}@keyframes second-floor-vine-grow{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.second-floor-vine-segment--grown{opacity:1;transform:scale(1);animation:none}.poster-hint{font-size:.9rem;font-style:italic;margin-top:.5rem!important;opacity:.9}.second-floor-hidden-unicorn{position:absolute;font-size:1.25rem;background:none;border:none;cursor:pointer;padding:.2rem;z-index:5;opacity:.9;transition:transform .15s ease}.second-floor-hidden-unicorn:hover{transform:scale(1.2)}.second-floor-hidden-unicorn--3{left:22%;bottom:35%}.second-floor-hidden-unicorn--4{right:25%;top:30%}.third-floor{position:relative;min-height:100vh;padding:1rem;display:flex;flex-direction:column;align-items:center}.third-floor .inventory-footer{margin-top:auto;padding-top:1.5rem;width:100%;display:flex;justify-content:center}.third-floor--land{background:linear-gradient(180deg,#1a2a1a,#0d1a0d,#081508)}.third-floor-content{position:relative;flex:1;min-height:0;width:100%;max-width:520px;display:flex;flex-direction:column}.third-floor-room{position:relative;max-width:520px;width:100%;text-align:center;padding:2rem;background:linear-gradient(180deg,#2a2535,#1e1a28);border-radius:16px;border:2px solid #444;min-height:200px}.third-floor-room--land{background:linear-gradient(180deg,#375a32f2,#284626fa,#1e371cfa);border-color:#50784680;box-shadow:inset 0 0 50px #5a82501f,0 0 25px #325a3226;min-height:260px}.third-floor-creatures{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:14px}.third-floor-creature{position:absolute;font-size:clamp(1.25rem,4vw,1.75rem);line-height:1;opacity:.9}.third-floor-creature--unicorn-1{left:10%;top:15%}.third-floor-creature--unicorn-2{right:12%;top:25%}.third-floor-creature--rainbow{font-size:clamp(1.75rem,6vw,2.5rem);opacity:.95}.third-floor-creature--rainbow-1{left:50%;top:5%;transform:translate(-50%)}.third-floor-creature--rainbow-2{left:15%;top:8%;font-size:clamp(1.4rem,4.5vw,2rem);opacity:.9}.third-floor-creature--rainbow-3{right:18%;top:6%;font-size:clamp(1.4rem,4.5vw,2rem);opacity:.9}.third-floor-creature--rainbow-4{left:50%;top:12%;transform:translate(-50%);font-size:clamp(1.25rem,4vw,1.75rem);opacity:.85}.third-floor-grass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:14px}.third-floor-grass-blade{position:absolute;font-size:clamp(.9rem,2.5vw,1.2rem);line-height:1;opacity:.92}.third-floor-grass--1{left:8%;bottom:18%}.third-floor-grass--2{left:25%;bottom:15%}.third-floor-grass--3{left:42%;bottom:20%}.third-floor-grass--4{left:58%;bottom:16%}.third-floor-grass--5{right:28%;bottom:22%}.third-floor-grass--6{right:15%;bottom:18%}.third-floor-grass--7{left:35%;bottom:12%}.third-floor-dino{position:absolute;z-index:2;font-size:clamp(1.5rem,5vw,2.25rem);background:none;border:none;outline:none;box-shadow:none;cursor:pointer;padding:.2rem;transition:transform .15s ease,filter .15s ease}.third-floor-dino:hover{transform:scale(1.12);filter:brightness(1.1)}.third-floor-dino:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.third-floor-dino--broken-tooth{left:13%;bottom:24%;z-index:10}.third-floor-dino--sauropod{left:18%;top:20%}.third-floor-dino--rex{right:8%;top:28%}.third-floor-dino--weepy{left:5%;top:55%}.third-floor-dino--philosopher{right:10%;bottom:18%}.third-floor-dino--chill{left:48%;top:18%;transform:translate(-50%)}.third-floor-hidden-unicorn{position:absolute;left:50%;top:40%;transform:translate(-50%);font-size:1.25rem;background:none;border:none;cursor:pointer;padding:.2rem;z-index:5;opacity:.9;transition:transform .15s ease}.third-floor-hidden-unicorn:hover{transform:translate(-50%) scale(1.2)}.third-floor-vine{position:absolute;right:12%;bottom:0;top:320px;width:22%;min-width:2.5rem;max-width:5rem;z-index:5;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end;padding:.35rem 0;background:none;border:none;cursor:pointer;transition:filter .15s ease;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.third-floor-vine:hover{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4)) brightness(1.08)}.third-floor-vine-segment{display:block;font-size:clamp(1.25rem,4.5vw,2rem);line-height:.85;opacity:0;transform:scale(.4);animation:third-floor-vine-grow .5s ease-out forwards;flex-shrink:0}@keyframes third-floor-vine-grow{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.third-floor-vine-segment--grown{opacity:1;transform:scale(1);animation:none}.third-floor-magic-door{position:absolute;left:50%;bottom:20%;transform:translate(-50%);z-index:8;display:flex;align-items:center;justify-content:center;animation:third-floor-magic-door-reveal 1.2s ease-out forwards;background:none;border:none;cursor:pointer;padding:.5rem}.third-floor-magic-door:hover .third-floor-magic-door-icon{filter:drop-shadow(0 0 16px rgba(255,220,150,1))}.third-floor-magic-door-icon{font-size:clamp(2.5rem,10vw,4rem);filter:drop-shadow(0 0 12px rgba(255,220,150,.8));position:relative;z-index:2}.third-floor-magic-door-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(255,230,150,.4) 0%,rgba(255,200,100,.2) 40%,transparent 70%);animation:third-floor-magic-door-glow 2s ease-in-out infinite alternate}@keyframes third-floor-magic-door-reveal{0%{opacity:0;transform:translate(-50%) scale(.3)}60%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes third-floor-magic-door-glow{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.fourth-floor{min-height:100vh;padding:1rem;display:flex;flex-direction:column;align-items:center}.fourth-floor .inventory-footer{margin-top:auto;padding-top:1.5rem;width:100%;display:flex;justify-content:center}.fourth-floor-room{position:relative;max-width:520px;width:100%;text-align:center;padding:2rem;background:linear-gradient(180deg,#2a2535,#1e1a28);border-radius:16px;border:2px solid #444;min-height:200px}.fourth-floor-intro{margin:0 0 1.5rem;color:var(--text);font-size:1.1rem}.fourth-floor-magic-door-back{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;padding:.6rem 1.2rem;background:#ffdc9633;border:2px solid rgba(255,200,100,.5);border-radius:8px;color:var(--text);cursor:pointer;transition:transform .15s ease,filter .15s ease}.fourth-floor-magic-door-back:hover{transform:scale(1.05);filter:brightness(1.1)}.game-layout{position:relative;min-height:100vh}.game-top-buttons{position:fixed;top:.75rem;right:.75rem;z-index:50;display:flex;gap:.5rem;align-items:center}.game-save-btn,.game-quit-btn{padding:.4rem .75rem;font-size:.9rem;font-weight:600;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #0000004d}.game-save-btn:hover,.game-quit-btn:hover{filter:brightness(1.1)}.game-save-btn:active,.game-quit-btn:active{transform:scale(.98)}.game-save-btn{background:var(--accent-cool);color:#fff}.game-quit-btn{background:#555;color:#fff}.game-quit-btn:hover{background:#666}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-box{background:var(--bg-room);border:3px solid var(--danger);border-radius:16px;padding:2rem;max-width:90vw;width:380px;text-align:center;box-shadow:0 12px 40px #00000080}.game-over-title{margin:0 0 .75rem;font-size:1.75rem;color:var(--danger)}.game-over-message{margin:0 0 1.5rem;font-size:1.05rem;color:var(--text);line-height:1.45}.game-over-buttons{display:flex;flex-direction:column;gap:.75rem}.game-over-btn{padding:.65rem 1.25rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:filter .15s ease}.game-over-btn:disabled{opacity:.6;cursor:not-allowed}.game-over-btn--continue{background:var(--success);color:#fff}.game-over-btn--continue:hover:not(:disabled){filter:brightness(1.1)}.game-over-btn--quit{background:#555;color:#fff}.game-over-btn--quit:hover{filter:brightness(1.15)}.game-over-hint{margin:1rem 0 0;font-size:.85rem;color:var(--text-muted)}.quit-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:210;animation:fadeIn .2s ease}.quit-confirm-box{background:var(--bg-room);border:3px solid var(--accent-warm);border-radius:16px;padding:1.75rem;max-width:90vw;width:360px;text-align:center;box-shadow:0 12px 40px #00000080}.quit-confirm-title{margin:0 0 .5rem;font-size:1.25rem;color:var(--accent-warm)}.quit-confirm-message{margin:0 0 1.25rem;font-size:.95rem;color:var(--text);line-height:1.45}.quit-confirm-buttons{display:flex;gap:.75rem;justify-content:center}.quit-confirm-btn{padding:.5rem 1rem;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer}.quit-confirm-btn--cancel{background:#555;color:#fff}.quit-confirm-btn--confirm{background:var(--danger);color:#fff}.quit-confirm-btn:hover{filter:brightness(1.1)}:root{--bg-dark: #1a1a2e;--bg-room: #2d2d44;--accent-warm: #e8b86d;--accent-cool: #6b8cce;--text: #f0e6d3;--text-muted: #a09888;--success: #7cb87c;--danger: #c75c5c;--wire-red: #c75c5c;--wire-blue: #5c7cc7;--wire-green: #5cc75c;--font-display: "Fredoka", "Comic Sans MS", sans-serif;--font-body: "Nunito", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-dark);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh;overflow-x:hidden;width:100%}h1,h2{font-family:var(--font-display)}button{font-family:inherit;cursor:pointer}