:root{color-scheme:light;font-family:Avenir Next,Hiragino Sans,Yu Gothic,sans-serif;color:#19384d;background:#edf8ff;font-synthesis:none;--ink: #19384d;--navy: #19384d;--navy-deep: #15334b;--paper: #ffffff;--paper-deep: #e4f4ff;--accent: #1675b8;--accent-deep: #10588b;--cyan: #168ca8;--yellow: #ffd867;--mint: #2d7e5b;--line: rgba(25, 56, 77, .16);--shadow: 0 18px 44px rgba(35, 102, 146, .09)}*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(22,117,184,.035) 1px,transparent 1px),linear-gradient(rgba(22,117,184,.035) 1px,transparent 1px),#edf8ff;background-size:24px 24px}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:10px 15px;color:#fff;background:var(--accent);font-weight:700;box-shadow:0 3px 0 var(--accent-deep);transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.06);transform:translateY(-1px)}button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-deep)}button:disabled,button:disabled:hover{cursor:not-allowed;filter:saturate(.45);opacity:.56;transform:none;box-shadow:0 2px #14253529}button:focus-visible,.room-canvas:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}input,select{min-width:0;border:1px solid rgba(20,37,53,.22);border-radius:7px;padding:9px 10px;color:var(--ink);background:var(--paper)}h1,h2,h3,p{margin-top:0}.container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.brand,.topbar-actions,.section-heading,.room-status,.cable-legend,.cable-legend span{display:flex;align-items:center}.brand{gap:12px}.brand-mark,.start-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px 12px 4px;color:var(--navy);background:var(--yellow);font-family:Arial Narrow,Hiragino Sans,sans-serif;font-size:.9rem;font-weight:900;letter-spacing:-.08em;box-shadow:inset -5px -5px #ab79111f}.brand h1{margin:-2px 0 0;color:var(--navy-deep);font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:.01em}.eyebrow{display:block;margin-bottom:3px;color:#496273;font-family:Arial Narrow,Hiragino Sans,sans-serif;font-size:.69rem;font-weight:800;letter-spacing:.15em}.topbar-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.analytics-consent{display:inline-flex;align-items:flex-start;gap:8px;max-width:230px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffffe0;cursor:pointer;font-size:.72rem}.analytics-consent input{width:18px;min-width:18px;height:18px;margin:1px 0 0}.analytics-consent span,.analytics-consent small{display:block}.analytics-consent strong{font-size:.74rem}.analytics-consent small{margin-top:2px;color:#496273;line-height:1.3}.gold{display:flex;align-items:baseline;gap:10px;padding:7px 12px;border:1px solid rgba(143,92,25,.2);border-radius:9px;background:#fff4c9;color:#72501d}.gold span{font-size:.72rem;font-weight:700}.gold strong{font-family:Arial Narrow,sans-serif;font-size:1.35rem}.gold small,.stat-grid small{margin-left:2px;font-size:.65em}.button-quiet{color:var(--navy);background:var(--paper);border:1px solid var(--line);box-shadow:0 2px #14253529}.message{min-height:0;margin-bottom:14px;padding:0;color:#79551f;font-size:.9rem}.message:not(:empty){padding:10px 13px;border-left:4px solid var(--yellow);background:#fff6d5}section,.empty-panel{border:1px solid rgba(20,37,53,.12);border-radius:14px;padding:18px;background:var(--paper);box-shadow:var(--shadow)}.tutorial-panel{margin-bottom:16px;padding:16px 18px;background:var(--paper)}.tutorial-count,.inventory-count{color:var(--accent);font-family:Arial Narrow,sans-serif;font-size:1.2rem;font-weight:900}.tutorial-next{margin:-2px 2px 13px;color:#5a6d76;font-size:.86rem}.tutorial-steps{display:grid;margin-top:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tutorial-step{display:flex;align-items:center;gap:6px;min-height:33px;padding:6px 8px;border:1px solid rgba(20,37,53,.1);border-radius:7px;color:#526c7d;background:#f3faff;font-size:.7rem;line-height:1.35}.tutorial-step i{display:grid;flex:0 0 17px;place-items:center;width:17px;height:17px;border-radius:50%;color:#496273;background:var(--paper-deep);font-size:.7rem;font-style:normal;font-weight:900}.tutorial-step.is-done{border-color:#54a8844d;color:#276a54;background:#54a8841a}.tutorial-step.is-done i{color:#fff;background:var(--mint)}.tutorial-step.is-current{border-color:#1675b861;color:var(--accent-deep);background:var(--paper-deep);font-weight:800}.tutorial-step.is-current i{color:#fff;background:var(--accent)}.chapter-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.chapter-rail article{display:flex;align-items:center;gap:9px;padding:9px;border-radius:7px;color:#526c7d;background:#f3faff}.chapter-rail b{color:#527a96;font-family:Arial Narrow,sans-serif;font-size:1.25rem}.chapter-rail span,.chapter-rail small{display:block}.chapter-rail small{margin-top:2px;font-size:.66rem}.chapter-rail article.is-current{outline:2px solid rgba(22,117,184,.32);color:var(--accent-deep)}.chapter-rail article.is-done{color:#276a54;background:#54a8841f}.room-section{margin-bottom:16px;padding:14px;background:var(--paper)}.section-heading{justify-content:space-between;gap:16px;margin:0 2px 12px}.section-heading h2{margin:0;color:var(--navy-deep);font-size:1.18rem}.room-status,.online-badge{gap:7px;color:#276a54;font-size:.74rem;font-weight:800}.room-status i{width:8px;height:8px;border-radius:50%;background:#46b385;box-shadow:0 0 0 4px #46b38524}.online-badge{padding:5px 8px;border:1px solid rgba(39,106,84,.22);border-radius:999px;background:#54a8841f}.online-badge.is-warning{border-color:#8f5c1947;color:#805b1e;background:#fff4cf}.room-stage-shell{position:relative;overflow:hidden;border:1px solid rgba(13,31,48,.18);border-radius:10px;background:var(--paper-deep);box-shadow:inset 0 0 0 1px #ffffff61}.room-stage{position:relative;width:100%;height:clamp(420px,58vw,660px);min-height:360px}.room-guide{position:absolute;left:1rem;bottom:4.2rem;z-index:3;width:min(22rem,calc(100% - 2rem));pointer-events:none}.room-guide-trigger{display:flex;align-items:center;gap:8px;width:fit-content;min-height:48px;padding:4px 12px 4px 5px;border:1px solid var(--line);border-radius:999px;background:#fffffff5;color:var(--navy);font-size:.76rem;font-weight:800;list-style:none;cursor:pointer;pointer-events:auto}.room-guide-trigger::-webkit-details-marker{display:none}.room-guide-trigger img{display:block;width:44px;height:44px;object-fit:contain}.room-guide[open] .room-guide-trigger{border-color:var(--accent);background:var(--paper-deep)}.room-guide:not([open]) .room-guide-bubble{display:none}.room-guide-bubble{position:absolute;bottom:calc(100% + 8px);display:grid;width:100%;gap:.4rem;padding:.7rem .85rem;border:2px solid var(--accent);border-radius:.65rem .65rem .65rem .15rem;background:#fffffff5;box-shadow:0 .3rem #1675b81f;color:var(--navy);pointer-events:auto}.room-guide-bubble strong{color:var(--accent-deep);font-size:.72rem;letter-spacing:.08em}.room-guide-bubble span{font-size:.86rem;line-height:1.35}.room-guide-close{justify-self:end;min-height:44px;padding:8px 12px;font-size:.76rem}.room-error{display:grid;place-content:center;gap:6px;height:100%;padding:24px;text-align:center;color:var(--navy)}.room-error span{color:#526975;font-size:.84rem}.room-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.room-canvas:active{cursor:grabbing}.room-alternative{margin-top:9px;border:1px solid var(--line);border-radius:8px;background:#f3faff}.room-alternative summary{min-height:44px;padding:11px 13px;color:var(--navy);cursor:pointer;font-size:.78rem;font-weight:800}.room-alternative p{margin:0;padding:0 13px 8px;color:#5d6e75;font-size:.74rem}.room-alternative ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;margin:0;padding:0 13px 13px;list-style:none}.room-alternative li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 8px;border-left:3px solid var(--cyan);background:#ffffffad;font-size:.72rem}.room-alternative li span{color:#5d6e75;text-align:right}.room-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.room-op-group{display:grid;gap:9px;padding:12px;border:1px solid rgba(20,37,53,.12);border-radius:9px;background:var(--paper-deep)}.room-op-group .eyebrow{margin:0}.room-op-group h3{margin:-4px 0 0;color:var(--navy);font-size:.84rem}.room-form-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(58px,.65fr));gap:7px}.room-wiring-grid{grid-template-columns:minmax(0,1.2fr) minmax(78px,.7fr) minmax(0,1.2fr)}.room-form-grid label{display:grid;gap:4px;color:#5d6e75;font-size:.68rem;font-weight:800}.room-form-grid select,.room-form-grid input{width:100%;min-width:0;padding:7px 8px;border:1px solid var(--line);border-radius:6px;color:var(--navy);background:var(--paper);font-size:.78rem}.room-op-group button{justify-self:start;padding:7px 11px;font-size:.76rem}.placement-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:5px;max-height:152px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:7px;background:#ffffffbd}.placement-map .placement-cell{min-width:44px;min-height:44px;padding:4px;border:2px solid rgba(84,168,132,.36);border-radius:5px;color:#276a54;background:#54a8841f;box-shadow:none;font-size:.68rem}.placement-map .placement-cell.is-current{border-color:var(--yellow);color:#72501d;background:#fff4cf}.placement-map .placement-cell.is-preview{outline:3px solid var(--cyan);outline-offset:1px}.placement-map .placement-cell.is-occupied,.placement-map .placement-cell.is-occupied:hover{border-color:#c866364d;color:#7d4829;background:#c866361f}.placement-status{min-height:1.2em;margin:0;color:#526975;font-size:.72rem}.room-toolbar{position:absolute;top:12px;right:12px;display:flex;gap:5px;padding:5px;border:1px solid rgba(22,117,184,.24);border-radius:10px;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-control{min-width:36px;padding:7px 9px;color:var(--accent-deep);background:var(--paper-deep);box-shadow:none}.room-control:active{box-shadow:none}.room-control-wide{min-width:54px;font-size:.72rem}.room-help,.cable-legend{position:absolute;bottom:12px;padding:7px 9px;border-radius:7px;color:var(--navy);background:#fffffff0;font-size:.69rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.room-help{left:12px}.room-help span{color:var(--accent-deep);font-weight:800}.cable-legend{right:12px;gap:12px}.cable-legend span{gap:5px}.cable-legend i{width:18px;height:3px;border-radius:99px}.power-cable{background:var(--yellow)}.lan-cable{background:var(--cyan)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;align-items:start}.pc-card{display:grid;gap:16px}.pc-card h3{margin-bottom:8px;color:#455b6a;font-size:.79rem;letter-spacing:.05em}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat-grid>div{display:grid;gap:2px;min-height:68px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-deep)}.stat-grid span{color:#56656e;font-size:.68rem;font-weight:700}.stat-grid strong{align-self:end;color:var(--navy);font-family:Arial Narrow,sans-serif;font-size:1.35rem}.pc-card ul,.shop-section ul,.install ul{list-style:none;padding:0;margin:0}.bulk-reconfigure{margin-top:12px;padding:10px;border:1px dashed rgba(20,37,53,.28);border-radius:8px;background:#f3faff}.bulk-reconfigure summary{color:var(--navy);font-weight:900;cursor:pointer}.bulk-reconfigure p{margin:8px 0;color:#5c6d76;font-size:.75rem}.bulk-reconfigure ul{display:grid;gap:5px;padding:0;list-style:none}.bulk-reconfigure li,.bulk-reconfigure label{display:flex;align-items:center;justify-content:space-between;gap:8px}.pc-card li,.shop-section li,.install li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.85rem}.install li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.compatibility-preview{display:block;margin-top:5px;color:#526975;font-size:.67rem;font-style:normal;font-weight:600;line-height:1.45}.compat-diagram{margin:6px 0;padding:6px 8px;border:1px solid #d98a7a;border-radius:6px;background:#fff4f1}.compat-diagram figcaption{color:#9a3a28;font-weight:700}.compat-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:4px 0}.compat-side{display:grid;justify-items:center;padding:4px;border-radius:4px;background:#fff;border:1px solid #e7c3ba;text-align:center}.compat-side b{font-size:.85rem;color:#9a3a28}.compat-gap{color:#c0392b;font-size:1.1rem;font-weight:800}.compat-diagram p{margin:0;color:#526975}.shop-section li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.part-pixel{width:128px;height:128px;image-rendering:pixelated;image-rendering:crisp-edges;background:#f3faff;border:1px solid var(--line);border-radius:6px;flex:0 0 auto}.part-pixel-small{width:64px;height:64px}.part-icon-list li,.install li,.shop-section li,.inventory-list li,.bulk-reconfigure li{align-items:center}.part-icon-list li{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px}.part-icon-list li span,.shop-section li>span:nth-of-type(1){display:grid;gap:2px;min-width:0}.shop-section li,.install li{grid-template-columns:128px minmax(0,1fr) auto auto}.inventory-list li{grid-template-columns:128px minmax(0,1fr)}.shop-section button,.install button{padding:6px 9px;font-size:.76rem}.shop-section li>span:first-child{display:grid;gap:2px}.shop-section li small,.inventory-list small{color:#52636a;font-size:.68rem}.actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.action-hint,.loading,.empty-copy,.error-copy{margin:0;color:#58676d;font-size:.78rem;line-height:1.65}.error-copy{color:#9a4c33}.performance-notice{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 11px;border-left:4px solid var(--cyan);color:var(--accent-deep);background:var(--paper-deep);font-size:.75rem}.performance-notice strong{margin-right:3px}.performance-notice span{padding:3px 6px;border-radius:5px;background:#1675b817;font-weight:800}.ai-job-card{display:grid;gap:7px;padding:11px 12px;border:1px solid rgba(22,117,184,.24);border-radius:9px;background:#eef9ff}.ai-job-card.is-paused{border-color:#c8663647;background:#c8663614}.ai-job-heading,.ai-job-metrics{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 12px}.ai-job-heading span{color:#2f7c79;font-size:.72rem;font-weight:800}.ai-job-card.is-paused .ai-job-heading span{color:#a25d2a}.ai-job-metrics,.ai-job-card p{margin:0;color:#64747a;font-size:.7rem}.ai-job-metrics b{color:#26736d}.inventory-section{margin-top:16px}.workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0 10px;padding:5px;border-radius:10px;background:var(--paper-deep)}.workspace-tabs button{min-height:46px;padding:8px 10px;color:var(--navy);background:transparent;box-shadow:none;font-size:.8rem}.workspace-tabs button:hover,.workspace-tabs button:focus-visible,.workspace-tabs button[aria-selected=true]{background:var(--yellow);transform:none}.workspace-panel[hidden],.console-panel[hidden]{display:none}.workspace-panel>section:first-child,.workspace-panel>.empty-panel:first-child,.workspace-panel .product-console{margin-top:0}.product-console{margin-top:16px;background:var(--paper)}.rack-status{padding:6px 9px;border-radius:5px;color:var(--accent-deep);background:var(--paper-deep);font-family:Arial Narrow,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:.08em}.console-tabs{display:flex;gap:4px;margin:-3px 2px 14px;padding:4px;border-radius:8px;background:var(--paper-deep)}.console-tabs button{flex:1;min-height:44px;padding:7px 10px;border-radius:5px;color:var(--navy);background:transparent;box-shadow:none;font-size:.75rem;font-weight:800;text-align:center;text-decoration:none}.console-tabs button:hover,.console-tabs button:focus-visible,.console-tabs button[aria-selected=true]{background:var(--yellow);transform:none}.product-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.console-panel{min-width:0;padding:14px;border:1px solid rgba(20,37,53,.14);border-radius:9px;background:#f3faff}.console-panel h3{margin-bottom:12px;color:var(--navy)}.console-panel h4{margin:15px 0 8px;color:#3e5b68;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.field-label,.inline-form label{display:grid;gap:5px;color:#496273;font-size:.75rem;font-weight:800}.inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:7px;margin-top:10px}.inline-form>input,.inline-form>select{flex:1 1 90px}.catalog-list{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}.catalog-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px;border-left:3px solid var(--mint);background:var(--paper)}.catalog-list span,.catalog-list small,.catalog-list em{display:block}.catalog-list small{margin-top:3px;color:#5e7078;font-size:.72rem;line-height:1.4}.catalog-list em{margin-top:4px;color:#94652c;font-size:.67rem;font-style:normal}.catalog-list b{color:#79551f;white-space:nowrap}.catalog-list button{padding:7px 10px}.advanced-wiring .inline-form{align-items:center}.connection-list{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}.connection-list li,.connection-list span{display:flex;align-items:center;justify-content:space-between;gap:8px}.connection-list li{padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-size:.73rem}.connection-list i{display:inline-block;width:20px;height:4px;border-radius:3px}.panel-note{margin-bottom:10px;padding:7px 9px;border-left:3px solid var(--cyan);background:var(--paper-deep);color:#496273;font-size:.76rem}.public-room-stage{position:relative;height:min(58vh,560px);margin-bottom:14px;overflow:hidden;border-radius:10px;background:var(--paper-deep)}.public-room-report{display:flex;align-items:end;gap:.65rem;padding:.8rem;border:1px solid rgb(23 50 77 / 18%);border-radius:.65rem;background:var(--paper-deep)}.public-room-report label{display:grid;flex:1;gap:.3rem}.public-room-modal .quiz-content{width:min(940px,calc(100vw - 28px))}.inventory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.inventory-list li{display:grid;gap:3px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper-deep)}.inventory-category{color:var(--accent-deep);font-size:.66rem;font-weight:800;letter-spacing:.06em}.compact-empty{min-height:0;padding:14px;box-shadow:none}.compact-empty h3{margin-bottom:5px;color:var(--navy);font-size:.9rem}.price{color:#8a5b15;font-weight:800}.empty-panel{min-height:170px}.empty-panel h2{margin-bottom:8px;color:var(--navy);font-size:1.15rem}.empty-panel p{margin:0;color:#5c6d76;line-height:1.7}.quiz-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#19384d61;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.quiz-content{width:min(620px,100%);max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:24px;background:var(--paper);box-shadow:0 24px 80px #19384d38}.question{margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid var(--line)}.choices label{display:block;margin-top:5px;padding:8px 10px;border-radius:7px;cursor:pointer;background:var(--paper-deep)}.choices input{margin-right:8px}.quiz-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.quiz-result{text-align:center}.result-score{color:var(--navy);font-size:1.15rem}.result-score strong{display:block;margin-top:4px;color:#8a5b15;font-size:1.7rem}.explanation-list{margin:18px 0;text-align:left}.explanation-list p{margin:0;padding:9px 0;border-bottom:1px solid var(--line);color:#596d75;font-size:.82rem;line-height:1.65}.room-empty{margin:0}.start-screen{width:min(520px,calc(100% - 32px));margin:15vh auto 0;border:1px solid rgba(20,37,53,.14);border-radius:18px;padding:clamp(28px,6vw,52px);text-align:center;background:var(--paper);box-shadow:var(--shadow)}.start-mark{width:72px;height:72px;margin:0 auto 20px;font-size:1.25rem}.start-screen h1{margin-bottom:10px;color:var(--navy-deep);font-size:clamp(2rem,8vw,3.4rem);letter-spacing:-.06em}.start-screen p:not(.eyebrow){color:#536873;line-height:1.75}.shop-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.shop-filters label{display:flex;flex-direction:column;gap:6px;min-width:0}.shop-filters input,.shop-filters select{min-width:0;min-height:44px}.shop-filters .shop-unlocked{flex-direction:row;align-items:center;min-height:44px}@media(max-width:760px){.workspace-tabs{grid-template-columns:1fr}.install li{grid-template-columns:minmax(0,1fr) auto}.install li>button{grid-column:1 / -1;min-height:44px}.product-grid{grid-template-columns:1fr}.console-tabs{overflow-x:auto}.console-tabs button{min-width:92px}.catalog-list li{grid-template-columns:minmax(0,1fr) auto}.catalog-list li>button{grid-column:1 / -1}.container{width:min(100% - 20px,1180px);padding-top:12px}.topbar,.topbar-actions{align-items:flex-start}.topbar{flex-direction:column;gap:10px}.topbar-actions{width:100%;justify-content:space-between}.dashboard-grid{grid-template-columns:1fr}.room-stage{height:430px}.room-ops{grid-template-columns:1fr}.room-help{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-rail{grid-template-columns:1fr}.inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.room-status,.cable-legend{display:none}.room-stage{height:360px}.gold>span{display:none}.room-form-grid,.room-wiring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-steps,.inventory-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(forced-colors:active){button,input,select,summary,section,.console-panel,.placement-cell{border:1px solid CanvasText}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.room-canvas:focus-visible,[role=tab][aria-selected=true],.placement-cell.is-preview{outline:3px solid Highlight;outline-offset:3px}.power-cable,.lan-cable{border:2px solid CanvasText}}.container{width:min(1520px,calc(100% - 28px));padding:12px 0 24px}.game-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.95fr);align-items:start;gap:16px}.game-layout>.room-section{position:sticky;top:12px;min-width:0;max-height:calc(100dvh - 24px);overflow:auto;margin:0}.game-workspace{min-width:0}.game-workspace .tutorial-panel{padding:12px 14px;margin-bottom:10px}.game-workspace .tutorial-panel .section-heading{margin-bottom:5px}.game-workspace .tutorial-panel .eyebrow,.game-workspace .tutorial-next{display:none}.game-workspace .tutorial-panel h2{font-size:.94rem}.game-workspace .tutorial-count{font-size:1rem}.game-workspace .action-hint{margin:6px 0}.tutorial-details{margin-top:8px;font-size:.78rem}.tutorial-details summary,.room-coordinate-tools summary,.room-edit-alternative summary,.parts summary{cursor:pointer;padding:9px 2px;color:var(--navy-deep);font-weight:700}.game-workspace .tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.game-workspace .chapter-rail{grid-template-columns:1fr}.game-workspace .workspace-tabs{margin:0 0 10px;gap:5px}.game-workspace .workspace-tabs button{padding:9px 7px;font-size:.8rem}.game-workspace .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-workspace .pc-card{padding:14px}.game-workspace .pc-card .section-heading{flex-wrap:wrap;gap:8px}.game-workspace .pc-card .actions{margin:8px 0}.game-workspace .pc-card .part-icon-list{grid-template-columns:repeat(2,minmax(0,1fr))}.game-workspace .pc-card .part-icon-list li{display:flex;gap:8px}.game-workspace .part-icon-list .part-pixel{width:54px;height:54px}.game-workspace .inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.game-workspace .install li{grid-template-columns:54px minmax(0,1fr)}.game-workspace .install li .part-pixel{width:54px;height:54px}.game-workspace .catalog-list li{flex-wrap:wrap}.game-workspace .shop-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.game-workspace .shop-filters[hidden]{display:none}.room-stage{height:clamp(330px,52dvh,640px)}.room-editor{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#f3fbff}.room-edit-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.room-edit-toolbar button{min-height:40px;padding:6px;background:#fff;border:1px solid #bfd8e6;color:#284f65;font-size:.78rem}.room-edit-toolbar button[aria-pressed=true]{background:#d7f2ff;border-color:#2985b7;color:#165475;box-shadow:inset 0 -2px #2985b7}.room-edit-controls,.room-edit-confirm{display:flex;gap:8px;flex-wrap:wrap}.room-edit-controls:not(:empty),.room-edit-confirm:not(:empty){margin-top:8px}.room-edit-controls label{display:grid;flex:1;min-width:125px;gap:3px;font-size:.75rem}.room-edit-controls select{min-width:0;width:100%}.room-edit-hint{margin:8px 0 0;font-size:.8rem;line-height:1.5}.room-edit-confirm button{font-size:.82rem}.room-edit-alternative{margin-top:6px;font-size:.78rem}.room-cell-choices{display:flex;gap:6px;flex-wrap:wrap;max-height:160px;overflow:auto}.room-cell-choices button{min-height:40px;padding:6px 10px}.room-coordinate-tools{margin:8px 0 0;font-size:.82rem}.room-coordinate-tools .room-ops{display:block}.room-world-label,.room-world-ports{position:absolute;transform:translate(-50%);z-index:3}.room-world-label{max-width:min(240px,72%);min-height:32px;padding:6px 10px;border-radius:14px;border:1px solid #83bdad;box-shadow:0 3px 10px #1439541a;background:#e5fff4;color:#185343;font-size:.72rem;line-height:1.35}.room-world-label.is-warning{background:#fff4dc;border-color:#d9a746;color:#785016}.room-world-label.is-paused{background:#f1f5f8;border-color:#9aafbb;color:#405763}.room-world-label.is-full{background:#ffe28e;border-color:#bc8c29;color:#684513}.room-world-label[hidden],.room-world-ports[hidden]{display:none}.room-world-ports{display:flex;flex-direction:column;gap:4px;padding:7px;border:1px solid #82b3ce;border-radius:10px;background:#fffffff2;box-shadow:0 5px 20px #173b542b;max-height:55%;overflow:auto}.room-world-ports button{min-height:36px;padding:7px 10px;font-size:.74rem;white-space:nowrap}.room-world-ports button.is-used{background:#edf0f2;color:#50636f}.reward-comparison{padding:14px;border:1px solid #85c7ac;border-radius:10px;background:#e8fff0}.gold #gold-balance{display:inline;font:inherit}.message:empty{display:none}.game-settings{position:relative;font-size:.78rem}.game-settings>summary{cursor:pointer;padding:9px}.game-settings[open]>div{position:absolute;top:100%;right:0;z-index:8;width:245px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 30px #21405a26}.game-settings .analytics-consent{max-width:none}.game-settings #refresh-btn{margin-top:8px;width:100%}@media(max-width:900px){.game-layout{grid-template-columns:1fr;gap:12px}.game-layout>.room-section{position:static;max-height:none;overflow:visible;padding:10px}.room-stage{height:clamp(270px,40dvh,420px)}.container{width:calc(100% - 16px);padding-top:8px}.topbar{align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.brand{gap:7px}.brand h1{font-size:1.2rem}.brand-mark{width:34px;height:34px}.brand .eyebrow{display:none}.topbar-actions{gap:6px;flex:1}.gold{padding:5px 9px}.gold>span{display:none}.gold strong{font-size:1.2rem}#collect-all-btn{font-size:.7rem;padding:6px 8px;min-height:32px}.room-help{display:none}.room-guide{bottom:3.4rem}.room-guide-trigger{padding:4px 8px 4px 3px}.room-guide-trigger img{width:30px;height:30px}.room-guide-trigger span{font-size:.68rem}.game-workspace .tutorial-panel{padding:10px 12px}.game-workspace .pc-card .part-icon-list{grid-template-columns:repeat(2,minmax(0,1fr))}.room-world-label{font-size:.65rem;min-height:34px;padding:5px 8px}}.room-world-cell{position:absolute;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:1px solid #26775e;border-radius:50%;background:#effff0de;color:#175b42;font-size:1rem}.room-world-cell:disabled{opacity:.3;border-color:#b75043;color:#9b3c30;background:#ffe5dd}.room-world-cell[hidden]{display:none}.bottleneck{margin:8px 0;padding:8px 10px;border-left:4px solid #e0a030;border-radius:4px;background:#fff8e8}.bottleneck.is-ok{border-left-color:#4a9a6a;background:#eefaf2;color:#2e6a48}.bottleneck strong{display:block}.bottleneck p{margin:2px 0 0;color:#526975;font-size:.78rem;line-height:1.5}.daily-goals{margin:10px 0;padding:10px 12px;border:1px solid #cfdde4;border-radius:8px;background:#f6fafc}.daily-goals ul{margin:6px 0;padding:0;list-style:none;display:grid;gap:6px}.daily-goals li{display:grid;grid-template-columns:18px 1fr;gap:6px}.daily-goals li.is-done strong{color:#2e6a48}.daily-goals small{display:block;color:#526975}.daily-streak{margin:0;color:#526975;font-size:.74rem}#session-expired-banner{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px;background:#fff1d6;border-bottom:2px solid #e0a030;color:#5a3b00}#session-expired-banner p{flex:1 1 280px;margin:0}
