.oceanSplash{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:linear-gradient(180deg,#075d88,#03213d);color:#fff;text-align:center;transition:.45s}.oceanSplash.hide{opacity:0;pointer-events:none}.oceanSplash img{width:min(390px,86vw);aspect-ratio:16/9;object-fit:cover;border-radius:25px;box-shadow:0 20px 50px #001526aa}.oceanSplash h1{margin:18px 0 4px;font-size:38px;letter-spacing:3px}.oceanSplash p,.oceanSplash small{color:#bcecf4}.oceanSplash i{width:145px;height:6px;margin:18px 0 10px;border-radius:8px;background:linear-gradient(90deg,#56e9ff,#fff082,#56e9ff);background-size:200%;animation:load 1s linear infinite}@keyframes load{to{background-position:200%}}.game-hidden{display:none!important}.ocean-lobby{position:fixed;z-index:12;inset:0;overflow:auto;color:#fff;background:radial-gradient(circle at 75% 10%,#00a6c455,transparent 31%),linear-gradient(180deg,#075d88,#063b64 45%,#03213d);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}.lobby-top{position:sticky;z-index:3;top:0;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;background:#053b62e8;backdrop-filter:blur(12px);box-shadow:0 5px 18px #001a2c66}.avatarBtn{width:48px;height:48px;border:2px solid #9cf4ff;border-radius:50%;background:#087c9c;font-size:27px}.player{min-width:0;flex:1}.player b,.player small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player small{color:#aeeaf6;margin-top:3px;font-size:11px}.resources{display:flex;gap:5px}.pill{padding:7px 8px;border:1px solid #ffffff2b;border-radius:14px;background:#032945;font-size:11px;font-weight:800}.lobby-hero{padding:20px 16px 10px;text-align:center}.lobby-hero h1{margin:0;font-size:30px;letter-spacing:2px;text-shadow:0 3px 15px #42eaff}.lobby-hero p{margin:5px 0;color:#bcefff;font-size:12px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 12px 14px}.quick button{min-height:66px;border:1px solid #82eaff44;border-radius:18px;background:linear-gradient(145deg,#0b7792,#07527c);box-shadow:0 7px 16px #001a2c66;color:#fff}.quick span,.quick b{display:block}.quick span{font-size:24px}.quick b{margin-top:3px;font-size:11px}.journey{position:relative;margin:0 12px 130px;padding:18px 12px 28px;border:1px solid #84eaff44;border-radius:26px;background:linear-gradient(180deg,#08779699,#063556cc);box-shadow:0 15px 35px #00182b88}.journey h2{margin:0 0 18px;text-align:center;font-size:17px}.route{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:25px 18px}.route:before{content:"";position:absolute;left:16%;right:16%;top:25px;bottom:25px;border-left:5px dotted #7eeeff55;border-right:5px dotted #7eeeff55}.levelNode{position:relative;z-index:1;width:62px;height:62px;margin:auto;border:3px solid #9cf6ff;border-radius:50%;background:linear-gradient(145deg,#17bdd1,#08759c);box-shadow:0 6px 14px #001d31aa;color:#fff;font-size:15px;font-weight:900}.levelNode small{display:block;font-size:9px;color:#ffec8e}.levelNode.locked{border-color:#7192a0;background:#315268;color:#a9bec8;filter:saturate(.3)}.levelNode.current{animation:pulse 1.6s infinite;border-color:#fff281;background:linear-gradient(145deg,#ffbd45,#e47b2b);transform:scale(1.12)}@keyframes pulse{50%{box-shadow:0 0 0 10px #fff16b25,0 8px 18px #001d31}}.continueBar{position:fixed;z-index:4;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);display:flex;gap:8px;padding:10px;border:1px solid #a6f7ff55;border-radius:22px;background:#032b49ee;box-shadow:0 12px 35px #00121eee;backdrop-filter:blur(12px)}.continueBar .stock{flex:1;display:flex;justify-content:space-around;align-items:center;font-size:11px}.playNow{min-width:145px;padding:13px 17px;border-radius:16px;background:linear-gradient(135deg,#ffd44f,#ef7d2d);box-shadow:0 6px 16px #de6d2f77;color:#fff;font-weight:900}.hallBtn{height:36px!important;padding:0 10px!important;border-radius:12px!important;background:#077798!important;font-size:12px!important}.miniModal{position:fixed;z-index:40;inset:0;display:none;align-items:center;justify-content:center;padding:25px;background:#001526cc;backdrop-filter:blur(8px)}.miniModal.show{display:flex}.miniCard{position:relative;width:min(350px,94vw);max-height:88vh;overflow:auto;padding:22px;border:1px solid #93efff66;border-radius:25px;background:linear-gradient(160deg,#08728b,#052c52);box-shadow:0 25px 60px #00111ccc;text-align:center}.miniCard h2{margin:4px 0 15px}.miniCard input{width:100%;height:44px;margin:8px 0;padding:0 12px;border:1px solid #84edff66;border-radius:13px;background:#03243e;color:#fff}.avatars{display:flex;justify-content:center;gap:7px;margin:10px 0}.avatars button{width:41px;height:41px;border-radius:50%;background:#ffffff1d;font-size:22px}.avatars button.active{outline:3px solid #ffe681}.miniAction{width:100%;height:45px;margin-top:8px;border-radius:14px;background:linear-gradient(135deg,#19bfd2,#176bc3);color:#fff;font-weight:850}.miniClose{position:absolute;right:12px;top:10px;width:32px;height:32px;border-radius:50%;background:#ffffff18;color:#fff}.settingRow{display:flex;justify-content:space-between;padding:13px 3px;border-bottom:1px solid #ffffff18;text-align:left}.settingRow button{padding:5px 12px;border-radius:10px;background:#ffffff20;color:#fff}@media(max-width:370px){.pill{padding:6px 5px}.quick{gap:5px}.quick button{min-height:60px}.playNow{min-width:128px}.levelNode{width:56px;height:56px}}