
.h26{position:relative;isolation:isolate;padding:6px 0 4px;margin:0 auto;max-width:760px}
.h26-scene{position:absolute;inset:-12px -16px auto;height:520px;width:calc(100% + 32px);z-index:-1;border-radius:0 0 30px 30px;display:block}
.h26-h1{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8badc3;font-weight:700;margin:6px 4px 10px}
.h26-ans{padding:20px 18px 18px;margin:0}.h26-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.h26-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font-size:12px;font-weight:700;background:#ffffff14;color:#ccf6ff}
.h26-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.h26-ans[data-lvl="go"] .h26-pill{background:#12bae026;color:#5cf0bb}.h26-ans[data-lvl="mid"] .h26-pill{background:#ffb02033;color:#ffc25a}.h26-ans[data-lvl="no"] .h26-pill{background:#ff5a6a26;color:#ff8a95}
.h26-loc{margin-left:auto;font-size:12.5px;color:#9abdd3;display:flex;align-items:center;gap:4px}.h26-loc select{background:transparent;color:#ddf9ff;border:0;font:inherit;font-weight:600;padding:6px 2px;min-height:36px}
.h26-loc select option{color:#000}
.h26-verdict{font-size:clamp(26px,7.6vw,38px);line-height:1.1;letter-spacing:-.03em;margin:14px 0 10px;font-weight:750;color:#fff}
.h26-who{color:#cce7ed;font-size:15px;margin:0 0 6px}.h26-nums{color:#8badc3;font-size:12.5px;margin:0}
.h26-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0}.h26-tiles div{padding:11px 4px;text-align:center;border-radius:18px}
.h26-tiles b{display:block;font-size:21px;letter-spacing:-.02em;color:#fff}.h26-tiles small{font-size:11px;color:#8badc3;display:block;line-height:1.25}
.h26-lbl{font-size:11px;letter-spacing:.12em;color:#8badc3;font-weight:700;text-transform:uppercase;margin:18px 4px 9px}
.h26-hours{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.h26-hours::-webkit-scrollbar{display:none}
.h26-hr{flex:none;scroll-snap-align:start;padding:9px 14px;border-radius:16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:48px;background:#ffffff0d;color:#dfe;border:1px solid #ffffff22}
.h26-hr span{display:block;font-size:11px;opacity:.8;font-weight:500}
.h26-hr.go{background:#12bae026;color:#5cf0bb;border-color:#12bae055}.h26-hr.mid{background:#ffb02026;color:#ffc25a;border-color:#ffb02055}.h26-hr.no{background:#ff5a6a26;color:#ff8a95;border-color:#ff5a6a55}
.h26-hr[aria-selected="true"]{outline:2px solid #fff;outline-offset:1px}
.h26-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}.h26-act .bsr-hear{margin:0;flex:1 1 auto}
.h26-act .bh-btn{min-height:44px;padding:8px 15px;font-size:14px}.h26-act .bh-cap{font-size:11.5px}
.h26-more{min-height:44px;padding:8px 16px;border-radius:99px;border:1px solid #85daed55;background:#ffffff0f;color:#ddf9ff;font:inherit;font-weight:600;cursor:pointer;touch-action:none}
.h26-map{display:block;margin:16px 0 0;height:150px;position:relative;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(160deg,#032c52,#02203c)}
.h26-map .land{position:absolute;left:-30px;top:-10px;width:120px;height:190px;background:#0f2b46;border-radius:0 60% 40% 0}
.h26-map i{position:absolute;width:7px;height:7px;border-radius:50%;background:#37caeb;box-shadow:0 0 6px #37caeb}
.h26-map .cap{position:absolute;left:14px;right:14px;bottom:12px;padding:10px 12px;border-radius:16px;font-size:13px}.h26-map .cap b{display:block;font-size:14.5px}.h26-live{color:#5cf0bb}
.h26-disc{font-size:11.5px;color:#7c9bae;margin:10px 4px 0}.h26-disc a{color:#99ecff}
.h26-sheet{position:fixed;inset:0;z-index:1000}.h26-dim{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .25s}
.h26-panel{position:absolute;left:0;right:0;bottom:0;max-height:82vh;overflow:auto;border-radius:30px 30px 0 0;background:rgba(6,33,58,.96);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #85daed33;padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);max-width:640px;margin:0 auto}
.h26-sheet.on .h26-panel{transform:none}.h26-sheet.on .h26-dim{opacity:1}
.h26-grab{display:block;width:100%;height:28px;background:none;border:0;cursor:grab;touch-action:none}.h26-grab:before{content:"";display:block;width:42px;height:5px;border-radius:9px;background:#8badc388;margin:0 auto}
.h26-panel h2{font-size:20px;margin:0}.h26-panel>p{color:#9bb5c5;font-size:13.5px;margin:4px 0 0}
.h26-ch{margin:14px 0 6px;padding:10px;border-radius:20px;background:#ffffff08}.h26-ch svg{width:100%;height:auto;display:block}
.h26-lg{display:flex;gap:14px;font-size:12px;color:#9bb5c5}.h26-lg .w{color:#ffc25a}.h26-lg .h{color:#37caeb}
.h26-whol{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px;font-size:13.5px}.h26-whol li{padding:8px 12px;border-radius:14px;background:#ffffff0a;border-left:3px solid #8badc3}
.h26-whol li.go{border-color:#5cf0bb}.h26-whol li.mid{border-color:#ffc25a}.h26-whol li.no{border-color:#ff8a95}
.h26-tm{margin:6px 0 0;padding:14px;border-radius:18px;background:#ffffff0a;font-size:14px}.h26-tm b.go{color:#5cf0bb}.h26-tm b.mid{color:#ffc25a}.h26-tm b.no{color:#ff8a95}
.h26-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0 0;font-size:13.5px}.h26-links a{color:#77e0f8}
html.h26-lock{overflow:hidden}
@media (min-width:900px){.h26-scene{border-radius:30px;inset:-8px 0 auto;width:100%}}
@media (prefers-reduced-motion:reduce){.h26-panel,.h26-dim{transition:none}}
/* v5.61.3: the full-bleed sea scene is 32px wider than its column; never let it create a horizontal scroll on phones */
html,body{overflow-x:clip}
