.ad-panel{padding:28px;background:#1c2027;border:1px solid #3b4759;border-radius:18px;color:#edf0f5}
.ad-panel h2{font-size:22px;line-height:1.5;font-weight:500;margin:7px 0 15px}.ad-eyebrow{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#aabbd2;line-height:1.7}
.ad-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap}.ad-toolbar>.social-field{max-width:290px;min-width:200px;flex:1}.ad-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ad-status{font-size:13px;line-height:1.8;color:#bbcce2;min-height:24px;margin:18px 0}.ad-shared{padding:16px 20px;border:1px solid #6c87aa;border-radius:12px;background:#283a51;margin:0 0 20px}.ad-shared p{line-height:1.8;margin-top:0}
.marble-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:22px}.marble-canvas{display:block;aspect-ratio:1000/620;width:100%;height:auto;border:1px solid #516783;border-radius:12px;touch-action:none}.marble-layout .social-note{font-size:12px}.marble-layout>div>.ad-actions{margin-top:15px}.marble-inspector{padding:18px;background:#151b24;border:1px solid #354357;border-radius:12px}.marble-inspector h2{font-size:16px;margin:0 0 16px}.marble-inspector .social-field{margin-bottom:16px;min-width:0}.marble-inspector input[type=range]{padding:0;accent-color:#91afd2;min-height:44px}.marble-inspector details{margin-top:20px;border-top:1px solid #39465b;padding-top:8px}.marble-inspector summary{min-height:44px;cursor:pointer;display:list-item;line-height:44px;font-size:13px;color:#c3d0e2}.marble-inspector details>.ad-actions{margin:12px 0}.marble-inspector input[type=file]{width:100%;padding:9px;font-size:12px}.marble-results{margin-top:22px;padding-top:18px;border-top:1px solid #3c495d;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#a5b5cb}.marble-results b{font-weight:500;color:#d4e2f5}
.escape-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.escape-head .social-timer{color:#dcc297;font-size:14px}.escape-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:25px 0}.escape-steps li{font-size:12px;border-bottom:2px solid #49566b;padding:10px 0;color:#a8b5c9}.escape-steps li.current{color:#d9e8fc;border-color:#a7c3e6}.escape-steps li.current::before{content:'→ ';}.escape-steps li.done{color:#c6d9f3;border-color:#789abb}.escape-steps li.done::before{content:'✓ ';}.escape-clue{background:#151d29;padding:24px;border:1px solid #4d6280;border-radius:14px;min-height:200px}.escape-clue p{color:#b5c5db;line-height:1.9;font-size:14px}.escape-symbols{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.escape-symbols>span{display:flex;align-items:center;flex-direction:column;gap:14px;padding:20px 24px;border:1px solid #7390b4;border-radius:12px;background:#26384e;font-size:22px;color:#d6e7fc}.escape-symbols small{font:11px ui-monospace,monospace;color:#a9bfdc}.escape-table{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px;margin:18px 0}.escape-table>div{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #384b65;padding:16px 0}.escape-table dt{color:#aabbcf;font-size:14px}.escape-table dd{font-size:19px;color:#dfc599;margin:0}.escape-dial{display:flex;align-items:center;gap:30px;padding:26px 0}.escape-dial strong{display:grid;place-items:center;width:100px;height:100px;border:1px solid #7494bd;box-shadow:inset 0 0 0 10px #24344a;border-radius:50%;font:38px ui-monospace,monospace;color:#d7e5f9}.escape-dial span{font-size:15px;color:#c6d7ee}.escape-answer{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:22px 0}.escape-answer .social-field{flex:1;min-width:140px;max-width:280px}.escape-answer>p{width:100%;margin:0}.escape-moves{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.escape-maze{display:grid;grid-template-columns:repeat(4,1fr);max-width:320px;gap:5px;margin:18px auto}.escape-maze span{aspect-ratio:1;display:grid;place-items:center;border:1px solid #56749b;background:#283c56;color:#b5cbe8;font:12px ui-monospace,monospace;border-radius:8px}.escape-maze span.wall{background:repeating-linear-gradient(45deg,#151d29,#151d29 4px,#2a3545 4px,#2a3545 5px);border-color:#465369;color:#aab3c3}.escape-maze span.robot{color:#f2d9a9;font-size:26px;background:#435371;border-color:#d0b780}.escape-key{font:46px ui-monospace,monospace;letter-spacing:14px;color:#e0c596;padding:26px 0}.escape-ending{text-align:center;padding:10px}.escape-ending>span{font-size:54px;color:#dfc697}.escape-hints{margin-top:20px;background:#202d3e;border-radius:11px;color:#c1d0e5;font-size:13px}.escape-hints ol{padding:18px 20px 18px 38px;margin:0}.escape-hints li{line-height:1.9}.escape-answer[hidden],.escape-moves[hidden],.ad-panel [hidden]{display:none!important}
.room-stage{height:480px;position:relative;overflow:hidden;border:1px solid #4b5d76;border-radius:14px;background:#151b24}.room-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.room-navigation{padding:18px 0 0}.room-object-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.room-object-list button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;min-width:0;background:#202c3d;border:1px solid #4b607c;border-radius:12px;padding:18px;color:#e1eaf7;cursor:pointer;font-family:inherit;transition:background-color .16s,border-color .16s}.room-object-list button:hover{background:#2c3e56;border-color:#91b1d9}.room-object-list span{font:10px ui-monospace,monospace;letter-spacing:1px;color:#9cb4d3}.room-object-list strong{font-size:15px;font-weight:500}.room-object-list small{font-size:12px;line-height:1.85;color:#b0bfd4}.room-object-list em{font-size:11px;font-style:normal;margin-top:auto;color:#c8dbf5}.room-blueprint{position:absolute;width:80%;height:75%;max-width:600px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #647d9d;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#2b3a4e 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#2b3a4e 40px);color:#a9c4e8;font-size:12px}.room-plan-shelf{position:absolute;left:10%;top:8%;width:18%;height:28%;display:grid;place-items:center;background:#394c65;border:1px solid #829fbe}.room-plan-desk{position:absolute;right:15%;top:16%;width:44%;height:18%;display:grid;place-items:center;background:#4a5060;border:1px solid #a69f99}.room-plan-rug{position:absolute;left:36%;bottom:15%;width:40%;height:36%;display:grid;place-items:center;background:#575771;border:1px solid #8c8ca7;color:#d3d4e5}.room-plan-window{position:absolute;left:-1px;bottom:10%;width:12%;height:40%;display:grid;place-items:center;background:#6c879f;border:1px solid #a6c3df;color:#f1f4fa}.room-plan-camera{position:absolute;right:12%;top:41%;font-size:11px;color:#c8bca6}.room-preview{list-style:none;margin:24px 0;padding:0}.room-preview li{padding:16px 0;border-bottom:1px solid #465773}.room-preview strong{font-size:16px;font-weight:500}.room-preview p,.room-empty{color:#b8c8de;font-size:13px;line-height:1.9}.ad-panel :focus-visible,.escape-clue :focus-visible{outline:2px solid #abc5ec;outline-offset:4px}.ad-panel button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1000px){.marble-layout{grid-template-columns:minmax(0,1fr)}.marble-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.marble-inspector h2,.marble-inspector>[data-properties],.marble-inspector>details{grid-column:1/-1}.marble-inspector>[data-properties]{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.marble-inspector [data-position]{grid-column:1/-1}.room-object-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.ad-panel{padding:20px 16px}.ad-toolbar{gap:14px}.ad-actions{gap:8px}.ad-actions .collection-button{min-height:44px;font-size:12px;padding:10px 13px}.ad-status{font-size:12px}.room-stage{height:330px}.room-object-list{grid-template-columns:repeat(2,minmax(0,1fr))}.room-object-list button{padding:16px 14px}.room-object-list small{font-size:11px}.marble-layout{gap:16px}.marble-inspector{padding:16px 14px;gap:0 12px}.marble-inspector>[data-properties]{gap:0 12px}.marble-results{gap:12px}.escape-clue{padding:18px 15px}.escape-symbols{gap:8px}.escape-symbols>span{padding:18px 13px;font-size:18px}.escape-table{gap:0 16px}.escape-table dt{font-size:13px}.escape-table dd{font-size:17px}.escape-head{align-items:flex-start}.escape-dial{gap:20px}.escape-dial strong{width:88px;height:88px}.escape-dial span{font-size:13px}.escape-key{font-size:38px}.escape-moves .collection-button{flex:1;min-width:65px;padding:10px}.escape-steps{gap:6px}.ad-panel h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ad-panel *{transition:none!important}}

.ad-panel .collection-button[aria-pressed=true],.social-panel [data-escape-ready][aria-pressed=true]{background:#344d70;color:#edf3fc;border-color:#93afd3}