.room-planner{margin-top:24px;background:#f7f7ef;color:#153d40;border-radius:16px;padding:20px;min-width:0}.try-card .room-planner p{font-size:13px;line-height:1.7;margin:0 0 15px}.room-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.room-palette button{border:1px solid #bfd0c5;border-radius:12px;background:white;color:#153d40;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;touch-action:none;user-select:none;min-width:0}.room-palette button[aria-pressed=true]{border-color:#167c80;box-shadow:inset 0 0 0 2px #167c80;background:#edf4e8}.room-palette strong{font-size:14px}.room-palette small{font-size:10px}.room-palette [data-room-state]{font-size:10px;color:#566b6d}.room-object-icon{font-size:28px;line-height:1}.room-canvas-wrap{margin:15px 0 8px;background:white;border:1px solid #d9e2dc;border-radius:14px;overflow:hidden}.room-canvas-wrap svg{display:block;width:100%;height:auto;touch-action:none;user-select:none}.room-floor{fill:#f8f6ee}.room-grid line{stroke:#dedfd4;stroke-width:1}.room-wall{stroke:#375e60;stroke-width:7;fill:none;pointer-events:none}.room-dimension{stroke:#859995;stroke-width:1}.room-dimension-text{font-family:system-ui,sans-serif;font-size:13px;fill:#4d6969}.room-placeholder{font:600 20px system-ui;fill:#75908b;pointer-events:none}.room-placeholder-small{font:13px system-ui;fill:#75908b;pointer-events:none}.room-furniture,.room-door{cursor:grab}.room-furniture:active,.room-door:active{cursor:grabbing}.room-furniture .furniture-shape{fill:#c6ddd7;stroke:#467f78;stroke-width:2}.room-desk .furniture-shape{fill:#e7cc9f;stroke:#a77b3d}.room-furniture.is-selected .furniture-shape{stroke:#0c656b;stroke-width:4;stroke-dasharray:7 3}.room-furniture text{font:600 14px system-ui;fill:#173f41;pointer-events:none;paint-order:stroke;stroke:#f4f7f0;stroke-width:3px}.bed-pillow{fill:#f4f7ed;stroke:#8aaba1;stroke-width:1}.bed-fold{stroke:#8aaba1;stroke-width:1}.desk-paper{fill:#fffaf1;stroke:#b59362;stroke-width:1}.door-zone{fill:#e4eeb9;fill-opacity:.6;stroke:#899852;stroke-width:1;stroke-dasharray:5 4}.door-opening{stroke:#f8f6ee;stroke-width:10}.door-swing{stroke:#a17a37;stroke-width:2;stroke-dasharray:4 3;fill:none}.door-leaf{stroke:#956a2a;stroke-width:5}.door-handle{fill:#c79748;stroke:#805e30;stroke-width:2}.room-door.is-selected .door-zone{stroke:#0c656b;stroke-width:3}.door-label{font:11px system-ui;fill:#5f663e;pointer-events:none}.room-controls,.room-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-controls button,.room-bottom button,.room-math button{background:#fff;border:1px solid #b8c9c3;border-radius:9px;padding:10px 12px;color:#153d40;font-size:12px;min-height:42px}.room-directions{display:flex;gap:5px}.room-directions button{font-size:19px;min-width:40px;padding:6px}.room-bottom #room-check{background:#167c80;color:white;border-color:#167c80;font-weight:650}.try-card .room-help{font-size:11px;color:#566b6d;margin:14px 0}.try-card .room-status{padding:12px 14px;background:#e8efdf;border-radius:10px;font-size:12px;min-height:50px;color:#225d57}.try-card .room-status.room-error{background:#faeddf;color:#8b4a1c}.try-card .room-privacy{font-size:10px;color:#637877;margin:18px 0 0}.room-math{margin-top:18px;padding-top:16px;border-top:1px solid #d4dfd3;font-size:12px;line-height:1.8}.room-math summary{cursor:pointer;font-weight:600;margin-bottom:12px}.room-math input{width:65px;max-width:100%;padding:8px;border:1px solid #b7c9c2;border-radius:8px;font:inherit;color:#153d40;background:#fff}.room-math button{margin:8px}.room-math [role=status]{display:block;font-size:12px;color:#245e58}.room-furniture:focus-visible,.room-door:focus-visible{outline:3px solid #d46c2d}.room-furniture:focus-visible .furniture-shape{stroke:#d46c2d;stroke-width:4}@media(max-width:480px){.room-planner{padding:12px;margin-left:-9px;margin-right:-9px}.room-palette{gap:6px}.room-palette button{padding:11px 4px}.room-palette small{font-size:9px}.room-controls{gap:7px}.room-controls>button{padding:9px;font-size:11px}.room-directions{width:100%;justify-content:center}.room-directions button{min-width:48px;min-height:44px}.room-bottom button{flex:1;font-size:11px}.room-canvas-wrap{margin-left:-3px;margin-right:-3px}.room-object-icon{font-size:25px}}
.mini-challenge{background:#f8f8f1;color:#153d40;border-radius:16px;padding:22px;margin-top:22px;min-width:0}.mini-challenge h3{font-size:21px;margin:0 0 18px}.mini-challenge button{border:1px solid #b7ccc1;background:white;color:#153d40;border-radius:10px;padding:11px 14px;font:inherit;font-size:13px;min-height:44px;cursor:pointer}.mini-challenge button:hover{background:#edf3e6}.mini-challenge button[aria-pressed=true]{background:#dcebb5;border-color:#478776;box-shadow:inset 0 0 0 1px #478776}.try-card .mini-challenge p{font-size:12px;line-height:1.7;margin:16px 0}.mini-status{padding:13px 15px;background:#e5eddb;border-radius:11px;min-height:49px;color:#245d50}.mini-status.mini-error{background:#faeddf;color:#824818}.mini-footer{display:flex;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid #d4dfd1;padding-top:15px;margin-top:15px}.mini-footer>span{font-size:10px;color:#647b73;line-height:1.6}.mini-footer button{font-size:11px}.match-bench{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.match-token{background:#e8ede3;border-radius:11px;padding:12px 6px;text-align:center;min-height:95px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px}.match-token>span{font-size:27px}.match-token small{font-size:9px;line-height:1.4}.match-token.token-done{background:#d7e8c7;outline:1px solid #8fb28b}.match-current{padding:23px 15px;display:flex;align-items:center;gap:20px;text-align:left;margin:15px 0;background:#fff;border:1px solid #d4dfd1;border-radius:13px}.match-current>span{font-size:43px}.match-current strong{font-size:16px;line-height:1.5}.mini-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-complete{display:flex;align-items:center;gap:15px;padding:28px;background:#e0ebcb;border-radius:12px;margin:15px 0;line-height:1.6}.mini-complete>span{font-size:38px}.process-preview{display:flex;justify-content:center;align-items:center;gap:12px;padding:18px 5px;background:white;border-radius:12px;margin-bottom:16px}.process-preview span{font-size:30px}.process-preview b{color:#7d9b90;font-size:13px}.order-cards{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}.order-cards li{display:grid;grid-template-columns:22px 30px minmax(0,1fr) 38px;gap:10px;align-items:center;background:white;padding:13px;border:1px solid #d6e0d3;border-radius:11px;line-height:1.6;font-size:13px}.order-number{font-size:11px;color:#6c8c7e}.order-icon{font-size:24px}.order-cards li>div{display:flex;flex-direction:column;gap:5px}.order-cards button{padding:5px;min-height:34px;min-width:34px}.budget-meter{display:flex;flex-direction:column;text-align:center;background:#e0ebce;border-radius:14px;padding:18px;margin-bottom:14px;gap:7px}.budget-meter>span{font-size:12px}.budget-meter strong{font-size:31px;letter-spacing:-1px}.budget-meter small{font-size:12px;letter-spacing:0;font-weight:400}.budget-meter.over-budget{background:#f4ddc5}.budget-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.budget-items button{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:12px;padding:15px 9px}.mini-item-icon{font-size:32px}.basket-preview{display:flex;flex-wrap:wrap;gap:8px;padding:15px 0;font-size:12px;min-height:54px;align-items:center}.basket-preview span{background:#e4ebdf;padding:7px 9px;border-radius:7px}.path-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:330px;margin:0 auto 17px;background:#dce6d6;padding:9px;border-radius:12px}.path-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#fffdf4;font-size:24px;color:#95a995}.path-cell.path-blocked{background:#c4c6b6;font-size:21px}.path-cell.path-goal{background:#cfe7bc;color:#245b41}.path-cell.path-here{outline:3px solid #237b6c;outline-offset:-3px}.path-buttons{display:flex;justify-content:center;gap:9px}.path-buttons button{font-size:21px;min-width:49px}.command-track{display:flex;flex-wrap:wrap;min-height:56px;gap:5px;align-items:center;font-size:11px;margin:15px 0;background:white;padding:10px;border:1px dashed #bfd0c1;border-radius:10px}.command-track span{background:#e7eee2;padding:4px 8px;border-radius:5px;font-size:16px}.command-track .active-command{background:#d2e58e}.mini-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mini-toolbar button{font-size:12px}.spot-scene{position:relative;aspect-ratio:1.65;margin-bottom:15px;background:#dce8dc;border-radius:14px;overflow:hidden}.spot-scene>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.spot-scene .scene-point{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:28%;padding:8px 5px;background:#fffdf2eb;border:1px solid #c7af83;box-shadow:0 3px 8px #14332910}.scene-point>span{font-size:27px;line-height:1}.scene-point small{font-size:9px;line-height:1.4}.scene-point-0{left:42%;top:50%}.scene-point-1{left:7%;top:6%}.scene-point-2{left:7%;top:58%}.spot-scene .scene-fixed{background:#dfedc1;box-shadow:none}.try-card .mini-note{font-size:11px;color:#5d786f}.mosaic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;max-width:330px;margin:auto;padding:10px;background:#e6ebdf;border-radius:12px}.mosaic-cell{aspect-ratio:1;min-height:0!important;padding:0!important;border:1px solid #bccdbd!important;background:#fffef5!important;border-radius:4px!important}.mosaic-cell:nth-child(6n+3){border-right:3px solid #7c9585!important}.mosaic-cell.mosaic-filled{background:#207c76!important;border-color:#207c76!important}.mosaic-legend{display:flex;justify-content:space-around;font-size:11px;max-width:330px;margin:10px auto 20px}.palette-preview,.lights-preview{display:block;width:100%;height:auto;border-radius:13px}.palette-choices{display:grid;gap:14px;margin:20px 0}.palette-choices legend{font-size:12px;margin-bottom:8px}.palette-choices fieldset>div{display:flex;gap:9px;flex-wrap:wrap}.mini-challenge .color-swatch{width:38px;min-width:38px;height:38px;min-height:38px;border-radius:50%;padding:0;border:2px solid #fff;outline:1px solid #b5cabb}.mini-challenge .color-swatch[aria-pressed=true]{outline:3px solid #296c60;outline-offset:1px}.mini-challenge .swatch-0{background:#dce9d7!important}.mini-challenge .swatch-1{background:#e9bd85!important}.mini-challenge .swatch-2{background:#bbd6dc!important}.mini-challenge .swatch-3{background:#4e7c79!important}.mini-challenge .swatch-4{background:#e6a49b!important}.mini-challenge .swatch-5{background:#d7c7e7!important}.light-controls{display:grid;gap:17px;margin:24px 0}.light-controls label{display:grid;grid-template-columns:47px 1fr 33px;gap:12px;align-items:center;font-size:12px}.light-controls input{width:100%;accent-color:#167c80;min-height:28px}.light-controls output{text-align:right;font-variant-numeric:tabular-nums}.sequencer{background:#dce6d9;padding:15px 10px;border-radius:13px;display:grid;gap:12px}.sequence-row{display:grid;grid-template-columns:50px repeat(8,minmax(0,1fr));gap:5px;align-items:center}.sequence-row>span{font-size:10px}.sequence-row .beat{aspect-ratio:1;min-height:0;padding:0;border-radius:5px;background:#f9fbf1;border:1px solid #b6cbb6}.sequence-row .beat-on{background:#247e78!important;border-color:#247e78!important}.sequence-row .beat-cursor{outline:3px solid #deaf4d;outline-offset:1px}.mini-challenge .checkbox{font-size:11px;margin-top:18px}@media(max-width:480px){.mini-challenge{padding:14px;margin-left:-9px;margin-right:-9px}.mini-challenge h3{font-size:18px}.match-bench{gap:5px}.match-token{padding:9px 3px;min-height:83px}.match-token>span{font-size:24px}.match-token small{font-size:8px}.mini-options button{padding:10px;font-size:11px}.order-cards li{grid-template-columns:15px 24px minmax(0,1fr) 34px;gap:6px;padding:9px;font-size:11px}.order-icon{font-size:20px}.order-cards button{min-height:35px}.mini-footer{flex-direction:column;align-items:flex-start;gap:10px}.mini-toolbar button{font-size:11px;padding:9px}.path-grid{gap:5px;padding:7px}.path-cell{font-size:22px}.spot-scene{aspect-ratio:1.35}.spot-scene .scene-point{min-height:64px;width:31%}.scene-point small{font-size:8px}.scene-point-0{left:41%;top:45%}.scene-point-1{left:4%;top:5%}.scene-point-2{left:4%;top:60%}.sequence-row{grid-template-columns:36px repeat(8,minmax(0,1fr));gap:3px}.sequence-row>span{font-size:8px}.sequencer{padding:12px 7px}.sequence-row .beat{min-height:25px}.palette-choices fieldset>div{gap:8px}.mini-challenge .color-swatch{width:30px;height:30px;min-width:30px;min-height:30px}.process-preview{gap:8px}.process-preview span{font-size:24px}}
.mini-challenge .color-swatch:focus-visible{outline:3px solid #d46c2d;outline-offset:4px}