:root{color-scheme:dark;--bg: #061d28;--panel: rgba(245, 255, 244, .92);--ink: #10313a;--muted: #53717a;--line: rgba(16, 49, 58, .16);--sea: #20b6c7;--reef: #12b886;--gold: #ffd166;--danger: #ff5b73;--shadow: 0 18px 40px rgba(2, 25, 35, .28)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Outfit,Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#20b6c7d1,#085263e6),url(../../assets/animal-reef-fisher-reef-bg.webp) center / cover fixed,var(--bg)}button,select{font:inherit}button{touch-action:manipulation}.reef-app{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) clamp(10px,2vw,22px) 22px}.brand span{display:block;color:#ffffffd1;font-size:.82rem;font-weight:900}.brand h1{margin:0;color:#fff;font-size:clamp(1.35rem,4vw,2.3rem);font-weight:1000;text-shadow:0 2px 10px rgba(0,37,45,.45)}.locale{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 10px;border-radius:14px;color:#fff;font-size:.82rem;font-weight:900;background:#002d3c61;border:1px solid rgba(255,255,255,.26)}.locale select{max-width:138px;min-height:34px;border:0;border-radius:10px;color:var(--ink);background:#fffffff0;font-weight:900}.panel{border:1px solid rgba(255,255,255,.45);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.is-hidden{display:none!important}#gameCanvas:focus-visible,.tension-lane:focus-visible{outline:3px solid #fff1a8;outline-offset:-4px}body.reef-fisher-playing .game-page-info,body[data-reef-state=game] .game-page-info,html[data-reef-state=game] .game-page-info{display:none!important;visibility:hidden!important}.loading-panel{position:fixed;inset:0;z-index:20;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#042c39e6,#031822f0),url(../../assets/animal-reef-fisher-cover.webp) center / cover}.loading-content{width:min(420px,calc(100vw - 36px));padding:28px;border-radius:22px;text-align:center;background:#042330d1;border:1px solid rgba(255,255,255,.2)}.loading-content h2{margin:0 0 18px}.loading-bar{height:14px;overflow:hidden;border-radius:999px;background:#ffffff2e}.loading-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7ee8fa,#80ffb6,#ffe66d)}.loading-percentage{display:block;margin-top:10px;font-weight:1000}.menu-panel{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(500px,1.32fr);gap:14px;padding:clamp(10px,1.8vw,16px)}.cover{width:100%;height:min(520px,calc(100vh - 132px));min-height:0;object-fit:contain;border-radius:18px;border:1px solid rgba(16,49,58,.12);background:#ffffff73}.menu-copy{display:grid;gap:9px;align-content:start}.menu-copy>strong{font-size:clamp(1.12rem,2.2vw,1.58rem);line-height:1.12}.menu-copy>span,.hint,.result-advice,.result-preview{color:var(--muted);font-weight:800}.result-preview{margin-top:8px;padding:8px 10px;border:1px solid rgba(16,49,58,.14);border-radius:12px;background:#0f6f7e14}.result-build-cue{margin-top:8px;padding:8px 10px;border-left:3px solid #0f6f7e;border-radius:0 12px 12px 0;background:#ffd26133}.profile-grid,.hud-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-grid div,.hud-row div{min-width:0;padding:9px 10px;border-radius:14px;background:#ffffff9e;border:1px solid var(--line)}.profile-grid span,.hud-row span,.gear-card span,.zone-card span{display:block;color:var(--muted);font-size:.78rem;font-weight:900}.profile-grid strong,.hud-row strong{display:block;margin-top:2px;font-size:1.04rem;font-weight:1000}.zone-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,34%);overflow-x:auto;scroll-padding-inline:0;scrollbar-width:none}.menu-sound-btn{justify-self:start;min-width:132px;min-height:44px}.zone-row::-webkit-scrollbar{display:none}.zone-card{padding:8px;overflow:hidden;border:2px solid transparent;border-radius:18px;text-align:left;color:var(--ink);background:#ffffffad;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.zone-card.is-selected{border-color:var(--sea);background:#fff}.zone-card.is-locked{opacity:.58}.zone-card img{width:100%;aspect-ratio:1 / .56;object-fit:contain;object-position:center;display:block;background:linear-gradient(180deg,#ffffffbd,#bef5ee75);border-radius:12px}.gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gear-card{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:7px;min-height:58px;padding:8px;border-radius:14px;background:#ffffffb3;border:1px solid var(--line)}.gear-card img{width:36px;height:36px;object-fit:contain}.gear-card button{grid-column:1 / -1;min-height:34px;border-radius:11px;font-size:.78rem}.gear-card .gear-effect{display:block;color:var(--muted);font-size:.68rem;line-height:1.2}.shop-row,.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary-btn,.secondary-btn,.icon-btn{min-height:44px;border:0;border-radius:16px;font-weight:1000;cursor:pointer}@media(min-width:900px){.zone-row{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.gear-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.gear-card{grid-template-columns:1fr;justify-items:center;align-content:start;min-height:104px;text-align:center}.gear-card img{width:32px;height:32px}.gear-card strong{display:block;font-size:.78rem;line-height:1.1}.gear-card span{font-size:.7rem}.gear-card button{width:100%;min-height:30px;padding:4px 6px}}.primary-btn{color:#09352e;background:linear-gradient(180deg,#8effc2,#12c995);box-shadow:inset 0 2px #ffffff80,0 7px #08775b}.secondary-btn{color:var(--ink);background:linear-gradient(180deg,#fff,#d9f9ff);border:1px solid rgba(16,49,58,.18)}.game-panel{padding:12px}.hud-row{grid-template-columns:auto repeat(3,1fr);margin-bottom:10px}.play-frame{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(16,49,58,.2);background:#0b3240}canvas{display:block;width:100%;aspect-ratio:16 / 9;max-height:min(62vh,640px);touch-action:none}.cast-meter{position:absolute;left:50%;right:auto;bottom:16px;width:min(180px,calc(100% - 32px));height:14px;overflow:hidden;border-radius:999px;transform:translate(-50%);border:2px solid rgba(255,255,255,.9);background:#041e2ad1;box-shadow:0 2px 10px #041e2a61}.cast-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#80ffb6,#ffe66d,#ff8a5b)}.catch-toast{position:absolute;left:50%;top:16px;z-index:3;min-width:min(360px,calc(100% - 28px));max-width:calc(100% - 28px);padding:12px 14px;border-radius:18px;transform:translate(-50%);color:#07343c;background:#ffffffeb;border:2px solid rgba(126,232,250,.86);box-shadow:0 12px 28px #02192342;pointer-events:none}.catch-toast strong{display:block;font-size:clamp(1rem,3vw,1.32rem);line-height:1.15}.catch-toast span{display:block;margin-top:3px;color:var(--muted);font-weight:900}.catch-toast b{color:#0a9b72}.catch-hud{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,.82fr) minmax(180px,1.36fr);gap:8px;margin-top:10px}.catch-hud>div{min-width:0;padding:9px 10px;border-radius:16px;background:#ffffffc2;border:1px solid rgba(32,182,199,.22);box-shadow:inset 0 0 0 1px #ffffff61}.catch-hud span{display:block;color:var(--muted);font-size:.74rem;font-weight:1000;text-transform:uppercase}.catch-hud strong{display:block;min-width:0;margin-top:2px;color:var(--ink);font-size:clamp(1rem,2.3vw,1.28rem);font-weight:1000}.catch-hud-last strong{overflow:hidden;line-height:1.18;text-overflow:ellipsis}.last-catch-name{display:block;overflow:hidden;color:var(--ink);white-space:nowrap;text-overflow:ellipsis}.catch-hud small{display:block;margin-top:2px;overflow:hidden;color:#0a806c;font-size:.72rem;white-space:nowrap;text-overflow:ellipsis}.catch-hud .is-new-catch small{color:#a46b00}.tension-panel{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;margin-top:10px}.tension-control{display:grid;gap:7px;min-width:0}.tension-head{display:flex;justify-content:space-between;gap:10px;align-items:end;color:var(--ink)}.tension-head strong{font-size:.9rem;font-weight:1000}.tension-head span{min-width:0;max-width:70%;color:#0c5d68;font-size:clamp(.72rem,1.7vw,.86rem);font-weight:900;text-align:right}.icon-btn{display:grid;place-items:center;width:56px;height:56px;padding:6px;background:#fff;border:1px solid var(--line)}.icon-btn img{width:100%;height:100%;object-fit:contain}.tension-panel{position:relative}.battle-help-btn{position:absolute;top:8px;inset-inline-end:8px;z-index:2;color:#10313a;font-size:1.1rem;font-weight:1000}.tension-lane{position:relative;min-width:0;width:100%;height:60px;overflow:hidden;border-radius:999px;touch-action:none;cursor:ew-resize;background:linear-gradient(90deg,#5894ff3d,#ffffffd1,#ff70703d),#ffffffb8;border:2px solid rgba(16,49,58,.22);box-shadow:inset 0 0 0 2px #ffffff8a}.tension-lane:before,.tension-lane:after{position:absolute;top:50%;z-index:1;transform:translateY(-50%);color:#10313a57;font-size:1.35rem;font-weight:1000;pointer-events:none}.tension-lane:before{left:30%;content:"<"}.tension-lane:after{right:30%;content:">"}.safe-band{position:absolute;top:10px;bottom:10px;left:38%;width:24%;border-radius:inherit;display:grid;place-items:center;color:#0d5c3a;font-size:.72rem;font-weight:1000;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,#88ffae,#fff27c);box-shadow:0 0 0 2px #ffffffb8,0 0 18px #80ffb685}.lane-label{position:absolute;top:50%;z-index:1;transform:translateY(-50%);color:#10313a94;font-size:.7rem;font-weight:1000;pointer-events:none;max-width:26%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-label-left{left:13px}.lane-label-right{right:13px}.tension-marker{position:absolute;top:7px;z-index:2;left:50%;width:58px;height:46px;display:grid;place-items:center;border-radius:999px;transform:translate(-50%);background:var(--danger);color:#fff;font-size:.66rem;font-weight:1000;user-select:none;box-shadow:0 0 0 6px #ff5b7333,0 6px 14px #65182847}.tension-lane.is-active .tension-marker{animation:marker-nudge .9s ease-in-out infinite}.tension-lane.is-active{border-color:#12aab494;box-shadow:inset 0 0 0 2px #ffffffad,0 0 0 4px #12aab41f}.tension-lane.is-active:before,.tension-lane.is-active:after{color:#07464fb8}@keyframes marker-nudge{0%,to{margin-left:0}50%{margin-left:8px}}@media(max-width:520px){.tension-head{display:grid;gap:4px;align-items:start}.tension-head span{max-width:none;text-align:left}.tension-panel{grid-template-columns:48px minmax(0,1fr);gap:8px}.catch-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.catch-hud-last{grid-column:1 / -1}.icon-btn{width:48px;height:48px}.icon-btn img{width:42px;height:42px}.tension-lane{height:66px}.tension-marker{top:8px;height:50px;width:64px}}.tension-lane.is-safe .tension-marker{background:#0fbf79;box-shadow:0 0 0 6px #0fbf792e,0 6px 14px #035f3e3d}.tension-lane.is-danger{border-color:#ff5b73a3;box-shadow:inset 0 0 0 2px #ffffff8a,0 0 0 4px #ff5b731f}.tension-coach{min-height:28px;padding:7px 10px;border-radius:12px;color:#07464f;font-size:clamp(.78rem,1.9vw,.92rem);font-weight:1000;line-height:1.25;background:#dcfce7d1;border:1px solid rgba(18,184,134,.26)}.hint{grid-column:1 / -1;min-height:24px;padding:9px 11px;border-radius:12px;background:#ffffff8c;line-height:1.25}.result-panel{display:grid;grid-template-columns:210px 1fr;gap:18px;padding:clamp(16px,3vw,28px)}.result-otter{width:100%;aspect-ratio:1 / 1;object-fit:contain;object-position:center;border-radius:20px;background:#fff9}.score-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.score-strip div{min-width:0;padding:10px;border-radius:14px;text-align:center;background:#ffffffad;border:1px solid var(--line)}.score-strip span{display:block;color:var(--muted);font-size:.74rem;font-weight:900}.score-strip strong{display:block;margin-top:2px;font-size:1.14rem;font-weight:1000}.catch-summary{margin:10px 0 12px;padding:12px;border-radius:18px;background:#074a5814;border:1px solid rgba(16,49,58,.12)}.catch-summary h3{margin:0 0 10px;font-size:1rem}.catch-list{display:grid;gap:8px;max-height:260px;overflow-y:auto}.catch-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px;border-radius:14px;background:#ffffffb3;border:1px solid var(--line)}.catch-thumb{width:54px;height:54px;border-radius:12px;background:linear-gradient(180deg,#ffffffe0,#bef5ee7a);background-repeat:no-repeat}.catch-item strong,.catch-item span{display:block}.catch-item strong{line-height:1.15}.catch-item span{color:var(--muted);font-size:.78rem;font-weight:900}.catch-points{color:#08775b;font-weight:1000;white-space:nowrap}@media(max-width:760px),(pointer:coarse){.reef-app{padding-inline:10px}.locale{grid-column:1 / -1;justify-content:space-between}.menu-panel,.result-panel{grid-template-columns:1fr}.result-panel{gap:10px;padding:12px}.result-otter{width:min(150px,42vw);justify-self:center}.result-panel h2{margin:0 0 6px}.result-panel p{margin-block:6px}.score-strip{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.score-strip div{padding:7px}.score-strip div:first-child{grid-column:1 / -1}.catch-item{grid-template-columns:46px minmax(0,1fr)}.catch-thumb{width:46px;height:46px}.catch-summary{margin:8px 0;padding:8px}.catch-summary h3{margin-bottom:6px}.catch-list{max-height:128px}.catch-points{grid-column:2}.cover{min-height:220px;max-height:32vh}.profile-grid,.shop-row,.gear-grid{grid-template-columns:1fr}.zone-row{grid-auto-columns:100%}.zone-card img{width:min(100%,220px);margin-inline:auto;aspect-ratio:1 / .62}.hud-row{grid-template-columns:1fr 1fr}.hud-row .secondary-btn{grid-column:1 / -1}canvas{max-height:52vh}}@media(min-width:0px){body.reef-fisher-playing{position:fixed;inset:0;width:100vw;height:var(--wp-mobile-vh, 100svh);min-height:var(--wp-mobile-vh, 100svh);max-height:var(--wp-mobile-vh, 100svh);overflow:hidden;overscroll-behavior:none;touch-action:none}body.reef-fisher-playing .reef-app{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr);width:100vw;height:var(--wp-mobile-vh, 100svh);min-height:var(--wp-mobile-vh, 100svh);max-height:var(--wp-mobile-vh, 100svh);padding:max(4px,env(safe-area-inset-top)) 8px max(4px,env(safe-area-inset-bottom));overflow:hidden}body.reef-fisher-playing .topbar{display:none}body.reef-fisher-playing .brand{min-width:0}body.reef-fisher-playing .brand span{display:none}body.reef-fisher-playing .brand h1{overflow:hidden;font-size:clamp(1.03rem,5vw,1.32rem);line-height:1.04;white-space:nowrap;text-overflow:ellipsis}body.reef-fisher-playing .locale{grid-column:auto;min-height:38px;padding:4px 6px;font-size:0}body.reef-fisher-playing .locale select{width:100%;max-width:none;min-height:30px;font-size:.76rem}body.reef-fisher-playing .game-page-info{display:none!important}body.reef-fisher-playing #gamePanel.game-panel,body.wp-mobile-game-mode.reef-fisher-playing #gamePanel.game-panel.weightplay-active-viewport{display:grid;grid-template-rows:60px minmax(0,1fr) 54px 154px 56px;gap:6px;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(var(--wp-mobile-vh, 100svh) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;min-height:0;max-height:calc(var(--wp-mobile-vh, 100svh) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;margin:0!important;padding:8px;overflow:hidden;border-radius:18px}body.reef-fisher-playing #gamePanel.game-panel:before{display:none}body.reef-fisher-playing .hud-row{display:grid;grid-template-columns:76px repeat(3,minmax(0,1fr));gap:5px;min-height:0;margin:0}body.reef-fisher-playing .hud-row .secondary-btn{grid-column:auto;min-height:44px;padding:5px;border-radius:13px;font-size:.74rem}body.reef-fisher-playing .hud-row .play-return{width:44px;min-width:44px;padding:0;font-size:1.45rem;line-height:1}body.reef-fisher-playing .hud-row div{display:grid;align-content:center;min-height:44px;padding:5px 6px;border-radius:13px}body.reef-fisher-playing .hud-row span{font-size:.62rem;line-height:1}body.reef-fisher-playing .hud-row strong{overflow:hidden;font-size:clamp(.78rem,3.2vw,.96rem);line-height:1.1;white-space:nowrap;text-overflow:ellipsis}body.reef-fisher-playing .play-frame{min-height:0;border-radius:15px}body.reef-fisher-playing canvas{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain}body.reef-fisher-playing .cast-meter{left:50%;right:auto;bottom:10px;width:min(180px,calc(100% - 32px));height:14px}body.reef-fisher-playing .catch-toast{top:8px;padding:8px 10px;border-radius:14px}body.reef-fisher-playing .catch-hud{grid-template-columns:.76fr .76fr 1.48fr;gap:5px;min-height:0;margin:0}body.reef-fisher-playing .catch-hud>div{display:grid;align-content:center;min-height:0;padding:5px 6px;border-radius:12px}body.reef-fisher-playing .catch-hud span{font-size:.56rem;line-height:1}body.reef-fisher-playing .catch-hud strong{font-size:clamp(.75rem,3vw,.9rem);line-height:1.1}body.reef-fisher-playing .catch-hud small{display:none}body.reef-fisher-playing .last-catch-name{white-space:nowrap}body.reef-fisher-playing .tension-panel{grid-template-columns:44px minmax(0,1fr);align-items:stretch;gap:7px;min-height:0;margin:0}body.reef-fisher-playing .icon-btn{width:44px;height:44px;align-self:center;padding:5px;border-radius:14px}body.reef-fisher-playing .icon-btn img{width:34px;height:34px}body.reef-fisher-playing .tension-control{grid-template-rows:auto 56px auto;gap:5px;min-height:0}body.reef-fisher-playing .tension-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}body.reef-fisher-playing .tension-head strong{font-size:.72rem}body.reef-fisher-playing .tension-head span{max-width:none;overflow:hidden;font-size:.62rem;line-height:1.1;white-space:nowrap;text-align:right;text-overflow:ellipsis}body.reef-fisher-playing .tension-lane{height:56px}body.reef-fisher-playing .safe-band{top:9px;bottom:9px;font-size:.56rem}body.reef-fisher-playing .tension-marker{top:7px;width:56px;height:42px;font-size:.56rem}body.reef-fisher-playing .lane-label{font-size:.54rem}body.reef-fisher-playing .lane-label-left{left:8px}body.reef-fisher-playing .lane-label-right{right:8px}body.reef-fisher-playing .tension-coach{min-height:0;padding:5px 8px;overflow:hidden;font-size:.66rem;line-height:1.16;white-space:nowrap;text-overflow:ellipsis}body.reef-fisher-playing .hint{display:none}body.reef-fisher-playing .battle-ad-reserve{min-height:var(--wp-ad-reserve-height, 0px);border-top:1px solid rgba(255,255,255,.2);background:#031e2a61;pointer-events:none}}@media(max-width:380px),(pointer:coarse)and (max-width:430px){body.reef-fisher-playing .reef-app{grid-template-rows:minmax(0,1fr);padding-inline:6px}body.reef-fisher-playing #gamePanel.game-panel,body.wp-mobile-game-mode.reef-fisher-playing #gamePanel.game-panel.weightplay-active-viewport{grid-template-rows:54px minmax(0,1fr) 48px 136px 56px;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(var(--wp-mobile-vh, 100svh) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:calc(var(--wp-mobile-vh, 100svh) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:6px}body.reef-fisher-playing .hud-row{grid-template-columns:64px repeat(3,minmax(0,1fr))}body.reef-fisher-playing .tension-panel{grid-template-columns:38px minmax(0,1fr)}body.reef-fisher-playing .icon-btn{width:38px;height:38px}body.reef-fisher-playing .tension-control{grid-template-rows:auto 48px auto}body.reef-fisher-playing .tension-lane{height:48px}body.reef-fisher-playing .tension-marker{top:6px;width:50px;height:36px}}body.reef-fisher-playing{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none}body.reef-fisher-playing .reef-app{position:fixed;inset:0;display:grid;place-items:center;width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;padding:4px;overflow:hidden}body.reef-fisher-playing .topbar,body.reef-fisher-playing .game-page-info{display:none!important}body.reef-fisher-playing #gamePanel.game-panel,body.wp-mobile-game-mode.reef-fisher-playing #gamePanel.game-panel.weightplay-active-viewport{position:fixed!important;inset:50% auto auto 50%!important;display:grid;grid-template-rows:minmax(0,1fr) 56px;gap:0;width:var(--reef-battle-width, 382px)!important;max-width:none!important;height:var(--reef-battle-height, 826px)!important;min-height:0;max-height:none!important;margin:0!important;padding:0;overflow:hidden;border:0;border-radius:clamp(8px,2.1cqw,18px);box-shadow:none;transform:translate(-50%,-50%);transform-origin:center}body.reef-fisher-playing .battle-shell{container-type:size;position:absolute;top:0;left:0;display:block;width:390px;height:788px;padding:1%;overflow:hidden;transform:scale(var(--reef-battle-scale, 1));transform-origin:top left}body.reef-fisher-playing .hud-row,body.reef-fisher-playing .catch-hud,body.reef-fisher-playing .tension-panel,body.reef-fisher-playing .battle-ad-reserve{position:absolute;right:0;bottom:0;left:0;min-width:0;min-height:0;margin:0}body.reef-fisher-playing .battle-shell>.hud-row,body.reef-fisher-playing .battle-shell>.play-frame,body.reef-fisher-playing .battle-shell>.catch-hud,body.reef-fisher-playing .battle-shell>.tension-panel{position:absolute;right:4px;left:4px;width:auto;margin:0}body.reef-fisher-playing .battle-shell>.hud-row{top:4px;height:56px}body.reef-fisher-playing .battle-shell>.play-frame{top:66px;height:498px}body.reef-fisher-playing .battle-shell>.catch-hud{top:570px;height:52px}body.reef-fisher-playing .battle-shell>.tension-panel{top:628px;height:156px}body.reef-fisher-playing .hud-row{grid-template-columns:18% repeat(3,minmax(0,1fr));gap:1.1%}body.reef-fisher-playing .hud-row .secondary-btn,body.reef-fisher-playing .hud-row div{min-width:0;min-height:0;padding:1cqw}body.reef-fisher-playing .hud-row .play-return{width:100%;min-width:0;min-height:0}body.reef-fisher-playing .play-frame,body.reef-fisher-playing canvas{width:100%;height:100%;min-width:0;min-height:0;max-height:none;aspect-ratio:auto}body.reef-fisher-playing canvas{object-fit:fill}body.reef-fisher-playing .tension-panel{grid-template-columns:11.5% minmax(0,1fr);gap:1.8%}body.reef-fisher-playing .icon-btn{width:100%;height:auto;max-height:44px;aspect-ratio:1}body.reef-fisher-playing .tension-control{grid-template-rows:18% 45% minmax(0,1fr);gap:3%;height:100%;align-self:stretch}body.reef-fisher-playing .tension-lane{width:100%;height:100%;min-height:0}body.reef-fisher-playing .tension-coach{min-height:0}body.reef-fisher-playing .battle-ad-reserve{width:auto;max-width:100%;height:var(--wp-ad-reserve-height, 0px);min-height:var(--wp-ad-reserve-height, 0px);box-sizing:border-box}body.reef-fisher-playing #gamePanel.game-panel,body.wp-mobile-game-mode.reef-fisher-playing #gamePanel.game-panel.weightplay-active-viewport{position:fixed!important;inset:0!important;display:block;width:100%!important;max-width:none!important;height:100%!important;min-height:0;max-height:none!important;margin:0!important;padding:0;overflow:hidden;border:0;transform:none!important;box-shadow:none}#mainPanel.menu-panel{display:grid;grid-template-columns:minmax(280px,520px) minmax(280px,420px);align-items:center;justify-content:center;gap:18px}#mainPanel .menu-copy{display:grid;gap:14px;align-content:center}#mainPanel #startBtn{width:100%;height:52px;min-height:52px;max-height:52px;font-size:18px}body.reef-fisher-stage{width:100%;height:var(--reef-vh, 100dvh);overflow:hidden}body.reef-fisher-stage .reef-app{width:100%;height:var(--reef-vh, 100dvh);min-height:0;padding:0;overflow:hidden}body.reef-fisher-stage :is(.topbar,.game-page-info,.wp-tutorial-button,.wp-tutorial-backdrop){display:none!important}#stagePanel.stage-panel{--wp-stage-art: url(../../assets/animal-reef-fisher-cover.webp);position:fixed;inset:0;z-index:40;display:grid;grid-template-rows:52px minmax(0,1fr) 56px;gap:8px;width:100%;height:var(--reef-vh, 100dvh);min-height:0;margin:0;padding:8px 8px 0;overflow:hidden;border:0;border-radius:0;background:linear-gradient(#04212ec7,#06313de5),url(../../assets/animal-reef-fisher-cover.webp) center / cover no-repeat}#stagePanel.is-hidden{display:none!important}.stage-head{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;color:#fff;text-align:center}.stage-head:after{content:""}.stage-head strong{min-width:0;overflow:hidden;font-size:18px;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.stage-return{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px;padding:0;border:0;border-radius:8px;background:#fff;color:#1676c9;font-size:24px;line-height:1}.stage-workspace{display:grid;grid-template-rows:54px 190px minmax(0,1fr);gap:8px;min-width:0;min-height:0;overflow:hidden}.stage-workspace .profile-grid{grid-template-columns:repeat(3,104px);justify-content:center;gap:8px;width:100%}.stage-workspace .profile-grid>div{width:104px;min-width:104px;max-width:104px;height:54px;min-height:54px;max-height:54px;padding:6px 8px;background:#ffffffe5}.stage-workspace .profile-grid :is(span,strong){color:#143440;font-size:12px;line-height:16px}#stagePanel .zone-row{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(160px,34%);height:190px;min-height:190px;max-height:190px;overflow-x:auto}#stagePanel .zone-row.wp-stage-dragging{cursor:grabbing;user-select:none}#stagePanel .zone-card{grid-template-rows:112px 20px 28px;gap:3px;padding:12px;background:#f5fdfff0;color:#12333e}#stagePanel .zone-card.is-checkpoint{border-color:#ffd45c;background:linear-gradient(180deg,#fffadef7,#e7fcfff5);box-shadow:inset 0 0 0 2px #87520c47,0 0 18px #ffce4c42}#stagePanel .zone-card img{width:132px;min-width:132px;max-width:132px;height:132px;min-height:132px;max-height:132px;object-fit:contain;transform:translate(-10px,-10px)}#stagePanel .zone-art{display:block;justify-self:center;width:112px;min-width:112px;max-width:112px;height:112px;min-height:112px;max-height:112px;overflow:hidden;border-radius:8px;background:#e1f8f8eb}#stagePanel .zone-card :is(strong,span){overflow:hidden;color:#12333e;font-size:14px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}#stagePanel .zone-card>span:last-child{display:-webkit-box;color:#2a5460;font-size:11px;line-height:14px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}#stagePanel .zone-card.is-locked{opacity:.58}.stage-upgrades{display:grid;grid-template-rows:24px 48px minmax(0,1fr);gap:8px;min-height:0;padding:10px;overflow:hidden;border:1px solid rgb(255 255 255 / 22%);border-radius:8px;background:#05202bd6}.stage-upgrades>strong{color:#fff;font-size:16px;line-height:24px}.stage-upgrades .shop-row{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:10px}.stage-upgrades .shop-row button{width:100%;min-width:0;max-width:none;height:48px;min-height:48px;max-height:48px;padding:6px 8px;overflow:hidden;font-size:12px;line-height:16px}.stage-upgrades .gear-grid{grid-template-columns:1fr;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.stage-upgrades .gear-card{grid-template-columns:48px minmax(0,1fr) 96px;grid-template-rows:64px;align-items:center;height:80px;min-height:80px;max-height:80px;padding:7px 8px;overflow:hidden;background:#fffffff0}.stage-upgrades .gear-card img{width:46px;height:46px}.stage-upgrades .gear-card button{grid-column:3;grid-row:1;width:96px;min-width:96px;max-width:96px;height:52px;min-height:52px;max-height:52px;padding:4px 6px;overflow:hidden;border-radius:8px;font-size:12px;line-height:16px}.stage-upgrades .gear-card>div{grid-column:2;grid-row:1;min-width:0;overflow:hidden}.stage-upgrades .gear-card>div :is(strong,span){display:block;overflow:hidden;color:#153640;font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.stage-upgrades .gear-card>div .gear-effect{display:-webkit-box;overflow:hidden;color:#4d6970;font-size:11px;line-height:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:28px;white-space:normal}.stage-ad-reserve{height:var(--wp-ad-reserve-height, 0px);min-height:var(--wp-ad-reserve-height, 0px);pointer-events:none;background:#062f3d}#stagePanel .stage-upgrades .gear-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-content:stretch;overflow:hidden}#stagePanel .stage-upgrades .gear-card{grid-template-columns:30px minmax(0,1fr);grid-template-rows:30px 44px;height:auto;min-height:0;max-height:none;gap:3px 5px;padding:4px}#stagePanel .stage-upgrades .gear-card img{width:28px;height:28px}#stagePanel .stage-upgrades .gear-card button{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;max-width:none;height:44px;min-height:44px;max-height:44px;padding:2px 4px;font-size:10px;line-height:13px}#stagePanel .stage-upgrades .gear-card>div{grid-column:2;grid-row:1}@media(min-width:700px)and (min-height:561px){#stagePanel .stage-upgrades .gear-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}#stagePanel .stage-upgrades .gear-card{grid-template-columns:24px minmax(0,1fr) 52px;grid-template-rows:44px;gap:3px;padding:3px}#stagePanel .stage-upgrades .gear-card img{width:22px;height:22px}#stagePanel .stage-upgrades .gear-card button{grid-column:3;grid-row:1;width:52px;min-width:52px;max-width:52px;height:44px;min-height:44px;max-height:44px;padding:2px 3px;font-size:10px;line-height:12px}#stagePanel .stage-upgrades .gear-card>div{grid-column:2;grid-row:1}}@media(min-width:701px)and (max-height:560px)and (min-aspect-ratio:3 / 2){#mainPanel.menu-panel{grid-template-columns:300px minmax(0,1fr)}#mainPanel .cover{width:300px;height:300px;max-width:300px;max-height:300px}#stagePanel .stage-upgrades .gear-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:4px}#stagePanel .stage-upgrades .gear-card{grid-template-columns:24px minmax(0,1fr) 52px;grid-template-rows:44px;gap:3px;padding:3px}#stagePanel .stage-upgrades .gear-card img{width:22px;height:22px}#stagePanel .stage-upgrades .gear-card button{grid-column:3;grid-row:1;width:52px;min-width:52px;max-width:52px;height:44px;min-height:44px;max-height:44px;padding:2px 3px;font-size:10px;line-height:12px}#stagePanel .stage-upgrades .gear-card>div{grid-column:2;grid-row:1}#stagePanel .stage-upgrades .gear-card>div :is(strong,span){font-size:10px;line-height:12px}#stagePanel .stage-upgrades .gear-card>div .gear-effect{display:none}}body.reef-fisher-playing .battle-shell{grid-template-rows:56px 366px 64px minmax(176px,1fr);background:#083647}body.reef-fisher-playing .hud-row,body.reef-fisher-playing .catch-hud{color:#102f39}body.reef-fisher-playing .hud-row :is(span,strong),body.reef-fisher-playing .catch-hud :is(span,strong){color:#102f39}body.reef-fisher-playing .hud-row strong{font-size:14px}body.reef-fisher-playing .catch-hud strong{font-size:13px}body.reef-fisher-playing .catch-hud{grid-template-columns:.76fr .76fr 1.48fr;width:100%;height:64px;min-height:64px;max-height:64px;overflow:hidden}body.reef-fisher-playing .catch-hud-last{grid-column:auto}body.reef-fisher-playing .catch-hud>div{height:64px;min-height:64px;max-height:64px;overflow:hidden}body.reef-fisher-playing #lastCatchText{min-height:18px;color:#102f39;line-height:18px}body.reef-fisher-playing .last-catch-name{color:#102f39;line-height:18px}body.reef-fisher-playing .tension-panel{grid-template-columns:48px minmax(0,1fr);align-content:start;align-items:start;align-self:center;gap:8px;height:176px;min-height:176px;max-height:176px;padding:8px;overflow:hidden;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#041e2ae0}body.reef-fisher-playing .icon-btn{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px;border-radius:8px}body.reef-fisher-playing .battle-help-btn{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px}body.reef-fisher-playing .tension-control{grid-template-rows:34px 64px 48px;gap:6px}body.reef-fisher-playing .tension-head{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;color:#fff}body.reef-fisher-playing .tension-head strong{color:#fff;font-size:13px;line-height:16px}body.reef-fisher-playing .tension-head span{max-width:none;overflow:hidden;color:#bceaf2;font-size:11px;line-height:15px;text-align:right;text-overflow:clip;white-space:normal}body.reef-fisher-playing .tension-lane{height:64px;border-radius:12px}body.reef-fisher-playing .safe-band{top:9px;bottom:9px;border-radius:8px}body.reef-fisher-playing .tension-marker{top:8px;width:48px;height:48px;border-radius:50%}body.reef-fisher-playing .tension-coach{min-height:48px;max-height:48px;padding:7px 9px;overflow:hidden;border-radius:8px;background:#e8f8f3;color:#123d43;font-size:11px;line-height:16px;white-space:normal;text-overflow:clip}body.reef-fisher-playing .hint{display:none}@media(max-width:700px){#mainPanel.menu-panel{grid-template-columns:1fr;gap:12px}#mainPanel .cover,#mainPanel .menu-copy{width:min(100%,390px);justify-self:center}}@media(max-height:560px){body.reef-fisher-playing .battle-shell{grid-template-columns:140px minmax(0,1fr) 220px;grid-template-rows:minmax(0,1fr);gap:6px;padding:6px}body.reef-fisher-playing .battle-shell>.hud-row{grid-column:1;grid-row:1;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}body.reef-fisher-playing .battle-shell>.play-frame{grid-column:2;grid-row:1;align-self:center}body.reef-fisher-playing .battle-shell>.catch-hud{grid-column:3;grid-row:1;align-self:start;height:52px}body.reef-fisher-playing .battle-shell>.tension-panel{grid-column:3;grid-row:1;align-self:end;height:176px;min-height:176px;max-height:176px}}@media(max-height:560px)and (min-aspect-ratio:3 / 2){#stagePanel.stage-panel{grid-template-rows:48px minmax(0,1fr);gap:6px;padding:6px 8px}#stagePanel .stage-workspace{grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:54px 190px;align-content:center;gap:8px}#stagePanel .stage-workspace>.profile-grid{grid-column:1;grid-row:1}#stagePanel .zone-row{grid-column:1;grid-row:2}#stagePanel .stage-upgrades{grid-column:2;grid-row:1 / 3}}@media(max-height:560px)and (min-aspect-ratio:3 / 2){body.wp-stage-select-active #stagePanel .stage-workspace{grid-template-columns:minmax(0,1fr) 330px!important;grid-template-rows:54px 190px!important;gap:8px!important;min-width:0!important;overflow:hidden!important}body.wp-stage-select-active #stagePanel .zone-row{width:100%!important;min-width:0!important;max-width:100%!important;clip-path:inset(0)}body.wp-stage-select-active #stagePanel .stage-upgrades{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}}body.reef-fisher-result{height:var(--reef-vh, 100dvh);min-height:0;overflow:hidden;background:#062f3d}body.reef-fisher-result .site-topbar,body.reef-fisher-result .page-info,body.reef-fisher-result .tutorial-card{display:none!important}.result-actions{grid-template-columns:repeat(3,minmax(0,148px));justify-content:center;direction:ltr}.result-actions button{width:100%;min-width:0;max-width:148px;height:48px;min-height:48px;max-height:48px}.result-actions #resultMenuBtn{grid-column:1;grid-row:1}.result-actions #nextZoneBtn{grid-column:2;grid-row:1}.result-actions #retryBtn{grid-column:3;grid-row:1}body.reef-fisher-playing .battle-shell>#resultPanel.result-panel{position:absolute;inset:0;z-index:20;display:grid;grid-template-columns:116px minmax(0,1fr)!important;gap:12px;width:100%;height:100%;min-height:0;max-height:none!important;margin:0;padding:14px;align-content:stretch!important;align-items:stretch!important;justify-content:stretch!important;justify-items:stretch!important;place-items:stretch!important;overflow:hidden!important;border:0;border-radius:18px;background:linear-gradient(180deg,#dffff5,#c5f1f2);transform:none}body.reef-fisher-playing .battle-shell>#resultPanel.is-hidden{display:none}body.reef-fisher-playing .hud-row{grid-template-columns:18% minmax(0,1.7fr) minmax(0,.65fr) minmax(0,.65fr)}body.reef-fisher-playing .hud-row .mission-briefing{display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:center;gap:2px}body.reef-fisher-playing .hud-row .mission-briefing>span{display:-webkit-box;max-height:24px;overflow:hidden;font-size:10px;line-height:12px;white-space:normal;text-transform:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}body.reef-fisher-playing .hud-row .mission-briefing>strong{overflow:hidden;font-size:10px;line-height:13px;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis}@media(max-height:560px){body.reef-fisher-playing .battle-shell>.hud-row{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}body.reef-fisher-playing .hud-row .mission-briefing>strong{display:block;max-height:26px;overflow-wrap:anywhere;white-space:normal;text-overflow:clip}}body.reef-fisher-playing .battle-shell>.leave-panel{position:absolute;inset:0;z-index:24;display:grid;place-items:center;padding:18px;background:#032330d1}body.reef-fisher-playing .battle-shell>.leave-panel.is-hidden{display:none}.leave-card{display:grid;gap:14px;width:min(358px,100%);padding:20px;border:2px solid rgba(126,232,250,.72);border-radius:20px;color:#07343c;background:linear-gradient(180deg,#effffa,#c9f2f4);box-shadow:0 18px 48px #00101c61}.leave-card h2,.leave-card p{margin:0}.leave-card p{color:#0c5d68;font-weight:800;line-height:1.45}.leave-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.leave-actions button{width:100%;min-width:0;min-height:48px}body.reef-fisher-playing #resultPanel .result-otter{width:116px;align-self:start}body.reef-fisher-playing #resultPanel .result-content{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}body.reef-fisher-playing #resultPanel h2{margin:0 0 6px}body.reef-fisher-playing #resultPanel p{margin-block:6px}body.reef-fisher-playing #resultPanel .result-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}body.reef-fisher-playing #resultPanel .result-actions button{width:100%;min-width:0;max-width:none}@media(max-width:350px){.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.result-actions button{width:100%;min-width:0;max-width:none}}html[data-reef-state=game],html[data-reef-state=result]{overflow:hidden}body.reef-fisher-playing .weightplay-version-badge{display:none!important}#stagePanel.stage-panel{grid-template-rows:var(--wp-frame-control-size-physical, 48px) minmax(0,1fr) 56px;gap:8px;padding-bottom:0;--wp-stage-art: url(/assets/interface7-redrawn/animal-reef-fisher.webp);background-image:linear-gradient(#04212ecc,#06313deb),url(/assets/interface7-redrawn/animal-reef-fisher.webp)}#stagePanel .stage-head{grid-template-columns:var(--wp-frame-control-size-physical, 48px) minmax(0,1fr) var(--wp-frame-control-size-physical, 48px);height:var(--wp-frame-control-size-physical, 48px)}#stagePanel .stage-return{width:var(--wp-frame-control-size-physical, 48px);min-width:var(--wp-frame-control-size-physical, 48px);max-width:var(--wp-frame-control-size-physical, 48px);height:var(--wp-frame-control-size-physical, 48px);min-height:var(--wp-frame-control-size-physical, 48px);max-height:var(--wp-frame-control-size-physical, 48px)}#stagePanel .stage-workspace{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}#stagePanel .reef-stage-workspace{grid-area:1 / 1;min-width:0;min-height:0}#stagePanel .reef-stage-workspace[hidden]{display:none!important}#stagePanel #reefMapWorkspace{position:relative;display:block}#stagePanel #reefMapWorkspace .profile-grid{position:absolute;inset:0 0 auto}#stagePanel #reefMapWorkspace .zone-row{position:absolute;inset:38% 0 auto;transform:translateY(-50%)}#stagePanel .reef-stage-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;height:56px;min-height:56px;padding:6px 0;background:#17243a}#stagePanel .reef-stage-tabs button{height:44px;min-height:44px;padding:0 10px;font-size:14px;line-height:1.2;white-space:nowrap}#stagePanel .reef-stage-tabs [aria-selected=true]{box-shadow:inset 0 -4px #63e6be,0 0 0 2px #63e6be}#stagePanel #reefGearWorkspace{grid-template-rows:24px 48px 40px minmax(0,1fr);gap:12px;padding:12px}#stagePanel .reef-gear-feedback{height:40px;margin:0;padding:4px 8px;color:#f8fafc;font-size:12px;line-height:16px;overflow:hidden}#stagePanel .reef-stage-workspace:not([hidden]){animation:reef-workspace-enter .18s ease-out both}body.reef-fisher-result .reef-result-scroll{animation:reef-workspace-enter .22s ease-out both}@keyframes reef-workspace-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#stagePanel #reefGearWorkspace .gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:188px;align-content:start;gap:12px;overflow-y:auto;overflow-x:hidden;padding:4px;scroll-padding-block:4px;touch-action:pan-y}#stagePanel #reefGearWorkspace .gear-card{display:grid;grid-template-columns:1fr;grid-template-rows:112px 44px;gap:8px;height:188px;min-height:188px;padding:8px;color:#143440}#stagePanel #reefGearWorkspace .gear-card>[data-wp-item-content]{grid-area:1 / 1;display:grid;grid-template-columns:36px minmax(0,1fr);align-content:center;align-items:center;gap:8px;height:112px;min-width:0;text-align:center}#stagePanel #reefGearWorkspace .gear-card img{width:36px;height:36px}#stagePanel #reefGearWorkspace .gear-card>[data-wp-item-content]>div{min-width:0;grid-area:auto}#stagePanel #reefGearWorkspace .gear-card :is(strong,span,.gear-effect){display:block;max-height:none;color:#143440;font-size:14px;line-height:18px;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset}#stagePanel #reefGearWorkspace .gear-card .gear-effect{margin-top:4px;color:#365761;font-size:12px;line-height:16px}#stagePanel #reefGearWorkspace .gear-card button{grid-area:2 / 1;width:100%;min-width:0;max-width:none;height:44px;min-height:44px;padding:0 8px;font-size:14px;line-height:1.2}#stagePanel .reef-album-workspace{overflow-y:auto;touch-action:pan-y;padding:12px}#stagePanel .reef-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:176px;gap:12px}#stagePanel .reef-album-card{display:grid;place-items:center;align-content:center;gap:8px;padding:12px;color:#143440;background:#f1faf8;border:2px solid #87d4c0;border-radius:14px;text-align:center}#stagePanel .reef-album-card .catch-thumb{width:88px;height:88px}#stagePanel .reef-album-card>[data-wp-item-content]{display:grid;place-items:center;gap:6px;min-height:160px}#stagePanel .reef-album-card [data-wp-item-collection-status]{min-height:24px;display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px}#stagePanel .reef-album-card[data-collected=false] .catch-thumb{filter:grayscale(1);opacity:.45}#stagePanel .stage-ad-reserve{display:none}body.reef-fisher-playing .battle-shell>#resultPanel.result-panel{display:grid;grid-template-columns:minmax(0,1fr)!important;padding:16px;color:#f8fafc;background:#172f3c}body.reef-fisher-playing #resultPanel .result-otter{display:none}body.reef-fisher-playing #resultPanel .result-content{display:grid;grid-template-rows:minmax(0,1fr) 52px;gap:12px;height:100%;min-height:0;overflow:hidden}body.reef-fisher-playing #resultPanel .reef-result-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 4px 8px}body.reef-fisher-playing #resultPanel :is(h2,h3,p,.score-strip strong){color:#f8fafc}body.reef-fisher-playing #resultPanel :is(.score-strip>div,.catch-summary,.result-preview,.result-build-cue){background:#244755;border-color:#6c9a9d}body.reef-fisher-playing #resultPanel .score-strip span{color:#d4e8e9}body.reef-fisher-playing #resultPanel .score-strip{grid-template-columns:repeat(3,minmax(0,1fr))}body.reef-fisher-playing #resultPanel .score-strip>div:first-child{grid-column:auto}body.reef-fisher-playing #resultPanel .catch-list{max-height:none;overflow:visible}body.reef-fisher-playing #resultPanel .catch-item{color:#143440}body.reef-fisher-playing #resultPanel .result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:52px;margin:0}body.reef-fisher-playing #resultPanel .result-actions button{height:52px;min-height:52px;max-height:52px;font-size:14px;line-height:1.2;padding-inline:8px}body.reef-fisher-playing .reef-spot-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;height:44px}body.reef-fisher-playing .reef-spot-controls button{width:44px;height:44px;padding:0}body.reef-fisher-playing #spotNameText{color:#f8fafc;text-align:center;font-size:14px;line-height:18px}body.reef-fisher-playing .reef-fight-controls{display:grid;grid-template-columns:minmax(0,1fr) 144px;align-items:center;gap:8px;height:52px}body.reef-fisher-playing .reef-fight-readout{display:grid;grid-template-rows:20px 28px;min-width:0;color:#d4e8e9;font-size:12px;line-height:14px;overflow:hidden}body.reef-fisher-playing #reelActionBtn{width:144px;height:52px;touch-action:none;user-select:none}body.reef-fisher-playing .battle-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(0,1fr) 52px 232px;gap:6px;padding:8px}body.reef-fisher-playing .battle-shell>:is(.hud-row,.play-frame,.catch-hud,.tension-panel){position:static;inset:auto;margin:0}body.reef-fisher-playing .battle-shell>.hud-row{grid-area:1 / 1;grid-template-columns:48px minmax(0,1fr) 48px;grid-template-rows:48px;height:48px}body.reef-fisher-playing .hud-row>.reef-mission-hud{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.65fr) minmax(0,.65fr);grid-template-rows:48px;gap:4px;padding:0;border:0;background:none}body.reef-fisher-playing .reef-mission-hud>div{padding:5px 6px}body.reef-fisher-playing .hud-row>#battleHelpBtn{position:static;inset:auto;width:48px;height:48px;min-height:48px;padding:0}body.reef-fisher-playing .battle-shell>.play-frame{position:relative;grid-area:2 / 1;width:100%;height:100%;min-height:0;align-self:stretch}body.reef-fisher-playing .battle-shell>.catch-hud{grid-area:3 / 1;height:52px;min-height:52px;max-height:52px}body.reef-fisher-playing .catch-hud>div{height:52px;min-height:52px;max-height:52px}body.reef-fisher-playing .battle-shell>.tension-panel{grid-area:4 / 1;display:block;align-self:stretch;width:100%;height:232px;min-height:232px;max-height:232px;padding:8px;position:relative}body.reef-fisher-playing .tension-control{display:grid;grid-template-rows:44px 20px 52px 32px 52px;gap:4px;height:216px}body.reef-fisher-playing .tension-head{grid-template-columns:84px minmax(0,1fr) 44px}body.reef-fisher-playing #reefTensionPressure{width:100%;height:16px;accent-color:#63e6be}body.reef-fisher-playing #safeBand{display:none}body.reef-fisher-playing .tension-lane{background:linear-gradient(90deg,#b1dce3,#edf9f7,#b1dce3)}body.reef-fisher-playing .tension-lane{height:52px;min-height:52px}body.reef-fisher-playing .tension-marker{top:3px;width:44px;height:44px;animation:none}body.reef-fisher-playing .tension-coach{min-height:32px;max-height:32px;padding:2px 8px;font-size:12px;line-height:14px}body.reef-fisher-playing #sonarBtn{position:absolute;inset-inline-start:0;top:-54px;width:48px;height:48px;z-index:2}body.reef-fisher-playing .catch-hud>div:first-child{padding-inline-start:52px}@media(max-height:560px)and (min-aspect-ratio:3 / 2){body.wp-stage-select-active #stagePanel .stage-workspace{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}#stagePanel #reefMapWorkspace{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:190px;align-content:center}#stagePanel #reefMapWorkspace .profile-grid{position:static;grid-template-columns:104px;grid-template-rows:repeat(3,54px)}#stagePanel #reefMapWorkspace .zone-row{position:static;grid-area:1 / 2;transform:none}#stagePanel #reefGearWorkspace .gear-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#stagePanel .reef-album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.reef-fisher-playing .battle-shell{grid-template-columns:minmax(0,1fr) 332px;grid-template-rows:48px minmax(0,1fr);padding:6px}body.reef-fisher-playing .battle-shell>.hud-row{grid-area:1 / 1 / 2 / 3}body.reef-fisher-playing .battle-shell>.play-frame{grid-area:2 / 1}body.reef-fisher-playing .battle-shell>.catch-hud{grid-area:2 / 2;align-self:start}body.reef-fisher-playing .battle-shell>.tension-panel{grid-area:2 / 2;align-self:end;height:224px;min-height:224px;max-height:224px}body.reef-fisher-playing .tension-control{grid-template-rows:44px 16px 52px 24px 52px;height:208px}body.reef-fisher-playing .tension-coach{min-height:24px;max-height:24px;line-height:12px;font-size:11px;padding-block:0}body.reef-fisher-playing #sonarBtn{top:-54px}}@media(prefers-reduced-motion:reduce){#stagePanel *,#gamePanel *{animation-duration:1ms!important;transition-duration:1ms!important}}