:root{--ink:#112b61;--muted:#627493;--paper:#f4f8fb;--line:#d3e1eb;--accent:#0874cb;--soft:#e6f1f8}body{background:#f4f8fb;color:var(--ink);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif}.brand span{font-size:20px}.brand small{font-size:9px;letter-spacing:.13em}.oink-entry h1,.lobby-heading h1{font-family:inherit;letter-spacing:-.04em}.oink-entry em,.lobby-heading em{color:#187bbf}.box-stage{background:#d9edf7}.box-stage img{max-height:330px}.original-table{border-radius:0 38px 0 38px;overflow:hidden}.original-table img{object-fit:cover}.game-heading h2{font-size:clamp(22px,2.7vw,34px);letter-spacing:-.04em}.phase-badge{background:#123975;color:white}.trend{border-top:1px solid #dc8897;border-bottom:1px solid #dc8897;background:#fff4f4;padding:11px 18px;display:flex;gap:18px;align-items:center;margin-bottom:20px;font-size:13px}.trend b{color:#a9274b;white-space:nowrap}.whale-table{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.ocean-panel{min-width:0;background:#e6f3fa;border-radius:24px;padding:14px 12px 0;border:1px solid #c5e0ee}.ocean-key{display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px}.ocean-key>span{display:flex;align-items:center;gap:4px}.whale{width:39px;height:28px;fill:#f9f9ed;stroke:#14244a;stroke-width:1.5;overflow:visible}.whale circle{fill:#102347;stroke:none}.whale.orca{fill:#111b32}.whale.orca circle,.whale.orca ellipse{fill:#f8faf6;stroke:none}.ocean{position:relative;aspect-ratio:1.48;max-width:940px;margin:14px auto 0;isolation:isolate}.diamond{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:24%;height:30%;padding:0;border:0;background:transparent;display:block;color:inherit;cursor:default;opacity:1!important}.diamond:before{content:'';position:absolute;inset:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:-1}.area{color:#f3f8ff;z-index:2}.area:before{background:#063f91}.area-number{position:absolute;left:47%;top:9%;font-family:Georgia,serif;font-size:18px}.area .fleet{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;position:absolute;left:18%;width:64%;top:28%;height:43%}.empty-water{font-size:27px;color:#5189c1}.capacity{position:absolute;bottom:11%;left:0;right:0;font-size:10px;color:#d8e9ff}.area.destination{cursor:pointer;filter:drop-shadow(0 0 4px #ffc928)}.area.destination:before{background:#236dd2;box-shadow:inset 0 0 5px gold}.area.destination .capacity:after{content:' →';color:#ffe751}.area:focus-visible,.fish:focus-visible{outline:3px solid #e39903;outline-offset:-8px}.fish{z-index:1;color:#163979}.fish:before{background:repeating-linear-gradient(0deg,#c9e6f2 0 2px,#deeff7 2px 5px)}.fish.known:before{background:#f6fbfc}.fish.known.public:before{background:#d6edf8}.fish-index{position:absolute;top:12%;left:0;right:0;font-size:9px;color:#718ca9}.fish-number{display:block;position:absolute;top:29%;left:0;right:0;line-height:1;font-family:Georgia,serif;font-size:clamp(22px,3.5vw,44px);font-weight:700}.fish-school{position:absolute;left:0;right:0;top:36%;font-size:18px;letter-spacing:2px;transform:translateX(-24%)}.fish-number+.fish-school{display:none}.unknown .fish-number{color:#6599c0;font-size:30px;letter-spacing:4px}.visibility{position:absolute;left:0;right:0;bottom:16%;font-size:9px;color:#416b8d}.investigators{position:absolute;right:-3%;top:34%;display:flex;gap:1px;flex-wrap:wrap;max-width:27%;justify-content:center}.investigators i{width:10px;height:14px;border-radius:70% 50% 40% 30%;background:var(--marker);border:1px solid #294762;font-size:8px;font-style:normal;color:#11223c;display:grid;place-items:center}.fish.can-look{cursor:pointer;filter:drop-shadow(0 0 2px #2e7bba)}.fish.can-look:hover:before{background:#fff4ad}.ocean-caption{font-size:11px;color:#5d7d98;text-align:center;margin:0;padding:7px 0 16px}.sighting{position:absolute;right:-4%;top:27%;display:flex;align-items:center;gap:0;filter:drop-shadow(0 2px 2px #09295870);z-index:3}.sighting .whale{width:43px;height:35px}.sighting b{background:#f5f6ec;color:#0e3273;border-radius:50%;font-size:12px;padding:3px}.company-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.captain-panel{padding-top:14px}.captain-title h3{font-size:21px;margin:8px 0 22px;letter-spacing:-.04em}.captain-panel .eyebrow{font-size:10px}.your-boats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.boat-choice{padding:14px 2px 10px;border:1px solid #c9dce9;background:white;border-radius:10px;display:flex;align-items:center;flex-direction:column;min-width:0}.boat-choice:disabled{opacity:.62}.boat-choice.selected{border:2px solid #0b4d91;padding:13px 1px 9px;background:#eaf5fc;opacity:1}.boat-choice strong{font-size:12px;margin-top:9px}.boat-choice small{font-size:9px;white-space:nowrap;color:#58718e;margin-top:4px}.boat{display:inline-block;position:relative;width:64px;height:44px;filter:drop-shadow(0 3px 1px #10283b32)}.boat .passengers{position:absolute;bottom:10px;left:8px;right:7px;display:flex;justify-content:center;gap:2px;z-index:1}.tourist{display:block;width:12px;height:31px;border-radius:8px 8px 1px 1px;background:linear-gradient(#2c2750 0 12%,#f2c6b9 12% 38%,#ffcf25 38% 67%,#6051a5 67%);position:relative;border:1px solid #2f314d}.tourist:after{content:'••';position:absolute;left:2px;top:4px;letter-spacing:1px;font-size:6px;color:#2a2031}.tourist.person-1{background:linear-gradient(#583b21 0 17%,#e5a984 17% 38%,#eb7432 38% 80%,#383664 80%)}.tourist.person-2{background:linear-gradient(#fce18c 0 17%,#f0c9be 17% 40%,#36749c 40% 68%,#f2d753 68%)}.tourist.person-3{background:linear-gradient(#312e35 0 17%,#a37b5e 17% 40%,#91b94a 40% 76%,#293b4e 76%)}.tourist.person-4{background:linear-gradient(#d6ad79 0 17%,#f0c9be 17% 40%,#bd234f 40% 80%,#073c67 80%)}.tourist.person-5{background:linear-gradient(#473767 0 17%,#f0c9be 17% 40%,#efb20a 40% 80%,#00517a 80%)}.hull{position:absolute;left:0;right:0;height:14px;bottom:1px;background:var(--boat);border-radius:2px 2px 9px 5px;box-shadow:inset 0 -5px #0a24352b;transform:skewX(-9deg)}.fisher{background:#20222e;color:#fff8dc;text-align:center;line-height:36px;font:10px/36px Georgia,serif}.fisher:before{content:'';position:absolute;left:-3px;right:-3px;top:4px;height:3px;background:#232535}.fisher:after{color:#efdeac}.boat.compact{width:42px;height:34px;vertical-align:middle}.compact .passengers{bottom:6px;left:3px;right:3px;gap:1px}.compact .tourist{width:9px;height:25px;border-width:.5px}.compact .tourist:after{top:2px;left:1px;font-size:4px;letter-spacing:0}.compact .hull{height:9px}.compact .fisher{font:7px/24px Georgia,serif}.compact .fisher:before{top:3px;left:-1px;right:-1px;height:2px}.anchor-mark{position:absolute;right:-5px;bottom:-4px;border-radius:7px;background:#d4316c;color:white;font-size:14px;padding:1px 3px;z-index:2}.compact .anchor-mark{font-size:9px;padding:0 1px;bottom:-2px}.captain-actions{display:flex;flex-direction:column;gap:9px;margin-top:17px}.captain-actions p,.captain-note{font-size:13px;color:#57718d;line-height:1.7;margin:0}.captain-actions small{font-size:10px;line-height:1.7;color:#5c7993}.captain-actions button{padding:12px 10px;border-radius:8px;font-size:12px}.radar-toggle{background:#d5eaf8;color:#194779;border:1px solid #b7d2e6}.anchor-toggle{background:#fff6f6;border:1px solid #dbadc1;color:#9d3159}.captain-actions button.selected{background:#0c4c8c;color:white}.supply{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:4px;font-size:10px;color:#6a7c92}.supply b{color:#254d73;margin-left:5px}.captain-note{font-size:11px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.score-table-wrap{overflow-x:auto}.score-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;text-align:left;margin:22px 0}.score-details details{background:#f3f8fb;border:1px solid #d4e0e9;border-radius:10px;padding:12px}.score-details summary{font-size:13px;cursor:pointer}.score-details summary strong{float:right}.score-details p{font-size:11px;display:flex;justify-content:space-between;line-height:1.7;margin:9px 0}.score-details p span{white-space:nowrap}.result table{width:100%;font-size:13px}.result td,.result th{padding:9px 12px}.result h2{font-size:27px}.player-strip .player.current{border-color:#307db2}.footer{margin-top:40px}button:disabled{cursor:default}.player small{font-family:inherit}
@media(max-width:1050px){.whale-table{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.ocean-key{gap:10px;font-size:10px}.ocean-key>span:last-child{display:none}.boat.compact{width:24px;height:22px}.compact .tourist{width:6px;height:16px}.compact .passengers{left:2px;right:2px}.compact .hull{height:7px}.area-number{font-size:14px}.capacity{font-size:8px}.sighting .whale{width:32px}.sighting b{font-size:9px}}
@media(max-width:780px){.whale-table{grid-template-columns:1fr}.ocean-panel{padding:10px 5px 0}.ocean{margin-top:10px}.captain-panel{padding:12px 0 0}.captain-title h3{margin-bottom:15px}.captain-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center}.captain-actions p,.captain-actions>small,.supply{grid-column:1/-1}.captain-actions>.text-button{font-size:12px}.your-boats{max-width:440px}.ocean-key{font-size:10px}.trend{align-items:flex-start;gap:8px;padding:9px 12px;font-size:11px}.trend span{line-height:1.6}.brand span{font-size:16px}.brand small{font-size:7px}.game-heading{gap:12px}.game-heading h2{font-size:23px}.game-heading p{font-size:12px}.phase-badge{font-size:11px;padding:8px 11px}.ocean-caption{font-size:9px}.visibility{font-size:8px}.investigators i{width:7px;height:9px;font-size:6px}.investigators{right:-3%;max-width:24%;gap:0}.area-number{font-size:12px;top:9%}.area .fleet{top:28%;left:15%;width:70%;gap:0}.boat.compact{width:22px;height:20px}.compact .tourist{width:5px;height:14px}.compact .passengers{left:2px;right:2px;bottom:5px}.compact .hull{height:6px}.compact .anchor-mark{font-size:7px}.fish-index{font-size:7px}.fish-number{font-size:25px;top:28%}.unknown .fish-number{font-size:23px}.capacity{font-size:7px;bottom:8%}.sighting{right:-9%;top:29%}.sighting .whale{width:27px;height:25px}.sighting b{font-size:9px}.score-details{grid-template-columns:1fr}.result td,.result th{padding:7px;font-size:11px}}

@media(max-width:780px){.fleet.crowded .boat.compact{width:18px;height:17px}.fleet.crowded .compact .tourist{width:4px;height:12px}.fleet.crowded .compact .passengers{left:1px;right:1px;bottom:4px;gap:0}.fleet.crowded .compact .hull{height:5px}.fleet.crowded .compact .anchor-mark{font-size:6px}}

.waiting-fleet{display:flex;justify-content:space-between;gap:8px;margin-top:28px;padding-top:24px;border-top:1px solid #c9dce9}.waiting-fleet>span{display:flex;flex-direction:column;align-items:center;gap:8px}.waiting-fleet small{font-size:10px;color:#536b8d}.whale-waiting .ocean-panel{border-radius:18px}.whale-waiting .waiting-controls{background:#edf5fa;border-color:#c9dce9}.whale-waiting .ocean-key{gap:10px;font-size:10px}.whale-waiting .ocean-key>span:last-child{display:none}@media(max-width:700px){.whale-waiting .waiting-controls{background:none}.waiting-fleet{width:100%;justify-content:center;gap:30px;margin:12px 0 0;padding:14px 0 0}.waiting-fleet .boat{width:49px;height:35px}.waiting-fleet .tourist{height:25px;width:10px}.waiting-fleet .hull{height:11px}.waiting-fleet .passengers{bottom:8px}.waiting-fleet .tourist:after{font-size:5px;left:1px}}

.whale-waiting .ocean{max-width:700px}