.pool-modal{width:1030px;background:#123a48;border:2px solid #c6d6b2}.pool-modal .mini-head{background:#f6f0de}.pool-modal .mini-title{color:#28545c}.pool-modal .mini-body{padding:0;display:block;overflow:hidden}.pool-modal .timer-chip,.pool-modal .best-chip{display:none}.pool-layout{display:flex;height:400px}.pool-scene{width:75%;position:relative}.pool-scene canvas{width:100%;height:100%;display:block}.pool-controls{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:12px;color:#e0ede0;background:linear-gradient(#1c4856,#10313f)}.pool-left{flex-direction:row-reverse}.pool-info{font-size:13px;font-weight:bold}.pool-feedback{font-size:12px;color:#f8df97;min-height:30px;text-align:center}.pool-stroke{width:152px;height:152px;border-radius:50%;background:#143c4b;border:0;cursor:pointer;touch-action:manipulation;padding:0}.pool-ring{display:block;position:relative;width:100%;height:100%;border-radius:50%;background:conic-gradient(from -90deg,#3b6773 0deg 216deg,#d7bd69 216deg 246.6deg,#fff4bc 246.6deg 293.4deg,#d7bd69 293.4deg 324deg,#3b6773 324deg);box-shadow:0 0 0 5px #ffffff0b}.pool-ring:before{content:'';position:absolute;inset:13px;border-radius:50%;background:#184957}.pool-ring i{position:absolute;inset:0;border-radius:50%}.pool-ring i:after{content:'';position:absolute;width:22px;height:5px;background:white;left:0;top:calc(50% - 2px);border-radius:4px;box-shadow:0 0 8px white}.pool-ring b{position:absolute;top:49px;left:0;right:0;font-size:25px;color:#fff3c6}.pool-ring small{position:absolute;top:86px;left:0;right:0;color:#9fc6c7;font-size:10px;letter-spacing:2px}.pool-stroke.in-time{filter:brightness(1.15)}.pool-stroke:active{scale:.96}.pool-energy{height:7px;width:90%;border-radius:10px;background:#092936;overflow:hidden}.pool-energy i{display:block;height:100%;background:#ffdd82;width:0}.pool-boost{background:#e8bd67;color:#193c44;padding:10px 30px;border-radius:20px;font-weight:bold;cursor:pointer}.pool-boost:disabled{opacity:.4}.pool-side{font-size:11px;color:#b6d0c9;background:transparent;border-bottom:1px solid #789c9b;cursor:pointer;padding:5px}.pool-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85%;max-width:430px;background:#fff9e9f5;border:2px solid #d6bf8c;border-radius:20px;text-align:center;padding:23px;color:#234e59;box-shadow:0 12px 40px #14384d66}.pool-card small{font-size:9px;letter-spacing:2px}.pool-card h2{font-size:24px;margin:12px 0}.pool-card p{font-size:13px;white-space:pre-line;line-height:1.9}.pool-card button{margin:14px 5px 0;padding:11px 25px;background:#28767c;color:#fff6d9;border-radius:24px;cursor:pointer}.pool-card .pool-claim{background:#bd9251}
.pool-layout{display:flex;flex-direction:column;height:440px}.pool-scene{width:100%;height:340px}.pool-controls{width:100%;height:100px;display:grid;grid-template-columns:1fr 230px 170px;grid-template-rows:24px 48px;gap:4px 20px;padding:10px 24px}.pool-info{grid-column:1;grid-row:1}.pool-feedback{grid-column:1;grid-row:2;text-align:left;margin-top:7px}.pool-stroke{grid-column:2;grid-row:1 / 3;width:230px;height:72px;border-radius:20px;background:#317e87;box-shadow:0 4px 0 #0a2833;color:#fff2c4;touch-action:none;user-select:none;-webkit-user-select:none}.pool-stroke b{display:block;font-size:22px}.pool-stroke small{display:block;font-size:10px;margin-top:6px;color:#d4e7dc}.pool-stroke.swimming{background:#529e91;box-shadow:0 1px 0 #0a2833;transform:translateY(3px)}.pool-energy{grid-column:3;grid-row:1;width:100%;align-self:center}.pool-boost{grid-column:3;grid-row:2;padding:10px;height:43px}.pool-side{display:none}.pool-card{padding:15px}.pool-card p{font-size:12px}.pool-card h2{margin:8px}
.pool-modal{border:2px solid #d6c59e;border-radius:25px;box-shadow:0 22px 65px #092d4666}.pool-modal .mini-head{background:linear-gradient(110deg,#fffbed,#eae6d4);border-bottom:1px solid #b7c8bb}.pool-controls{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);background:linear-gradient(110deg,#173e49,#215967 50%,#173e49);border-top:1px solid #71928a;padding-left:28px;padding-right:28px}.pool-stroke{justify-self:center;background:linear-gradient(#68b5b1,#31888e);border:1px solid #a8ded0;box-shadow:0 5px 0 #0a3947,0 8px 22px #051d3444,inset 0 1px 0 #d6ffed88;border-radius:24px}.pool-stroke b{letter-spacing:4px;text-shadow:0 2px 0 #286a73}.pool-stroke.swimming{background:linear-gradient(#8bd2b4,#479f99);box-shadow:0 2px 0 #0a3947}.pool-energy,.pool-boost{width:170px;justify-self:end}.pool-energy{height:6px;border:1px solid #8fa99b44}.pool-energy i{background:linear-gradient(90deg,#d1b67a,#ffe6a0)}.pool-boost{background:linear-gradient(#ffe7ab,#c7a666);box-shadow:0 3px 0 #786940;font-size:14px;border:1px solid #ffe5a488}.pool-boost:disabled{opacity:.45}.pool-info{font-size:14px;color:#fff3d3;letter-spacing:1px}.pool-feedback{color:#aed4cc;font-size:11px;max-width:280px}