@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b111d;--panel:#131e2e;--line:#273247;--muted:#92a1b8;--blue:#68baff;--green:#c2f970}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 30%,#172639 0,transparent 55%),var(--bg);color:#f6f8fc;font:14px 'DM Sans',Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:4px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;gap:8px;align-items:center;color:white;text-decoration:none;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:800;letter-spacing:1px}.brand b{color:var(--green)}.mark{display:inline-flex;background:var(--green);color:#101c25;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;font-size:37px;line-height:1;margin-right:6px}.mark span{font-size:19px}.header-actions{display:flex;gap:10px;align-items:center}.header-actions button{width:36px;height:36px;background:none;border:1px solid var(--line);border-radius:50%;color:white}.live{color:var(--muted);font-size:10px;letter-spacing:1.5px;margin-right:15px}main{max-width:1500px;margin:auto;padding:36px 5% 20px}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font:700 clamp(36px,4.1vw,62px)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.5px;margin:14px 0 0}h1 em{font-style:normal;color:var(--green)}.intro p{color:var(--muted);line-height:1.8;font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.arena{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#101a29;align-self:start}.scoreboard{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;gap:12px}.player{display:flex;gap:12px;align-items:center;opacity:.55;flex:1}.player:last-child{justify-content:end;text-align:right}.player.active{opacity:1}.player small{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-bottom:5px}.player b{font-size:14px;white-space:nowrap}.player b span[id^=cups]{font-size:9px;letter-spacing:3px;display:block;margin-top:6px;color:var(--blue)}#cups1{color:var(--green)}.player strong{font:700 43px 'Barlow Condensed',Impact,sans-serif;min-width:36px;text-align:center}.dot{width:10px;height:10px;display:inline-block;border-radius:50%;flex-shrink:0}.blue{background:var(--blue);box-shadow:0 0 15px #68baff55}.green{background:var(--green);box-shadow:0 0 15px #c2f97055}.round{text-align:center;min-width:82px}.round small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}.round b{font:700 25px 'Barlow Condensed',Impact,sans-serif;display:block}.round span{font-size:8px;color:var(--muted);letter-spacing:1px}.stage{position:relative;aspect-ratio:1.6;background:#101a26;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.stage-label{position:absolute;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:1.4px;color:#8e9daf}.toast{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:10px 17px;background:#0b1427df;backdrop-filter:blur(8px);border:1px solid #52627b66;border-radius:40px;font-size:11px;white-space:nowrap;pointer-events:none}.controls{display:flex;align-items:center;gap:18px;padding:20px}.turn{display:flex;gap:10px;align-items:center;flex:1}.turn b{display:block;font-size:12px}.turn small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:5px}.power{width:125px}.power>div:first-child{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.5px;margin-bottom:7px;color:var(--muted)}.track{height:6px;background:#334052;border-radius:4px;position:relative;overflow:hidden}.track i{position:absolute;left:62%;width:20%;height:100%;background:#c2f97066}.track b{position:absolute;left:0;width:3px;height:100%;background:#fff;transition:none}.primary{border:0;border-radius:8px;color:#13201e;background:var(--green);padding:16px 18px;font-size:10px;letter-spacing:.8px;font-weight:800;touch-action:none;white-space:nowrap}.primary span{margin-left:12px}.primary:disabled{opacity:.45;cursor:default}.secondary{width:100%;border:1px solid #38465d;background:#1a283c;border-radius:7px;color:#e1e9f5;padding:13px;font-size:12px}.card{border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(135deg,#1c293a,#131e2e);margin-bottom:18px}h2{font:700 28px 'Barlow Condensed',Impact,sans-serif;margin:9px 0 21px}.settings label{display:block;font-size:10px;color:var(--muted);margin:14px 0}.settings select{display:block;width:100%;margin-top:8px;color:#f3f6fd;background:#101a29;border:1px solid #344258;padding:12px 8px;border-radius:7px;font-size:11px}.pill{font-size:8px;letter-spacing:1.5px;color:var(--green);border:1px solid #c2f97044;border-radius:4px;padding:5px 8px}h3{font:600 25px/1.1 'Barlow Condensed',Impact,sans-serif;margin:19px 0}.rule{display:flex;gap:15px;align-items:center;margin:10px 0}.rule strong{font:600 33px 'Barlow Condensed',Impact,sans-serif;color:var(--green);width:20px}.rule p{font-size:11px;line-height:1.6;color:#c4cddd;margin:0}.muted{font-size:10px;color:var(--muted);line-height:1.7}.target-key{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:8px;color:var(--muted);letter-spacing:.7px}.target-key span{color:#ffb35b;font-size:20px;vertical-align:middle;margin-right:5px}.footnote{font-size:9px;color:#68788f;line-height:1.7;text-align:center}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#728199;margin-top:25px}.hidden{display:none!important}dialog{border:1px solid #435369;background:#142134;color:white;border-radius:18px;max-width:470px;padding:32px}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog p{line-height:1.8;color:#bfccdc;font-size:13px}.close{float:right;background:none;border:0;color:white;font-size:26px}dialog .primary{margin-top:12px;width:100%}@media(min-width:1500px){.stage{aspect-ratio:1.7}}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.card{padding:18px}.controls{flex-wrap:wrap;gap:14px}.turn{flex-basis:50%}.primary{flex:1}.power{width:110px}}@media(max-width:720px){header{height:65px;padding:0 18px}.brand{font-size:20px}.mark{width:30px;height:30px;font-size:30px}.live{display:none}main{padding:23px 14px}.intro{margin-bottom:23px}.intro h1{font-size:40px}.intro p{display:none}.eyebrow{font-size:8px}.layout{display:block}.scoreboard{padding:16px 14px;gap:6px}.player{gap:7px}.player strong{font-size:34px;min-width:27px}.player b{font-size:12px}.player small{font-size:7px}.round{min-width:65px}.round span{font-size:6px}.stage{aspect-ratio: .94}.stage-label{font-size:7px;left:12px;right:12px}.toast{font-size:10px;max-width:96%;white-space:normal;text-align:center;width:max-content}.controls{padding:16px;gap:16px}.turn{flex:1}.power{width:115px}.controls .primary{width:100%;flex-basis:100%;padding:17px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.card{padding:16px;margin:0}.rules h3{font-size:23px}.footnote{grid-column:1/-1}.settings h2{font-size:24px}.rule p{font-size:10px}footer{font-size:7px;gap:15px;line-height:1.6}.target-key{font-size:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Arena glass, raised scoreboard, and tactile controls. */
.arena{box-shadow:0 22px 65px #0005;border-color:#38516b88}.scoreboard{background:linear-gradient(180deg,#1e3046,#131e2e);border-bottom:1px solid #45607755}.player.active strong{text-shadow:0 0 24px #89cdff44}.stage{background:#0a1220}.controls{background:linear-gradient(180deg,#19293c,#111d2d);border-top:1px solid #415c7266}.primary{box-shadow:inset 0 1px 0 #ffffff77,0 5px 14px #0003;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.07)}.primary:active{transform:translateY(1px)}.stage-label{color:#a4bfce}.toast{box-shadow:0 8px 22px #0005}.track{height:8px;box-shadow:inset 0 2px 3px #0006}.card{box-shadow:0 12px 30px #0002}

.header-actions .shop-open{width:auto;border-radius:20px;padding:0 13px;color:var(--green);font-weight:700;white-space:nowrap}.shop-balance{background:#0b1725;padding:12px 16px;border-radius:8px;color:var(--green);margin-bottom:18px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#shop{max-width:550px;width:94%;max-height:90vh}#shop small{font-size:10px;line-height:1.7;color:var(--muted)}.shop-item{padding:16px 10px;border:1px solid #3b4f68;border-radius:12px;text-align:center;background:linear-gradient(150deg,#243b51,#101d30)}.shop-item.equipped{border-color:var(--green)}.shop-item>b,.shop-item>small{display:block}.shop-item button{background:#c2f970;color:#152b22;border:0;padding:11px 7px;width:100%;border-radius:7px;margin-top:12px;font-size:10px;font-weight:700}.shop-item button:disabled{background:#263d38;color:#bde79b;cursor:default}.cup-preview{position:relative;height:112px;width:90px;margin:0 auto 10px;filter:drop-shadow(7px 9px 6px #0006)}.cup-preview b{position:absolute;width:17px;height:78px;top:18px;left:36px;border-radius:40%;background:linear-gradient(90deg,var(--skin),#ffffff99 25%,var(--skin) 55%,#0005)}.cup-preview i,.cup-preview em{position:absolute;width:57px;height:25px;left:16px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#0007,var(--skin) 55%,#ffffffaa 65%,var(--skin) 75%);border:2px solid var(--skin);z-index:2}.cup-preview i{top:7px}.cup-preview em{bottom:8px;height:21px;background:linear-gradient(90deg,var(--skin),#ffffff88,var(--skin),#0005);clip-path:polygon(0 100%,0 60%,36% 0,64% 0,100% 60%,100% 100%)}#shopMessage{min-height:22px;color:var(--green);font-size:12px}

.camera-controls{position:absolute;top:38px;right:15px;display:flex;gap:4px}.camera-controls button{border:1px solid #8db3c444;background:#0c1b2bce;color:#b6c8d6;border-radius:6px;padding:7px 10px;font-size:9px;backdrop-filter:blur(5px)}.camera-controls button.selected{border-color:#c2f97088;color:#c2f970;background:#1f352de8}@media(max-width:720px){.camera-controls{top:34px;right:10px}.camera-controls button{font-size:8px;padding:6px 8px}}

.mobile-only,.mobile-actions{display:none}#mobileSettings,#installDialog{width:min(440px,94vw);max-height:88dvh;overflow:auto}#mobileSettings label{display:block;margin:15px 0;color:#b9c8dc;font-size:12px}#mobileSettings select{display:block;width:100%;margin-top:8px;padding:13px;background:#0c1b2d;color:white;border:1px solid #42516a;border-radius:8px;font-size:14px}.menu-buttons{display:grid;gap:10px;margin-top:20px}.menu-buttons button{background:#24374e;color:#f1f5fc;border:1px solid #526481;border-radius:9px;padding:14px;text-align:left;min-height:46px}.install-icon{width:70px;height:70px;border-radius:18px;display:block;margin-bottom:15px}.close{min-width:44px;min-height:44px}#copyAppLink{margin-top:12px}#copyResult{min-height:20px;font-size:12px;color:var(--green)}
@media(max-width:720px),(max-height:520px) and (pointer:coarse){
html{height:100%;overscroll-behavior:none}body{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;user-select:none}header{height:calc(56px + env(safe-area-inset-top));min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:8px}.brand{font-size:17px;gap:5px;letter-spacing:.4px}.mark{width:28px;height:28px;font-size:29px;margin-right:3px}.header-actions{gap:7px}.header-actions .shop-open{height:42px;padding:0 12px;border-radius:12px}.header-actions #sound,.header-actions #help,.live{display:none}.header-actions #mobileMenu{display:block;width:44px;height:44px;border-radius:12px;font-size:22px}.intro,main>footer,.layout>aside{display:none}main{padding:0;width:100%;min-height:0;flex:1;max-width:none;margin:0;display:flex}.layout{display:flex;flex:1;min-height:0;width:100%}.arena{flex:1;align-self:stretch;display:flex;flex-direction:column;border:0;border-radius:0;min-height:0;box-shadow:none;width:100%}.scoreboard{padding:9px 15px;min-height:70px;flex-shrink:0;gap:8px}.player{gap:8px;flex:1}.player strong{font-size:32px}.player small{font-size:7px}.player b{font-size:12px}.player b span[id^=cups]{margin-top:3px;font-size:10px}.round b{font-size:22px}.round span{font-size:7px}.stage{flex:1;min-height:100px;aspect-ratio:auto;width:100%;position:relative}.stage canvas{position:absolute;inset:0;height:100%;width:100%}.stage-label{top:10px;font-size:7px;letter-spacing:.8px}.camera-controls{top:28px;right:10px;gap:5px}.camera-controls button{min-height:40px;padding:8px 12px;font-size:10px;border-radius:10px}.toast{bottom:10px;padding:8px 12px;max-width:94%;font-size:10px;white-space:normal;line-height:1.4}.controls{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) 132px;padding:12px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:10px 14px}.turn{min-width:0;gap:7px}.turn small{font-size:9px;line-height:1.35;margin-top:3px}.turn b{font-size:12px}.power{width:100%}.power>div:first-child{font-size:7px}.track{height:10px}.controls>.primary{grid-column:1/-1;width:100%;min-height:58px;margin:0;border-radius:13px;font-size:12px;font-weight:800;padding:15px;touch-action:none;flex:unset}.mobile-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:7px}.mobile-actions button{min-height:42px;border:1px solid #344a60;background:#142338;color:#bdd0df;border-radius:9px;font-size:10px;padding:6px 3px;white-space:nowrap}dialog{padding:23px;max-height:88dvh;overflow:auto;user-select:text;overscroll-behavior:contain}#shop{max-height:88dvh}.shop-item button{min-height:44px}.shop-item{padding:13px 9px}.shop-grid{gap:10px}
}
@media(max-width:360px){.brand{font-size:15px}.header-actions{gap:4px}.header-actions .shop-open{padding:0 9px}.controls{grid-template-columns:minmax(0,1fr) 115px;padding-left:11px;padding-right:11px}.turn small{font-size:8px}}
@media(max-height:520px) and (pointer:coarse){header{height:44px;min-height:44px;padding-top:0}.scoreboard{min-height:51px;padding:5px 18px}.player small,.player b span[id^=cups],.round small{display:none}.player strong{font-size:25px}.round b{font-size:18px}.controls{position:absolute;right:12px;bottom:10px;width:206px;border:1px solid #4c637888;border-radius:14px;background:#111e30ed;padding:10px;grid-template-columns:1fr;gap:8px}.turn small{display:none}.power{grid-row:2}.controls>.primary{min-height:46px;font-size:10px}.mobile-actions button{font-size:8px;min-height:35px}.stage-label{top:8px}.camera-controls{top:26px;left:10px;right:auto}.toast{left:20%;max-width:36%;bottom:14px}.stage{min-height:0}}