:root{color-scheme:light;--font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #f6efe2;--bg-strong: #efe0c8;--surface: #fffaf0;--surface-2: #ffffff;--ink: #252422;--muted: #6d665b;--border: #d7c5a8;--shadow: 0 18px 48px rgba(83, 65, 42, .15);--teal: #1f9a91;--blue: #3d75b9;--green: #4e9f55;--yellow: #e9b949;--orange: #d9753f;--red: #bf4f4f;--purple: #8566b8;--radius: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;font-family:var(--font-body);color:var(--ink);background:linear-gradient(135deg,rgba(44,112,161,.13),transparent 34%),linear-gradient(315deg,rgba(224,148,60,.16),transparent 36%),var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh}.app-shell[data-reduced-motion=true] *,.app-shell[data-reduced-motion=true] *:before,.app-shell[data-reduced-motion=true] *:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-7));border-bottom:1px solid rgba(140,111,71,.25);background:#fffaf0e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:0;border:0;color:var(--ink);background:transparent;text-align:left}.brand-button strong,.brand-button small{display:block}.brand-button small{color:var(--muted);font-size:.78rem}.brand-mark{width:44px;height:44px;flex:0 0 auto;object-fit:contain}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3)}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:.86rem}.prep-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 var(--space-3);border:1px solid rgba(31,154,145,.35);border-radius:var(--radius);background:#e3f5f1;color:#155c57;font-weight:800}.app-main{width:min(1480px,100%);margin:0 auto;padding:clamp(var(--space-4),3vw,var(--space-7))}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius);font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff;box-shadow:0 10px 22px #1f9a9140}.button-secondary{border-color:var(--border);background:var(--surface-2);color:var(--ink)}.button-ghost{background:transparent;color:var(--muted)}.button-danger{background:var(--red);color:#fff}.button:disabled{opacity:.55}.title-screen,.setup-screen,.debrief-screen,.upgrade-screen{display:grid;gap:var(--space-6)}.title-screen{grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);align-items:center;min-height:calc(100vh - 120px)}.title-copy h1,.screen-intro h1{margin-bottom:var(--space-2);font-size:clamp(2.6rem,7vw,6.8rem);line-height:.92;letter-spacing:0}.screen-intro h1{font-size:clamp(2.2rem,5vw,4.8rem)}.subtitle{color:#9a512e;font-size:clamp(1.3rem,2.2vw,2rem);font-weight:900}.title-copy p,.screen-intro p,.setup-footer p{max-width:720px;color:var(--muted);font-size:1.05rem;line-height:1.55}.title-actions,.setup-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.save-note{margin-top:var(--space-5);font-size:.95rem}.title-diorama{position:relative;min-height:520px;border:1px solid #d6bd94;border-radius:var(--radius);overflow:hidden;background:linear-gradient(160deg,#ffffffbf,#fffaf033),repeating-linear-gradient(0deg,#c99862 0 18px,#bd8d59 18px 20px);box-shadow:var(--shadow)}.title-diorama:before,.title-diorama:after{content:"";position:absolute;inset:auto 9% 7%;height:34%;border:3px solid rgba(89,64,42,.18);border-radius:var(--radius);transform:skewY(-8deg);background:#fffaf094}.title-diorama:after{inset:8% 12% auto;height:38%;transform:skewY(6deg)}.mini-board{position:absolute;top:11%;left:23%;right:23%;z-index:2;padding:var(--space-4);border:8px solid #8c5f39;border-radius:var(--radius);background:#2d785f;color:#fff;text-align:center;font-weight:900}.mini-desk{position:absolute;z-index:3;width:100px;height:72px;border:3px solid #8f5f38;border-radius:var(--radius);background:#e5ab70;box-shadow:0 12px #b77b4d}.desk-a{top:48%;left:19%}.desk-b{top:50%;left:43%}.desk-c{top:48%;right:18%}.desk-d{bottom:17%;left:38%}.mini-alert{position:absolute;z-index:4;padding:var(--space-2) var(--space-3);border:2px solid #b65b42;border-radius:var(--radius);background:#fff;color:#7e3928;font-weight:900;box-shadow:0 8px 18px #56361d29}.alert-a{top:35%;left:11%}.alert-b{top:33%;right:15%}.alert-c{bottom:26%;right:25%}.screen-kicker{margin-bottom:var(--space-2);color:#9a512e;font-weight:900}.setup-layout,.debrief-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--space-5)}.setup-panel,.report-panel,.upgrade-card,.side-panel,.top-hud{border:1px solid var(--border);border-radius:var(--radius);background:#fffaf0db;box-shadow:0 10px 30px #53412a14}.setup-panel,.report-panel{padding:var(--space-5)}.section-heading,.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section-heading h2,.panel-heading h2,.report-panel h2,.upgrade-card h2{margin:0;font-size:1.15rem}.section-heading span,.panel-heading span{color:var(--muted);font-size:.9rem;font-weight:800}.choice-grid,.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.choice-card,.job-row{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--ink);text-align:left}.choice-card{display:grid;min-height:210px;align-content:start;gap:var(--space-2);padding:0;overflow:hidden}.choice-main{display:grid;width:100%;min-height:180px;align-content:start;gap:var(--space-2);padding:var(--space-4);border:0;background:transparent;color:inherit;text-align:left}.choice-card.is-selected,.job-row.is-selected{border-color:var(--teal);background:#e3f5f1;box-shadow:inset 0 0 0 2px #1f9a9133}.choice-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius);background:#f2d06b;color:#5a3d0f;font-size:.85rem;font-weight:900}.choice-card strong,.choice-card small,.job-row strong,.job-row span{display:block}.choice-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.38}.zone-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1);padding:var(--space-3);border-top:1px solid rgba(215,197,168,.75);background:#f7edda}.zone-picker button{min-height:32px;padding:var(--space-1) var(--space-2);border:1px solid rgba(126,86,55,.24);border-radius:var(--radius);background:#fffaf0;color:#6b543a;font-size:.74rem;font-weight:900}.zone-picker button.is-selected{border-color:#1f9a918c;background:#1f9a91;color:#fff}.job-list{display:grid;gap:var(--space-3)}.job-row{padding:var(--space-4)}.job-row span{margin-top:var(--space-1);color:var(--muted);font-size:.92rem;line-height:1.35}.planner-preview{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(215,197,168,.75)}.machine-check{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-3)}.machine-check div,.rating-card{border:1px solid rgba(31,154,145,.24);border-radius:var(--radius);background:#e3f5f1}.machine-check div{display:grid;gap:2px;min-height:70px;align-content:center;padding:var(--space-3)}.machine-check strong{color:#155c57;font-size:1.35rem;line-height:1}.machine-check span{color:#4f706d;font-size:.78rem;font-weight:900}.mini-room-plan{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);min-height:240px;padding:var(--space-3);border:1px solid rgba(126,86,55,.26);border-radius:var(--radius);background:linear-gradient(180deg,rgba(70,130,111,.12),transparent 34%),repeating-linear-gradient(0deg,#d9a46e 0 18px,#ce9761 18px 20px)}.mini-zone{display:grid;align-content:space-between;min-height:96px;padding:var(--space-2);border:1px solid rgba(83,65,42,.16);border-radius:var(--radius);background:#fffaf0ad;color:#6b543a;font-size:.72rem;font-weight:900}.mini-zone strong{display:inline-flex;width:fit-content;margin-top:var(--space-1);padding:2px 7px;border-radius:var(--radius);background:#1f9a91;color:#fff;font-size:.72rem}.machine-notes{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.machine-notes ul{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.machine-notes li{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid rgba(126,86,55,.18);border-radius:var(--radius);background:#fff}.machine-notes strong{color:#7d5730;font-size:.78rem}.machine-notes span{color:var(--muted);font-size:.84rem;line-height:1.3}.live-screen{display:grid;gap:var(--space-4)}.top-hud{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-4);padding:var(--space-4)}.timer-panel{display:grid;align-content:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius);background:#263238;color:#fff}.timer-panel span,.timer-panel small{color:#ffffffbf}.timer-panel strong{font-size:2rem;line-height:1}.meter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.objective-strip{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-2)}.objective-strip span{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--space-3);border:1px solid rgba(83,65,42,.14);border-radius:var(--radius);background:#fff;color:var(--muted);font-size:.8rem;font-weight:900}.objective-strip span[data-state=good]{background:#e5f5df;color:#326f33}.objective-strip span[data-state=bad]{background:#fbe1dc;color:#873b31}.meter-grid.vertical{grid-template-columns:1fr}.meter{display:grid;gap:var(--space-2);min-width:0}.meter-label{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--muted);font-size:.82rem;font-weight:800}.meter-track{height:13px;border:1px solid rgba(83,65,42,.2);border-radius:999px;overflow:hidden;background:#fffc}.meter-fill{height:100%;border-radius:inherit;background:var(--green);transition:width .22s ease}.meter-learningFlow .meter-fill{background:var(--blue)}.meter-chaos .meter-fill{background:var(--red)}.meter-teacherEnergy .meter-fill{background:var(--yellow)}.meter-classTrust .meter-fill{background:var(--green)}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-4);align-items:start}.classroom-stage{position:relative;min-height:650px;border:1px solid #b98955;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,rgba(116,174,194,.2),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.34),transparent 32%,rgba(255,255,255,.28)),repeating-linear-gradient(0deg,rgba(126,82,45,.1) 0 2px,transparent 2px 54px),#dfad72;box-shadow:var(--shadow)}.classroom-stage:before{content:"";position:absolute;inset:16px;border:2px solid rgba(102,73,43,.2);border-radius:var(--radius);pointer-events:none}.classroom-board{position:absolute;top:28px;left:50%;z-index:2;display:grid;width:min(480px,58%);transform:translate(-50%);gap:var(--space-1);padding:var(--space-4);border:8px solid #7b5130;border-radius:var(--radius);background:#2b735d;color:#fff;text-align:center}.classroom-board span{font-weight:900}.classroom-board small{color:#ffffffc7}.teacher-desk{position:absolute;right:34px;bottom:124px;z-index:4;display:grid;width:170px;min-height:92px;align-content:center;gap:var(--space-1);padding:var(--space-3);border:3px solid #7e5637;border-radius:var(--radius);background:#cc8452;box-shadow:0 13px #a3653d;color:#fff}.teacher-desk small{color:#ffffffc7}.placed-systems{position:absolute;inset:0;z-index:5;pointer-events:none}.placed-systems .room-item-sprite{position:absolute;width:112px;min-height:66px;pointer-events:auto;box-shadow:0 8px #5d3b202e,0 14px 24px #442d182e}.placed-systems .zone-front-wall{top:116px;left:13%}.placed-systems .zone-student-flow{bottom:195px;left:43%}.placed-systems .zone-teacher-desk{right:54px;bottom:230px}.placed-systems .zone-quiet-corner{left:40px;bottom:170px}.placed-systems .zone-tech-shelf{top:152px;right:40px}.placed-systems .zone-entry{left:34px;top:160px}.classroom-grid{position:absolute;inset:150px 220px 135px 54px;display:grid;grid-template-columns:repeat(5,minmax(76px,1fr));grid-template-rows:repeat(4,minmax(94px,1fr));gap:var(--space-3);transform:perspective(900px) rotateX(8deg)}.student-sprite{position:relative;display:grid;justify-items:center;align-content:end;min-width:0;min-height:96px;padding-top:18px;color:#4c3526}.student-sprite:before{content:"";position:absolute;bottom:14px;width:76px;height:48px;border:3px solid #8d5d3a;border-radius:var(--radius);background:#e5a366;box-shadow:0 8px #b87845}.student-head,.student-body{position:relative;z-index:2}.student-head{width:32px;height:32px;border:2px solid #80513a;border-radius:50%;background:#f4bd8d}.student-body{width:38px;height:32px;margin-top:-2px;border:2px solid #315b83;border-radius:12px 12px 8px 8px;background:#5c99cb}.student-sprite strong{position:relative;z-index:3;max-width:86px;margin-top:2px;padding:1px 6px;border-radius:var(--radius);background:#fffaf0e6;font-size:.76rem}.status-waiting .student-head{background:#f2a89d}.request-bubble{position:absolute;top:-20px;z-index:8;display:grid;width:56px;height:44px;place-items:center;border:2px solid #7b4a35;border-radius:var(--radius);overflow:hidden;background:#fff;color:#6b2f20;font-size:.72rem;font-weight:900;box-shadow:0 8px 18px #4025172e}.request-bubble i{position:absolute;right:0;bottom:0;width:7px;background:var(--teal)}.request-bubble span{position:relative;z-index:2}.urgency-medium i{background:var(--yellow)}.urgency-high i,.urgency-critical i{background:var(--red)}.station-rail{position:absolute;left:28px;right:28px;bottom:22px;z-index:6;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.room-item-sprite{display:grid;min-height:70px;align-content:center;justify-items:center;gap:var(--space-1);border:2px solid rgba(102,73,43,.26);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.45),transparent),#fffaf0d1;color:var(--muted);font-weight:900}.room-item-sprite.is-active{border-color:#1f9a918c;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent),#e4f5ef;color:#155c57;box-shadow:inset 0 0 0 2px #1f9a9129}.room-item-sprite small{font-weight:800}.side-panel{display:grid;gap:var(--space-4);max-height:650px;padding:var(--space-4);overflow:auto}.request-list{display:grid;gap:var(--space-3)}.request-card{display:grid;width:100%;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-left:6px solid var(--teal);border-radius:var(--radius);background:#fff;color:inherit;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.request-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px #40251714}.request-card.is-selected{border-color:#1f9a91b3;box-shadow:inset 0 0 0 2px #1f9a9129,0 10px 22px #1f9a911f}.request-card h3{margin-bottom:var(--space-1);font-size:1rem}.request-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.35}.request-card.urgency-medium{border-left-color:var(--yellow)}.request-card.urgency-high,.request-card.urgency-critical{border-left-color:var(--red)}.request-timer{height:8px;border-radius:999px;overflow:hidden;background:#efe6d6}.request-timer span{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .22s ease}.request-inspector{padding-top:var(--space-2);border-top:1px solid rgba(215,197,168,.7)}.inspector-body{display:grid;gap:var(--space-3)}.inspector-summary{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:#fffaf0}.inspector-summary strong{display:block;margin-bottom:var(--space-1)}.inspector-summary p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.35}.route-actions{display:grid;gap:var(--space-2)}.route-actions .button{display:grid;justify-items:start;min-height:54px;padding:var(--space-2) var(--space-3);text-align:left}.route-actions .button small{margin-top:2px;color:#ffffffc7;font-size:.72rem;font-weight:700;line-height:1.2}.route-actions .button-secondary small,.route-actions .button-ghost small{color:var(--muted)}.event-log{display:grid;gap:var(--space-2);max-height:250px;margin:0;padding:0;list-style:none}.event-log li{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:#fff;color:var(--muted);font-size:.88rem;line-height:1.35}.event-log li[data-tone=success]{background:#e4f5e5;color:#2f6d35}.event-log li[data-tone=warning]{background:#fff2cd;color:#7c5615}.event-log li[data-tone=danger]{background:#fbe1dc;color:#873b31}.empty-note{margin:0;color:var(--muted);font-size:.9rem}.score-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0 0 var(--space-5)}.rating-card{display:grid;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4)}.rating-card div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.rating-card span,.rating-card p{color:#4f706d;font-size:.88rem;font-weight:900}.rating-card strong{color:#155c57;font-size:1.75rem;line-height:1}.rating-card p{margin:0}.routing-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);margin:0 0 var(--space-5)}.routing-list.machine-routing{grid-template-columns:repeat(4,minmax(0,1fr))}.routing-list div{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:#fff}.routing-list dt{color:var(--muted);font-size:.72rem;font-weight:900}.routing-list dd{margin:var(--space-1) 0 0;font-size:1.45rem;font-weight:900}.objective-list{display:grid;gap:var(--space-2);margin:0 0 var(--space-5);padding:0;list-style:none}.objective-list li{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-left:6px solid var(--red);border-radius:var(--radius);background:#fff}.objective-list li[data-achieved=true]{border-left-color:var(--green)}.objective-list span{color:var(--muted);font-size:.88rem;line-height:1.35}.score-list div{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#fff}.score-list dt{color:var(--muted);font-size:.84rem;font-weight:800}.score-list dd{margin:var(--space-1) 0 0;font-size:2rem;font-weight:900}.plain-list{display:grid;gap:var(--space-2);padding-left:1.1rem;color:var(--muted);line-height:1.45}.upgrade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.upgrade-card{display:grid;gap:var(--space-4);padding:var(--space-4)}.upgrade-card p{margin:var(--space-2) 0 0;color:var(--muted);line-height:1.4}.upgrade-meta{display:flex;justify-content:space-between;gap:var(--space-2);color:#7d5730;font-size:.88rem;font-weight:900}.room-stage{display:grid;gap:var(--space-3);touch-action:none}.room-canvas{position:relative;width:100%;aspect-ratio:16 / 11;min-height:320px;border:3px solid #a9733f;border-radius:var(--radius);overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,rgba(120,176,196,.32),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.28),transparent 30%),repeating-linear-gradient(0deg,rgba(126,82,45,.12) 0 3px,transparent 3px 46px),#e0b07a;box-shadow:var(--shadow),inset 0 0 60px #5a3a1e29;-webkit-user-select:none;user-select:none}.mode-live .room-canvas{aspect-ratio:16 / 12}.room-canvas.is-dragging{cursor:grabbing}.room-canvas>*{transform:translate(-50%,-50%)}.room-fixed{position:absolute;z-index:3;display:grid;place-items:center;padding:var(--space-2) var(--space-3);border:3px solid #7e5637;border-radius:var(--radius);color:#fff;font-weight:900;font-size:.74rem}.room-teacher{width:118px;height:62px;background:#cc8452;box-shadow:0 10px #a3653d;transition:background-color .2s ease,box-shadow .2s ease}.room-teacher.is-busy{background:#b65b42;box-shadow:0 10px #8a3f2c,0 0 0 3px #b65b4259;animation:teacher-busy-pulse 1s ease-in-out infinite}@keyframes teacher-busy-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.room-door{width:60px;height:78px;background:#b6764a;border-color:#7e5637;box-shadow:inset 0 0 0 3px #ffffff24}.room-zone{position:absolute;z-index:2;display:grid;place-items:center;width:108px;height:74px;padding:var(--space-1);border:2px dashed rgba(83,65,42,.28);border-radius:var(--radius);background:#fffaf024;color:#6b543a;font-size:.68rem;font-weight:900;text-align:center;opacity:0;transition:opacity .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}.room-zone.is-visible{opacity:.9}.room-zone.is-target{transform:translate(-50%,-50%) scale(1.06);border-style:solid}.room-zone.is-target.quality-ideal{border-color:#2f8f70;background:#3caa8247;color:#185f48}.room-zone.is-target.quality-ok{border-color:#d29a3c;background:#e0a03c3d;color:#7c531a}.room-zone.is-target.quality-poor{border-color:#c1594a;background:#c85a4a33;color:#7e3527}.room-system{position:absolute;z-index:6;display:grid;place-items:center;gap:1px;width:96px;min-height:58px;padding:var(--space-2);border:3px solid rgba(102,73,43,.4);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.55),transparent),#fff7e9;color:#5a3d1a;font-weight:900;box-shadow:0 8px #5d3b2033,0 14px 22px #442d182e;cursor:grab;touch-action:none}.room-system small{font-size:.68rem;font-weight:800;color:var(--muted)}.room-system.quality-ideal{border-color:#2f8f70;box-shadow:0 8px #25785c52,0 14px 22px #442d182e}.room-system.quality-ok{border-color:#d29a3c}.room-system.quality-poor{border-color:#c1594a}.mode-live .room-system{cursor:default}.room-system.is-dragging{opacity:.35}.room-student{position:absolute;z-index:5;display:grid;justify-items:center;transition-property:left,top;transition-timing-function:cubic-bezier(.4,.1,.3,1);transition-duration:0ms}.room-student.is-walking{z-index:9}.room-student-art{position:relative;z-index:2;height:52px;width:auto;filter:drop-shadow(0 4px 3px rgba(64,37,23,.28))}.room-student.is-waiting .room-student-art{filter:drop-shadow(0 4px 3px rgba(64,37,23,.28)) drop-shadow(0 0 6px rgba(198,93,62,.65))}.room-student strong{position:relative;z-index:3;margin-top:2px;padding:0 5px;border-radius:var(--radius);background:#fffaf0eb;font-size:.68rem}.mode-setup .room-student{opacity:.68}.room-grade-badge{position:absolute;top:10px;right:10px;transform:none;z-index:8;display:grid;justify-items:center;min-width:58px;padding:var(--space-1) var(--space-2);border:2px solid #155c57;border-radius:var(--radius);background:#e3f5f1;color:#155c57;box-shadow:0 6px 14px #1f9a913d}.room-grade-badge strong{font-size:1.35rem;line-height:1}.room-grade-badge span{font-size:.68rem;font-weight:900}.room-grade-badge.grade-d,.room-grade-badge.grade-f{border-color:#a5432f;background:#fbe4de;color:#8a3626}.room-dock{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:#fffaf0}.room-dock-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px solid rgba(126,86,55,.28);border-radius:var(--radius);background:#fff;color:#5a3d1a;font-weight:900;font-size:.82rem;cursor:grab;touch-action:none}.room-dock-chip.is-selected{border-color:#1f9a9199;background:#e3f5f1;color:#155c57}.room-dock-chip.is-dragging{opacity:.4}.room-dock-chip .dock-icon{display:grid;width:26px;height:26px;place-items:center;border-radius:var(--radius);background:#f2d06b;color:#5a3d0f;font-size:.7rem}.room-dock-hint{margin:0;color:var(--muted);font-size:.8rem}.builder-hint{margin:var(--space-2) 0 0;color:var(--muted);font-size:.85rem}.drag-ghost{position:fixed;z-index:60;transform:translate(-50%,-50%) rotate(-4deg);padding:var(--space-2) var(--space-3);border:3px solid #1f9a91;border-radius:var(--radius);background:#fff;color:#155c57;font-weight:900;pointer-events:none;box-shadow:0 14px 26px #1f9a914d}.live-main{display:grid;gap:var(--space-4);min-width:0;align-content:start}.room-log-panel{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#fffaf0db;box-shadow:0 10px 30px #53412a14}.room-log-panel .panel-heading{margin-bottom:var(--space-3)}.room-log-panel .event-log{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;max-height:210px;overflow-y:auto;padding-right:var(--space-1)}.event-toasts{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:14;display:grid;gap:var(--space-2);width:min(440px,88%);pointer-events:none}.event-toast{padding:var(--space-3) var(--space-4);border:3px solid #b65b42;border-radius:var(--radius);background:#fffaf0f7;color:#7e3928;box-shadow:0 16px 30px #40251747;animation:toast-pop .26s ease}.event-toast strong{display:block;margin-bottom:2px;font-size:1.02rem}.event-toast span{display:block;color:var(--muted);font-size:.85rem;line-height:1.3}.event-toast[data-tone=warning]{border-color:#d29a3c;color:#7c5615}@keyframes toast-pop{0%{transform:translateY(-10px) scale(.95);opacity:0}}.event-toast[data-tone=info]{border-color:#1f9a91;color:#155c57}.event-toast[data-tone=success]{border-color:#2f8f70;background:#e7f7ef;color:#1c6146}.room-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;transform:none;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.room-smartboard{position:absolute;z-index:2;width:30%;min-width:150px;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(64,37,23,.28))}.room-shelf{position:absolute;z-index:1;width:110px;pointer-events:none;opacity:.96;filter:drop-shadow(0 5px 4px rgba(64,37,23,.22))}.room-decor.bought-decor{z-index:2}.room-decor.decor-cozy-rug{width:128px;z-index:1;opacity:.9}.room-decor.decor-encouragement-posters{width:58px}.room-decor.decor-visual-timer{width:46px}.room-desk{position:absolute;z-index:2;width:74px;height:auto;pointer-events:none;filter:drop-shadow(0 6px 5px rgba(64,37,23,.25))}.room-decor{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 5px 4px rgba(64,37,23,.25))}.decor-bookshelf{width:86px}.decor-plant{width:46px}.decor-hamster{width:58px}.room-teacher-desk{position:absolute;z-index:3;width:116px;pointer-events:none;filter:drop-shadow(0 7px 6px rgba(64,37,23,.28))}.room-teacher-char{position:absolute;z-index:5;display:grid;justify-items:center;pointer-events:none}.room-teacher-char img{height:64px;width:auto;filter:drop-shadow(0 5px 4px rgba(64,37,23,.3))}.room-teacher-char strong{margin-top:-4px;padding:1px 7px;border-radius:var(--radius);background:#b65b42;color:#fff;font-size:.68rem}.room-teacher-char.is-busy{animation:teacher-busy-pulse 1s ease-in-out infinite}.room-system{border:0;background:transparent;box-shadow:none;min-height:0;width:auto;padding:var(--space-1)}.room-system-art{height:62px;width:auto;filter:drop-shadow(0 6px 5px rgba(64,37,23,.3))}.room-system.quality-ideal .room-system-art{filter:drop-shadow(0 6px 5px rgba(64,37,23,.3)) drop-shadow(0 0 7px rgba(47,143,112,.75))}.room-system.quality-ok .room-system-art{filter:drop-shadow(0 6px 5px rgba(64,37,23,.3)) drop-shadow(0 0 7px rgba(210,154,60,.75))}.room-system.quality-poor .room-system-art{filter:drop-shadow(0 6px 5px rgba(64,37,23,.3)) drop-shadow(0 0 7px rgba(193,89,74,.8))}.room-system small{padding:0 6px;border-radius:var(--radius);background:#fffaf0eb;color:#6b543a;font-size:.66rem}.dock-art{width:30px;height:30px;object-fit:contain}.room-student .hand{position:absolute;top:-4px;right:-12px;z-index:4;font-size:1rem;animation:hand-bounce .9s ease-in-out infinite}.room-student .chat-dots{position:absolute;top:-14px;right:-14px;z-index:4;font-size:.95rem;animation:hand-bounce 1.4s ease-in-out infinite}.room-student.is-fidget .room-student-art{animation:kid-fidget .5s ease-in-out 3}@keyframes hand-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes kid-fidget{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.room-student.is-walking .room-student-art{animation:kid-waddle .38s ease-in-out infinite}@keyframes kid-waddle{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-3px)}}.desk-prop{position:absolute;z-index:3;width:26px;height:auto;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(64,37,23,.3))}.desk-prop.prop-crunchbook{width:30px;animation:crunchbook-glow 2.4s ease-in-out infinite}.desk-prop.prop-water-bottle{width:20px}@keyframes crunchbook-glow{0%,to{filter:drop-shadow(0 3px 2px rgba(64,37,23,.3))}50%{filter:drop-shadow(0 3px 2px rgba(64,37,23,.3)) drop-shadow(0 0 5px rgba(96,170,255,.75))}}.request-bubble.is-low{animation:bubble-alarm .7s ease-in-out infinite}@keyframes bubble-alarm{0%,to{box-shadow:0 8px 18px #4025172e}50%{box-shadow:0 8px 18px #4025172e,0 0 0 4px #c64a3473}}.room-teacher-char{border:0;background:transparent;padding:0}.room-teacher-char:disabled{cursor:default}.routing-active .room-student:not(.is-route-target):not(.is-requester),.routing-active .room-decor,.routing-active .desk-prop{opacity:.55}.routing-active .room-system:not(.is-route-target){opacity:.45}.is-route-target{cursor:pointer!important;pointer-events:auto!important;z-index:11!important;animation:target-glow .9s ease-in-out infinite;opacity:1!important}@keyframes target-glow{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.room-student.is-requester{z-index:10}.room-student.is-requester:after{content:"";position:absolute;inset:-8px -12px -4px;border:3px dashed rgba(31,154,145,.75);border-radius:50%;pointer-events:none}.route-chip{position:absolute;top:-18px;left:50%;transform:translate(-50%);z-index:12;padding:2px 8px;border:2px solid #155c57;border-radius:999px;background:#e3f5f1;color:#155c57;font-size:.72rem;font-weight:900;white-space:nowrap;pointer-events:none}.is-route-blocked .route-chip{border-color:#a5432f;background:#fbe4de;color:#8a3626}.room-teacher-char.is-route-blocked{opacity:.7}.job-badge{position:absolute;top:-12px;left:-10px;z-index:4;font-size:.95rem;filter:drop-shadow(0 2px 2px rgba(64,37,23,.4))}.routing-hint{margin:0;padding:var(--space-2) var(--space-3);border:1px dashed rgba(31,154,145,.5);border-radius:var(--radius);background:#eefaf7;color:#155c57;font-size:.85rem;line-height:1.35}.night-screen,.week-screen{display:grid;gap:var(--space-4)}.night-command{position:sticky;top:64px;z-index:15;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid rgba(108,95,168,.35);border-radius:var(--radius);background:#f3f0fbf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #3d35591f}.night-command-copy h1{margin:2px 0 0;font-size:clamp(1.4rem,3vw,2.2rem);color:#3d3559}.night-command-copy .screen-kicker{margin:0}.night-command-actions{display:flex;align-items:center;gap:var(--space-3)}.night-command-actions .button-primary{min-height:52px;padding:0 var(--space-6);font-size:1.1rem;background:#6c5fa8;box-shadow:0 10px 22px #6c5fa859}.forecast-strip{display:grid;gap:2px;padding:var(--space-3) var(--space-4);border-left:6px solid #6c5fa8;border-radius:var(--radius);background:#f3f0fb}.forecast-strip strong{color:#3d3559}.forecast-strip span{color:#6a5f8f;font-size:.92rem;line-height:1.4}.night-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:var(--space-4);align-items:start}.night-room{position:sticky;top:132px;padding:var(--space-4)}.night-room .room-canvas{aspect-ratio:16 / 12;min-height:420px}.night-side{display:grid;gap:var(--space-4)}.night-side .setup-panel{padding:var(--space-4)}.forecast-card{border-left:6px solid #6c5fa8;background:#f3f0fb}.forecast-card p{margin:0;color:#4a4165;font-size:.95rem;line-height:1.45}.job-holder{color:#9a7b2e;font-style:normal;font-size:.85em}.shop-list{display:grid;gap:var(--space-2)}.shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:#fff}.shop-row strong{display:block;font-size:.92rem}.shop-row span{display:block;color:var(--muted);font-size:.8rem;line-height:1.3}.shop-row .button{min-height:34px;padding:0 var(--space-3);font-size:.85rem;white-space:nowrap}.week-layout{display:grid;grid-template-columns:minmax(280px,.6fr) minmax(0,1.4fr);gap:var(--space-5);align-items:start}.week-days{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.week-days li{display:grid;grid-template-columns:110px 44px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:#fff}.week-days li span:last-child{color:var(--muted);font-size:.88rem}.week-day-grade{display:grid;width:38px;height:38px;place-items:center;border:2px solid #155c57;border-radius:var(--radius);background:#e3f5f1;color:#155c57;font-weight:900}.expedition-active{display:grid;gap:var(--space-1);margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid rgba(108,95,168,.35);border-radius:var(--radius);background:#f3f0fb;list-style:none}.expedition-active li{display:grid}.expedition-active strong{font-size:.86rem}.expedition-active span{color:#6a5f8f;font-size:.78rem}.expedition-list{display:grid;gap:var(--space-3)}.expedition-card{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:#fff}.expedition-card.is-out{opacity:.6}.expedition-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.expedition-head strong{font-size:.96rem}.expedition-head span{color:#9a7b2e;font-size:.78rem;font-weight:900;white-space:nowrap}.expedition-card>p{margin:var(--space-1) 0 var(--space-2);color:var(--muted);font-size:.85rem;line-height:1.35}.expedition-note{color:#6a5f8f!important;font-style:italic;font-size:.82rem!important}.expedition-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.expedition-option{display:grid;gap:2px;padding:var(--space-2);border:1px solid rgba(108,95,168,.4);border-radius:var(--radius);background:#f7f5fc;color:#3d3559;text-align:left}.expedition-option:hover:not(:disabled){border-color:#6c5fa8;background:#efeafb}.expedition-option:disabled{opacity:.5}.expedition-option strong{font-size:.82rem}.expedition-option span{color:#6a5f8f;font-size:.74rem;line-height:1.25}@media(max-width:1120px){.night-layout,.week-layout{grid-template-columns:1fr}}@media(max-width:1120px){.title-screen,.setup-layout,.debrief-layout,.live-layout{grid-template-columns:1fr}.side-panel{max-height:none}.choice-grid,.upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-header,.header-actions{align-items:flex-start}.app-header{position:static;flex-direction:column}.top-hud,.meter-grid,.choice-grid,.upgrade-grid,.score-list,.machine-check,.routing-list.machine-routing{grid-template-columns:1fr}.title-diorama{min-height:380px}.classroom-stage{min-height:720px}.classroom-board{width:calc(100% - 40px)}.classroom-grid{inset:160px 24px 250px;grid-template-columns:repeat(3,minmax(76px,1fr));grid-template-rows:repeat(4,minmax(92px,1fr));transform:none}.teacher-desk{right:24px;bottom:142px}.station-rail,.routing-list{grid-template-columns:repeat(2,minmax(0,1fr))}.placed-systems .room-item-sprite{width:94px}}