@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-regular.ttf')}@font-face{font-family:Space;src:url('../assets/fonts/space-grotesk-bold.ttf');font-weight:700}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061219;color:#f4f5ef;font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #83edff;outline-offset:5px}[hidden]{display:none!important}
.arcade-bar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border-bottom:1px solid #8ec2d426;background:#07131a;position:relative;z-index:5}.arcade-back{display:flex;align-items:center;gap:14px;font-size:13px}.arcade-back>span:first-child{font-size:24px;color:#83edff}.arcade-back strong{font-family:Space;font-size:20px;letter-spacing:-.05em}.arcade-divider{color:#547381}.arcade-label{font-size:11px;color:#9eb2bd}.arcade-tools{display:flex;align-items:center;gap:22px;font-size:11px}.edition{color:#a6c0cd;display:flex;align-items:center;gap:8px}.edition i,.pool-eyebrow i{width:5px;height:5px;border-radius:50%;background:#82edba;box-shadow:0 0 12px #82edba55}.arcade-tools button{border:1px solid #547885;background:#102832;border-radius:5px;color:#e9f6fa;font-size:11px;padding:10px 13px}.arcade-tools button span{font-size:16px;margin-left:12px}.standalone{color:#83edff}
.pool-arena{min-height:calc(100svh - 68px);position:relative;background:#061219}.pool-intro{min-height:calc(100svh - 68px);padding:90px max(6vw,24px) 55px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.pool-art{position:absolute;inset:0;z-index:-2;background:url('../assets/hero-games.webp') center/cover no-repeat;opacity:.7}.pool-intro:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041018ed,#041018aa 40%,#0410182e 78%),linear-gradient(0deg,#041018,transparent 38%)}.pool-intro-inner{max-width:780px}.pool-eyebrow{font-size:10px;letter-spacing:.18em;color:#a2e9f5;display:flex;align-items:center;gap:10px}.pool-intro h1{font:700 clamp(70px,7.6vw,125px)/.96 Space,sans-serif;letter-spacing:-.07em;margin:32px 0}.pool-intro h1 em{font-style:normal;color:#8ceeff}.pool-intro-inner>p{max-width:425px;font-size:16px;line-height:1.8;color:#a8bdc9}.pool-start{display:inline-flex;align-items:center;gap:22px;border:0;border-radius:7px;padding:19px 25px;background:#8ceeff;color:#08202b;font-weight:700;font-size:16px;margin:18px 0 22px;box-shadow:0 12px 40px #6aeeff20;transition:transform .25s,box-shadow .25s}.pool-start>span:last-child{margin-left:35px;font-size:22px}.play-symbol{font-size:14px}.pool-start:hover{transform:translateY(-3px);box-shadow:0 14px 40px #6aeeff40}.pool-facts{display:flex;gap:10px;flex-wrap:wrap}.pool-facts span{font-size:10px;letter-spacing:.03em;border:1px solid #54728066;border-radius:24px;padding:8px 12px;color:#b7d3de}.pool-intro-inner>.pool-small{font-size:10px;line-height:1.8;color:#8da7b4;margin-top:20px}.pool-instructions{display:flex;align-items:center;gap:45px;padding-top:30px;margin-top:55px;border-top:1px solid #87afc22e;max-width:1030px}.pool-instruction-label{font-size:8px;letter-spacing:.14em;color:#7e9eae;max-width:100px;line-height:1.8}.pool-instructions>div{display:flex;gap:15px}.pool-instructions b{font:700 23px Space;color:#65bad0}.pool-instructions p{font-size:12px;margin:0;color:#d4e7ee;line-height:1.8}.pool-instructions strong{font-weight:400;color:#7595a6;font-size:10px}.pool-frame{width:100%;height:calc(100svh - 68px);border:0;display:block;background:#061219}.pool-arena:fullscreen{width:100vw;height:100vh}.pool-arena:fullscreen .pool-frame{height:100vh}.pool-loading{min-height:calc(100svh - 68px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.pool-loading strong{font:700 27px Space;letter-spacing:-.04em}.pool-loading p{font-size:13px;color:#91aab8}.loader-ring{width:42px;height:42px;border:2px solid #31586c;border-top-color:#83edff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.pool-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);border:1px solid #6b96a5;background:#0d2834;color:#d6f4fb;font-size:12px;padding:14px 20px;border-radius:8px;z-index:20;max-width:90vw}.pool-noscript{padding:20px;font-size:14px}.pool-noscript a{text-decoration:underline}.is-playing .arcade-bar{box-shadow:0 4px 18px #0005}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.arcade-bar{height:60px;padding:0 18px;gap:12px}.arcade-back{gap:9px}.arcade-back strong{font-size:18px}.arcade-label,.arcade-divider,.edition{display:none}.arcade-tools{gap:12px}.arcade-tools button{padding:8px;font-size:10px}.arcade-tools button span{margin-left:5px}.standalone{font-size:10px}.pool-arena,.pool-intro{min-height:calc(100svh - 60px)}.pool-frame{height:calc(100svh - 60px)}.pool-intro{padding:65px 25px 35px;justify-content:start}.pool-art{background-position:64% center;opacity:.5}.pool-intro:after{background:linear-gradient(90deg,#041018db,#04101888),linear-gradient(0deg,#041018,transparent)}.pool-intro h1{font-size:clamp(62px,14vw,100px);margin:28px 0}.pool-intro-inner>p{font-size:14px;max-width:330px}.pool-start{font-size:15px;padding:17px 21px}.pool-start>span:last-child{margin-left:24px}.pool-instructions{gap:22px;flex-wrap:wrap;margin-top:35px;padding-top:25px}.pool-instruction-label{max-width:none;width:100%}.pool-instructions>div{width:100%;align-items:center}.pool-instructions strong{font-size:11px}.pool-instructions p{font-size:13px}.pool-loading{min-height:calc(100svh - 60px)}}
.pool-exit-expanded{position:absolute;top:10px;right:12px;z-index:40;display:flex;align-items:center;gap:7px;border:1px solid #83d5ed66;border-radius:6px;background:#071c29ed;color:#daf6ff;padding:9px 12px;font-size:13px;box-shadow:0 4px 16px #0004}.pool-exit-expanded span{font-size:10px}.pool-expanded{overflow:hidden}.pool-expanded .pool-arena{position:fixed;inset:0;z-index:50;height:100svh;min-height:0}.pool-expanded .pool-frame{height:100svh}.pool-expanded .arcade-bar{visibility:hidden}
@media(prefers-reduced-motion:reduce){.pool-start{transition:none}.pool-start:hover{transform:none}.loader-ring{animation:none}}