:root{--ink:#26372c;--dark:#202c25;--paper:#f3eee2;--cream:#e8ddc8;--muted:#7f8778;--accent:#d8b579;--rust:#ad6144;--line:#d8d9ca;--green:#466349;--serif:Georgia,"Times New Roman",serif;--sans:"Trebuchet MS","Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--dark);color:var(--ink);font-family:var(--sans);overflow:hidden}html,body{height:100%;width:100%}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c27a43;outline-offset:3px}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:20px;background:#202c25;color:#e9e5d5;border-bottom:1px solid #ffffff15;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:10px;letter-spacing:1.8px;font-weight:700;white-space:nowrap}.monogram{font:italic 34px var(--serif);color:#dfc59b;width:40px;height:43px;border:1px solid #c1ba9b70;border-radius:50%;text-align:center;line-height:36px;letter-spacing:-4px;padding-right:3px}.brand small{display:block;font-size:7px;letter-spacing:.8px;color:#a7af9d;margin-top:6px;font-weight:400}.room-tabs{display:flex;align-items:stretch;gap:24px;height:100%}.room-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#9ca795;padding:0 4px;font-size:12px;white-space:nowrap}.room-tabs button.active{border-color:var(--accent);color:#f3ead2}.room-tabs button span{font-size:9px;margin-right:6px;color:#b9a277}.room-tabs button i{font-size:17px;font-style:normal;margin-left:4px}.inventory-button{display:flex;gap:9px;align-items:center;border:1px solid #66715b80;background:#344234;color:#ece8d9;padding:10px 13px;border-radius:5px;font-size:11px;min-height:42px;white-space:nowrap}.inventory-button b{font-size:10px;font-weight:400;color:#d5bd91;border-left:1px solid #77856577;padding-left:10px}.inventory-button svg{width:17px;height:17px}
.welcome{position:absolute;inset:78px 0 0;overflow:hidden}.welcome-art{display:grid;grid-template-columns:38% 62%;height:100%;gap:6px}.welcome-art img{height:100%;width:100%;object-fit:cover}.welcome-art img:first-child{object-position:47% center}.welcome-art img:nth-child(2){object-position:54% center}.welcome-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#111e17dc,#15221950 52%,transparent 85%),linear-gradient(0deg,#152219bb,transparent 50%)}.welcome-copy{position:absolute;left:6.5%;top:19%;color:#f6efdc}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6}.welcome h1{font:400 clamp(54px,6.9vw,105px)/.96 var(--serif);letter-spacing:-4px;margin:30px 0 25px}.welcome h1 em{color:#e7c693;font-weight:400}.welcome-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#dedfcf;margin:0 0 30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:#3d5a42;color:#fff9e8;border:1px solid #3d5a42;border-radius:5px;min-height:46px;padding:13px 17px;font-size:12px}.primary span{font-size:18px}.primary:hover:not(:disabled){background:#2c4935}.welcome .primary{background:#e4c695;color:#26372c;border-color:#e4c695;min-width:200px;min-height:51px;font-size:14px}.welcome .primary:hover{background:#f2d8aa}.welcome-meta{font-size:9px;letter-spacing:2px;margin-top:22px;color:#d0d0b7}.welcome-meta i{font-style:normal;margin:0 13px}.welcome-note{position:absolute;right:4%;top:8%;background:#eee4cd;color:#3d4d39;padding:22px 25px;transform:rotate(3deg);box-shadow:0 10px 35px #0003}.welcome-note:before{content:"";position:absolute;top:-10px;left:35%;width:70px;height:21px;background:#c8c2a270;transform:rotate(-9deg)}.welcome-note>span{font-size:8px;letter-spacing:2px}.welcome-note p{font:italic 22px/1.4 var(--serif);margin:12px 0}.welcome-note small{font-size:10px;color:#6b785f}.welcome-caption{position:absolute;bottom:52px;inset-inline:0;display:grid;grid-template-columns:38% 62%;font-size:10px;letter-spacing:2px;color:#f0e4cd}.welcome-caption span{padding-left:35px}.art-note{position:absolute;bottom:12px;left:35px;color:#c1c4b1;font-size:9px}
#game{height:calc(100dvh - 78px)}.group-tabs{height:48px;display:flex;align-items:center;gap:7px;padding:0 23px;background:#2c392e;color:#c8cfbc;border-bottom:1px solid #5e6b5733;overflow:auto;scrollbar-width:none}.group-tabs button{border:0;background:none;color:inherit;padding:7px 13px;border-radius:4px;font-size:11px;white-space:nowrap}.group-tabs button.active{background:#ecdfc3;color:#33432f}.group-tabs button .check{margin-right:7px;color:#d9bc83;font-size:10px}.group-tabs button.active .check{color:#526445}.workspace{display:grid;grid-template-columns:300px 1fr;height:calc(100% - 48px)}.label-panel{background:var(--paper);display:flex;flex-direction:column;min-height:0;z-index:5;border-right:1px solid #ded9c9}.panel-intro{padding:24px 23px 12px}.section-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#7e886e;align-items:center}.section-meta b{font-weight:500;background:#e4e7d8;padding:5px 7px;border-radius:10px;color:#52674c;letter-spacing:0;font-size:10px}.panel-intro h1{font:400 31px/1.08 var(--serif);letter-spacing:-1px;margin:14px 0 12px}.panel-intro p{font-size:11px;line-height:1.65;color:#6c785e;margin:0}.labels{padding:6px 18px;display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#c2c8b3 transparent}.label{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #d6d9c8;background:#fdfaf1;border-radius:6px;padding:12px 10px;font-size:12px;line-height:1.4;min-height:49px;position:relative;flex-shrink:0;user-select:none;touch-action:pan-y}.label .grip{font-size:16px;color:#a4ae94;letter-spacing:-4px;padding-right:5px;flex-shrink:0}.label .label-text{flex:1}.label .tag-status{width:21px;height:21px;background:#e6e9dc;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#617355;flex-shrink:0}.label.selected{border-color:#92764a;box-shadow:0 0 0 1px #92764a;background:#efe2c7}.label.assigned{border-style:dashed;background:#ececde;color:#6d795f}.label.correct{background:#e2ead7;border-style:solid;border-color:#b4c5a3;color:#3f593d}.label.correct .tag-status{background:#496c49;color:white}.label.wrong{border-color:#b17659;background:#f4e1d3}.panel-bottom{padding:11px 18px 15px;border-top:1px solid #d7d9c9;margin-top:10px}.panel-bottom .primary{width:100%;font-size:12px;min-height:45px}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#728064;font-size:10px;padding:10px 0}.panel-bottom .text-button{display:block;margin:auto}.match-feedback{font-size:11px;line-height:1.5;color:#58734a;margin:6px 20px 0}.match-feedback.warning{color:#a76542}
.scene-area{position:relative;min-width:0;min-height:0;overflow:hidden;background:#19221d}.scene-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;outline:none}.world{position:absolute;transform-origin:0 0;will-change:transform}.world>img{display:block;width:100%;height:100%;user-select:none;pointer-events:none;object-fit:fill}.scene-heading{position:absolute;left:27px;top:24px;z-index:2;color:#f3ead7;pointer-events:none;text-shadow:0 1px 10px #0008}.scene-heading>span{font-size:8px;letter-spacing:2px;background:#24362ad9;padding:6px 10px;border:1px solid #e2d4ad40;border-radius:20px}.scene-heading p{font:italic 24px/1.25 var(--serif);margin:13px 0 0;max-width:380px;text-shadow:0 2px 7px #000a}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid #fff8;background:#253c2ada;color:#f7edda;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:11px;font-weight:600;box-shadow:0 2px 8px #17241b77;touch-action:manipulation;transition:background .15s;user-select:none}.hotspot:after{content:"";position:absolute;inset:-7px;border:1px solid #f0e3bd88;border-radius:50%;pointer-events:none}.hotspot.target{background:#f3dfb5;color:#33432d;box-shadow:0 0 0 4px #f4d89955}.hotspot.hover{background:#f7e5bc;box-shadow:0 0 0 8px #f4d89970;color:#263b28}.hotspot.placed{width:auto;height:auto;min-height:32px;max-width:205px;display:flex;gap:7px;padding:7px 10px;border-radius:5px;background:#f3ead7f2;color:#35452f;font-size:10px;font-weight:400;line-height:1.25;text-align:left}.hotspot.placed:after{display:none}.hotspot.placed .spot-number{font-size:9px;flex-shrink:0;opacity:.65}.hotspot.placed .remove{font-size:13px;margin-left:2px;flex-shrink:0;opacity:.5}.hotspot.correct{background:#34563ff2;color:#f5ead6;border-color:#b8c8a0}.hotspot.wrong{background:#ead5b9;color:#8a4a32;border-color:#bb7c58;animation:shake .3s}.selection-hint{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);z-index:3;padding:10px 16px;background:#213327e8;border:1px solid #b5bd9760;border-radius:5px;color:#f4e6ca;font-size:11px;text-align:center;max-width:80%;pointer-events:none;box-shadow:0 5px 20px #0002}.scene-tools{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;background:#f5eddbef;border:1px solid #fff5;border-radius:6px;padding:3px;z-index:4;box-shadow:0 4px 15px #0002}.scene-tools button{border:0;background:none;width:38px;height:35px;font-size:19px}.scene-tools button:nth-child(2){font-size:10px;border-inline:1px solid #bac0a4}.scene-footer{position:absolute;bottom:24px;left:25px;color:#e1dfc9;display:flex;flex-direction:column;gap:6px;font-size:8px;letter-spacing:1.7px;pointer-events:none;text-shadow:0 2px 6px #000}.scene-footer span+span{font-size:9px;letter-spacing:.3px;color:#d7d9c8}.asset-loading{position:absolute;inset:0;background:#243329ee;color:#eadfc6;display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px;z-index:9}.asset-loading>span{width:18px;height:18px;border-radius:50%;border:2px solid #7c8d6a;border-top-color:#dfc391;animation:spin 1s infinite linear}
#discovery{position:relative;height:calc(100dvh - 78px);display:grid;grid-template-columns:1fr 390px}.discovery-scene{position:relative;overflow:hidden;min-width:0;background:#1a271f}.discovery-scene>img{width:100%;height:100%;object-fit:cover;object-position:40% center;transition:transform 1s,opacity .45s}.discovery-scene.lifting>img{animation:lift-view 1s ease}.discovery-shade{position:absolute;inset:0;background:linear-gradient(180deg,#192b2159,transparent 50%,#17251d66);pointer-events:none}.discovery-heading{position:absolute;top:36px;left:35px;color:#f2e8d1}.discovery-heading .eyebrow{font-size:8px;color:#d9c6a3}.discovery-heading h1{font:400 46px/1.05 var(--serif);letter-spacing:-1.6px;margin:15px 0}.discovery-heading em{color:#ebc68d;font-weight:400}.lift-button{position:absolute;bottom:12%;left:40%;transform:translateX(-50%);border:1px solid #d6b475;background:#efe1bdec;color:#3c4f32;border-radius:7px;padding:16px 25px;display:flex;gap:15px;align-items:center;font-size:13px;box-shadow:0 7px 20px #0005}.lift-button>span{font-size:24px}.envelope-object{position:absolute;left:43%;top:65%;border:1px solid #e8c591;background:#eee1c7ed;color:#84452c;border-radius:7px;padding:12px 17px;box-shadow:0 4px 20px #0004;display:flex;align-items:center;gap:10px}.envelope-object b{font-size:25px}.envelope-object span{font-size:12px}.story-panel{padding:25px 27px;background:var(--paper);overflow:auto;overscroll-behavior:contain}.story-panel>.eyebrow{font-size:8px;color:#78856b;letter-spacing:1.6px}.story-panel h2{font:400 37px/1.1 var(--serif);letter-spacing:-1px;margin:17px 0}.story-panel p{font-size:13px;line-height:1.65;color:#637158}.story-panel .task{background:#e8e9da;border-left:2px solid #a3ad85;padding:12px 14px}.story-panel .question{font-weight:bold;color:#354931;margin-top:22px}.story-panel .primary,.story-panel .secondary{width:100%;margin-top:13px}.story-panel .step-count{display:flex;gap:5px;margin-bottom:18px}.step-count i{width:23px;height:3px;background:#d6d8c6}.step-count i.active{background:#ae7248}.envelope-card{position:relative;height:130px;background:#c69a60;border:1px solid #a87d48;display:grid;place-items:center;transform:rotate(-2deg);margin:23px 0;box-shadow:0 5px 14px #493a2120;overflow:hidden}.envelope-card:before{content:"";position:absolute;width:250px;height:180px;top:-130px;left:0;background:#dbb985;border:1px solid #987246;transform:rotate(28deg)}.envelope-card b{color:#a33328;border:2px solid #a23f2d;padding:10px;letter-spacing:2px;font-size:15px;transform:rotate(-3deg);margin-top:25px;z-index:1}.note-input{width:100%;min-height:90px;padding:12px;background:#fffdf4;border:1px solid #bac6a9;border-radius:5px;color:var(--ink);font-size:14px;line-height:1.6;resize:vertical}.read-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#566b48;margin:15px 0}.read-check input{width:18px;height:18px;accent-color:#466349;flex-shrink:0;margin:0}.choice{display:flex;gap:10px;align-items:flex-start;width:100%;border:1px solid #ccd4bd;border-radius:5px;padding:13px 12px;background:#fcf8ee;text-align:left;font-size:12px;line-height:1.6;margin:8px 0}.choice b{color:#879476;font-weight:400}.choice.correct{background:#dce8d0;border-color:#96af7e}.choice.wrong{background:#f1decd;border-color:#b77e59}.evidence{border-left:2px solid #6b8759;padding:12px 14px;margin:17px 0;background:#e3e9d8;font-size:12px;line-height:1.6}.quote{font:italic 22px/1.5 var(--serif);border-left:2px solid #b39b72;padding-left:16px;margin:24px 0;color:#526b43}.quote mark{background:#dde5cd;color:inherit}.contents-list{list-style:none;padding:0;margin:20px 0}.contents-list li{font-size:12px;line-height:1.5;background:#fffaf0;border:1px solid #dddcca;padding:11px 12px;margin:8px 0}.story-caption{font-size:10px!important;color:#7e856f!important}.discovery-scene.contents>img{object-fit:contain;background:#b8a28a;object-position:center}.empty-story{margin-top:20px;border-top:1px solid #d3d8c4;padding-top:20px}.empty-story strong{font-family:var(--serif);font-size:24px;font-weight:400}
.inventory-dialog{width:660px;max-width:calc(100% - 24px);max-height:90dvh;overflow:auto;border:1px solid #fff;border-radius:12px;padding:26px 32px;background:var(--paper);color:var(--ink);box-shadow:0 10px 80px #0005}.inventory-dialog::backdrop{background:#152319b3;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-top .eyebrow{font-size:9px;color:#758568}.close-button{border:0;width:35px;height:35px;line-height:1;background:#e1e6d5;border-radius:50%;font-size:23px;flex-shrink:0}.inventory-dialog h2{font:400 40px var(--serif);letter-spacing:-1px;margin:20px 0 10px}.dialog-intro{font-size:12px;color:#748166;line-height:1.6}.inventory-group{margin:25px 0}.inventory-group h3{font-size:11px;font-weight:600;color:#738066;letter-spacing:.8px;border-bottom:1px solid #d6dbc9;padding-bottom:9px}.inventory-group ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.inventory-group li{font-size:12px;line-height:1.5;display:flex;gap:8px}.inventory-group .item-state{display:inline-grid;place-items:center;width:16px;height:16px;flex-shrink:0;color:#9ca88c;border:1px solid #bac4ab;border-radius:50%;font-size:9px;margin-top:1px}.inventory-group .item-state.done{background:#506b45;color:white;border-color:#506b45}.inventory-extra{font-size:11px;line-height:1.7;color:#748066}.inventory-extra summary{cursor:pointer;font-size:12px;padding:12px 0}.inventory-extra p>b{display:block;color:#526547;margin-bottom:3px}.inventory-reflection{border-left:2px solid #bb9564;padding:8px 14px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.secondary{border:1px solid #8c9d79;background:transparent;padding:12px 15px;border-radius:5px;color:#49613b;font-size:12px;min-height:43px}.privacy{font-size:9px;line-height:1.7;color:#8a917b;margin-top:20px}
#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:90;background:#23392bf2;color:#f4e8d1;border:1px solid #a7b28b70;padding:13px 20px;border-radius:6px;font-size:12px;line-height:1.5;max-width:90%;width:max-content;box-shadow:0 5px 20px #0003;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#drag-chip{position:fixed;z-index:100;pointer-events:none;max-width:220px;background:#f3dfb5;color:#33452d;padding:12px 15px;border:1px solid #857147;border-radius:6px;font-size:12px;box-shadow:0 8px 25px #0005;transform:translate(-50%,-50%)}noscript{position:fixed;inset:0;background:#f5efdf;display:grid;place-items:center;z-index:200}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{25%{margin-left:-4px}75%{margin-left:4px}}@keyframes lift-view{0%{filter:brightness(1);transform:scale(1)}40%{filter:brightness(.72);transform:scale(1.05)}100%{filter:brightness(1);transform:scale(1)}}
@media(max-width:1100px){.brand small{display:none}.topbar{gap:12px;padding:0 18px}.room-tabs{gap:14px}.brand{font-size:9px;letter-spacing:1px}.workspace{grid-template-columns:260px 1fr}.panel-intro{padding:20px 19px 9px}.panel-intro h1{font-size:28px}.labels{padding:6px 14px}.label{font-size:11px;padding:11px 9px}.inventory-button span{display:none}.welcome-note{right:4%;top:8%;padding:18px 22px}.welcome-note p{font-size:19px}#discovery{grid-template-columns:1fr 340px}.story-panel{padding:21px}.discovery-heading h1{font-size:38px}}
@media(max-width:700px){
.topbar{height:62px;padding:0 13px;gap:9px;justify-content:space-between}.brand{font-size:8px;letter-spacing:1.1px;gap:8px}.monogram{width:32px;height:34px;font-size:27px;line-height:29px}.brand small{display:block;font-size:5px;letter-spacing:.3px;margin-top:4px;max-width:155px}.room-tabs{position:absolute;top:62px;left:0;right:0;height:43px;justify-content:center;gap:20px;background:#26372c;border-bottom:1px solid #ffffff18}.room-tabs button{font-size:10px}.room-tabs button span{font-size:8px}.inventory-button{padding:8px 10px;gap:7px;min-height:35px}.inventory-button b{font-size:9px;padding-left:8px}.inventory-button svg{width:16px;height:16px}
.welcome{inset:105px 0 0}.welcome-art{grid-template-columns:41% 59%;gap:3px}.welcome-art img{object-position:60% center}.welcome-gradient{background:linear-gradient(0deg,#14241bf2,transparent 90%),linear-gradient(90deg,#16281d5c,transparent)}.welcome-copy{top:auto;bottom:14%;left:7%;right:5%}.welcome .eyebrow{font-size:7px;letter-spacing:1.6px}.welcome h1{font-size:61px;letter-spacing:-2px;margin:20px 0 19px}.welcome-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;margin-bottom:21px}.welcome .primary{min-height:47px;min-width:185px;font-size:12px}.welcome-meta{font-size:8px;margin-top:18px}.welcome-note{display:none}.welcome-caption{font-size:8px;bottom:44px}.welcome-caption span{padding-left:20px}.art-note{left:20px;right:20px;font-size:7px;line-height:1.5;bottom:9px}
#game{height:calc(100dvh - 105px);margin-top:43px}.group-tabs{height:40px;padding:0 12px;gap:5px}.group-tabs button{font-size:10px;padding:7px 10px}.workspace{height:calc(100% - 40px);display:flex;flex-direction:column}.scene-area{order:0;flex:1;min-height:210px}.label-panel{order:1;flex:0 0 auto;max-height:43%;border-right:0;border-top:1px solid #fff5;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(65px,1fr) auto;overflow:hidden}.panel-intro{padding:11px 15px 4px;display:grid;grid-template-columns:1fr auto;gap:4px 8px}.section-meta{grid-column:2;grid-row:1;gap:8px}.section-meta>span{display:none}.section-meta b{font-size:9px;padding:3px 6px}.panel-intro h1{font-size:22px;margin:0;grid-column:1;grid-row:1}.panel-intro p{grid-column:1/3;font-size:9px;line-height:1.4;margin-bottom:2px}.labels{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:6px;padding:5px 11px 8px;overflow:auto;min-height:65px;max-height:155px}.label{font-size:10px;min-height:39px;padding:7px 8px;gap:5px;line-height:1.3}.label .grip{font-size:13px;letter-spacing:-4px;padding-right:4px}.label .tag-status{width:17px;height:17px;font-size:8px}.panel-bottom{padding:6px 12px max(7px,env(safe-area-inset-bottom));margin:0;display:flex;align-items:center;gap:12px}.panel-bottom .primary{min-height:36px;padding:8px 12px;font-size:10px;flex:1}.panel-bottom .text-button{font-size:8px;max-width:80px;margin:0;padding:5px}.match-feedback{position:absolute;bottom:calc(43% + 8px);margin:0;left:15px;right:15px;z-index:8;pointer-events:none;text-align:center}.match-feedback:not(:empty){background:#213c2bea;color:#f5e7ca;border:1px solid #a1b286;padding:10px 12px;border-radius:6px}.match-feedback.warning{color:#efc39e}
.scene-heading{top:13px;left:14px}.scene-heading>span{font-size:7px;padding:4px 7px}.scene-heading p{font-size:16px;margin:9px 0;max-width:245px}.selection-hint{bottom:47px;font-size:9px;padding:7px 10px;max-width:85%;min-width:150px}.scene-tools{right:12px;bottom:9px;padding:1px}.scene-tools button{width:31px;height:29px;font-size:16px}.scene-tools button:nth-child(2){font-size:9px}.scene-footer{left:13px;bottom:12px;font-size:6px;gap:4px}.scene-footer span+span{font-size:7px;max-width:150px}.hotspot{width:29px;height:29px;font-size:10px}.hotspot:after{inset:-4px}.hotspot.placed{max-width:145px;padding:5px 7px;min-height:28px;font-size:8px;gap:4px}.hotspot.placed .spot-number{font-size:8px}
#discovery{height:calc(100dvh - 105px);margin-top:43px;display:flex;flex-direction:column}.discovery-scene{flex:0 0 39%;min-height:180px}.discovery-scene>img{object-position:40% 60%}.discovery-heading{top:18px;left:20px}.discovery-heading .eyebrow{font-size:7px}.discovery-heading h1{font-size:30px;margin:10px 0}.lift-button{padding:10px 17px;font-size:11px;bottom:12%;left:55%;min-height:42px}.lift-button>span{font-size:18px}.envelope-object{top:62%;left:44%;padding:9px 12px}.envelope-object b{font-size:20px}.envelope-object span{font-size:10px}.story-panel{flex:1;min-height:0;padding:18px 22px max(20px,env(safe-area-inset-bottom))}.story-panel h2{font-size:30px;margin:12px 0}.story-panel p{font-size:12px;line-height:1.6}.story-panel>.eyebrow{font-size:7px}.story-panel .primary{min-height:43px;font-size:12px}.envelope-card{height:105px;margin:15px 0}.envelope-card b{font-size:12px}.quote{font-size:21px}.choice{font-size:12px;padding:11px}.inventory-dialog{padding:20px}.inventory-dialog h2{font-size:33px}.inventory-group ul{gap:8px 12px}.inventory-group li{font-size:10px}.inventory-group h3{font-size:10px}.dialog-intro{font-size:11px}#toast{font-size:11px;bottom:16px}
}
@media(max-height:540px) and (orientation:landscape){
.topbar{height:53px;padding:0 15px}.brand small{display:none}.monogram{width:30px;height:32px;font-size:27px;line-height:27px}.brand{font-size:8px;gap:8px}.room-tabs{gap:15px;position:static;height:100%;background:none;justify-content:normal;border:0}.room-tabs button{font-size:10px}.inventory-button{min-height:33px;padding:7px 9px}.inventory-button span{display:none}.welcome{inset:53px 0 0}.welcome-copy{top:12%;bottom:auto;left:5%}.welcome .eyebrow{font-size:7px}.welcome h1{font-size:49px;line-height:.95;margin:16px 0 12px}.welcome-copy>p:not(.eyebrow){font-size:11px;margin-bottom:15px}.welcome .primary{min-height:38px;padding:9px 15px;font-size:11px}.welcome-note,.welcome-meta,.art-note{display:none}.welcome-caption{font-size:7px;bottom:14px}
#game{height:calc(100dvh - 53px);margin:0}.group-tabs{height:35px;padding:0 12px}.group-tabs button{font-size:9px;padding:6px 9px}.workspace{display:grid;grid-template-columns:230px 1fr;height:calc(100% - 35px)}.label-panel{display:flex;max-height:none;order:0;border-top:0}.panel-intro{display:block;padding:12px 14px 7px}.section-meta{font-size:7px}.section-meta>span{display:inline}.panel-intro h1{font-size:23px;margin:8px 0}.panel-intro p{font-size:9px}.labels{display:flex;flex-direction:column;padding:3px 10px;max-height:none;gap:5px;flex:1;min-height:0}.label{font-size:10px;padding:8px;min-height:35px}.label .tag-status{width:17px;height:17px}.panel-bottom{padding:7px 10px;display:flex;align-items:center;gap:8px;margin:5px 0 0}.panel-bottom .primary{font-size:9px;min-height:34px;padding:7px 9px}.panel-bottom .text-button{font-size:8px;max-width:65px}.match-feedback{position:static;font-size:9px;margin:2px 12px;text-align:left}.match-feedback:not(:empty){background:none;border:0;color:#58734a;padding:0}.match-feedback.warning{color:#a76542}.scene-area{order:1;min-height:0}.scene-heading{top:14px;left:17px}.scene-heading p{font-size:17px}.scene-tools{bottom:11px;right:12px}.scene-tools button{height:30px;width:32px}.scene-footer{bottom:14px;left:15px;font-size:7px}.scene-footer span+span{font-size:8px}.selection-hint{bottom:55px;font-size:9px;max-width:75%}
#discovery{height:calc(100dvh - 53px);margin:0;display:grid;grid-template-columns:1fr 330px}.discovery-scene{min-height:0}.discovery-heading{left:22px;top:20px}.discovery-heading h1{font-size:31px}.story-panel{padding:17px 20px}.story-panel h2{font-size:27px}.envelope-card{height:95px}.lift-button{left:45%;font-size:11px;padding:10px 16px}
}
.hotspot{transform:translate(-50%,-50%) scale(var(--pin-scale,1));min-width:36px;min-height:36px}
.hotspot.placed[data-side=right]{transform:translate(-100%,-50%) scale(var(--pin-scale,1));transform-origin:right center}
.hotspot.placed[data-side=left]{transform:translate(0,-50%) scale(var(--pin-scale,1));transform-origin:left center}
.label.correct:disabled{opacity:1}.inventory-group li small{display:block;font-size:9px;color:#75816b;margin-top:4px}.inventory-group h3 small{float:right;font-size:8px;font-weight:400}.envelope-card>span{position:absolute;top:9px;font-size:8px;letter-spacing:1px;z-index:2}
.discovery-scene.contents .discovery-heading{background:#1e3026da;padding:10px 15px;top:12px;left:12px;border-radius:5px}.discovery-scene.contents .discovery-heading h1{font-size:29px;margin:7px 0}
@media(max-width:700px){.label{min-height:44px}.hotspot{min-width:36px;min-height:36px}.scene-heading p{background:#20302699;padding:4px 7px;border-radius:3px;max-width:260px}.discovery-scene.contents .discovery-heading h1{font-size:20px}.discovery-scene.contents .discovery-heading .eyebrow{font-size:6px}.discovery-scene.contents .discovery-heading{padding:7px 10px}.envelope-object{left:25%;top:62%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Filing link for the classroom domain. */
.art-note .registration{display:inline-block;margin-top:3px;font-size:9px}
.art-note .registration a{color:inherit;text-decoration:none}
.art-note .registration a:hover{text-decoration:underline}
@media(max-height:520px) and (min-width:651px){
  .welcome .art-note{display:block;font-size:0;bottom:1px;left:20px}
  .welcome .art-note .registration{font-size:8px}
  .welcome-caption{bottom:28px}
}