.volley-game{color:#183f43;min-height:100vh;font-family:var(--font-sans),system-ui,sans-serif;background:#f7ead2;padding:0 24px 44px}.volley-top{border-bottom:1px solid #18555b26;justify-content:space-between;align-items:center;max-width:1120px;min-height:62px;margin:auto;display:flex}.volley-top a{color:inherit;align-items:center;gap:6px;font-size:14px;font-weight:850;text-decoration:none;display:flex}.volley-top svg{width:18px}.volley-top>span{letter-spacing:1.5px;font-size:13px;font-weight:950}.volley-top small{color:#728584;font-weight:600}.volley-shell{max-width:1120px;margin:auto}.volley-heading{justify-content:space-between;align-items:center;padding:25px 0 20px;display:flex}.volley-heading p{color:#d85c42;margin:0 0 5px;font-size:13px;font-weight:900}.volley-heading h1{margin:0;font-size:38px;font-weight:950;line-height:1}.volley-heading>button{color:#d85c42;cursor:pointer;background:#fffaf0;border:1px solid #18555b24;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.volley-heading>button:disabled{opacity:.3}.volley-layout{grid-template-columns:minmax(0,760px) minmax(260px,1fr);align-items:start;gap:34px;display:grid}.volley-board{background:#fffaf0;border:1px solid #18555b20;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px #594a311c}.volley-hud{grid-template-columns:repeat(5,1fr);padding:11px 15px;display:grid}.volley-hud>div:not(:first-child){border-left:1px solid #18555b18;padding-left:13px}.volley-hud small{color:#6b7775;font-size:11px;display:block}.volley-hud strong{font-variant-numeric:tabular-nums;font-size:19px;font-weight:950;line-height:1.35;display:block}.volley-hud em{font-size:11px;font-style:normal;font-weight:550}.volley-progress{background:#d6cba8;height:5px}.volley-progress i{background:linear-gradient(90deg,#168c95,#f0bd42,#d95c42);height:100%;transition:width .2s;display:block}.volley-court{aspect-ratio:720/440;touch-action:none;cursor:pointer;isolation:isolate;background:linear-gradient(#8bd8d8 0 38%,#ead07d 38% 100%);min-height:390px;position:relative;overflow:hidden}.sea{opacity:.94;background:linear-gradient(#8bd8d8 0 62%,#27a5ad 62% 75%,#f8f5da 75% 81%,#2eabb4 81% 100%);position:absolute;inset:0 0 62%}.sea:after{content:"";background:radial-gradient(at 50% 0,#fff8e2 0 35%,#0000 37%) 0 0/44px 14px repeat-x;height:16px;position:absolute;inset:62% 0 auto}.sun{background:#ffd15a;border-radius:50%;width:58px;height:58px;position:absolute;top:5%;right:8%;box-shadow:0 0 0 13px #ffd15a30}.net{filter:drop-shadow(0 4px 2px #1c4d4a30);background:repeating-linear-gradient(90deg,#fffa 0 2px,#0000 2px 28px),repeating-linear-gradient(0deg,#fffa 0 2px,#0000 2px 17px);border-top:5px solid #fff7dc;border-bottom:3px solid #fff7dc;height:12%;position:absolute;top:45%;left:5%;right:5%}.rival{grid-template-columns:repeat(3,1fr);align-items:end;height:22%;display:grid;position:absolute;top:18%;left:12%;right:12%}.rival .guard{background:#1e555a55;border-radius:99px;height:9px;margin:0 9%}.rival .lane-0{grid-column:1}.rival .lane-1{grid-column:2}.rival .lane-2{grid-column:3}.rival .guard:after{content:"";background:#e15f43;border-radius:50% 50% 34% 34%;width:34px;height:50px;margin:-46px auto 0;display:block;box-shadow:0 -14px 0 -6px #183f43}.rival span{text-align:center;color:#a43f33;width:100%;font-size:11px;font-weight:900;position:absolute;top:-17px}.rival .lane-0,.rival .lane-1,.rival .lane-2{background:#d84834;box-shadow:0 0 0 8px #ffd15a55}.player{text-align:center;width:14%;position:absolute;bottom:9%;left:43%}.player i{background:#137c82;border-radius:50% 50% 38% 38%;width:44px;height:60px;margin:auto;display:block;box-shadow:0 -18px 0 -8px #183f43,17px 18px 0 -13px #fff0c2,-17px 18px 0 -13px #fff0c2}.player span{font-size:11px;font-weight:950}.beach-ball{z-index:3;background:conic-gradient(#fff7da 0 18%,#e45c43 18% 34%,#fff7da 34% 51%,#159da4 51% 67%,#fff7da 67% 84%,#f1be42 84%);border-radius:50%;width:44px;height:44px;margin:-22px;transition:left 80ms linear,top 80ms linear;position:absolute;box-shadow:0 7px 13px #18484b50,inset 0 0 0 3px #fffa}.shells{color:#ffd15a;letter-spacing:3px;background:#174e52d9;border-radius:99px;padding:5px 9px;font-size:15px;position:absolute;top:12px;left:13px}.shells i{color:#fff7db66;font-style:normal}.volley-timing{color:#fff;background:#174e52;border-radius:99px;height:20px;position:absolute;bottom:8%;left:10%;right:10%;box-shadow:0 8px 18px #174e5244}.volley-timing i{background:#f2bf43;border-radius:99px;position:absolute;top:0;bottom:0}.volley-timing b{background:#fff;border-radius:5px;width:5px;height:30px;margin-left:-2px;position:absolute;top:-5px;box-shadow:0 0 0 2px #174e52}.volley-timing span{color:#174e52;font-size:12px;font-weight:950;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.spike-hints{grid-template-columns:repeat(3,1fr);gap:7px;display:grid;position:absolute;bottom:7%;left:10%;right:10%}.spike-hints span{text-align:center;color:#fff;background:#174e52d9;border-radius:8px;padding:8px;font-size:12px;font-weight:900}.volley-overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16464b90;place-items:center;display:grid;position:absolute;inset:0}.volley-dialog{text-align:center;background:#fff8e8;border-radius:22px;width:min(88%,560px);max-height:92%;padding:28px;overflow:auto;box-shadow:0 22px 55px #173a3c55}.volley-dialog>span{letter-spacing:2px;color:#15969d;font-size:11px;font-weight:950}.volley-dialog h2{margin:8px 0 12px;font-size:31px;line-height:1.13}.volley-dialog p{color:#526a67;max-width:430px;margin:0 auto 17px;font-size:14px;line-height:1.65}.volley-dialog>button{color:#fff;cursor:pointer;background:#d95c42;border:0;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:950;display:inline-flex}.volley-dialog>small{color:#71817e;margin-top:13px;font-size:11px;display:block}.volley-upgrades{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.volley-upgrades button{color:#184247;cursor:pointer;background:#fffdf4;border:1px solid #17555b26;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:112px;display:flex}.volley-upgrades button:hover{background:#fff2df;border-color:#d95c42}.volley-upgrades svg{color:#15969d}.volley-upgrades small{color:#74817e;font-size:11px}.volley-controls{background:#e9dcc0;grid-template-columns:repeat(3,1fr);gap:9px;padding:11px 13px;display:grid}.volley-controls button{color:#174e52;cursor:pointer;background:#fffaf0;border:0;border-radius:12px;min-height:60px;font-weight:950}.volley-controls .tap-control{color:#fff;background:#d95c42;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:16px;display:flex}.volley-notice{color:#526b68;background:#fffaf0;min-height:47px;margin:0;padding:13px 17px;font-size:13px;font-weight:750}.volley-side{padding-top:5px}.volley-overline{color:#d95c42;letter-spacing:1.8px;font-size:11px;font-weight:950}.volley-side h2{margin:8px 0 12px;font-size:27px;line-height:1.2}.volley-side>p{color:#667875;margin:0 0 22px;font-size:14px;line-height:1.75}.volley-tip{border-top:1px solid #18555b1e;gap:12px;padding:13px 0;display:flex}.volley-tip svg{color:#d95c42;flex:none;width:21px}.volley-tip p{margin:0}.volley-tip b,.volley-tip span{display:block}.volley-tip b{font-size:14px}.volley-tip span{color:#687976;margin-top:3px;font-size:12px;line-height:1.55}.volley-side details{background:#fff8e8;border-radius:13px;margin-top:12px;padding:14px}.volley-side summary{cursor:pointer;font-weight:950}.volley-side details p{color:#5d716d;font-size:12px;line-height:1.7}.volley-batch{height:0;margin:0;overflow:hidden}.game-session{margin-top:20px}@media (max-width:850px){.volley-layout{grid-template-columns:1fr}.volley-side{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.volley-side>span,.volley-side>h2,.volley-side>p,.volley-side>details{grid-column:1/-1}.volley-tip{border:1px solid #18555b1e;border-radius:12px;padding:12px}.volley-court{min-height:360px}}@media (max-width:520px){.volley-game{padding:0 12px 28px}.volley-top{min-height:54px}.volley-top>span{font-size:11px}.volley-heading{padding:18px 3px 15px}.volley-heading h1{font-size:31px}.volley-board{border-radius:18px}.volley-hud{grid-template-columns:repeat(4,1fr);padding:8px}.volley-hud>div{padding-left:7px!important}.volley-hud>div:last-child{display:none}.volley-hud strong{font-size:17px}.volley-court{aspect-ratio:4/5;min-height:350px}.volley-side{grid-template-columns:1fr}.volley-dialog{padding:22px 14px}.volley-dialog h2{font-size:27px}.volley-upgrades{grid-template-columns:1fr}.volley-upgrades button{min-height:72px}.volley-controls button{min-height:62px}.volley-notice{font-size:12px}.sun{width:45px;height:45px}.rival{left:4%;right:4%}}@media (max-width:360px){.volley-game{padding-left:8px;padding-right:8px}.volley-heading h1{font-size:28px}.volley-court{min-height:330px}.volley-hud strong{font-size:15px}.spike-hints{left:5%;right:5%}.volley-top a{font-size:12px}}