:root{--deep:#071f2f;--ink:#102638;--cyan:#69d2e7;--lime:#d5ff5f;--paper:#f2f1e9;--line:#ced9d5;--coral:#ff8065}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.scale-page{max-width:1440px;margin:auto;padding:clamp(18px,3vw,44px)}.scale-hero{display:grid;grid-template-columns:1fr 310px;align-items:center;min-height:250px;margin-bottom:22px;padding:32px clamp(24px,4vw,58px);border-radius:27px;background:linear-gradient(135deg,#071f2f,#0b4352);color:#fff;overflow:hidden}.scale-hero p,.scale-overlay>p,.scale-board-card>div>p{margin:0;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.scale-hero h1{margin:8px 0;font-size:clamp(46px,6vw,76px);line-height:.92;letter-spacing:-3px}.scale-hero h1 em{color:var(--lime);font-style:normal}.scale-hero span{color:var(--site-muted);font-size:12px}.hero-scale-fish{position:relative;width:230px;height:112px;border-radius:62% 44% 44% 62%;background:linear-gradient(#9deaf3 0 37%,#5fcce0 38% 70%,#2e8fa8 71%);filter:drop-shadow(0 18px 22px #0006);animation:fishFloat 3s ease-in-out infinite}.hero-scale-fish:before{content:"";position:absolute;left:-75px;top:17px;border-right:88px solid #52bad0;border-top:39px solid transparent;border-bottom:39px solid transparent}.hero-scale-fish:after{content:"";position:absolute;right:35px;top:29px;width:10px;height:10px;border:5px solid var(--deep);border-radius:50%;background:#fff}.hero-scale-fish i{position:absolute;width:30px;height:20px;border:2px solid #e3fbff;border-radius:50% 8% 50% 8%;transform:rotate(-22deg)}.hero-scale-fish i:nth-child(1){left:42px;top:30px}.hero-scale-fish i:nth-child(2){left:82px;top:22px}.hero-scale-fish i:nth-child(3){left:122px;top:32px}.hero-scale-fish i:nth-child(4){left:60px;top:62px}.hero-scale-fish i:nth-child(5){left:104px;top:64px}.scale-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.scale-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:10px;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.scale-stats span{padding:10px 14px;color:#71848c;font-size:8px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.scale-stats span+span{border-left:1px solid var(--line)}.scale-stats strong{display:block;margin-top:4px;color:var(--ink);font-size:20px;letter-spacing:0}.scale-game{position:relative;min-height:560px;border:3px solid var(--deep);border-radius:26px;background:linear-gradient(#168aa3,#07516f);overflow:hidden;touch-action:none;user-select:none}.current-banner{position:absolute;inset:0;pointer-events:none}.current-banner i{position:absolute;left:-10%;width:120%;height:80px;border:2px solid #baf5ff2b;border-radius:50%;animation:current 7s linear infinite}.current-banner i:nth-child(1){top:8%}.current-banner i:nth-child(2){top:45%;animation-delay:-2s}.current-banner i:nth-child(3){top:76%;animation-delay:-4s}.fish-board{position:absolute;inset:58px 30px 28px;display:grid;place-items:center}.game-fish{position:relative;width:min(72vw,580px);aspect-ratio:2.05/1;border-radius:62% 45% 45% 62%;background:linear-gradient(155deg,#78e0ee 0 42%,#43b8d1 43% 72%,#1e819e 73%);box-shadow:inset 0 -20px 40px #07516f33,0 24px 45px #002d4350;transition:transform .22s,opacity .22s}.game-fish:before{content:"";position:absolute;left:-24%;top:17%;width:28%;height:66%;background:#43b8d1;clip-path:polygon(100% 50%,0 0,25% 50%,0 100%)}.game-fish:after{content:"";position:absolute;right:11%;top:23%;width:4.6%;aspect-ratio:1;border:clamp(3px,.7vw,6px) solid var(--deep);border-radius:50%;background:#fff}.fish-fin{position:absolute;z-index:5;border:0;background:var(--coral);cursor:not-allowed}.fish-fin.top{left:43%;top:-15%;width:23%;height:25%;clip-path:polygon(0 100%,38% 0,100% 100%)}.fish-fin.bottom{left:48%;bottom:-15%;width:21%;height:24%;clip-path:polygon(0 0,100% 0,40% 100%)}.fish-fin.side{left:56%;top:57%;width:20%;height:18%;clip-path:polygon(0 0,100% 55%,0 100%)}.fish-tail-hit{position:absolute;left:-23%;top:17%;width:25%;height:66%;z-index:6;border:0;background:transparent}.fish-scale{position:absolute;z-index:4;width:9%;aspect-ratio:1.35;border:2px solid #e9fdff;border-radius:55% 8% 55% 8%;background:linear-gradient(135deg,#d6faff88,#4cc6db66);box-shadow:inset 2px 2px #fff6;transform:rotate(-22deg);cursor:grab}.fish-scale.gold{border-color:#fff1a6;background:linear-gradient(135deg,#fff9c9,#f3b72d);box-shadow:0 0 14px #ffd84e}.fish-scale.removed{pointer-events:none;animation:scaleFly .32s forwards}.game-fish.cleared{transform:translateX(30%) rotate(5deg);opacity:0}.scale-pause{position:absolute;z-index:10;right:14px;top:12px;min-height:38px;padding:0 14px;border:1px solid #fff8;border-radius:999px;background:#071f2fcc;color:#fff;font-weight:900;cursor:pointer}.scale-pause:disabled{display:none}.scale-overlay{position:absolute;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;padding:26px;background:#061f30e8;color:#fff;text-align:center;backdrop-filter:blur(7px)}.scale-overlay.hidden{display:none}.scale-overlay h2{margin:7px 0 14px;font-size:clamp(30px,5vw,50px)}.scale-overlay>span{max-width:520px;color:#c1d2d6}.scale-overlay>button,.scale-name button{min-height:46px;margin-top:14px;padding:0 22px;border:0;border-radius:12px;background:var(--lime);color:var(--deep);font-weight:900;cursor:pointer}.scale-overlay>a{margin-top:12px;color:#fff;font-size:10px}.scale-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(430px,90vw)}.scale-modes button{min-height:52px;border:1px solid #ffffff55;border-radius:11px;background:#0a3444;color:#d2e0e3;font-weight:900}.scale-modes button.active{border-color:var(--lime);background:var(--lime);color:var(--deep)}.scale-modes small{display:block;margin-top:2px;font-size:8px}.scale-key{display:flex;gap:8px;margin:13px 0;flex-wrap:wrap;justify-content:center}.scale-key span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:99px;background:#ffffff12;font-size:9px}.scale-key i{width:16px;height:12px;border:1px solid #e9fdff;border-radius:55% 8% 55% 8%;transform:rotate(-22deg)}.scale-key i.gold{border-color:#fff1a6;background:#f3b72d}.scale-key i.danger{border:0;border-radius:2px;background:var(--coral);clip-path:polygon(0 100%,50% 0,100% 100%)}.scale-daily{width:min(430px,90vw);padding:9px 12px;border:1px solid #69d2e755;border-radius:11px;background:#69d2e710}.scale-daily small{display:block;color:var(--cyan);font-size:8px;font-weight:900;text-transform:uppercase}.scale-daily strong{font-size:10px}.scale-name{display:grid;grid-template-columns:1fr auto;gap:7px;width:min(430px,90vw);margin-top:13px}.scale-name label{grid-column:1/-1;color:#b9ccd1;font-size:9px}.scale-name input{min-width:0;min-height:44px;border:1px solid #fff;border-radius:10px;padding:0 12px;font:inherit}.scale-name button{margin:0}.scale-tip{margin:10px 4px 0;color:#607980;font-size:10px;line-height:1.5}.scale-board-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff}.scale-board-card h2{margin:5px 0;font-size:24px}.scale-board-card>div>span{color:#72858b;font-size:9px}.scale-board-card ol{list-style:none;margin:16px 0;padding:0}.scale-board-card li{display:grid;grid-template-columns:24px 1fr auto;gap:7px;padding:10px 3px;border-bottom:1px solid #e3e9e6;font-size:10px}.scale-board-card li b:last-child{color:#087f8c}.scale-board-card li.empty{display:block;color:#75878c;text-align:center}.scale-board-card>p{color:#6d8589;font-size:9px;line-height:1.5}.scale-local{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.scale-local h3{margin:0;font-size:15px}@keyframes current{to{transform:translateX(8%)}}@keyframes fishFloat{50%{transform:translateY(-9px) rotate(-2deg)}}@keyframes scaleFly{to{transform:translate(70px,-55px) rotate(70deg) scale(.2);opacity:0}}@media(max-width:1050px){.scale-layout{grid-template-columns:1fr}.scale-board-card{margin-bottom:18px}.scale-hero{grid-template-columns:1fr 220px}.hero-scale-fish{transform:scale(.8)}}@media(max-width:620px){.scale-page{padding:13px}.scale-hero{display:block;min-height:auto;padding:26px 22px}.hero-scale-fish{display:none}.scale-stats span{padding:9px 7px;text-align:center}.scale-stats strong{font-size:16px}.scale-game{min-height:520px;border-radius:20px}.fish-board{inset:70px 14px 35px}.game-fish{width:min(86vw,560px)}.fish-scale{width:11%}.scale-name{grid-template-columns:1fr}.scale-name button{width:100%}}@media(prefers-reduced-motion:reduce){.hero-scale-fish,.current-banner i,.fish-scale.removed{animation:none}.game-fish{transition:none}}