:root{--orange:#f47a20;--orange2:#ff9a2f;--brown:#3a2114;--cream:#fff6eb;--green:#087451;--green2:#0c8b60;--ink:#2c211b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,sans-serif;background:#f5ede5;color:var(--ink);overscroll-behavior:none}body{background:radial-gradient(circle at 50% -15%,#fff 0,#fff8ef 35%,#f3e7dc 100%)}button,input{font:inherit}.gamebar{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(16px,env(safe-area-inset-left));border-bottom:1px solid #ead7c4;background:#fffdf9e8;backdrop-filter:blur(14px);position:relative;z-index:10;box-shadow:0 5px 15px #71350d0b}.mini-brand{justify-self:start;display:flex;align-items:center;gap:8px;color:#2a1d15;text-decoration:none}.mini-brand>span:last-child{display:flex;gap:5px;align-items:baseline}.mini-brand b{font-size:14px}.mini-brand strong{font-size:9px;letter-spacing:1.4px;color:var(--orange)}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ff9a2f,#ed6215);position:relative;display:block;overflow:hidden}.brand-mark .roof{position:absolute;width:20px;height:20px;border-left:4px solid white;border-top:4px solid white;transform:rotate(45deg);left:7px;top:10px}.brand-mark .ball{position:absolute;right:2px;top:2px;width:16px;height:16px;border:2px solid white;background:#161412;color:#fff;border-radius:50%;display:grid;place-items:center;font:900 7px Arial}.game-title{justify-self:center;display:flex;align-items:center;gap:9px;text-align:left}.game-title b{font-size:14px;letter-spacing:.7px;display:block}.game-title small{font-size:8px;font-weight:900;color:#9a7258;letter-spacing:1.3px}.eight-icon{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#777,#181818 38%,#050505 80%);color:#111;display:grid;place-items:center;font:900 13px Arial;position:relative;box-shadow:0 4px 9px #0003}.eight-icon:before{content:"";position:absolute;width:16px;height:16px;background:white;border-radius:50%;z-index:-1}.head-actions{justify-self:end;display:flex;align-items:center;gap:8px}.home-link{font-size:9px;font-weight:900;color:#b14a10;text-decoration:none;background:#fff1e3;border:1px solid #ffd1ae;padding:8px 10px;border-radius:10px}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid #e7cfbb;background:#fff7ef;color:#ac4b15;font-size:18px;font-weight:900;cursor:pointer}.game-shell{max-width:1280px;margin:auto;padding:16px 22px 52px}.score-panel{display:grid;grid-template-columns:1fr 280px 1fr;gap:13px;align-items:center;margin-bottom:13px}.player-card{min-height:70px;border:2px solid #ead9c8;background:#fff;border-radius:18px;padding:10px 14px;display:flex;align-items:center;gap:11px;transition:.25s;box-shadow:0 5px 13px #7538120c}.player-card.active{border-color:#f3a567;box-shadow:0 0 0 3px #f47a2015,0 7px 15px #7a3a110e}.player-card.computer{justify-content:flex-end;text-align:right}.avatar{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;font-size:9px;font-weight:1000;color:#fff;box-shadow:inset 0 -5px #0002}.avatar.human{background:linear-gradient(145deg,#ff9b3e,#ef6515)}.avatar.cpu{background:linear-gradient(145deg,#455a64,#20292e)}.player-card b{font-size:13px}.player-card small{display:block;color:#9b806e;font-size:9px;font-weight:800;margin-top:3px}.remaining{display:flex;gap:3px;margin-left:auto}.computer .remaining{margin-left:0;margin-right:auto}.mini-rem{width:15px;height:15px;border-radius:50%;border:1px solid #0002;display:grid;place-items:center;font:700 7px Arial;box-shadow:inset -2px -2px #0003}.mini-rem.potted{opacity:.16;filter:grayscale(1)}.turn-center{text-align:center}.turn-center span{display:inline-block;background:linear-gradient(145deg,#ff952f,#f36d18);color:white;padding:6px 12px;border-radius:999px;font-size:8px;font-weight:1000;letter-spacing:1px;box-shadow:0 4px 0 #bd4e0c}.turn-center strong{display:block;margin-top:8px;font-size:16px}.turn-center small{display:block;color:#947965;font-size:9px;margin-top:2px}.table-stage{position:relative}.table-wrap{position:relative;border-radius:45px;padding:22px;background:linear-gradient(135deg,#bd6d30 0,#834018 25%,#552913 57%,#32190f 100%);box-shadow:inset 0 8px #e69b5a,inset 0 -12px #2d140a,0 24px 42px #5d2f162b;border:4px solid #35180d;user-select:none;touch-action:none}.table-wrap:before{content:"";position:absolute;inset:8px;border:2px solid #ffd09a40;border-radius:34px;pointer-events:none}.table-wrap:after{content:"";position:absolute;inset:15px;border-radius:30px;box-shadow:inset 0 0 0 1px #24100566;pointer-events:none}canvas{width:100%;height:auto;aspect-ratio:1100/620;display:block;border-radius:25px;background:#087451;box-shadow:inset 0 0 55px #001e16ba,0 2px 0 #e9a5652e;cursor:crosshair;touch-action:none}.power-pill{position:absolute;right:38px;bottom:32px;width:200px;height:40px;border-radius:14px;background:#21170fe8;border:2px solid #ffffff2e;padding:7px 9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;pointer-events:none;box-shadow:0 8px 17px #0005;color:white}.power-pill span,.power-pill b{font-size:8px;font-weight:1000}.power-track{height:8px;border-radius:9px;background:#ffffff24;overflow:hidden}.power-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd24c,#ff9a2f,#ef4d21);border-radius:8px}.mobile-shot-panel{display:none}.game-controls{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:16px}.game-button{border:0;min-height:48px;border-radius:14px;padding:0 17px;font-weight:1000;font-size:10px;letter-spacing:.2px;cursor:pointer;box-shadow:0 5px 0 #0002;display:flex;align-items:center;justify-content:center;gap:8px}.game-button span{font-size:17px}.game-button.orange{background:linear-gradient(145deg,#ff962f,#ed6516);color:white;box-shadow:0 5px 0 #b64a0d}.game-button.light{background:#fff;color:#9d4918;border:1px solid #ead3c0;box-shadow:0 5px 0 #dec6b2}.game-button.wide{width:100%;margin-top:13px}.tip{min-height:48px;border:1px solid #ead8c7;border-radius:14px;background:#fff;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:10px;color:#876d5c;font-size:10px}.tip b{background:#fff0e2;color:#d7560f;padding:5px 7px;border-radius:7px;font-size:8px}.mobile-tip{display:none}.game-info{margin-top:55px;padding-top:36px;border-top:1px solid #ead9c8}.info-heading{max-width:760px}.info-heading>span{font-size:9px;font-weight:1000;color:var(--orange);letter-spacing:1.5px}.info-heading h2{font-size:32px;margin:6px 0 8px;letter-spacing:-1px}.info-heading p{font-size:12px;color:#826b5c;line-height:1.7;margin:0}.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px}.info-cards article{background:white;border:1px solid #ead8c6;border-radius:18px;padding:19px;box-shadow:0 8px 20px #75350f08}.info-cards .num{width:34px;height:34px;border-radius:10px;background:#fff0e2;color:#d75b14;display:grid;place-items:center;font-size:9px;font-weight:1000}.info-cards h3{font-size:14px;margin:12px 0 6px}.info-cards p{font-size:10px;line-height:1.65;color:#826c5d;margin:0}.rules-box{display:grid;grid-template-columns:1.15fr .85fr;gap:13px;margin-top:13px}.rules-box>div{background:#2e1b11;color:#fff;border-radius:18px;padding:20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.rules-box b{width:100%;font-size:13px;margin-bottom:4px}.rules-box span{border:1px solid #ffffff1f;background:#ffffff0d;padding:7px 9px;border-radius:9px;font-size:9px}.roadmap{background:#fff!important;color:#2c211b!important;border:1px solid #ead8c6}.roadmap b{color:#2c211b}.roadmap span{background:#fff7ef!important;border-color:#f0decf!important;color:#765e4d}.roadmap i{font-style:normal;font-size:7px;font-weight:1000;letter-spacing:.8px;padding:6px 7px;border-radius:8px;background:#f3e5d8;color:#a48169}.roadmap i.done{background:#dff5e8;color:#28784b}.pool-footer{max-width:1280px;margin:0 auto 28px;padding:22px;border-top:1px solid #ead8c6;display:flex;align-items:center;gap:18px;color:#7d6555}.footer-brand{display:flex;gap:8px}.footer-brand a{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ead8c6;border-radius:10px;padding:4px 7px;height:44px}.footer-brand img{max-width:76px;max-height:36px;object-fit:contain}.pool-footer>div:nth-child(2){display:flex;flex-direction:column}.pool-footer b{font-size:11px;color:#33241a}.pool-footer span{font-size:9px}.back-hub{margin-left:auto;color:#cc5410;text-decoration:none;font-size:9px;font-weight:1000}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;background:#180d0788;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-card{width:min(440px,95vw);background:#fff;color:#2e2119;border-radius:25px;padding:28px;position:relative;box-shadow:0 24px 60px #0007;text-align:center}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:10px;border:0;background:#fff0e2;color:#b34a11;font-size:22px}.big-eight{width:64px;height:64px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;margin:auto;font:900 23px Arial;box-shadow:0 8px 16px #0003}.modal h2{margin:12px 0 16px}.steps{text-align:left}.steps p{display:flex;align-items:center;gap:12px;background:#fff8f1;border:1px solid #f1dfcf;border-radius:13px;padding:10px;margin:8px 0}.steps p>b{width:30px;height:30px;border-radius:9px;background:#f47a20;color:white;display:grid;place-items:center}.steps span{font-size:10px;color:#856e5e}.steps strong{display:block;color:#392a20;font-size:11px;margin-bottom:2px}.result .trophy{font-size:55px;color:#f47a20}.result p{font-size:11px;color:#826b5d}.hub-link{display:inline-block;color:#b64a0d;font-size:10px;font-weight:900;margin-top:16px}@media(max-width:860px){.gamebar{height:60px;padding:0 10px}.mini-brand>span:last-child{display:none}.game-title b{font-size:12px}.game-title small{font-size:7px}.home-link{display:none}.game-shell{padding:10px 10px 36px}.score-panel{grid-template-columns:1fr 1fr;gap:7px}.turn-center{grid-column:1/-1;grid-row:2}.player-card{min-height:56px;padding:6px 8px;border-radius:14px}.avatar{width:39px;height:39px;border-radius:12px}.player-card small{font-size:8px}.remaining{display:none}.table-wrap{padding:13px;border-radius:25px;border-width:3px}.table-wrap:before{inset:5px;border-radius:20px}.table-wrap:after{inset:9px;border-radius:17px}canvas{border-radius:14px}.desktop-power{display:none}.mobile-shot-panel{display:grid;grid-template-columns:1fr;gap:10px;background:white;border:1px solid #ead6c2;border-radius:18px;padding:13px;margin-top:12px;box-shadow:0 8px 20px #6e350e0d}.mobile-instruction{display:flex;flex-direction:column;gap:2px}.mobile-instruction b{font-size:10px;color:#b6490d}.mobile-instruction span{font-size:9px;color:#8c7463}.mobile-power-row{display:grid;grid-template-columns:auto 1fr 42px;align-items:center;gap:10px}.mobile-power-row label{font-size:9px;font-weight:1000}.mobile-power-row input{width:100%;accent-color:#f47a20;height:30px}.mobile-power-row output{background:#fff0e2;color:#b94b0e;padding:6px;border-radius:8px;text-align:center;font-size:9px;font-weight:1000}.shoot-button{border:0;min-height:54px;border-radius:14px;background:linear-gradient(145deg,#ff9b31,#ec6415);color:white;font-size:13px;font-weight:1000;box-shadow:0 6px 0 #b94a0c;display:flex;align-items:center;justify-content:center;gap:10px}.shoot-button:disabled{filter:grayscale(.8);opacity:.5}.cue-mini{width:54px;height:6px;border-radius:6px;background:linear-gradient(90deg,#f8d69b,#d28a47,#60341e);transform:rotate(-8deg);box-shadow:0 2px 2px #0003}.game-controls{grid-template-columns:1fr 1fr}.tip{grid-column:1/-1;grid-row:1}.desktop-tip{display:none}.mobile-tip{display:inline}.info-cards{grid-template-columns:1fr 1fr}.rules-box{grid-template-columns:1fr}.pool-footer{margin-bottom:20px;padding:16px 10px}.footer-brand a:first-child{display:none}}@media(max-width:520px){.game-title{gap:6px}.eight-icon{width:29px;height:29px}.game-title b{font-size:10px}.game-title small{font-size:6px}.icon-btn{width:34px;height:34px}.game-shell{padding-left:6px;padding-right:6px}.score-panel{margin-bottom:8px}.player-card{gap:6px}.avatar{width:34px;height:34px;font-size:7px}.player-card b{font-size:10px}.turn-center strong{font-size:13px}.turn-center small{font-size:8px}.table-wrap{padding:9px;border-radius:20px}.table-wrap:before{display:none}canvas{border-radius:11px}.mobile-shot-panel{margin-top:8px;padding:10px;border-radius:15px}.mobile-power-row{gap:7px}.shoot-button{min-height:58px;font-size:14px}.game-controls{margin-top:9px;gap:7px}.game-button{min-height:43px;padding:0 10px;font-size:8px}.tip{font-size:8px;min-height:42px}.game-info{margin-top:38px;padding:28px 6px 0}.info-heading h2{font-size:26px}.info-cards{grid-template-columns:1fr}.rules-box>div{padding:16px}.pool-footer{flex-wrap:wrap}.pool-footer>div:nth-child(2){order:3;width:100%}.back-hub{margin-left:auto}}