.hh{max-width:600px;margin:auto;position:relative;font:14px/1.3 system-ui,sans-serif;color:#344f53}.hh *{box-sizing:border-box}.hh button,.hh input{font:inherit;color:inherit}.hh button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hh button:disabled{opacity:.45;cursor:default}.hh button:focus-visible,.hh canvas:focus-visible,.hh input:focus-visible{outline:3px solid #c09b59;outline-offset:2px}.hh-stage{height:610px;padding:9px;border:1px solid #b7b9a8;border-radius:14px;background:#eae8db;display:flex;flex-direction:column;gap:6px;overflow:hidden}.hh-top{display:flex;align-items:center;min-height:40px;gap:8px;flex:none}.hh-top strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.hh-menu{height:40px;width:42px;background:#d5e0d5;border:1px solid #9fae9e;border-radius:8px;font-size:20px!important}.hh-hud{display:flex;align-items:center;gap:7px;height:25px;flex:none;font-size:12px;font-variant-numeric:tabular-nums}.hh-hud>span{white-space:nowrap}.hh-alarm{min-width:80px;flex:1;height:23px;position:relative;overflow:hidden;border-radius:6px;background:#d0d4c5;border:1px solid #a3af9f}.hh-alarm i{position:absolute;inset:0 auto 0 0;background:#c68f73;width:0}.hh-alarm span{position:relative;display:block;line-height:21px;text-align:center;font-size:11px;font-weight:700}.hh-goal{font-size:12px;font-weight:700;min-height:28px;display:flex;align-items:center;flex:none}.hh-map{display:block;width:100%;min-height:0;flex:1;border-radius:8px;background:#2b4752;touch-action:manipulation}.hh-notice{height:27px;font-size:10px;line-height:1.25;overflow:hidden;display:flex;align-items:center;color:#657667;flex:none}.hh-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:none}.hh-actions button{min-height:41px;min-width:0;padding:5px 4px;border:1px solid #adbaa6;background:#f8f3e5;border-radius:8px;font-weight:650;font-size:12px}.hh-actions .hh-inspect{grid-column:span 2;background:#537b78;color:#fff5df;border-color:#537b78}.hh-actions .hh-stance[aria-pressed=true]{background:#c7d9ca}.hh-foot{font-size:10px;min-height:13px;text-align:center;color:#758273;flex:none}.hh-overlay{position:absolute;inset:0;z-index:5;background:#203a44bc;border-radius:14px;padding:12px;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(3px)}.hh-panel{width:min(100%,450px);max-height:100%;padding:16px;background:#f6f0e2;border:1px solid #bcb9a1;border-radius:12px;display:flex;flex-direction:column;gap:8px;overflow:auto;overscroll-behavior:contain}.hh-panel h2{font-size:19px;line-height:1.25;margin:0 0 4px}.hh-panel p{margin:2px 0;font-size:12px;line-height:1.5}.hh-panel button{min-height:42px;text-align:start;border:1px solid #acb7a1;border-radius:8px;background:#e4e7d7;padding:8px 10px}.hh-panel .hh-primary{background:#537b78;color:#fff6df;border-color:#537b78}.hh-panel .hh-cancel{background:#f7f1e5}.hh-kit strong,.hh-kit small,.hh-gear strong,.hh-gear small{display:block}.hh-kit small,.hh-gear small{font-size:11px;line-height:1.4;margin-top:3px;color:#687761}.hh-gear[aria-pressed=true]{border-color:#648778;background:#d8e3d2}.hh-modes{display:flex;gap:6px}.hh-modes button{flex:1}.hh-seed{width:100%;min-height:40px;min-width:0;border:1px solid #b6bba6;background:#fff9ec;border-radius:6px;padding:7px}.hh-error{color:#a75f47}@media(max-width:480px){.hh-stage{height:516px;padding:8px;gap:5px}.hh-top strong{font-size:12px}.hh-hud{font-size:11px;height:24px}.hh-goal{font-size:11px;min-height:25px}.hh-notice{height:24px;font-size:9px}.hh-actions button{font-size:11px;min-height:40px}.hh-foot{font-size:9px}.hh-panel{padding:12px}.hh-panel h2{font-size:17px}.hh-panel button{font-size:12px}.hh-overlay{padding:9px}}@media(prefers-reduced-motion:reduce){.hh *{animation:none!important;transition:none!important}}