.hq{--accent:#a54925;--ink:#483326;--muted:#776456;--wash:#f5e6d6;--map:min(560px,calc(100svh - 310px),50vw);width:100%;max-width:1280px;color:var(--ink);margin:0 auto;padding:10px 24px 28px;font-family:Arial,Noto Sans TC,sans-serif;line-height:1.5}.hq *{box-sizing:border-box}.hq p{margin:0}.hq button{font:inherit;cursor:pointer;color:var(--ink)}.hq :focus-visible{outline-offset:3px;outline:3px solid #dc961c}.hq-top{flex-wrap:wrap;align-items:center;gap:8px 18px;padding:4px 0 12px;display:flex}.hq-intro{flex:1;min-width:260px;font-size:18px;line-height:1.45}.hq-intro b{color:var(--accent);margin-right:4px}.hq-full{min-height:44px;color:var(--accent);white-space:nowrap;align-items:center;padding:0 4px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.hq-full:hover{text-decoration:underline}.hq-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"result""map""sites""actions";gap:14px;display:grid}.hq-result{grid-area:result}.hq-map{grid-area:map}.hq-sites{grid-area:sites}.hq-actions{grid-area:actions}@media (orientation:landscape) and (min-width:900px){.hq-body{grid-template-columns:var(--map) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"map result""map sites""map actions";align-items:start;gap:12px 22px}.hq-map{width:var(--map);min-width:340px}}.hq-map{justify-self:center;width:min(100%,680px)}.hq-svg{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;height:auto;display:block}.hq-tile{transition:fill .35s}.hq-spot{cursor:pointer;outline:none}.hq-spot .hq-spot-ring{stroke:#0000;stroke-width:6px}.hq-spot:hover .hq-spot-ring{stroke:#d9a24b88}.hq-spot:focus-visible .hq-spot-ring{stroke:#dc961c}.hq-pill{pointer-events:none}.hq-pill.tap{pointer-events:auto}.hq-result{background:#fffaf1;border:2px solid #e0cfb9;border-radius:16px;padding:12px 18px}.hq-result.pass{background:#eef7ec;border-color:#5f9f6d}.hq-line{font-size:22px;font-weight:700;line-height:1.3}.hq-big{color:var(--accent);vertical-align:-4px;margin:0 2px;font-size:52px;line-height:1}.hq-result.pass .hq-big{color:#1f6b3e}.hq-sub{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:16px;display:flex;margin-top:8px!important}.hq-base{color:var(--muted);background:#fff;border:1px solid #d8c8ad;border-radius:99px;padding:3px 12px;font-weight:700}.hq-status{color:#6d4512;font-weight:700}.hq-status.pass{color:#fff;background:#2f7d4b;border-radius:99px;padding:4px 14px;font-size:18px}.hq-people{flex-wrap:wrap;gap:6px 22px;margin-top:10px;display:flex}.hq-group>span{font-size:15px;font-weight:700;display:block}.hq-group>div{gap:3px;display:flex}.hq-face{flex-shrink:0;width:38px;height:42px}.hq-legend{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:15px;display:flex;margin-top:8px!important}.hq-legend span{align-items:center;gap:6px;display:inline-flex}.hq-legend i{border-radius:4px;width:18px;height:18px;display:inline-block}.hq-legend i.hot{background:#ea8f55}.hq-legend i.cool{background:#5fae86}.hq-key .hq-face{width:22px;height:24px}.hq-count{align-items:center;gap:10px;font-size:16px;display:flex;margin-bottom:8px!important}.hq-count b{color:var(--accent);font-size:22px}.hq-count span{gap:5px;display:inline-flex}.hq-count i{background:#fff;border:2px solid #8dbb93;border-radius:50%;width:16px;height:16px}.hq-count i.on{background:#2d8864;border-color:#2d8864}.hq-site-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.hq-site-buttons button{text-align:center;background:#fff;border:2px solid #cdbfa5;border-radius:12px;align-content:center;justify-items:center;gap:0;min-height:76px;padding:6px 4px;display:grid}.hq-site-buttons button:hover{background:#fffaf1}.hq-site-buttons b{font-size:24px;line-height:1.1}.hq-site-buttons span{word-break:keep-all;font-size:15px;line-height:1.3}.hq-site-buttons small{color:var(--muted);font-size:13px}.hq-site-buttons button.planted{background:#e3f2e1;border-color:#4f9a68}.hq-site-buttons button.planted small{color:#2d6e4f;font-weight:700}.hq-msg{background:#eef4ea;border-radius:10px;padding:9px 14px;font-size:16px;margin-bottom:10px!important}.hq-msg.warn{color:#694c13;background:#fff0c7;font-weight:700}.hq-buttons{flex-wrap:wrap;gap:10px;display:flex}.hq-primary,.hq-secondary{border-radius:12px;min-height:56px;padding:10px 22px;font-weight:700;font-size:18px!important}.hq .hq-primary{background:var(--accent);border:1px solid var(--accent);color:#fff;flex:1;min-width:220px;box-shadow:0 3px #0000002e}.hq .hq-primary:hover{filter:brightness(1.08)}.hq-secondary{background:#fff;border:1px solid #c7b9a2}.hq-secondary:hover{background:var(--wash)}.hq-secondary:disabled{opacity:.45;cursor:not-allowed}.hq-anim{z-index:1000;background:#2a1d14b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.hq-anim-card{background:#fffdf7;border-radius:18px;flex-direction:column;width:min(1100px,100%);height:min(760px,100%);display:flex;overflow:hidden;box-shadow:0 18px 50px #0006}.hq-anim-head{flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:14px 20px;display:flex}.hq-anim-head b{font-size:20px}.hq-anim-head span{color:var(--muted);font-size:16px}.hq-anim-scene{background:#e5ecdf;flex:1;min-height:0;position:relative}.hq-anim-scene .gg-canvas-wrap{touch-action:none;position:absolute;inset:0;overflow:hidden}.hq-anim-scene .gg-canvas{position:absolute;inset:0}.hq-anim-scene canvas{touch-action:none;width:100%;height:100%;display:block}.hq-anim-scene .gg-canvas-message{text-align:center;color:#365247;background:#e5ecdf;place-items:center;padding:30px;font-size:16px;display:grid;position:absolute;inset:0}.hq-anim-scene .gg-canvas-hint{display:none}.hq-anim-loading{color:var(--muted);place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.hq-anim-foot{justify-content:flex-end;gap:10px;padding:12px 16px;display:flex}.hq-anim-foot .hq-primary{flex:0 auto;min-width:140px}@media (max-width:899px),(orientation:portrait){.hq-result{padding:12px 16px}.hq-msg.warn{z-index:60;text-align:center;border:2px solid #d9a24b;padding:14px 18px;font-size:17px;position:fixed;bottom:20px;left:16px;right:16px;box-shadow:0 8px 24px #3b2a1f40;margin:0!important}}@media (max-width:600px){.hq{padding:8px 14px 24px}.hq-intro{flex-basis:100%;min-width:0;font-size:16px}.hq-top{gap:2px;padding-bottom:8px}.hq-full{min-height:40px}.hq-line{font-size:19px}.hq-big{font-size:44px}.hq-people{flex-wrap:nowrap;gap:4px 10px}.hq-group{min-width:0}.hq-face{width:26px;height:29px}.hq-group>div{gap:1px}.hq-legend .hq-key{display:none}.hq-anim-card{height:min(560px,100%)}.hq-site-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.hq-site-buttons button{min-height:70px}.hq-primary,.hq-secondary{padding:10px 14px}.hq .hq-primary{min-width:0}.hq-anim{padding:8px}.hq-anim-head{padding:10px 14px}.hq-anim-head b{font-size:17px}.hq-anim-head span{font-size:15px}.hq-anim-foot{padding:10px}.hq-anim-foot button{flex:1}}.hq-reduced .hq-tile{transition:none}@media (prefers-reduced-motion:reduce){.hq-tile{transition:none}}