:root{--glass: rgba(15, 23, 38, .78);--glass-line: rgba(255, 255, 255, .12);--text: #eef2fb;--sub: #a8b3c7;--accent: #ffcf5a;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#20467f;color:var(--text);font:14px/1.5 system-ui,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#map{position:fixed;inset:0;width:100vw;height:100dvh;display:block;touch-action:none}button,input{font:inherit;color:inherit}button{cursor:pointer}.bar{position:fixed;display:flex;gap:8px;z-index:2;pointer-events:none}.bar>*{pointer-events:auto}.bar.top{top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);justify-content:space-between}.bar.side{right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + 16px);flex-direction:column;align-items:flex-end}.pill{display:flex;align-items:center;gap:2px;height:44px;padding:0 4px;border:1px solid var(--glass-line);border-radius:22px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pill input{width:9em;min-width:0;height:36px;padding:0 10px;border:0;border-radius:18px;background:#ffffff14;font-size:16px}.pill button,.pill.icon{min-width:44px;height:44px;border:0;background:none;font-size:18px;display:grid;place-items:center}.pill.icon{padding:0;border:1px solid var(--glass-line);background:var(--glass)}.pill.icon.on{color:var(--accent)}.pill.icon.stage{font-size:12px;font-weight:700}.seg{display:flex;flex-direction:column;border:1px solid var(--glass-line);border-radius:14px;overflow:hidden;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.seg button{min-width:56px;height:40px;border:0;background:none;font-size:13px;color:var(--sub)}.seg button.on{color:#111;background:var(--accent);font-weight:700}.mode{position:fixed;left:50%;top:calc(var(--safe-t) + 62px);transform:translate(-50%);padding:2px 10px;border-radius:10px;background:#0f172699;color:var(--sub);font-size:11px;pointer-events:none;z-index:2;white-space:nowrap}.sheet{position:fixed;left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 76px);bottom:calc(var(--safe-b) + 8px);max-height:46dvh;overflow:auto;padding:6px 14px 14px;border:1px solid var(--glass-line);border-radius:18px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:3;animation:rise .18s ease-out}.sheet[hidden]{display:none}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.grip{width:36px;height:4px;margin:2px auto 8px;border-radius:2px;background:#ffffff40}.sheet h2{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}.sheet h2 .sw{width:14px;height:14px;border-radius:4px;flex:none}.sheet .role{color:var(--sub);font-size:12px;margin-bottom:8px}.sheet .yields{display:flex;gap:12px;margin:6px 0 8px;font-size:15px}.sheet .yields b{font-size:17px}.sheet dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:13px}.sheet dt{color:var(--sub)}.sheet dd{margin:0}.sheet hr{border:0;border-top:1px solid var(--glass-line);margin:10px 0}.sheet .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.sheet .chip{padding:1px 8px;border-radius:10px;background:#ffffff14;font-size:12px}.sheet .chip.weak{opacity:.55}.sheet .ok{color:#8be08b}.sheet .ng{color:#ff8a80}