:root{color:#17201c;background:#eef0e8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{color:#17201c;font:inherit;cursor:pointer;background:#f8faf3;border:1px solid #b9c1b2;border-radius:6px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{grid-template-columns:minmax(0,1fr) 360px;min-height:100vh;display:grid}.map-panel{grid-template-rows:auto 1fr;min-width:0;padding:16px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.top-actions{align-items:center;gap:8px;display:flex}.badge{color:#315a31;border:1px solid #8aa081;border-radius:999px;margin-left:10px;padding:3px 8px;font-size:12px;display:inline-flex}.map-surface{background:#d7ddce;border:1px solid #c9cfbf;border-radius:8px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.map-surface:before{content:"边缘区";color:#6f7969;font-size:12px;position:absolute;inset:10px auto auto 12px}.board{--pad-x:8%;--pad-y:8%;aspect-ratio:7/8;touch-action:none;background:#f3d28b;border:1px solid #a9874c;border-radius:8px;width:min(86vw,78vh - 87.36px);max-width:840px;position:relative;box-shadow:inset 0 0 0 12px #c29b5c}.grid-line{z-index:0;pointer-events:none;background:#8f6e38;position:absolute}.grid-line.horizontal{left:var(--pad-x);right:var(--pad-x);top:calc(var(--pad-y) + var(--row) * (100% - var(--pad-y) * 2) / 7);height:1px}.grid-line.vertical{top:var(--pad-y);bottom:var(--pad-y);left:calc(var(--pad-x) + var(--col) * (100% - var(--pad-x) * 2) / 6);width:1px}.node,.piece{left:calc(var(--pad-x) + var(--col) * (100% - var(--pad-x) * 2) / 6);top:calc(var(--pad-y) + var(--row) * (100% - var(--pad-y) * 2) / 7);position:absolute;transform:translate(-50%,-50%)}.node{z-index:1;background:0 0;border:0;border-radius:50%;width:clamp(18px,4vw,30px);height:clamp(18px,4vw,30px);padding:0}.node:hover{background:#ffffff57}.piece{color:#6e2318;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;background:#fff7de;border:2px solid #5e3520;border-radius:50%;place-items:center;width:clamp(34px,6vw,52px);height:clamp(34px,6vw,52px);font-weight:700;display:grid;box-shadow:0 3px 8px #3f2d163d}.piece.enemy{color:#1e4f63}.piece.selected{outline-offset:2px;outline:3px solid #27825b}.piece.bonus:after{content:"+9";color:#fff;background:#c8472f;border-radius:999px;min-width:24px;height:18px;font-size:11px;line-height:18px;position:absolute;top:-8px;right:-8px}.piece.dragging{opacity:.78;z-index:5;transform:translate(-50%,-50%)}.side-panel{background:#fbfcf7;border-left:1px solid #ccd2c4;grid-template-rows:auto 1fr;gap:12px;height:100vh;min-height:0;padding:16px;display:grid;overflow:hidden}#actionsPanel,#inspectorPanel,#drawerBody{min-height:0}#inspectorPanel{scrollbar-gutter:stable;padding-right:4px;overflow:auto}.panel-block{align-content:start;gap:12px;display:grid}.panel-block h2{margin:0;font-size:18px}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.config-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.config-grid label{color:#465044;gap:4px;min-width:0;font-size:12px;display:grid}.config-grid input{color:#17201c;min-width:0;height:34px;font:inherit;background:#fffef8;border:1px solid #c9cfbf;border-radius:6px;padding:6px 8px}.button-grid button,.selected-box button,.response-list button,.drawer-toolbar button,.drawer-head button,.segmented button,.icon-text{min-height:36px;padding:7px 10px}button.primary,.segmented button.active{color:#fff;background:#276f52;border-color:#276f52}.selected-box{background:#f2f5ec;border:1px solid #d7ddce;border-radius:8px;gap:8px;padding:10px;display:grid}.io-text{resize:vertical;color:#17201c;background:#fffef8;border:1px solid #c9cfbf;border-radius:8px;width:100%;min-height:110px;max-height:220px;padding:10px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.error{color:#a33122;margin:0;font-weight:600}.loading-text{color:#315a31;background:#eef2e8;border:1px solid #b9c1b2;border-radius:8px;margin:0;padding:8px 10px;font-weight:600}.muted{color:#687365;margin:0}.score-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.score-row span,.frame-label{background:#eef2e8;border-radius:8px;margin:0;padding:10px}.response-list{gap:8px;display:grid}.response-list button{text-align:left;gap:4px;display:grid}.response-list small{color:#566053;font-size:12px;line-height:1.35}.response-list .worst-response{background:#fff4ef;border-color:#a33122}.response-list .worst-response.primary{color:#fff;background:#8e3a2b}.response-list .worst-response.primary small{color:#ffe4dc}.route-list{gap:8px;margin:0;padding-left:20px;display:grid}.route-list li{border-radius:8px;padding:8px}.route-list span{color:#465044;margin-top:4px;font-size:13px;display:block}.active-route{background:#edf4df}.mobile-only,.drawer,.help-modal{display:none}.help-modal.open{z-index:30;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-backdrop{background:#17201c6b;position:absolute;inset:0}.help-dialog{background:#fbfcf7;border:1px solid #c9cfbf;border-radius:8px;grid-template-rows:auto 1fr;width:min(720px,100%);max-height:min(760px,100vh - 40px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 60px #17201c42}.help-head{border-bottom:1px solid #d7ddce;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.help-content{padding:16px;overflow:auto}.help-content h3{margin:18px 0 8px;font-size:16px}.help-content h3:first-child{margin-top:0}.help-content p{color:#3e4840;margin:0 0 10px;line-height:1.6}@media (width<=820px){.app-shell{--drawer-reserved:58px;min-height:100svh;display:block}body.drawer-half-open .app-shell{--drawer-reserved:min(38svh, 360px)}.map-panel{min-height:100svh;padding:12px 12px calc(12px + var(--drawer-reserved) + env(safe-area-inset-bottom))}.desktop-panel{display:none}.mobile-only{justify-content:center;align-items:center;display:inline-flex}.map-surface{min-height:max(260px, calc(100svh - 76px - var(--drawer-reserved) - env(safe-area-inset-bottom)))}.board{width:min(94vw, calc((100svh - 124px - var(--drawer-reserved)) * .86))}.drawer{z-index:20;height:min(38svh,360px);min-height:0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#fbfcf7;border:1px solid #c9cfbf;border-bottom:0;border-radius:14px 14px 0 0;grid-template-rows:auto auto 1fr;gap:10px;display:grid;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -12px 40px #17201c2e}.drawer.drawer-collapsed{height:calc(58px + env(safe-area-inset-bottom));padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));grid-template-rows:auto;gap:0}.drawer.drawer-full{height:calc(100svh - 12px)}.drawer.drawer-collapsed .drawer-head,.drawer.drawer-collapsed .segmented,.drawer.drawer-collapsed #drawerBody{display:none}.drawer-toolbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-height:42px;display:grid}.drawer-toolbar button{white-space:nowrap;min-width:0;padding:7px 4px;font-size:13px}.help-modal.open{padding:12px}.help-dialog{max-height:calc(100svh - 24px)}.drawer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer-head-actions{gap:8px;display:flex}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.config-grid{grid-template-columns:1fr}#drawerBody{scrollbar-gutter:stable;padding-right:4px;overflow:auto}}