@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";:root{--bg:#071312;--line:#ade7d621;--mint:#b6f3dd;--green:#51e2b0;--coral:#ff6f66;--ink:#ecfaf4;--muted:#86a59b}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#17433c 0,var(--bg) 44rem);min-width:320px;color:var(--ink);margin:0;font-family:Manrope,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}.game-shell{max-width:640px;min-height:100svh;padding:max(16px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom));flex-direction:column;margin:auto;display:flex}.topbar{justify-content:space-between;align-items:center;height:42px;display:flex}.icon-btn{width:36px;height:36px;color:var(--mint);background:0 0;font-size:27px;line-height:1}.match-title{letter-spacing:.18em;color:#acd9cc;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.live-dot{background:var(--coral);width:7px;height:7px;box-shadow:0 0 12px var(--coral);border-radius:50%}.glass-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1f443db8,#081615c7);box-shadow:inset 0 1px #ffffff0d,0 14px 32px #0000002e}.scoreboard{border-radius:15px;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 14px;display:grid}.player{align-items:center;gap:9px;display:flex}.player-right{text-align:right;justify-content:flex-end}.avatar{color:#09201b;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid;box-shadow:0 0 0 3px #ffffff14}.avatar-coral{background:#ff9a81}.avatar-sky{background:#7cdbdb}.player-name,.player-status{display:block}.player-name{letter-spacing:.08em;font-size:12px;font-weight:800}.player-status{color:var(--muted);letter-spacing:.12em;margin-top:2px;font-size:8px}.score{color:#75988f;align-items:center;gap:7px;padding:0 12px;font:14px Barlow Condensed,sans-serif;display:flex}.score strong{color:var(--mint);font-size:27px;line-height:1}.score strong:first-child{color:var(--coral)}.game-stage{flex-direction:column;flex:1;justify-content:center;padding:15px 0 16px;display:flex}.turn-chip{color:var(--green);letter-spacing:.1em;align-self:center;margin-bottom:11px;font-size:10px;font-weight:800}.table-wrap{aspect-ratio:1.64;filter:drop-shadow(0 19px 16px #0006);width:100%;margin:0 auto;position:relative}.table-shadow{filter:blur(14px);background:#000000a6;border-radius:25px;position:absolute;inset:10% 5% -8%;transform:perspective(600px)rotateX(5deg)}.table-frame{background:linear-gradient(135deg,#7f4b2e,#4b291b 56%,#1d1713);border-radius:18px;padding:5.5%;position:absolute;inset:0 2.7%;transform:perspective(700px)rotateX(3deg);box-shadow:inset 0 0 0 2px #ba7950,inset 0 -10px 14px #170d09,0 5px #211510}.table-frame:after{content:"";pointer-events:none;border:2px solid #d08b5e73;border-radius:14px;position:absolute;inset:1.5%}.rail{z-index:2;background:#c99068;position:absolute;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -3px 3px #3d170c73}.rail-top,.rail-bottom{height:4px;left:5%;right:5%}.rail-top{top:3.5%}.rail-bottom{bottom:3.5%}.rail-left,.rail-right{width:4px;top:5%;bottom:5%}.rail-left{left:3.5%}.rail-right{right:3.5%}canvas{z-index:1;touch-action:none;background:#196451;border-radius:9px;width:100%;height:100%;display:block;position:relative;box-shadow:inset 0 0 0 5px #0a3d30,inset 0 0 25px #0000005c}.pocket{z-index:3;background:radial-gradient(circle at 38% 32%,#08100e 0 40%,#020504 42% 100%);border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:0 1px 2px #d0946c,inset 0 0 5px #000}.p1{top:3%;left:3%}.p2{top:3%;right:3%}.p4{bottom:3%;left:3%}.p5{bottom:3%;right:3%}.p6{bottom:3%;left:calc(50% - 8px)}.table-leg{z-index:-1;background:linear-gradient(#6a3d27,#2d1a12);width:9%;height:16px;position:absolute;bottom:-10px}.leg-left{left:11%;transform:skew(-8deg)}.leg-right{right:11%;transform:skew(8deg)}.hint{text-align:center;color:#799f94;letter-spacing:.03em;margin:17px 0 0;font-size:10px}.control-row{align-items:stretch;gap:10px;display:flex}.power-panel{border-radius:13px;flex:1;padding:11px 13px 9px}.power-label{letter-spacing:.12em;color:#a7d2c4;justify-content:space-between;font:800 10px Barlow Condensed,sans-serif;display:flex}.power-label b{color:var(--mint);letter-spacing:0;font-size:14px}input[type=range]{appearance:none;background:linear-gradient(90deg,var(--green) 0 55%,#294b44 55%);border-radius:4px;width:100%;height:4px;margin:9px 0 5px}.power-scale{color:#688e83;letter-spacing:.08em;justify-content:space-between;font-size:8px;display:flex}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;box-shadow:0 0 8px var(--green);background:#d2fff0;border:3px solid #277763;border-radius:50%}.shoot-button{letter-spacing:.08em;background:linear-gradient(145deg,#ff8775,#e95759);border-radius:13px;width:94px;font:800 18px Barlow Condensed,sans-serif;box-shadow:inset 0 1px #ffffff59,0 5px #892d39,0 12px 20px #be37422e}.shoot-button small{letter-spacing:.13em;opacity:.7;margin-top:1px;font:700 8px Manrope,sans-serif;display:block}.shoot-button:active{transform:translateY(3px);box-shadow:inset 0 1px #fff3,0 2px #892d39}.bottom-nav{border-top:1px solid #93ccbc14;justify-content:space-around;margin-top:11px;padding:14px 5px 1px;display:flex}.nav-item{color:#668980;background:0 0;justify-items:center;gap:3px;font-size:18px;display:grid}.nav-item small{letter-spacing:.11em;font-size:8px;font-weight:800}.nav-item.active{color:var(--green)}.toast{opacity:0;pointer-events:none;color:#11342c;background:#d6fff0;border-radius:99px;padding:10px 16px;font-size:12px;font-weight:800;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width>=600px){.game-shell{padding-top:25px}.game-stage{padding-top:28px}.table-wrap{max-width:540px}.hint{font-size:11px}}.brand{color:var(--mint);letter-spacing:.12em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.brand-mark{color:var(--coral);font-size:17px}.lobby{border-radius:15px;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:12px 13px;display:flex}.lobby strong,.eyebrow{display:block}.lobby strong{margin-top:2px;font-size:13px}.eyebrow{color:var(--muted);letter-spacing:.13em;font-size:8px;font-weight:800}.mode-switch{background:#00000038;border-radius:9px;padding:3px;display:flex}.mode-switch button{color:#76968d;background:0 0;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800}.mode-switch button.selected{color:#ddfff4;background:#2a6d5b}.scoreboard{margin-top:8px}.game-stage{padding-top:10px}.table-wrap{aspect-ratio:.62;width:min(72vw,340px)}.hint{margin-top:11px}.controls{padding-top:3px}.table-leg{bottom:-8px}.shoot-button{width:84px}@media (height<=700px){.game-stage{padding-top:7px;padding-bottom:8px}.table-wrap{width:min(58vw,270px)}.hint{margin-top:7px}.lobby{padding:9px 11px}.scoreboard{padding:9px 12px}.controls{padding-top:0}}.start-lobby{z-index:20;text-align:center;background:radial-gradient(circle at 50% 32%,#1e6958bf,#051110fa 58%);flex-direction:column;justify-content:center;align-items:center;padding:30px 28px;display:flex;position:fixed;inset:0}.lobby-glow{filter:blur(45px);background:#51e2b026;border-radius:50%;width:240px;height:240px;position:absolute}.lobby-kicker{color:var(--green);letter-spacing:.24em;font-size:10px;font-weight:800;position:relative}.lobby-logo{color:var(--coral);text-shadow:0 0 25px #ff6f668c;margin-top:25px;font-size:46px;position:relative}.start-lobby h1{color:var(--mint);letter-spacing:.04em;text-shadow:0 7px #00000047;margin:8px 0 10px;font:800 clamp(52px,16vw,78px)/.78 Barlow Condensed,sans-serif;position:relative}.start-lobby h1 em{color:var(--coral);font-style:normal}.start-lobby p{color:#94b8ad;max-width:250px;margin:0 0 34px;font-size:12px;line-height:1.6;position:relative}.play-now{letter-spacing:.1em;background:linear-gradient(145deg,#ff8775,#e95759);border-radius:14px;min-width:190px;padding:16px 22px;font:800 20px Barlow Condensed,sans-serif;position:relative;box-shadow:inset 0 1px #ffffff59,0 5px #892d39,0 14px 28px #be37423d}.play-now span{margin-left:16px;font-size:24px;line-height:0}.play-now:active{transform:translateY(3px);box-shadow:inset 0 1px #fff3,0 2px #892d39}.lobby-note{color:#668980;letter-spacing:.16em;margin-top:27px;font-size:8px;position:relative}.lobby,.mode-switch,.shoot-button{display:none}.power-panel{width:100%}.power-panel input[type=range]{pointer-events:none}.p3{top:calc(50% - 8px);left:3%}.p6{inset:calc(50% - 8px) 3% auto auto}.game-shell{position:relative}.controls{z-index:5;width:30px;padding:0;position:absolute;top:53%;right:2px}.control-row{display:block}.power-panel{border-radius:10px;padding:7px 3px 6px;width:30px!important}.power-label{letter-spacing:0;flex-direction:column;align-items:center;gap:3px;font-size:7px;display:flex}.power-label span{writing-mode:vertical-rl;font-size:7px;transform:rotate(180deg)}.power-label b{font-size:10px}.power-scale{display:none}.power-panel input[type=range]{writing-mode:vertical-lr;direction:rtl;width:4px;height:72px;margin:7px auto 3px;display:block}.controls .shoot-button{display:none}@media (height<=700px){.controls{top:52%}.power-panel input[type=range]{height:58px}}.pocket{width:24px;height:24px}.p3,.p6{top:calc(50% - 12px)}.table-frame{transform:none}.game-shell>.topbar,.game-shell>.scoreboard,.game-stage>.turn-chip,.game-stage>.hint{display:none}.game-stage{justify-content:flex-start;padding:0}.game-shell{padding-top:8px}.table-wrap{margin-top:30px}