.v4-sea{position:relative;width:100%;height:100%;overflow:hidden;background:#77afba;color:#415e58;font-family:inherit}.v4-sea *{box-sizing:border-box}.v4-sea-canvas{position:absolute;inset:0}.v4-sea button,.v4-sea input{font:inherit;color:inherit}.v4-sea button{cursor:pointer;border:1px solid #d7cfad;background:#fff7e7;border-radius:16px;padding:11px 16px;font-weight:700;box-shadow:0 3px 0 #536f6820;min-height:44px;transition:background .15s,transform .15s}.v4-sea button:hover{background:#fffdf2;transform:translateY(-1px)}.v4-sea button:disabled{opacity:.6;cursor:default}.v4-sea button:focus-visible,.v4-sea input:focus-visible{outline:3px solid #f3c965;outline-offset:3px}.v4-sea-header{position:absolute;left:28px;top:24px;right:28px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.v4-sea-header>*{pointer-events:auto}.v4-sea-title{background:#fff8e8ed;border:1px solid #e2d7b6;padding:15px 24px 16px;border-radius:24px;box-shadow:0 6px 26px #29545a12}.v4-sea-title span{font-size:11px;letter-spacing:2px;color:#89876e}.v4-sea-title h1{font-size:28px;margin:4px 0;color:#405c53;font-weight:800;letter-spacing:-1px}.v4-sea-title p{font-size:12px;margin:0;color:#7b8068}.v4-sea-home{font-size:14px!important}.v4-sea-finder{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:350px;max-width:calc(100% - 40px);z-index:4}.v4-sea-search{display:flex;gap:7px;background:#fff9ecf2;border:1px solid #d8d7bc;padding:5px;border-radius:19px;box-shadow:0 6px 25px #22545b13}.v4-sea-search input{width:0;flex:1;min-width:0;border:0;background:transparent;font-size:14px;padding:0 12px;outline:none}.v4-sea-search button{border:0;box-shadow:none;background:#e4ebd9;font-size:12px;padding:8px 12px}.v4-sea-results{margin-top:8px;border:1px solid #d8d7bc;border-radius:18px;overflow:auto;max-height:45vh;background:#fff9ec;box-shadow:0 6px 24px #28505425}.v4-sea-results button{border:0;box-shadow:none;display:flex;width:100%;text-align:left;border-radius:0;gap:12px;font-size:14px;border-bottom:1px solid #e6e2d0;align-items:center}.v4-sea-results button span:last-child{margin-left:auto}.v4-sea-results p{font-size:13px;margin:16px}.v4-sea button.v4-sea-today{display:block;margin:9px auto 0;font-size:12px;padding:8px 15px;min-height:36px;background:#f9eed3de;color:#6d7353;border-color:#e4d6ac}.v4-sea-tools{position:absolute;bottom:24px;right:28px;display:flex;gap:7px;align-items:center}.v4-sea-tools button{padding:9px 13px;min-width:44px;font-size:13px}.v4-sea-tools button[style]{position:static!important;inset:auto!important;background:#fff7e7!important;border-radius:16px!important;padding:9px 13px!important;min-height:44px!important;box-shadow:0 3px 0 #536f6820!important}.v4-sea-hint{position:absolute;left:28px;bottom:22px;margin:0;color:#244e52;font-size:14px;font-weight:700;background:#e4f1e8cb;border:1px solid #e6f0d871;border-radius:16px;padding:12px 18px;pointer-events:none}.v4-sea-hint small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#497272}.v4-sea-destination{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;background:#fff8e8;border:1px solid #dfd3ae;box-shadow:0 7px 28px #34574f22;border-radius:22px;padding:15px 16px 15px 24px;max-width:calc(100% - 28px);z-index:3}.v4-sea-destination small{font-size:11px;color:#8a8e6c}.v4-sea-destination h2{font-size:20px;margin:4px 0;white-space:nowrap;color:#476b59}.v4-sea-destination button{white-space:nowrap}.v4-sea button.v4-sea-sail{background:#527f68;color:#fff6df;border-color:#527f68;padding:13px 20px}.v4-sea-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff9e9ef;padding:15px 24px;border:1px solid #d7d6b8;border-radius:20px;color:#48654f;font-size:14px;z-index:4;max-width:90%;text-align:center}.v4-sea-transition{position:absolute;inset:0;pointer-events:none;background:#8cc4c6;z-index:10}.v4-sea-transition.cover{animation:v4-sea-cover .46s both}.v4-sea-transition.reveal{animation:v4-sea-reveal .72s both}@keyframes v4-sea-cover{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes v4-sea-reveal{from{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}.v4-sea-inspect{position:absolute;top:170px;left:12px;z-index:15;font:11px monospace;background:#fff9e8dc;padding:7px;border-radius:9px;color:#333}.v4-sea-inspect p{margin:4px}.v4-sea-inspect button,.v4-sea-inspect a{padding:4px;font:11px monospace;min-height:28px;border-radius:5px;margin:2px}.v4-sea-inspect a{color:#486c58}
@media(max-width:900px){.v4-sea-header{left:18px;right:18px;top:18px}.v4-sea-title{padding:12px 18px}.v4-sea-title h1{font-size:24px}.v4-sea-finder{top:26px;width:300px}.v4-sea-destination{bottom:86px}.v4-sea-tools{bottom:20px;right:18px}.v4-sea-hint{left:18px;bottom:82px;font-size:12px}}
@media(max-width:650px){.v4-sea-header{top:16px;left:14px;right:14px}.v4-sea-title{padding:11px 17px;border-radius:20px}.v4-sea-title h1{font-size:23px}.v4-sea-title span{font-size:9px}.v4-sea-title p{display:none}.v4-sea-home{font-size:12px!important;padding:11px 13px!important}.v4-sea-finder{top:109px;width:calc(100% - 28px);max-width:420px}.v4-sea-tools{right:50%;transform:translateX(50%);bottom:21px;gap:6px;white-space:nowrap}.v4-sea-tools button{padding:9px 11px;min-width:40px;font-size:12px}.v4-sea-hint{bottom:83px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);text-align:center;font-size:12px;padding:10px 15px}.v4-sea-destination{bottom:84px;gap:10px;padding:12px 13px;width:calc(100% - 28px);justify-content:space-between;border-radius:19px}.v4-sea-destination h2{font-size:16px;white-space:normal}.v4-sea button.v4-sea-sail{font-size:12px;padding:11px}.v4-sea-destination>button:last-child{padding:8px;min-width:35px}.v4-sea-inspect{top:205px;max-width:230px}}
@media(prefers-reduced-motion:reduce){.v4-sea *{animation-duration:1ms!important;transition:none!important}}