/* Puzzle Atrium Mystery Rooms build 2.8 */
.mystery-build{display:inline-block;margin-bottom:8px;padding:4px 9px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#86efac;font-size:.76rem;font-weight:900}.mystery-scene-v28{position:relative;aspect-ratio:16/10;min-height:390px;border-radius:24px;overflow:hidden;border:1px solid rgba(148,163,184,.25);background:radial-gradient(circle at 58% 20%,rgba(245,158,11,.22),transparent 26%),linear-gradient(180deg,#172033,#030712);box-shadow:0 30px 80px rgba(0,0,0,.32)}.mystery-scene-v28:focus-within{outline:2px solid rgba(245,158,11,.35)}.scene-floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(15,23,42,.05),rgba(2,6,23,.62));border-top:1px solid rgba(148,163,184,.13)}.scene-glow{position:absolute;inset:0;background:radial-gradient(circle at 75% 58%,rgba(34,197,94,.13),transparent 27%),radial-gradient(circle at 20% 18%,rgba(251,191,36,.16),transparent 22%);pointer-events:none}.theme-night-office{background:radial-gradient(circle at 55% 13%,rgba(56,189,248,.15),transparent 25%),linear-gradient(180deg,#101827,#020617)}.theme-green-gallery{background:radial-gradient(circle at 55% 23%,rgba(34,197,94,.22),transparent 29%),linear-gradient(180deg,#102018,#020617)}.theme-basement{background:radial-gradient(circle at 45% 18%,rgba(16,185,129,.18),transparent 25%),linear-gradient(180deg,#111827,#06090f)}.theme-clock-tower{background:radial-gradient(circle at 35% 25%,rgba(251,191,36,.2),transparent 26%),linear-gradient(180deg,#1f2937,#020617)}.theme-darkroom{background:radial-gradient(circle at 45% 24%,rgba(239,68,68,.16),transparent 25%),linear-gradient(180deg,#11131d,#020617)}.theme-red-door{background:radial-gradient(circle at 18% 50%,rgba(239,68,68,.25),transparent 25%),linear-gradient(180deg,#16121b,#020617)}.theme-broadcast{background:radial-gradient(circle at 58% 22%,rgba(59,130,246,.18),transparent 28%),linear-gradient(180deg,#0f172a,#020617)}.room-object,.portal-v28{position:absolute;border:0;background:transparent;cursor:pointer;color:#f8fafc;font:inherit;text-align:center;padding:0;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.room-object:hover,.portal-v28:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.12)}.room-object:focus-visible,.portal-v28:focus-visible{outline:3px solid #fbbf24;outline-offset:4px}.room-label{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);white-space:nowrap;padding:3px 8px;border-radius:999px;background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.25);color:#cbd5e1;font-size:.72rem;font-weight:900;opacity:.92}.hidden-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);z-index:4;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fde68a;color:#111827;font-size:1.6rem;font-weight:1000;box-shadow:0 0 24px rgba(253,230,138,.65);opacity:0;transition:.2s ease}.room-object.revealed .hidden-value{opacity:1;transform:translate(-50%,-50%) scale(1)}.painting-object{background:linear-gradient(135deg,#5a2e12,#a16207,#3f220b);border:6px solid #78350f;box-shadow:0 18px 38px rgba(0,0,0,.42);transform:rotate(-1deg)}.painting-object:before{content:"";position:absolute;inset:9px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#1d4ed8 0%,#0f766e 54%,#854d0e 100%)}.painting-object:after{content:"";position:absolute;right:18%;top:18%;width:28%;height:28%;border-radius:50%;background:#fde68a;box-shadow:0 0 25px rgba(253,230,138,.75)}.desk-object{border-radius:13px 13px 8px 8px;background:linear-gradient(180deg,#8b5a2b 0 39%,#5a3519 40% 100%);box-shadow:0 18px 32px rgba(0,0,0,.45)}.desk-object:before{content:"";position:absolute;left:0;right:0;top:39%;height:8px;background:#3b2412}.desk-object:after{content:"";position:absolute;left:14%;right:14%;top:55%;height:9px;background:radial-gradient(circle,#fde68a 0 4px,transparent 5px) 0 0/25% 100%;opacity:.85}.clock-object,.tower-clock-object{border-radius:50%;background:radial-gradient(circle,#fff7ed 0 56%,#c7a05c 58% 100%);border:7px solid #8b5a2b;box-shadow:0 14px 30px rgba(0,0,0,.4)}.clock-object:before,.tower-clock-object:before{content:"12\A 9      3\A 6";white-space:pre;position:absolute;inset:12%;display:grid;place-items:center;color:#111827;font-weight:1000;font-size:.85rem;line-height:1.6}.clock-object:after,.tower-clock-object:after{content:"";position:absolute;left:50%;top:50%;width:32%;height:4px;border-radius:999px;background:#111827;transform-origin:left center;transform:rotate(-62deg);box-shadow:0 0 0 3px #f59e0b}.terminal-object{border-radius:16px;background:linear-gradient(180deg,#111827,#020617);border:6px solid #334155;box-shadow:inset 0 0 0 3px rgba(74,222,128,.12),0 18px 32px rgba(0,0,0,.45)}.terminal-object:before{content:"READY_";position:absolute;left:12%;right:12%;top:18%;height:42%;display:grid;place-items:center;color:#86efac;background:#06140f;border:1px solid rgba(34,197,94,.35);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.lamp-object{border-radius:40% 40% 16px 16px;background:radial-gradient(circle at 50% 20%,#fde68a 0 20%,#f59e0b 21% 34%,transparent 35%),linear-gradient(90deg,transparent 46%,#64748b 47% 53%,transparent 54%);filter:drop-shadow(0 0 22px rgba(253,230,138,.45))}.cabinet-object{border-radius:14px;background:repeating-linear-gradient(180deg,#334155 0 21%,#1f2937 22% 24%);border:3px solid #64748b;box-shadow:0 18px 30px rgba(0,0,0,.4)}.panel-object{border-radius:16px;background:linear-gradient(180deg,#0f172a,#020617);border:3px solid #475569}.panel-object:before{content:"";position:absolute;inset:16%;background:radial-gradient(circle,#22c55e 0 6px,transparent 7px) 0 0/33% 50%}.plaque-object{border-radius:12px;background:linear-gradient(135deg,#a16207,#713f12);border:4px solid #f59e0b}.canvas-object{background:linear-gradient(135deg,#166534,#84cc16);border:8px solid #854d0e;box-shadow:0 18px 38px rgba(0,0,0,.38)}.canvas-object:after{content:"🌙  🍃  ⭐";position:absolute;inset:0;display:grid;place-items:center;font-size:1.4rem}.statue-object{border-radius:44% 44% 18px 18px;background:linear-gradient(180deg,#cbd5e1,#64748b);border:3px solid #94a3b8}.pipes-object{background:repeating-linear-gradient(90deg,#334155 0 10%,#111827 11% 16%,#334155 17% 27%);border-radius:20px;border:4px solid #475569}.pipes-object:after{content:"";position:absolute;inset:28% 12%;background:repeating-linear-gradient(90deg,transparent 0 35%,#fbbf24 36% 42%,transparent 43% 100%)}.monitor-object{border-radius:14px;background:#04130c;border:6px solid #334155;box-shadow:inset 0 0 28px rgba(34,197,94,.35)}.monitor-object:after{content:"";position:absolute;left:15%;right:15%;top:25%;height:50%;background:repeating-linear-gradient(90deg,#22c55e 0 10%,transparent 11% 19%)}.crate-object{border-radius:10px;background:linear-gradient(135deg,#57534e,#292524);border:4px solid #78716c}.crate-object:after{content:"";position:absolute;inset:18%;background:radial-gradient(circle,#e5e7eb 0 4px,transparent 5px) 0 0/25% 50%}.mirror-object{background:linear-gradient(135deg,#e0f2fe,#64748b);border:7px solid #475569;clip-path:polygon(0 0,100% 10%,83% 100%,15% 88%)}.candles-object{background:radial-gradient(circle at 28% 24%,#fde68a 0 6%,transparent 7%),radial-gradient(circle at 48% 18%,#fde68a 0 6%,transparent 7%),radial-gradient(circle at 67% 28%,#fde68a 0 6%,transparent 7%),linear-gradient(90deg,#f8fafc 0 23%,transparent 24% 36%,#f8fafc 37% 58%,transparent 59% 72%,#f8fafc 73% 100%);filter:drop-shadow(0 0 18px rgba(253,230,138,.45))}.camera-object{border-radius:16px;background:#111827;border:5px solid #64748b}.camera-object:before{content:"";position:absolute;left:35%;top:34%;width:30%;height:30%;border-radius:50%;background:#020617;border:7px solid #94a3b8}.strip-object{border-radius:10px;background:#111827;border:4px solid #94a3b8}.strip-object:after{content:"";position:absolute;inset:15%;background:repeating-linear-gradient(90deg,#f8fafc 0 13%,transparent 14% 20%)}.tripod-object{background:linear-gradient(90deg,transparent 46%,#64748b 47% 53%,transparent 54%);filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))}.tripod-object:before{content:"";position:absolute;left:22%;right:22%;top:5%;height:22%;border-radius:50%;background:#475569}.tripod-object:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:55%;background:linear-gradient(65deg,transparent 0 44%,#64748b 45% 51%,transparent 52%),linear-gradient(-65deg,transparent 0 44%,#64748b 45% 51%,transparent 52%)}.red-door-object{border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,#991b1b,#450a0a);border:6px solid #7f1d1d;box-shadow:0 0 38px rgba(239,68,68,.28)}.red-door-object:after{content:"";position:absolute;inset:12%;background:repeating-linear-gradient(180deg,rgba(254,202,202,.15) 0 9%,transparent 10% 20%)}.alarm-object{border-radius:50%;background:#f59e0b;box-shadow:0 0 34px rgba(245,158,11,.6);border:6px solid #7c2d12}.hooks-object{border-radius:10px;background:#0f172a;border:4px solid #334155}.hooks-object:after{content:"";position:absolute;inset:18%;background:radial-gradient(circle at 25% 22%,#020617 0 10%,transparent 11%),radial-gradient(circle at 50% 22%,#020617 0 10%,transparent 11%),radial-gradient(circle at 75% 22%,#020617 0 10%,transparent 11%);border-bottom:5px solid #64748b}.radio-object{border-radius:16px;background:linear-gradient(180deg,#1f2937,#020617);border:5px solid #64748b}.radio-object:before{content:"";position:absolute;left:10%;top:25%;width:28%;height:42%;border-radius:50%;background:repeating-radial-gradient(circle,#94a3b8 0 2px,transparent 3px 6px)}.radio-object:after{content:"";position:absolute;right:12%;top:36%;width:38%;height:16%;background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.5)}.screen-object{border-radius:14px;background:#06140f;border:6px solid #334155;box-shadow:inset 0 0 30px rgba(59,130,246,.25)}.screen-object:after{content:"";position:absolute;left:18%;right:18%;top:25%;height:50%;background:linear-gradient(90deg,#f8fafc 0 18%,transparent 19% 43%,#f8fafc 44% 62%,transparent 63%)}.console-object{border-radius:12px;background:#172033;border:4px solid #475569}.console-object:after{content:"";position:absolute;inset:16%;background:repeating-linear-gradient(90deg,#94a3b8 0 6%,transparent 7% 14%)}.safe-object{border-radius:14px;background:linear-gradient(180deg,#182233,#020617);border:5px solid #64748b;box-shadow:0 18px 34px rgba(0,0,0,.45);display:block}.safe-object.safe-open{border-color:#86efac;box-shadow:0 0 34px rgba(34,197,94,.38),0 18px 34px rgba(0,0,0,.45)}.safe-door{position:absolute;inset:10%;border-radius:9px;background:#111827;border:2px solid rgba(148,163,184,.45)}.safe-open .safe-door{transform:translateX(-28%) rotateY(30deg);background:#0f1f18}.safe-screen{position:absolute;left:18%;right:18%;top:14%;padding:2px;border-radius:4px;background:#06140f;color:#86efac;font-size:.62rem;font-weight:900}.safe-dial{position:absolute;left:50%;top:60%;width:26px;height:26px;margin:-13px;border-radius:50%;border:5px solid #94a3b8;background:#020617}.portal-v28{border-radius:48% 48% 10px 10px;background:radial-gradient(circle,rgba(34,197,94,.24),rgba(34,197,94,.05),rgba(15,23,42,.5));border:3px solid rgba(34,197,94,.35);opacity:.42;display:grid;place-items:center;font-size:.75rem;font-weight:1000;color:#86efac}.portal-v28.portal-open{opacity:1;box-shadow:0 0 62px rgba(34,197,94,.58),inset 0 0 34px rgba(34,197,94,.18);animation:portalPulse 1.8s infinite}@keyframes portalPulse{50%{filter:brightness(1.25);transform:scale(1.02)}}.scene-help{position:absolute;left:18px;bottom:14px;max-width:54%;font-size:.76rem;color:#94a3b8;background:rgba(2,6,23,.62);border:1px solid rgba(148,163,184,.16);border-radius:999px;padding:6px 10px}.reward-pop-v28{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);z-index:9;width:min(420px,78%);padding:24px;border-radius:22px;text-align:center;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(30,41,59,.97));border:2px solid rgba(253,230,138,.75);box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 30px rgba(245,158,11,.22);opacity:0;pointer-events:none;transition:.22s ease}.reward-pop-v28.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.reward-pop-v28 strong{display:block;font-size:1.45rem;margin-bottom:5px}.reward-pop-v28 span{display:block;color:#cbd5e1;margin-bottom:12px}.reward-icon{font-size:4rem;filter:drop-shadow(0 8px 20px rgba(245,158,11,.45));margin-bottom:8px}.room-actions{margin:14px 0;padding:14px;border-radius:16px;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.18)}.room-actions h3{margin-top:0}.mystery-checklist{display:grid;gap:7px}.mystery-checklist .check{display:block;padding:8px 10px;border-radius:10px;background:#111827;color:#cbd5e1;border:1px solid rgba(148,163,184,.17);font-weight:800}.mystery-checklist .done{background:rgba(22,163,74,.16);border-color:rgba(34,197,94,.35);color:#bbf7d0}.inline-form,.radio-tuner{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form .input,.radio-tuner .input{flex:1;min-width:120px}.symbol-pad,.panel-row,.frame-row,.valve-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.symbol-pad button,.frame-btn,.colour-btn,.valve-control button{border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#172033;color:#f8fafc;font-weight:900;padding:9px 10px;cursor:pointer}.symbol-pad button{display:grid;gap:3px;min-width:64px}.symbol-pad button:hover,.frame-btn:hover,.colour-btn:hover,.valve-control button:hover{border-color:#fbbf24}.frame-btn.selected{background:#fbbf24;color:#111827}.colour-btn.red{background:#991b1b}.colour-btn.amber{background:#b45309}.colour-btn.black{background:#020617}.mini-status{margin-top:8px;color:#cbd5e1;font-size:.9rem}.valve-control{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;min-width:100%;padding:8px;border-radius:12px;background:#0f172a;border:1px solid rgba(148,163,184,.18)}.valve-control strong{min-width:28px;text-align:center;color:#fde68a}.clock-modal-v28{position:fixed;inset:0;z-index:9999;background:rgba(2,6,23,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.clock-card-v28{position:relative;width:min(560px,96vw);padding:24px;border-radius:26px;background:linear-gradient(180deg,#0f172a,#020617);border:1px solid rgba(253,230,138,.55);box-shadow:0 34px 120px rgba(0,0,0,.65);text-align:center}.modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(148,163,184,.25);background:#172033;color:#fff;font-size:1.5rem;cursor:pointer}.large-clock-face{position:relative;margin:18px auto;width:min(380px,78vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff7ed 0 58%,#d6b56d 59% 100%);border:14px solid #8b5a2b;box-shadow:inset 0 0 0 7px rgba(17,24,39,.16),0 24px 60px rgba(0,0,0,.4)}.large-clock-face:before{content:"";position:absolute;inset:13%;border-radius:50%;border:2px solid rgba(17,24,39,.18)}.clock-number{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:2px solid rgba(17,24,39,.22);background:#fffaf0;color:#111827;font-weight:1000;cursor:pointer;z-index:3;transition:.15s ease}.clock-number:hover{background:#fde68a;transform:translate(-50%,-50%) scale(1.08)}.clock-number.correct{background:#22c55e;color:#052e16;box-shadow:0 0 0 5px rgba(34,197,94,.25),0 0 25px rgba(34,197,94,.55)}.clock-number.wrong{background:#ef4444;color:#fff;animation:shake .25s}@keyframes shake{25%{transform:translate(calc(-50% - 4px),-50%)}75%{transform:translate(calc(-50% + 4px),-50%)}}.clock-hands-v28{position:absolute;left:50%;top:50%;z-index:2}.clock-hands-v28 i,.clock-hands-v28 b{position:absolute;left:0;top:0;transform-origin:left center;border-radius:999px;background:#111827}.clock-hands-v28 i{width:90px;height:5px;transform:rotate(-90deg)}.clock-hands-v28 b{width:68px;height:7px;transform:rotate(-55deg)}.clock-pin-v28{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.22);z-index:4}.clock-feedback{color:#cbd5e1;margin-bottom:0}@media (max-width:900px){.mystery-scene-v28{min-height:320px}.room-label{display:none}.scene-help{display:none}.large-clock-face{width:min(320px,82vw)}.clock-number{width:34px;height:34px}.clock-hands-v28 i{width:72px}.clock-hands-v28 b{width:55px}}@media (max-width:640px){.mystery-scene-v28{min-height:290px}.reward-pop-v28{width:88%;padding:18px}.valve-control{grid-template-columns:1fr auto auto auto}.inline-form,.radio-tuner{display:grid}.symbol-pad button{min-width:58px}.clock-card-v28{padding:18px}.large-clock-face{border-width:10px}}