:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203038;background:#dce5e8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.shell{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 32%,#fff 0,#eef3f5 45%,#d4dee2)}.scene{position:absolute;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom))}.iso-stage,.blueprint-stage{position:absolute;inset:0}.iso-stage{display:grid;place-items:center}#iso-canvas{width:min(96vw,900px);height:min(78vh,680px);filter:drop-shadow(22px 28px 20px rgba(31,43,49,.18))}.blueprint-stage{opacity:0;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:linear-gradient(#f7fbfc,#e7f0f2)}.blueprint-stage.is-active{pointer-events:auto}.blueprint-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#687f88}h1{margin:0;max-width:16ch;font-size:clamp(22px,6vw,34px);line-height:.98;text-transform:uppercase}.status{border:1px solid rgba(76,100,109,.2);border-radius:999px;padding:9px 12px;background:#ffffffb8;font-size:11px;font-weight:750;color:#536a73;white-space:nowrap}.board-wrap{display:grid;place-items:center;min-height:0}.board{position:relative;width:min(94vw,68vh,720px);aspect-ratio:1;border-radius:20px;overflow:hidden;background:#ffffff7a;box-shadow:0 24px 50px #34485024,inset 0 0 60px #ffffffd9;touch-action:none}.board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(90,118,129,.46) 1px,transparent 1px),linear-gradient(to bottom,rgba(90,118,129,.46) 1px,transparent 1px);background-size:5% 5%;-webkit-mask-image:radial-gradient(circle at center,#000 0 38%,rgba(0,0,0,.9) 58%,rgba(0,0,0,.2) 82%,transparent 100%);mask-image:radial-gradient(circle at center,#000 0 38%,rgba(0,0,0,.9) 58%,rgba(0,0,0,.2) 82%,transparent 100%)}.room-tile,.route-cell{position:absolute;display:grid;place-items:center;text-align:center;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.1em;color:#3f555e}.room-tile{width:15%;height:15%;border:2px solid rgba(65,92,102,.78);border-radius:6px;background:#ffffffd9;z-index:3}.archive{left:20%;top:40%}.civil{left:35%;top:40%}.drag-room{left:70%;top:70%;border-style:dashed;border-color:#9b6c2d;background:#d5ab5852;box-shadow:0 0 0 7px #d5ab5814;z-index:8;touch-action:none;-webkit-user-select:none;user-select:none}.drag-room.is-valid{border-style:solid;background:#d5ab5880}.route-layer{position:absolute;inset:0;pointer-events:none}.route-cell{width:5%;height:5%;border-radius:3px;background:#61849152;opacity:0;transform:scale(.2)}.actions{position:absolute;right:7%;bottom:7%;display:flex;gap:8px;z-index:12;opacity:0;transform:translateY(8px);pointer-events:none;transition:.22s ease}.actions.is-visible{opacity:1;transform:none;pointer-events:auto}.primary,.secondary{border:0;border-radius:999px;padding:13px 17px;font-weight:850}.primary{background:#203038;color:#fff;box-shadow:0 12px 28px #2030383d}.secondary{background:#ffffffd9;color:#526871}.tray{display:flex;gap:10px;overflow-x:auto}.card{min-width:160px;padding:13px 14px;border:1px solid rgba(74,100,109,.2);border-radius:14px;background:#ffffffbd;box-shadow:0 8px 20px #2f454d12}.card strong{display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.card span{font-size:11px;color:#73878f}.card.muted{opacity:.45}.expand-button{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);border:0;border-radius:999px;padding:16px 24px;background:#203038;color:#fff;font-size:17px;font-weight:850;box-shadow:0 14px 32px #1f2d3440;z-index:20}.notice{position:absolute;top:max(22px,env(safe-area-inset-top));left:50%;transform:translate(-50%,-12px);z-index:30;opacity:0;border-radius:13px;padding:11px 16px;background:#1d292ff0;color:#fff;text-align:center;pointer-events:none}.notice strong{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.notice span{display:block;margin-top:3px;font-size:18px;font-weight:850}@media(min-width:760px){.blueprint-stage{padding-inline:28px}.room-tile{font-size:12px}}