.claw-game{--sea:#063e49;--ink:#042832;--treasure:#ffdb83;color:#fff4ce;isolation:isolate;background:#052e3a;border-radius:24px;max-width:1180px;margin:auto;font-family:Manrope,system-ui,sans-serif;overflow:hidden}.claw-world{background:linear-gradient(#04748500 30%,#082e2c70 75%,#082e2cd9),url(/game-art/claw-cove-treasures-lustre-edition/background-1600.webp) 50%/cover;min-height:650px;padding:22px 20px 18px;position:relative}.claw-title{text-align:center;z-index:2;background:linear-gradient(165deg,#8b572d,#502f1c 45%,#2f2118 48%,#73481f);border:3px solid #f7d277;border-radius:16px 16px 30px 30px;width:max-content;max-width:96%;margin:0 auto 16px;padding:12px 50px 13px;position:relative;transform:rotate(-1deg);box-shadow:inset 0 2px #fff0c0,0 6px #3b2419,0 10px 22px #03222b80}.claw-title small{color:#a2f5e8;letter-spacing:.26em;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.claw-title h2{color:#ffe39a;letter-spacing:.015em;text-shadow:0 3px #663618;font-family:Fredoka,system-ui,sans-serif;font-size:clamp(24px,3.8vw,43px);line-height:1}.claw-title em{letter-spacing:.16em;color:#fff3cc;margin-top:5px;font-size:.66em;font-style:normal;display:block}.claw-ship{grid-template-columns:130px minmax(0,720px) 130px;justify-content:center;align-items:center;gap:12px;display:grid;position:relative}.claw-reels{background:linear-gradient(#062f37,#062f37) padding-box padding-box,linear-gradient(150deg,#ffe5a5,#a76220 25%,#edc878 40%,#693e20 58%,#e8b35f 75%,#ffe2a0) border-box;border:12px solid #0000;border-radius:23px;width:100%;min-width:0;position:relative;overflow:hidden;box-shadow:0 9px #5a331c,0 12px #ce9b58,0 18px 28px #032e4090,inset 0 0 20px #0008}.claw-canvas{aspect-ratio:3/2;width:100%;display:block;position:relative}.claw-canvas canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.claw-reel-top{z-index:2;pointer-events:none;background:linear-gradient(90deg,#bd8f52,#fff0a8,#bd8f52);height:6px;position:absolute;inset:0 0 auto}.claw-reel-bottom{z-index:2;pointer-events:none;background:linear-gradient(90deg,#bd8f52,#fff0a8,#bd8f52);height:6px;position:absolute;inset:auto 0 0}.claw-port{text-align:center;z-index:2;align-self:end;padding-bottom:4px;position:relative}.claw-port img{filter:drop-shadow(0 9px 7px #06364380);width:160px;max-width:130%;height:auto;margin-left:-15%;display:block}.claw-crab{transform-origin:50% 90%;animation:4s ease-in-out infinite claw-breathe}.claw-port .claw-chest{width:132px;max-width:100%;margin:0;transition:transform .4s}.claw-port.collecting .claw-chest{animation:.5s ease-in-out 2 claw-hop}.claw-port.collecting .claw-barrel{animation:.5s ease-in-out 2 claw-rock}.claw-barrel{width:140px!important;margin-left:-5%!important}.claw-port-label{letter-spacing:.13em;color:#fff6d8;text-shadow:0 2px 3px #052c35;margin-top:4px;font-size:9px;font-weight:800;display:block}.claw-stage-count{background:#043844e6;border:1px solid #e1b353;border-radius:9px;margin:4px 0 6px;padding:7px 4px;box-shadow:inset 0 1px #9ee8db44}.claw-stage-count b{color:#ffe08f;font:700 18px Fredoka,system-ui,sans-serif;display:block}.claw-stage-count small{color:#bce9df;font-size:8px;line-height:1.3;display:block}.claw-bottle-meter{background:#02282f;border:1px solid #a18048;border-radius:9px;height:7px;overflow:hidden}.claw-bottle-meter span{background:linear-gradient(90deg,#23bda4,#9bf7d2);width:0;height:100%;transition:width .8s;display:block}.claw-milestones{justify-content:center;gap:2px;margin-top:7px;display:flex}.claw-milestones span{color:#bfe1d5;background:#073c47;border:1px solid #96966b;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-weight:800;display:grid}.claw-milestones span.unlocked{color:#473319;background:linear-gradient(#ffe4a0,#bd8730);border-color:#fff3bb}.claw-status{text-align:center;color:#f7eccc;background:linear-gradient(#065264eb,#032c38f5);border:2px solid #d7b25d;border-radius:12px;max-width:720px;min-height:44px;margin:19px auto 10px;padding:11px 16px;font-size:12px;font-weight:800;box-shadow:inset 0 2px #98e7d22e,0 4px #043139}.claw-status[data-kind=bonus]{color:#ffe296;background:#234146f5}.claw-status[data-kind=error]{color:#fff1e2;background:#653422}.claw-stage-name{letter-spacing:.11em;color:#baf4e4;margin-top:4px;font-size:9px;font-weight:700}.claw-controls{background:linear-gradient(160deg,#255968f5,#082e3ff5);border:2px solid #cead68;border-radius:17px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:990px;margin:auto;padding:13px 15px;display:flex;position:relative;box-shadow:inset 0 2px #8cb1a44d,0 4px #052d37}.claw-readout{text-align:center;background:#032e3af0;border:1px solid #a99159;border-radius:10px;min-width:112px;padding:6px 12px}.claw-readout small{letter-spacing:.15em;color:#b2dcd8;margin-bottom:3px;font-size:8px;font-weight:800;display:block}.claw-readout strong{color:#fff2ba;font-size:17px;font-weight:800}.claw-level{align-items:center;gap:6px;display:flex}.claw-level label{text-transform:uppercase;letter-spacing:.13em;color:#beeadc;max-width:40px;font-size:8px;font-weight:800;display:block}.claw-level select,.claw-showcase select{color:#fff0c1;background:#063e48;border:1px solid #c8a968;border-radius:10px;max-width:160px;padding:10px 11px;font-size:12px;font-weight:700}.claw-spin{appearance:none;color:#113f32;cursor:pointer;background:linear-gradient(#d3f397,#72bf65 48%,#398750 50%,#3e9555);border:2px solid #e6ffcc;border-radius:50px;min-width:124px;height:61px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:700;transition:transform .15s,filter .15s;box-shadow:inset 0 3px #f4ffcf,0 5px #1c573d,0 8px 15px #02171b6b}.claw-spin:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.claw-spin:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #f4ffcf,0 2px #1c573d}.claw-spin:disabled{filter:saturate(.35);opacity:.65;cursor:default}.claw-tool{cursor:pointer;color:#d5eeea;background:#093c47;border:1px solid #91bab2;border-radius:11px;min-height:38px;padding:10px 12px;font-size:10px;font-weight:800}.claw-tool:hover{background:#195564}.claw-tool:disabled{opacity:.45;cursor:default}.claw-tool[aria-pressed=true]{color:#ffe6a4;background:#215948;border-color:#ffda91}.claw-small-controls{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 12px 0;display:flex}.claw-legal{text-align:center;color:#b5d9d0;padding:12px 14px 15px;font-size:9px;line-height:1.7}.claw-legal a{color:#ffe5a5}.claw-preview-notice{text-align:center;color:#d6ebe1;background:#103d49;border-bottom:1px solid #91a98e;padding:11px 14px;font-size:10px}.claw-bonus{text-align:center;background:linear-gradient(145deg,#123f4df7,#074330f7);border:2px solid #f1ca6d;border-radius:16px;max-width:720px;margin:13px auto 4px;padding:18px 20px;box-shadow:0 6px #032933,inset 0 0 20px #c2f0a514}.claw-bonus[hidden]{display:none}.claw-bonus small{color:#baeddf;letter-spacing:.14em;font-size:9px;font-weight:800}.claw-bonus h3{color:#ffe394;margin:5px 0;font:700 26px Fredoka,sans-serif}.claw-bonus p{color:#d5e8dd;font-size:11px;line-height:1.6}.claw-bonus-actions{justify-content:center;gap:12px;margin-top:14px;display:flex}.claw-bonus-actions button{cursor:pointer;border-radius:13px;padding:12px 24px;font-size:12px;font-weight:800}.claw-collect{color:#224a36;background:linear-gradient(#e0f5b8,#8cce7b);border:2px solid #d4efb5;box-shadow:0 4px #285b3a}.claw-gamble{color:#533314;background:linear-gradient(#fff0b6,#e9b44c);border:2px solid #fff0b6;box-shadow:0 4px #8d571d}.claw-bonus-actions button:disabled{opacity:.45}.claw-retry[hidden]{display:none}.claw-retry{margin:8px auto;display:block}.claw-celebration{pointer-events:none;z-index:5;opacity:0;text-align:center;color:#ffecae;background:radial-gradient(#023e46ee,#023e4600 70%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s,transform .25s;display:flex;position:absolute;inset:0;transform:scale(.9)}.claw-celebration.active{opacity:1;transform:scale(1)}.claw-celebration strong{text-shadow:0 5px #785122,0 8px 25px #02191e;max-width:80%;font:700 clamp(30px,5vw,62px)/1.05 Fredoka,sans-serif}.claw-celebration span{color:#dcfff2;margin-top:9px;font-size:15px;font-weight:800}.claw-flying{object-fit:contain;z-index:6;pointer-events:none;filter:drop-shadow(0 0 7px #ffe59d);width:45px;height:45px;position:absolute}.claw-rules{color:#edf5df;background:linear-gradient(145deg,#093e4b,#082a32);border:2px solid #ebc476;border-radius:20px;width:min(800px,100% - 20px);max-height:85dvh;padding:24px;overflow:auto}.claw-rules::backdrop{background:#021723bf}.claw-rules header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.claw-rules h2{color:#ffe298;font-size:26px}.claw-rules h3{color:#ffe298;margin:19px 0 7px;font-size:16px}.claw-rules p,.claw-rules li{font-size:12px;line-height:1.75}.claw-rules ul{padding-left:20px}.claw-paytable{overflow:auto}.claw-paytable table{border-collapse:collapse;width:100%;margin-top:12px;font-size:11px}.claw-paytable th,.claw-paytable td{text-align:right;border-bottom:1px solid #48796c;padding:8px}.claw-paytable th:first-child,.claw-paytable td:first-child{text-align:left}.claw-paytable img{vertical-align:middle;object-fit:contain;width:35px;height:35px;margin-right:8px}.claw-showcase{justify-content:center;align-items:center;gap:8px;margin:10px 0;font-size:10px;display:flex}.claw-showcase select{max-width:210px}.claw-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.claw-game button:focus-visible,.claw-game select:focus-visible{outline-offset:3px;outline:3px solid #fff7b3}@keyframes claw-breathe{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(1deg)translateY(-5px)}}@keyframes claw-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)rotate(-3deg)}}@keyframes claw-rock{0%,to{transform:rotate(0)}30%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@media (width<=900px){.claw-ship{grid-template-columns:86px minmax(0,720px) 86px;gap:7px}.claw-world{min-height:0;padding:18px 12px}.claw-title{padding:12px 30px}.claw-port img{width:110px}.claw-port .claw-chest{width:90px}.claw-barrel{width:100px!important}.claw-stage-count b{font-size:14px}.claw-stage-count small{font-size:7px}.claw-readout{min-width:92px;padding:5px 9px}.claw-controls{gap:8px;padding:12px 9px}.claw-spin{min-width:106px}}@media (width<=640px){.claw-game{border-radius:12px}.claw-world{padding:12px 9px}.claw-title{border-width:2px;margin-bottom:15px;padding:10px 20px}.claw-title small{font-size:7px}.claw-title h2{font-size:28px}.claw-ship{grid-template-columns:1fr 1fr;gap:10px;display:grid}.claw-reels{border-width:7px;border-radius:16px;grid-area:1/1/auto/-1}.claw-port{text-align:left;grid-row:2;grid-template-columns:90px 1fr;align-self:center;align-items:center;gap:5px;min-width:0;padding:0;display:grid}.claw-port img{grid-area:1/1/4;width:105px;max-width:100%;margin:0}.claw-port .claw-chest{display:none}.claw-crab{object-fit:contain;max-height:108px}.claw-port-label{align-self:end;font-size:7px;line-height:1.5}.claw-stage-count{text-align:center;margin:2px 0;padding:5px 4px}.claw-stage-count b{font-size:15px}.claw-stage-count small{font-size:6px}.claw-barrel{grid-row:1/5!important;width:90px!important;margin:0!important}.claw-milestones{gap:1px;margin-top:4px}.claw-milestones span{width:12px;height:12px;font-size:6px}.claw-port.claw-starboard{grid-template-columns:70px 1fr}.claw-status{min-height:39px;margin-top:9px;padding:9px;font-size:10px}.claw-stage-name{font-size:8px}.claw-controls{grid-template-columns:1fr 1fr;gap:9px;padding:12px 10px;display:grid}.claw-readout{min-width:0}.claw-readout strong{font-size:15px}.claw-level{grid-column:1;justify-content:center}.claw-level label{max-width:50px}.claw-level select{max-width:82px;padding:10px 8px}.claw-spin{grid-column:2;width:100%;min-width:0;height:49px;font-size:19px}.claw-small-controls{gap:7px}.claw-tool{min-height:38px;padding:9px 10px;font-size:9px}.claw-legal{font-size:8px}.claw-bonus{padding:15px 10px}.claw-bonus h3{font-size:24px}.claw-bonus-actions{gap:9px}.claw-bonus-actions button{flex:1;padding:12px 13px}.claw-rules{padding:17px}.claw-paytable th,.claw-paytable td{padding:7px 4px}.claw-paytable img{width:26px;height:26px;margin-right:4px}.claw-celebration span{font-size:11px}.claw-showcase{flex-wrap:wrap}.claw-preview-notice{font-size:8px}}@media (width<=350px){.claw-title h2{font-size:24px}.claw-port{grid-template-columns:65px 1fr}.claw-port.claw-starboard{grid-template-columns:56px 1fr}.claw-crab{max-height:85px}.claw-barrel{width:70px!important}.claw-stage-count b{font-size:13px}.claw-controls{padding:10px 7px}.claw-small-controls{gap:5px}}@media (prefers-reduced-motion:reduce){.claw-crab,.claw-port.collecting img{animation:none}.claw-game *{transition:none!important}}