.cute-pool{width:1000px;height:562px;max-height:96%;position:relative;border:2px solid #b9ddbc;border-radius:19px;overflow:hidden;background:#006779;box-shadow:0 18px 60px #08263d80}
.cute-pool .mini-body{position:absolute;inset:0;padding:0;display:block;overflow:hidden;background:url('assets/pool-cute-bg.webp') center/100% 100% no-repeat}.cute-pool .mini-head{position:absolute;z-index:4;top:11px;left:29%;right:29%;height:41px;min-height:0;padding:0;border:2px solid #e5cc8c;border-radius:24px;background:#fff9e8;display:flex;justify-content:center;box-shadow:0 3px 0 #156e5d44}.cute-pool .mini-title{font-family:'Microsoft YaHei',sans-serif;font-size:22px;font-weight:900;color:#074f5d;white-space:nowrap;letter-spacing:1px}.cute-pool .mini-ico{display:none}.cute-pool .mini-hud{position:absolute;right:0;top:0}.cute-pool .hud-chip{display:none}.cute-pool .panel-close{position:absolute;right:-276px;top:4px;width:30px;height:30px;background:#fff8dc;color:#175f68;border:1px solid #cdbd84;box-shadow:none}.cute-pool .panel-close.restart{right:-239px}
.cute-scene{position:absolute;inset:0}.cute-scene canvas{display:block;width:100%;height:100%;pointer-events:none}.cute-subtitle{position:absolute;top:55px;left:40%;width:20%;padding:4px 0;text-align:center;color:#fff5d1;background:#096070;border:1px solid #dfca87;border-radius:14px;font-size:13px;letter-spacing:2px}
.cute-controls{position:absolute;left:0;right:0;bottom:0;height:19%;display:grid;grid-template-columns:1fr 310px 1fr;align-items:center;column-gap:30px;padding:10px 38px 16px;color:#fff8d8}.cute-info{display:flex;align-items:center;gap:16px}.cute-rank{font-size:31px;white-space:nowrap;color:#ffe38d;text-shadow:0 2px 0 #063e48}.cute-info>div{border-left:1px solid #cbbd7b77;padding-left:13px}.cute-info b{display:block;font-size:18px;white-space:nowrap}.cute-info small{display:block;font-size:14px;color:#b7d8d7;margin-top:5px}
.cute-stroke{width:310px;height:76px;justify-self:center;border:2px solid #b4f0e4;outline:1px solid #d3cb88;outline-offset:3px;border-radius:40px;background:linear-gradient(#1bd0e2,#039dbb);color:#fffef0;box-shadow:inset 0 3px 0 #8aeced,0 5px 0 #07576b;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cute-stroke b{display:block;font-size:29px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 0 #0a7f94}.cute-stroke small{display:block;font-size:12px;margin-top:3px;letter-spacing:2px}.cute-stroke.swimming{transform:translateY(3px);box-shadow:inset 0 2px 0 #72e7e4,0 2px 0 #07576b;background:linear-gradient(#0fb6ce,#0c99ad)}.cute-stroke:disabled{filter:saturate(.6);cursor:default}
.cute-boost-wrap{width:204px;justify-self:end;position:relative;padding-top:13px}.cute-charge{position:absolute;top:-3px;right:0;font-size:12px}.cute-energy{height:11px;border:1px solid #edce84;outline:1px solid #1e7c82;border-radius:12px;overflow:hidden;background:#073e50}.cute-energy i{display:block;height:100%;width:0;background:linear-gradient(#fff4b0,#ffdb5c);border-radius:10px}.cute-boost{display:block;width:180px;height:43px;margin:8px auto 0;border-radius:25px;background:linear-gradient(#fff09c,#f6c751);border:2px solid #fff1be;color:#784b13;font-size:23px;font-weight:900;box-shadow:0 3px 0 #99732e;cursor:pointer;touch-action:manipulation}.cute-boost:disabled{opacity:.55;cursor:default}.cute-boost:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #99732e}
.cute-feedback{position:absolute;top:-21px;left:50%;transform:translateX(-50%);padding:3px 14px;border-radius:12px;font-size:11px;background:#075866d9;color:#fff5d3;white-space:nowrap;pointer-events:none}.cute-pause{position:absolute;z-index:5;right:9px;top:49px;border:2px solid #ede3b4;border-radius:50%;width:35px;height:35px;background:#0d6570;color:white;font-size:21px;cursor:pointer}
.cute-card{position:absolute;z-index:6;left:50%;top:43%;transform:translate(-50%,-50%);width:420px;border:3px solid #c2debf;border-radius:26px;background:#fffbedf5;box-shadow:0 12px 45px #07475b77;text-align:center;padding:24px;color:#145c65}.cute-card small{font-size:9px;letter-spacing:2px;color:#5e9189}.cute-card h2{margin:12px 0;font-size:25px}.cute-card p{font-size:13px;line-height:1.9;white-space:pre-line}.cute-card button{padding:11px 23px;border:1px solid #5cb8b0;border-radius:25px;background:#118c9c;color:#fffbe7;font-size:14px;font-weight:bold;margin:14px 5px 0;cursor:pointer}.cute-pool button:focus-visible{outline:3px solid #fff4a0;outline-offset:3px}
.cute-pool .mini-title{justify-content:center;width:100%;font-size:21px}.cute-pool .mini-title>img{display:none}.cute-pool .mini-head{gap:0}
.cute-pool{animation:none}.game-container:has(.cute-pool),.stage:has(.cute-pool),.modal-mask:has(.cute-pool){overflow:clip}
.cute-pool,.cute-pool *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.cute-stroke *{pointer-events:none;touch-action:none}
.cute-pool .panel-close.cute-home{z-index:8;left:16px;right:auto;top:15px;width:116px;height:38px;border-radius:20px;font-size:17px;font-weight:700;touch-action:manipulation}
.cute-pool .panel-close.cute-restart{z-index:8;right:17px;top:15px;width:38px;height:38px}
.cute-pause{right:18px;top:64px;width:38px;height:38px;touch-action:manipulation}