:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17241f;background:#f4f6f4;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;min-height:520px;margin:0}button,select{font:inherit}button{cursor:pointer}.board-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:100%;padding:12px;overflow:hidden;background:#f4f6f4}.board-toolbar,.legend,.dimension-head{display:flex;align-items:center}.board-toolbar{flex-wrap:wrap;justify-content:space-between;gap:24px;margin-bottom:7px}.eyebrow{color:#567164;font-size:11px;font-weight:700;letter-spacing:.14em}h1,h2,p{margin:0}.board-toolbar h1{margin-top:3px;font-size:22px;letter-spacing:0}.toolbar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#5c6b64;font-size:12px}.view-switch{display:inline-grid;grid-template-columns:1fr 1fr;padding:2px;border:1px solid #b8c5be;border-radius:7px;background:#e9eeeb}.toolbar-meta .view-switch button{min-height:28px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:#617169;font-size:11px}.toolbar-meta .view-switch button.is-active{background:#fff;color:#173b2f;box-shadow:0 1px 4px #1e382d24}.toolbar-meta button,.detail-actions button,.message-card>button{min-height:34px;padding:0 14px;border:1px solid #b8c5be;border-radius:6px;background:#fff;color:#23483a;font-weight:650}.legend{gap:9px;padding:5px 0 9px;color:#66736d;font-size:12px;overflow-x:auto;white-space:nowrap}.legend-gradient{display:inline-block;width:104px;height:8px;border-radius:4px;background:linear-gradient(90deg,#e2eeeb,#29a864)}.legend-growth-frame{display:inline-block;width:42px;height:14px;border:4px solid #ef4438;border-radius:4px;background:#d8ddd9;box-shadow:0 0 7px #ef443857}.legend-divider{width:1px;height:14px;margin:0 3px;background:#c8d2cd}.player-key{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:2px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#53635b;transition:border-color .12s ease,background .12s ease,color .12s ease,opacity .12s ease}.player-key:hover,.player-key:focus-visible{border-color:#b9c7c0;background:#fff;color:#173b2f;outline:none}.player-key.is-active{background:#ffffffb3}.player-key.is-hidden{color:#8b9791;opacity:.62}.player-key.is-hidden i{position:relative;background:transparent;box-shadow:inset 0 0 0 2px var(--player-color)}.player-key.is-hidden i:after{position:absolute;top:4px;left:-2px;width:13px;height:1px;background:#77847e;content:"";transform:rotate(-45deg)}.player-toggle-all{min-height:26px;padding:2px 8px;border:1px solid #b8c5be;border-radius:6px;background:#fff;color:#23483a;font-size:11px;font-weight:650}.player-toggle-all:hover,.player-toggle-all:focus-visible{border-color:#6f8a7d;outline:none}.player-key i,.placement-row i{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--player-color)}.board-columns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:8px;min-height:0;overflow-x:auto;padding-bottom:12px}.dimension-column{display:grid;grid-template-rows:44px minmax(0,1fr);min-width:210px;overflow:hidden;border:1px solid #ccd5d0;border-radius:7px;background:#e8ece9}.dimension-head{gap:10px;padding:0 13px;border-bottom:1px solid #c8d2cd;background:#fff}.dimension-head span{color:#7a8c83;font-size:10px;font-variant-numeric:tabular-nums}.dimension-head h2{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.dimension-cells{display:flex;flex-direction:column;gap:5px;min-height:0;padding:5px;overflow-y:auto}.board-cell{position:relative;display:flex;flex:var(--cell-weight) 1 var(--cell-min-height);flex-direction:column;min-height:var(--cell-min-height);overflow:hidden;padding:3px;border:0;border-radius:5px;outline:none;background:var(--cell-perimeter);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.occupancy-perimeter .board-cell{padding:4px;background:var(--cell-perimeter)}.occupancy-perimeter .cell-surface{background:var(--cell-color);color:var(--cell-ink)}.occupancy-area .board-cell{padding:3px;border:1px solid rgb(67 83 75 / 34%);background:#e8ece9;box-shadow:none}.occupancy-area .board-cell.is-leaf:after{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;border-radius:5px;box-shadow:inset 0 0 0 var(--growth-frame-width) var(--growth-frame),var(--growth-glow);content:"";pointer-events:none}.occupancy-area .is-leaf>.cell-surface{border:0;background:var(--cell-color);color:#13231c}.occupancy-area .is-leaf>.cell-surface>.cell-head,.occupancy-area .is-leaf>.cell-surface>.cell-metrics{position:relative;z-index:2;width:fit-content;max-width:calc(100% - 10px);margin-right:5px;margin-left:5px;border:1px solid rgb(255 255 255 / 70%);border-radius:4px;background:#fafbf7db;box-shadow:0 1px 3px #192b231a;color:#15251e;text-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.occupancy-area .is-leaf>.cell-surface>.cell-head{margin-top:5px;padding:5px 8px}.occupancy-area .is-leaf>.cell-surface>.cell-metrics{align-self:stretch;width:auto;max-width:none;margin-top:auto;margin-bottom:5px;padding:4px 8px}.placement-tiles{position:absolute;z-index:0;top:3px;right:3px;bottom:3px;left:3px;display:none;overflow:hidden;border:1px solid rgb(43 62 53 / 28%);border-radius:3px;background:#d8ddd9}.occupancy-area .placement-tiles{display:block}.placement-tile{position:absolute;top:calc(var(--tile-y) * 1%);left:calc(var(--tile-x) * 1%);width:calc(var(--tile-width) * 1%);height:calc(var(--tile-height) * 1%);border:1.5px solid rgb(255 255 255 / 88%);background:var(--tile-color);opacity:.84}.placement-tile.is-unoccupied{border-color:#ffffffa3;background:#d8ddd9;opacity:1}.cell-surface{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;border-radius:2px;background:var(--cell-color);color:var(--cell-ink)}.board-cell:hover,.board-cell:focus-visible{z-index:2;outline:2px solid #2f617d;outline-offset:1px;box-shadow:0 0 0 2px #2f617d,0 5px 14px #1c2e2629;transform:translateY(-1px)}.cell-head,.cell-metrics{display:flex;align-items:center;justify-content:space-between;gap:8px}.cell-head{min-height:31px;padding:7px 16px 7px 9px}.cell-head strong{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.25;overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cell-head span{flex:none;font-size:10px;opacity:.68}.cell-metrics{margin-top:auto;min-height:21px;padding:2px 16px 7px 9px;font-size:10px;font-variant-numeric:tabular-nums;opacity:.82}.has-children{color:#1a2822}.has-children>.cell-surface{background:#f7f8f6;color:#1a2822}.has-children>.cell-surface>.cell-head{border-bottom:1px solid #d3d9d5;background:#eef1ee}.cell-children{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0;padding:4px}.level-2>.cell-surface>.cell-head{padding-left:12px}.level-3>.cell-surface>.cell-head{padding-left:17px}.cell-dialog{width:min(680px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));padding:0;overflow:auto;border:1px solid #c5b37a;border-radius:7px;background:#fbf2d4;color:#27332d;box-shadow:0 28px 70px #1c252157}.cell-dialog::backdrop{background:#111a1659;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid #c5b37a;border-radius:50%;background:#fff8df;color:#6b5a27;font-size:24px;line-height:1}#cellDialogBody{padding:30px}.detail-dimension{display:block;max-width:calc(100% - 50px);color:#7a6b3d;font-size:12px}#cellDialogBody h2{margin-top:9px;font-family:Georgia,Songti SC,serif;font-size:34px;letter-spacing:0}.detail-definition{margin-top:18px;font-size:16px;line-height:1.75}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.detail-grid>div{display:flex;flex-direction:column;min-height:120px;padding:14px;border:1px solid #d7c791;border-radius:5px;background:#fffbe8b8}.detail-grid span,.detail-grid small{color:#786b45;font-size:11px}.detail-grid strong{margin:11px 0 auto;color:#173a2e;font-family:Georgia,Songti SC,serif;font-size:24px;letter-spacing:0}.placement-detail{margin-top:18px;overflow:hidden;border:1px solid #d7c791;border-radius:5px;background:#fffbe8b8}.placement-detail-head,.placement-row{display:flex;align-items:center}.placement-detail-head{justify-content:space-between;gap:18px;padding:13px 15px;border-bottom:1px solid #dfd1a3}.placement-detail-head span,.placement-detail-head small,.placement-row small{color:#786b45;font-size:11px}.placement-detail-head h3{margin:3px 0 0;font-size:15px}.placement-list{display:grid}.placement-row{display:grid;grid-template-columns:26px 11px minmax(110px,1fr) minmax(72px,auto) minmax(88px,auto);gap:9px;min-height:38px;padding:7px 15px;border-top:1px solid rgb(215 199 145 / 52%);font-size:13px}.placement-row:first-child{border-top:0}.placement-row>span:nth-of-type(2),.placement-row small{text-align:right}.placement-rank{color:#907d44;font-family:Georgia,serif;font-size:11px}.placement-empty{padding:16px;color:#786b45;font-size:13px}.detail-actions{display:flex;justify-content:flex-end;margin-top:22px}.detail-actions button{border-color:#174639;background:#174639;color:#fffdf3}.message-shell{display:grid;min-height:100%;place-items:center;padding:24px;background:#f4f6f4}.message-card{width:min(560px,100%);padding:28px;border:1px solid #cbd5cf;border-radius:7px;background:#fff;box-shadow:0 12px 34px #26372f1a}.message-card h1{margin-top:8px;font-size:24px}.message-card>p{margin:12px 0 20px;color:#5c6963;line-height:1.65}.config-field{display:grid;gap:7px;margin-bottom:12px;color:#54635c;font-size:12px}.config-field select{width:100%;min-height:40px;padding:0 10px;border:1px solid #b8c6bf;border-radius:5px;background:#fff}.config-status{margin-top:12px!important;font-size:12px}@media (max-width: 760px){.board-shell{padding:10px}.board-toolbar{align-items:flex-start;flex-direction:column}.board-columns{grid-auto-columns:minmax(190px,84vw)}.detail-grid{grid-template-columns:1fr}.placement-row{grid-template-columns:24px 10px minmax(80px,1fr) auto}.placement-row small{display:none}}