@import url('assets/fonts/fonts.css');
:root{color-scheme:dark;--navy:#071f2a;--deep:#061923;--gold:#ffd16d;--cream:#fff2cf;--muted:#9ab3ba;--mint:#71d7c7;--line:#ffffff16;--font:'Noto Sans SC',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--navy);font:14px/1.65 var(--font);color:#f6f3e7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbol-bank{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1180px;margin-inline:auto;padding-inline:30px}.ambient{pointer-events:none;position:absolute;inset:0 0 auto;height:900px;background:radial-gradient(ellipse at 92% 17%,#13606b54 0,transparent 49%),radial-gradient(ellipse at 8% 80%,#17323f 0,transparent 47%);z-index:-1}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;line-height:1.1;font-family:'Barlow Condensed',Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:.6px}.brand-light{color:var(--gold)}.brand small{font:9px/1.6 var(--font);letter-spacing:3px;display:block;color:#a5c3c4;margin-top:4px}.brand img{border-radius:12px}nav{display:flex;gap:32px;align-items:center}.nav-link{font-size:12px;color:#b5c9cb;transition:color .2s}.nav-link:hover{color:var(--gold)}.language{background:#ffffff06;border:1px solid #ffffff20;padding:7px 13px;border-radius:5px;font-size:12px;display:flex;gap:15px}.language span{color:var(--gold)}.hero{display:grid;grid-template-columns: .9fr 1.3fr;align-items:center;gap:55px;padding-block:65px 62px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.5px;color:#b1cfca;margin:0 0 23px}.new-label{background:#ffd16d;color:#19313b;padding:3px 8px;font-size:10px;font-weight:800;border-radius:3px;letter-spacing:1px}h1{font-size:clamp(30px,3.3vw,43px);font-weight:900;line-height:1.4;letter-spacing:-1.8px;margin:0 0 20px}h1 span,h1 em{display:block}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:13px;color:#a9c2c6;max-width:345px;line-height:1.95;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:7px;padding:14px 23px;min-height:52px;border:none;font-size:14px;font-weight:800;letter-spacing:.2px;transition:transform .2s,background .2s;box-shadow:0 4px 0 #ad7d2d}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(2px);box-shadow:0 1px 0 #ad7d2d}.primary{background:linear-gradient(115deg,#ffe6a1,#ffc552);color:#19313b}.primary svg{width:19px;height:19px}.watch-link{display:flex;align-items:center;gap:7px;white-space:nowrap;background:none;border:0;font-size:11px;color:#d6e0db;padding:12px 0}.watch-link svg{width:14px;height:14px;fill:currentColor;stroke:none}.devices{display:flex;align-items:center;gap:13px;margin-top:25px;color:#91aeb5;font-size:10px;flex-wrap:wrap}.devices>span{display:flex;align-items:center;gap:4px}.devices svg{width:14px;height:14px}.devices i{height:10px;width:1px;background:#38505a}.devices-copy{color:#708d97;margin-left:2px}.showcase{position:relative;border:1px solid #7ac5b84d;border-radius:14px;background:#071922;box-shadow:0 30px 70px #020d164f,0 0 30px #65e4c00a;transform:rotate(-1deg);isolation:isolate}.video-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;font-size:10px;letter-spacing:.5px;color:#bfcec6}.video-heading>span:first-child{display:flex;align-items:center;gap:7px}.video-heading i{width:5px;height:5px;background:#7cddbc;border-radius:50%;box-shadow:0 0 10px #7cddbc}.video-label{color:#63868e;font:10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}.video-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:contain;display:block}.video-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px #06212d50;opacity:1;transition:opacity .3s}.video-frame.is-playing .video-vignette{opacity:0}.big-play{position:absolute;inset:0;margin:auto;width:96px;height:96px;border:1px solid #ffeab6aa;background:#092c3bd9;backdrop-filter:blur(8px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 0 0 9px #06192340;color:#ffe3a1;z-index:2;transition:transform .2s}.big-play:hover{transform:scale(1.07)}.big-play svg{width:28px;height:28px;fill:currentColor;stroke:none}.big-play span{font-size:10px}.big-play[hidden]{display:none}.video-controls{display:flex;align-items:center;padding:9px 12px;gap:10px;background:#05151f;border-top:1px solid #ffffff09}.video-controls button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:4px;color:#c5d4d4;border-radius:4px}.video-controls button:hover{background:#ffffff12}.video-controls svg{width:15px;height:15px}.video-controls span{font-size:9px;color:#89a3ae;font-variant-numeric:tabular-nums;white-space:nowrap}.video-controls input{flex:1;min-width:20px;accent-color:var(--gold);height:3px;cursor:pointer}.video-caption{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-top:1px solid var(--line);font-size:10px;color:#aac4c2}.video-caption>span:first-child{display:flex;gap:6px;align-items:center}.video-caption svg{width:16px;height:16px;color:var(--mint)}.multiplier-tag{font:10px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}.multiplier-tag b{margin-left:10px;color:var(--gold);font-size:19px;letter-spacing:0}.orbit{position:absolute;border:1px solid #d7ae5540;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:100px;height:100px;right:-25px;top:-27px}.orbit-two{width:36px;height:36px;left:-18px;bottom:42px;border:5px solid #d7ae552b}.video-error{position:absolute;inset:0;display:grid;place-items:center;background:#0b2e3b;text-align:center;padding:20px;font-size:12px}.video-error[hidden]{display:none}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-block:29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{display:flex;gap:17px;align-items:center;justify-content:center}.step+.step{border-left:1px solid var(--line)}.step:first-child{justify-content:flex-start}.step:last-child{justify-content:flex-end}.step-number{font:500 34px/1 'Barlow Condensed',Arial,sans-serif;color:#43717b}.step h2{font-size:13px;margin:0 0 3px;font-weight:600}.step p{font-size:10px;color:#77969f;margin:0}.arsenal{display:grid;grid-template-columns:1fr 1.32fr;align-items:center;gap:50px;padding-block:36px 28px}.section-label{font:11px 'Barlow Condensed',sans-serif;color:var(--mint);letter-spacing:2px;margin:0 0 12px}.arsenal h2{font-size:23px;line-height:1.4;letter-spacing:-.6px;margin:0 0 10px}.arsenal-heading>p:last-child{font-size:12px;color:#8caab2;margin:0}.weapon-panel{display:flex;gap:12px;align-items:center;min-width:0}.cannon-art{width:180px;flex-shrink:0}.cannon-art svg{width:100%;height:auto;overflow:visible;stroke:none}.weapon-settings{flex:1;min-width:0}.selection-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:10px;color:#8cabb2}.selection-label>span:last-child{color:var(--mint)}.multipliers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.multipliers button{font:600 20px 'Barlow Condensed',sans-serif;padding:12px 0;background:#0a2b37;border:1px solid #335560;border-radius:6px;color:#93b6bc;transition:all .2s}.multipliers button:hover{border-color:var(--gold);color:var(--cream)}.multipliers button.selected{background:var(--gold);color:#203a44;border-color:var(--gold);box-shadow:0 3px 0 #ad7d2d}.power-track{display:flex;gap:5px;margin-top:16px}.power-track span{flex:1;height:3px;background:#1b414c;border-radius:2px}.power-track span.on{background:#77c7b4}.power-note{font-size:9px;color:#73939e;margin:10px 0 0}.bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:17px 35px}.bottom-cta p{font-size:12px;color:#829fa8}.bottom-cta strong{color:#cdd9d5;font-weight:500;margin-left:12px}.bottom-cta .button{font-size:12px;min-height:45px;padding:11px 20px;gap:35px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:22px 26px;font-size:9px;color:#5e818d}footer>span:first-child{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}footer button{padding:0;background:none;border:none;color:#8aabb2;font-size:10px}dialog{padding:0;border:1px solid #4b717a;background:#0b2b37;color:#f6f3e7;border-radius:18px;box-shadow:0 35px 130px #000a}dialog::backdrop{background:#03121be0;backdrop-filter:blur(8px)}.icon-button{background:#ffffff09;border:1px solid #ffffff10;border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center}.icon-button svg{width:20px;height:20px}.rules-dialog{padding:35px;max-width:440px;width:calc(100% - 32px)}.rules-dialog .close-dialog{position:absolute;right:15px;top:15px}.rules-dialog h2{font-size:26px;margin:8px 0 20px}.rules-dialog ol{padding-left:21px;color:#a5bfc4;font-size:13px}.rules-dialog li{margin-bottom:14px;padding-left:4px}.rules-dialog .button{width:100%;margin-top:12px}.game-dialog{width:min(780px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto}.game-top{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 14px}.game-top .section-label{font-size:9px;display:block;letter-spacing:1px;margin-bottom:2px}.game-top h2{font-size:20px;margin:0}.game-hud{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 24px;color:#e9dbb9}.game-hud>span{display:flex;align-items:center;gap:6px}.game-hud b{font:700 24px 'Barlow Condensed',sans-serif;color:var(--gold);font-variant-numeric:tabular-nums}.game-hud small{font-size:10px;color:#9ebac1}.game-hud svg{width:20px;height:20px;color:var(--gold)}.arena{position:relative;background:#061a29;aspect-ratio:5/3;overflow:hidden}.arena canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.game-bottom{display:flex;justify-content:space-between;gap:15px;padding:15px 22px 8px}.demo-multipliers{display:flex;gap:7px}.demo-multipliers button{padding:8px 14px;border-radius:6px;background:#123b49;border:1px solid #41606a;color:#a9c7cb;font-weight:700}.demo-multipliers button.selected{background:var(--gold);border-color:var(--gold);color:#123340}.fire-button{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 23px;border:none;border-radius:6px;color:#173340;background:#83d7c7;font-size:12px;font-weight:800;min-width:112px}.fire-button svg{width:18px;height:18px}.game-help{text-align:center;margin:4px 12px 14px;font-size:10px;color:#7e9fa9;min-height:16px}.game-result{position:absolute;inset:0;background:#061d2be8;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px}.game-result[hidden]{display:none}.result-icon{font-size:42px;color:var(--gold);line-height:1;margin-bottom:15px}.game-result h3{font-size:28px;line-height:1.4;margin:5px 0;color:var(--gold)}.game-result p:not(.section-label){font-size:12px;color:#a5c1c7;margin:5px 0 20px}.game-result .button{font-size:12px;min-height:44px;padding:10px 25px}.text-button{padding:10px;border:none;background:none;font-size:11px;color:#9bb7bf}.game-result .section-label{margin:0;font-size:10px}html[lang=en] h1{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;font-size:61px;line-height:1.08;letter-spacing:-1px}html[lang=en] .intro{font:14px/1.8 Arial,sans-serif}html[lang=en] .hero-actions{gap:20px}html[lang=en] .arsenal h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:32px}html[lang=en] .button{font-family:Arial,sans-serif}html[lang=en] .watch-link{font-family:Arial,sans-serif}html[lang=en] .bottom-cta strong{margin-left:8px}@media(min-width:1500px){.hero{padding-block:80px}.site-header{height:110px}.arsenal{padding-block:45px}}@media(max-width:1000px){.hero{gap:26px;grid-template-columns:1fr 1.12fr}.hero-actions{gap:16px}.button{padding:13px 18px;gap:20px}.watch-link{font-size:10px}.cannon-art{width:135px}.arsenal{gap:25px}.intro{font-size:12px}h1{font-size:32px}.hero{padding-block:48px}html[lang=en] h1{font-size:48px}}@media(max-width:740px){.wrap{padding-inline:23px}.site-header{height:77px}.brand{font-size:21px}.brand img{width:35px;height:35px}.brand small{font-size:8px;letter-spacing:2px}.nav-link{display:none}nav{gap:0}.language{padding:6px 11px;font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:31px;padding-block:32px 28px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:10px;margin-bottom:17px;gap:10px}.new-label{font-size:9px}h1{font-size:34px;line-height:1.4;letter-spacing:-1.4px;margin-bottom:13px}.intro{font-size:12px;line-height:1.95;max-width:360px;margin:0 auto 20px}.hero-actions{justify-content:center;gap:25px}.button{min-height:48px;padding:12px 24px;font-size:13px;gap:29px}.watch-link{font-size:11px}.devices{justify-content:center;font-size:9px;gap:10px;margin-top:21px}.devices svg{width:13px;height:13px}.devices-copy{margin-left:5px}.showcase{transform:none;border-radius:11px}.video-heading{padding:10px 12px;font-size:9px}.video-label{font-size:9px}.video-caption{padding:10px 13px;font-size:9px}.multiplier-tag b{font-size:16px}.video-controls{padding:7px 8px;gap:8px}.video-controls span{font-size:8px}.big-play{width:73px;height:73px}.big-play svg{width:23px;height:23px}.big-play span{font-size:9px}.orbit-one{width:73px;height:73px;right:-12px;top:-14px}.orbit-two{left:-12px;bottom:32px;width:24px;height:24px;border-width:3px}.how{padding-block:22px;gap:0}.step,.step:first-child,.step:last-child{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px;padding-left:12px}.step:first-child{padding-left:0}.step-number{font-size:24px}.step h2{font-size:10px;letter-spacing:-.2px}.step p{font-size:8px;line-height:1.6;max-width:85px}.arsenal{display:flex;flex-direction:column;gap:15px;padding-block:28px 11px;align-items:stretch}.arsenal-heading{text-align:center}.section-label{font-size:9px;margin-bottom:8px}.arsenal h2{font-size:22px;margin-bottom:5px}.arsenal-heading>p:last-child{font-size:11px}.weapon-panel{gap:8px}.cannon-art{width:119px;margin-left:-9px}.selection-label{font-size:9px;margin-bottom:9px;gap:4px}.multipliers{gap:5px}.multipliers button{font-size:19px;padding:9px 0}.power-track{margin-top:12px;gap:4px}.power-note{font-size:8px;margin-top:8px}.bottom-cta{padding-block:5px 27px;flex-direction:column;gap:8px}.bottom-cta p{font-size:10px;margin:5px 0 8px}.bottom-cta strong{margin-left:6px}.bottom-cta .button{width:100%;min-height:45px;justify-content:space-between;padding:11px 20px}footer{gap:10px;padding-block:17px;font-size:8px;align-items:center}footer>span:first-child{font-size:10px}footer button{font-size:9px}html[lang=en] h1{font-size:47px;line-height:1.08;letter-spacing:-.5px}html[lang=en] .intro{font-size:12px;max-width:330px}html[lang=en] .arsenal h2{font-size:27px}html[lang=en] .step h2{font-size:10px}html[lang=en] .step p{font-family:Arial,sans-serif;font-size:9px;max-width:85px}.game-dialog{width:calc(100% - 18px);border-radius:12px;max-height:calc(100dvh - 18px)}.game-top{padding:15px 15px 11px}.game-top h2{font-size:17px}.game-top .section-label{font-size:8px}.game-hud{padding:10px 16px}.game-hud b{font-size:22px}.game-hud small{font-size:9px}.arena{aspect-ratio:4/5}.game-bottom{padding:12px 12px 7px;gap:9px}.demo-multipliers{gap:5px;flex:1}.demo-multipliers button{padding:8px 0;flex:1;min-width:35px;font-size:12px}.fire-button{padding:9px 12px;min-width:85px;font-size:11px;gap:5px}.game-help{font-size:9px;margin:5px 10px 12px}.game-result h3{font-size:25px}.result-icon{font-size:35px}.rules-dialog{padding:28px}.rules-dialog li{font-size:12px}}@media(max-width:360px){.wrap{padding-inline:17px}h1{font-size:29px}.hero-actions{gap:18px}.devices{gap:8px}.cannon-art{width:99px}.power-note{font-size:7px}.video-caption{font-size:8px}footer>span:first-child{display:none}}@media(max-height:620px) and (orientation:landscape){.game-dialog{width:620px;max-height:95dvh}.arena{aspect-ratio:2.8/1}.game-top{padding:8px 18px}.game-top h2{font-size:16px}.game-hud{padding:4px 18px}.game-bottom{padding:8px 18px 0}.game-help{margin:3px 0 6px}.game-result{padding:12px}.game-result .result-icon,.game-result .section-label{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Golden ocean reward collection and compact game controls. */
.bounty-preview{padding-block:30px 12px}.bounty-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.bounty-title h2{font-size:23px;margin:0}.bounty-title p:not(.section-label){font-size:11px;color:#91abb1;margin:5px 0 17px}.bounty-title .section-label{margin-bottom:5px}.bounty-title button{color:#ffdc8b;white-space:nowrap}.bounty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bounty-grid article{min-width:0;border:1px solid #b9cfb71c;background:radial-gradient(ellipse at 50% 30%,#284c492b,#071c2700);border-radius:12px;padding:10px 12px 14px;text-align:center}.bounty-grid img{height:100px;width:100%;object-fit:contain;display:block}.bounty-grid span{display:block;font-size:10px;color:#a7c6c9;margin-top:2px}.bounty-grid b{display:block;font:700 15px Arial;color:#ffdc8b;margin-top:8px}.bounty-grid .chest-card{border-color:#c7913640;background:radial-gradient(ellipse at 50% 20%,#7b4b222b,#071c2700)}.game-top-actions{display:flex;gap:10px;align-items:center}.pause-button{background:none;border:1px solid #49636d;border-radius:6px;padding:6px 12px;font-size:11px;color:#c8d8d6}.game-guide-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 22px;font-size:9px;color:#96adae}.game-guide-row button{border:none;background:transparent;color:#e8c977;padding:6px 0;white-space:nowrap;font-size:11px}.game-hud b{white-space:nowrap}.game-help{color:#b5c6c6}.pause-cover{position:absolute;inset:0;pointer-events:none;background:#031b2a18;display:grid;place-items:center}.pause-cover[hidden]{display:none}.pause-cover button{pointer-events:auto;background:#123c45ed;border:1px solid #f6d57d;color:#ffe19a;border-radius:8px;padding:12px 36px;font-weight:700;box-shadow:0 5px 25px #0008}.rules-dialog{max-width:580px;max-height:calc(100dvh - 30px);overflow:auto}.catalog-block{border-top:1px solid #5c79784a;padding-top:12px}.catalog-block h3{font-size:15px;margin:12px 0;color:#f4d38b}.catalog-block>p{font-size:11px;color:#a2b9bd}.catalog-fish{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid #718b8d22}.catalog-fish img{width:66px;height:43px;object-fit:contain}.catalog-fish>div{flex:1}.catalog-fish strong{display:block;font-size:12px;font-weight:500}.catalog-fish small{display:block;font-size:10px;color:#8eb2bb}.catalog-fish>b{color:#ffe09b;font-size:15px}.chest-rule{display:flex;align-items:center;gap:12px;margin-top:17px}.chest-rule img{width:62px;height:54px;object-fit:contain}.odds-table{width:100%;border-collapse:collapse;font:11px/1.5 Arial,sans-serif}.odds-table th,.odds-table td{padding:8px;border-bottom:1px solid #5b747b39;text-align:left}.odds-table th:last-child,.odds-table td:last-child{text-align:right}.odds-table th{color:#8cb4bc;font-weight:500}.odds-table td{color:#dfd9bd}.catalog-block .formula{border:1px solid #d3ae5f30;border-radius:6px;padding:10px;color:#f3d899;margin-top:17px}.game-result{z-index:2}.game-result p:not(.section-label){max-width:320px;line-height:1.8}.game-result h3{font-size:25px}@media(max-width:740px){.bounty-preview{padding-block:24px 8px}.bounty-title{align-items:flex-start;gap:8px}.bounty-title h2{font-size:19px}.bounty-title p:not(.section-label){font-size:9px}.bounty-title button{font-size:9px;padding:6px 0}.bounty-grid{grid-template-columns:repeat(2,1fr);gap:8px}.bounty-grid img{height:70px}.bounty-grid b{font-size:13px;margin-top:6px}.bounty-grid article{padding:8px}.game-top-actions{gap:7px}.pause-button{padding:5px 8px}.game-guide-row{padding:0 13px;font-size:8px;gap:8px}.game-guide-row button{font-size:10px}.game-hud{gap:10px}.game-hud b{font-size:20px}.game-hud small{font-size:8px}.game-hud>span{gap:4px}.game-help{font-size:9px;min-height:28px;line-height:1.5}.game-top h2{font-size:16px}.arena{aspect-ratio:4/4.3;max-height:calc(100dvh - 252px);min-height:260px}.rules-dialog{padding:24px}.catalog-fish{gap:8px}.catalog-fish img{width:58px}}@media(max-height:620px) and (orientation:landscape){.arena{aspect-ratio:2.8/1;min-height:120px;max-height:calc(100dvh - 170px)}.game-guide-row{padding-block:0}.game-help{min-height:0;margin:0 5px 4px}}@media(prefers-reduced-motion:reduce){.pause-cover{backdrop-filter:none}}
@media(min-width:741px) and (min-height:621px){.game-dialog .arena{aspect-ratio:1.95;max-height:calc(100dvh - 255px);min-height:270px}}

.wave-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 24px;background:#09242e;border-top:1px solid #90b5b019;font-size:10px;color:#8cabb2;font-variant-numeric:tabular-nums}.wave-bar>span:first-child{color:#9ae2d8}.wave-bar .active{color:#ffe09b!important;font-weight:700}.wave-bar b{font-weight:500;color:#b8d2d4}.game-dialog.celebrating{border-color:#ffdb74;box-shadow:0 0 30px #ffc33570,0 0 90px #a36a2733,0 35px 130px #000a}.review-tools{margin:0 15px 14px;border:1px dashed #b9985b66;border-radius:8px;background:#1d363b;padding:10px 12px}.review-tools[hidden]{display:none}.review-tools>span{display:block;font-size:9px;color:#bcb396;letter-spacing:1px}.review-tools>div{display:flex;gap:8px;margin:7px 0}.review-tools button{padding:7px 13px;border:1px solid #cbb36e66;background:#574b29;color:#ffe6a2;border-radius:5px;font-size:11px}.review-tools button:last-child{background:#1a5355;color:#aaf0e5;border-color:#66b9ad66}.review-tools small{display:block;font-size:9px;color:#a7bcb7;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:741px) and (min-height:621px){.game-dialog .arena{max-height:calc(100dvh - 285px)}}@media(max-width:740px){.wave-bar{padding:6px 14px;font-size:9px}.game-dialog .arena{max-height:calc(100dvh - 280px);min-height:250px}.game-dialog:has(.review-tools:not([hidden])) .arena{max-height:calc(100dvh - 400px);min-height:250px}.review-tools{padding:8px 10px;margin:0 12px 12px}.game-dialog.celebrating{box-shadow:0 0 20px #ffc33560,0 25px 70px #0008}}@media(prefers-reduced-motion:reduce){.game-dialog.celebrating{box-shadow:0 0 15px #ffc33550}}
@media(min-width:741px) and (min-height:621px){.game-dialog .arena{max-height:calc(100dvh - 330px)}.game-dialog.review-mode .arena{max-height:calc(100dvh - 440px);min-height:240px}}.game-dialog.review-mode .review-tools{margin-bottom:8px}.game-dialog.review-mode .game-help{margin-bottom:7px}
.game-dialog .arena{width:100%;min-width:100%}.game-dialog .arena canvas{width:100%;height:100%}

/* Species expansion */
.species-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-top:16px}.species-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:8px 4px 11px;border:1px solid #74afa52b;border-radius:9px;background:linear-gradient(145deg,#103742,#09252e);text-align:center}.species-tile img{width:100%;height:77px;object-fit:contain}.species-tile span{font-size:10px;color:#bcd7d2;line-height:1.4;margin-top:5px;min-height:28px;display:flex;align-items:center}.species-tile b{font:700 11px Arial;color:#ffe2a1;margin-top:4px}.armored-fish{border-color:#a9806170;background-color:#322c2b}.armored-fish small,.armored-fish>b{color:#ffc0a4}.species-tile.armored-fish b{color:#ffb897}.catalog-fish.armored-fish{padding-inline:7px;border-radius:6px}.catalog-fish.armored-fish>b{font-size:11px}.review-tools>div{flex-wrap:wrap}.review-tools button{flex:1;white-space:nowrap;padding:7px 9px}.review-tools button:last-child{background:#493a56;color:#edcaff;border-color:#bc8ada66}
@media(max-width:740px){.species-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.species-tile img{height:57px}.species-tile span{font-size:9px}.species-tile{padding:5px 2px 8px}.review-tools button{font-size:10px}}
@media(max-width:740px){.game-dialog.review-mode .arena{max-height:calc(100dvh - 400px);min-height:230px}.game-dialog.review-mode .review-tools small{font-size:8px;line-height:1.4}}
/* Skills, compact cannon and timed bosses */
.page-stepper{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0}.page-stepper button{width:45px;height:45px;border-radius:8px;border:1px solid #6b9e9c;background:#153c46;font:500 26px Arial}.page-stepper output{font:bold 26px Arial;color:#ffe19d;min-width:105px;text-align:center}
.game-dialog .arena{height:min(480px,calc(100dvh - 280px));min-height:230px;max-height:none;aspect-ratio:auto;position:relative}.game-dialog.review-mode .arena,.game-dialog.review-mode:has(.review-tools:not([hidden])) .arena{height:min(450px,calc(100dvh - 365px));max-height:none;min-height:230px}.game-dialog.boss-active .arena{height:min(430px,calc(100dvh - 330px))}.game-dialog.boss-active.review-mode .arena,.game-dialog.boss-active.review-mode:has(.review-tools:not([hidden])) .arena{height:min(400px,calc(100dvh - 415px));max-height:none;min-height:210px}
.boss-strip[hidden]{display:none}.boss-strip{display:grid;grid-template-columns:1fr auto;gap:1px 10px;padding:7px 20px 6px;background:linear-gradient(100deg,#19374e,#273357);border-top:1px solid #6cc9e64a;color:#beeaff;position:relative;font-size:10px}.boss-strip>strong{grid-row:1/3;grid-column:2;font:800 25px Arial;color:#ffe49e}.boss-strip>b{font:700 11px Arial;letter-spacing:1px;color:#e8baff}.boss-strip>div{height:2px;background:#142c3c;grid-column:1/3;margin-top:4px}.boss-strip i{display:block;height:100%;background:linear-gradient(90deg,#63e8f0,#d1acff);transition:width .1s linear}
.cannon-controls{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:190px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:1}.cannon-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #e8c36c88;background:#153b40e8;color:#ffe6a6;box-shadow:0 2px 8px #0005;font:500 24px Arial;pointer-events:auto}.cannon-controls button:disabled{opacity:.3}.cannon-controls>span{align-self:flex-end;font:700 12px Arial;color:#ffe3a2;text-shadow:0 2px 3px #000;min-width:83px;text-align:center;margin-bottom:0}.cannon-controls button:hover{background:#365048}.game-result:not([hidden])~.cannon-controls{display:none}
.skill-controls{display:grid!important;grid-template-columns:1fr 1fr 1.15fr;gap:9px;padding:11px 15px!important}.skill-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:49px;border:1px solid #527b83;border-radius:7px;background:#153945;color:#c6e8e4}.skill-button span{font-size:12px}.skill-button b{font-weight:600}.skill-button small{font-size:9px;color:#a7b9b6;font-variant-numeric:tabular-nums}.skill-button.active{border-color:#8adfdf;background:#214a5c;opacity:1}.skill-button.active small{color:#aff5f2}.skill-button:disabled:not(.active){opacity:.5}.skill-controls .fire-button{height:49px;width:100%;justify-content:center;align-self:center;padding:0 10px}.active-effects{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none;z-index:1}.active-effects span{font:600 9px Arial;border:1px solid #83c9df77;background:#113648df;color:#bcefff;border-radius:4px;padding:4px 6px}.active-effects .effect-power{background:#49335cdd;color:#eed1ff}.active-effects .effect-speed{background:#55471cdd;color:#ffdf97}
.frozen canvas{filter:saturate(.85)}.game-dialog .review-tools{margin-top:0}.game-dialog .review-tools small{font-size:8px}.game-dialog .wave-bar{font-size:9px}.game-dialog .game-hud{font-variant-numeric:tabular-nums}.game-hud>span:first-child{min-width:0}.game-hud b{white-space:nowrap}
@media(max-width:740px){.game-dialog .game-top{padding:12px 15px}.game-dialog .game-hud{padding:11px 15px}.game-dialog .arena{height:calc(100dvh - 245px);max-height:510px}.game-dialog.review-mode .arena,.game-dialog.review-mode:has(.review-tools:not([hidden])) .arena{height:calc(100dvh - 335px);max-height:450px;min-height:235px}.game-dialog.boss-active .arena{height:calc(100dvh - 300px)}.game-dialog.boss-active.review-mode .arena,.game-dialog.boss-active.review-mode:has(.review-tools:not([hidden])) .arena{height:calc(100dvh - 390px);max-height:410px;min-height:210px}.boss-strip{padding-inline:15px}.skill-controls{padding:9px 12px!important}.game-dialog .review-tools{margin-bottom:10px;padding:7px 9px}.game-dialog .wave-bar{padding:6px 14px}.game-top h2{font-size:16px}.game-hud b{font-size:18px}.game-hud small{font-size:8px}}
@media(max-height:500px) and (orientation:landscape){.game-dialog .arena,.game-dialog.review-mode .arena,.game-dialog.review-mode:has(.review-tools:not([hidden])) .arena,.game-dialog.boss-active.review-mode .arena,.game-dialog.boss-active.review-mode:has(.review-tools:not([hidden])) .arena{height:220px;min-height:220px}.game-dialog{max-height:96dvh;overflow-y:auto}}
#fire-button>span{display:flex;flex-direction:column;gap:3px}#fire-button b{font-size:12px}#shot-cost{font-size:9px;font-weight:500;white-space:nowrap}#result-detail{white-space:pre-line}.skill-button small{line-height:1.4}