:root{--background:#eefcff;--background-deep:#d6f6ff;--surface:#ffffffd1;--surface-strong:#fff;--text:#0c1f4a;--muted:#66758f;--accent:#08aeca;--accent-strong:#047d95;--success:#ffc83d;--danger:#ff4d6d;--line:#14779733;--shadow:0 24px 70px #0f547529;--radius:8px;--tube-width:clamp(48px, 7vw, 78px);--tube-height:clamp(154px, 21vw, 260px);--ball-size:clamp(34px, 5vw, 58px);--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--background);color:var(--text);font-family:var(--font-body);scroll-behavior:smooth}body{letter-spacing:0;background:#e9fbff;min-height:100vh;margin:0}body:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#ffffff14,#eefcffbd 74%),url(/art/game-backdrop.jpg) top/cover no-repeat;position:fixed;inset:0}a{color:inherit}button,select{font:inherit}button{touch-action:manipulation}.siteShell{width:min(1480px,100% - 32px);margin:0 auto}.topNav{justify-content:space-between;align-items:center;gap:20px;padding:24px 0 12px;display:flex}.brandLockup{grid-template-columns:58px auto;align-items:center;gap:12px;text-decoration:none;display:grid}.brandMark{background:#ffffffb8;border:1px solid #047d9533;border-radius:8px;grid-template-columns:repeat(3,13px);place-content:center;gap:3px;width:58px;height:58px;display:grid;box-shadow:0 10px 28px #0f54751f}.brandMark span{background:var(--accent);border-radius:999px;width:13px;height:13px}.brandMark span:nth-child(2n){background:#ffd23f}.brandMark span:nth-child(3n){background:#8d47ff}.brandName{color:#0a2364;text-transform:uppercase;font-size:clamp(1.35rem,2.7vw,2.5rem);font-weight:900;line-height:.92;display:block}.brandSub{background:var(--accent);color:#fff;letter-spacing:.12em;border-radius:999px;width:max-content;margin-top:5px;padding:2px 12px;font-size:.78rem;font-weight:800;display:block}.navLinks{color:var(--muted);gap:16px;font-size:.95rem;font-weight:700;display:flex}.navLinks a{text-decoration:none}.heroGrid{width:min(1180px,100%);margin:0 auto;padding:12px 0 28px;display:block}.gameColumn{width:100%;min-width:0}.heroCopy{text-align:center;flex-direction:column;align-items:center;width:min(100%,940px);max-width:760px;margin:0 auto 16px;display:flex}.heroCopy h1{color:#08225f;margin:0;font-size:clamp(2rem,5vw,4.3rem);line-height:.96}.heroCopy p{max-width:58ch;color:var(--muted);text-align:center;margin:12px auto 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.gamePanel{isolation:isolate;border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffff94;border:1px solid #ffffffc7;min-width:0;padding:clamp(16px,2.2vw,28px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0f54752e,inset 0 1px #ffffffdb}.gamePanel:before{z-index:0;content:"";opacity:.58;pointer-events:none;background:linear-gradient(#ffffffa8,#ffffff42),url(/art/game-backdrop.jpg) 50%/cover no-repeat;position:absolute;inset:0}.gamePanel:after{z-index:0;border-radius:var(--radius);content:"";pointer-events:none;border:1px solid #ffffff9e;position:absolute;inset:10px;box-shadow:inset 0 0 60px #ffffff94}.gamePanel.isCelebrating{border-color:#ffc83db3;animation:.72s ease-out both panelCelebrate;box-shadow:0 24px 70px #0f547529,0 0 0 1px #ffc83d3d,0 0 58px #ffc83d4d}.winBurst{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.winBurst span{background:var(--success);opacity:0;width:10px;height:22px;transform:rotate(calc(var(--burst-index,0) * 30deg)) translateY(0);animation:1.15s cubic-bezier(.18,.82,.2,1) forwards burst;animation-delay:calc(var(--burst-index,0) * 10ms);border-radius:4px;position:absolute;top:52%;left:50%;box-shadow:0 0 12px #fffc}.winBurst span:nth-child(2n){background:#21c2d5}.winBurst span:nth-child(3n){background:#9348e8}.winBurst span:nth-child(4n){background:#ff5c5c}.winBurst span:first-child{--burst-index:0}.winBurst span:nth-child(2){--burst-index:1}.winBurst span:nth-child(3){--burst-index:2}.winBurst span:nth-child(4){--burst-index:3}.winBurst span:nth-child(5){--burst-index:4}.winBurst span:nth-child(6){--burst-index:5}.winBurst span:nth-child(7){--burst-index:6}.winBurst span:nth-child(8){--burst-index:7}.winBurst span:nth-child(9){--burst-index:8}.winBurst span:nth-child(10){--burst-index:9}.winBurst span:nth-child(11){--burst-index:10}.winBurst span:nth-child(12){--burst-index:11}.gameToolbar,.scoreStrip,.tubeGrid,.gameActions,.completeBanner{z-index:2;position:relative}.gameToolbar,.scoreStrip,.gameActions,.levelStepper,.toolbarActions{align-items:center;display:flex}.gameToolbar{justify-content:space-between;gap:16px;margin-bottom:14px}.levelStepper{justify-content:center;gap:8px;min-width:220px}.levelStepper strong{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#ffffffe6;min-width:116px;padding:12px 18px;box-shadow:0 10px 24px #0f54751a}.levelStepper button,.iconButton{border:1px solid var(--line);border-radius:var(--radius);width:48px;height:48px;color:var(--accent-strong);cursor:pointer;background:#ffffffdb;place-items:center;display:inline-grid;box-shadow:0 10px 24px #0f54751a}.levelStepper button:disabled,.gameActions button:disabled{cursor:not-allowed;opacity:.48}.toolbarActions{gap:10px}.iconButton.isActive{color:#095b70;background:#dff9ff}.scoreStrip{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:18px;font-size:.92rem;font-weight:800}.scoreStrip span{border-radius:var(--radius);background:#ffffff94;border:1px solid #047d9524;padding:8px 12px}.scoreStrip strong{color:var(--text)}.tubeGrid{grid-template-columns:repeat(auto-fit, minmax(var(--tube-width), 1fr));align-items:end;gap:clamp(18px,2.8vw,42px);padding:clamp(20px,2.8vw,34px) clamp(6px,1.5vw,18px) clamp(16px,2vw,24px);display:grid}.tubeButton{width:calc(var(--tube-width) + 14px);min-height:calc(var(--tube-height) + 8px);cursor:pointer;background:0 0;border:0;outline:none;justify-self:center;place-items:end center;transition:transform .16s,filter .16s;display:grid;position:relative;transform:translateY(0)}.tubeButton:before{z-index:1;width:calc(var(--tube-width) * 1.72);height:calc(var(--tube-height) * 1.14);content:"";filter:drop-shadow(0 18px 16px #0449612e);pointer-events:none;background:url(/art/tube-glass-premium.png) bottom/contain no-repeat;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.tubeButton:after{z-index:4;width:calc(var(--tube-width) * .86);height:calc(var(--tube-height) * .82);content:"";mix-blend-mode:screen;opacity:.58;pointer-events:none;background:linear-gradient(90deg,#ffffff6b,#0000 24% 74%,#ffffff5c),linear-gradient(#ffffff2e,#0000 32%,#ffffff38);border-radius:999px 999px 30px 30px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.tubeButton:focus-visible{filter:drop-shadow(0 0 .5rem #08aeca73)}.tubeButton.isSelected,.tubeButton.isHinted{transform:translateY(-10px)}.tubeButton.isInvalid{filter:drop-shadow(0 0 .8rem #ff4d6d61);animation:.28s shake}.tubeButton.isMovedFrom{filter:saturate(.95)drop-shadow(0 12px 14px #0f547529)}.tubeButton.isMovedTo{filter:drop-shadow(0 0 1rem #08aeca5c);animation:.52s landPulse}.tubeButton.isComplete{filter:drop-shadow(0 16px 18px #08aeca33)drop-shadow(0 0 16px #ffd23f3d);animation:.92s ease-out both completeFloat}.tubeRim,.tubeBase{opacity:0;z-index:3;background:linear-gradient(#fffffff2,#ceedf67a);border:2px solid #1d415b75;border-radius:999px;height:14px;position:absolute;left:4px;right:4px}.tubeRim{top:2px}.tubeBase{bottom:0}.tubeGlass{width:calc(var(--tube-width) - 7px);height:calc(var(--tube-height) - 18px);box-shadow:none;z-index:2;background:0 0;border:0;border-radius:999px 999px 32px 32px;justify-content:center;align-items:end;margin-bottom:11px;display:flex;position:relative;overflow:hidden}.tubeButton.isMovedTo .tubeGlass,.tubeButton.isHinted .tubeGlass{box-shadow:0 0 0 4px #08aeca14,0 0 22px #08aeca29}.tubeSparkle{z-index:5;background:var(--success);opacity:0;border-radius:999px;width:12px;height:12px;animation:.62s ease-out forwards sparkleRise;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:-22px 18px #21c2d5,22px 20px #9348e8,0 34px #ff5c5c}.tubeShine{opacity:0;background:#ffffffa8;border-radius:999px;width:8px;position:absolute;top:18px;bottom:28px;right:10px}.tubeStack{min-height:calc(var(--ball-size) * 4 + 4px);z-index:3;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:1px;padding-bottom:5px;display:flex}.ball,.ballSlot{width:var(--ball-size);height:var(--ball-size);border-radius:999px;display:block}.ball{background-color:var(--ball-main);background-image:var(--ball-art), radial-gradient(circle at 28% 20%, #fffffff2 0 10%, #ffffff57 11% 24%, transparent 25%), radial-gradient(circle at 42% 34%, var(--ball-light), var(--ball-main) 52%, var(--ball-deep) 100%);filter:saturate(1.08)contrast(1.04);background-position:50%;background-repeat:no-repeat;background-size:124% 124%,100% 100%,100% 100%;animation:.42s both ballSettle;position:relative;overflow:hidden;box-shadow:0 9px 14px #05405833,0 1px #ffffffb3}.ball:after{border-radius:inherit;content:"";mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle at 50% 88%,#03374e38,#0000 44%);position:absolute;inset:0}.ballSlot{opacity:0}.ball-coral{--ball-light:#ff9b9b;--ball-main:#ff5c5c;--ball-deep:#d9293f;--ball-art:url(/art/balls/coral.png)}.ball-amber{--ball-light:#ffd78a;--ball-main:#ffb02e;--ball-deep:#df8315;--ball-art:url(/art/balls/amber.png)}.ball-lime{--ball-light:#b8f174;--ball-main:#6fd322;--ball-deep:#36a20b;--ball-art:url(/art/balls/lime.png)}.ball-cyan{--ball-light:#7ce5ef;--ball-main:#21c2d5;--ball-deep:#0b899d;--ball-art:url(/art/balls/cyan.png)}.ball-blue{--ball-light:#89c4ff;--ball-main:#2488f2;--ball-deep:#0759c5;--ball-art:url(/art/balls/blue.png)}.ball-violet{--ball-light:#c594ff;--ball-main:#9348e8;--ball-deep:#6820bd;--ball-art:url(/art/balls/violet.png)}.ball-rose{--ball-light:#ffadd0;--ball-main:#f06aa2;--ball-deep:#c93173;--ball-art:url(/art/balls/rose.png)}.ball-mint{--ball-light:#83f0c7;--ball-main:#28c999;--ball-deep:#0b906c;--ball-art:url(/art/balls/mint.png)}.gameActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.gameActions button,.completeBanner button{border:1px solid var(--line);border-radius:var(--radius);color:#0c2d62;cursor:pointer;background:#ffffffe0;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-weight:850;display:inline-flex;box-shadow:0 12px 24px #0f54751a}.gameActions .primaryAction{color:#fff;background:linear-gradient(#25c2d7,#0792aa);border-color:#00829861}.actionText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.completeBanner{border-radius:var(--radius);color:#0c4561;background:linear-gradient(135deg,#fffffff0,#e0faffe6),radial-gradient(circle at 12% 20%,#ffd23f61,#0000 32%);border:1px solid #ffc22e75;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;font-weight:900;display:flex;box-shadow:0 18px 36px #ffc83d3d,inset 0 1px #ffffffe6}.completeBadge{color:#07415e;background:linear-gradient(#ffe27a,#ffb62e);border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:inline-grid;box-shadow:0 12px 22px #ffad2047}.completeCopy{text-align:left;gap:2px;min-width:0;display:grid}.completeCopy strong{color:#08225f;font-size:1.06rem;line-height:1.1}.completeCopy span,.completeCopy em{color:#4d6385;font-size:.86rem;font-style:normal;line-height:1.25}.completeCopy em{color:#07869e}.contentBand{grid-template-columns:repeat(3,1fr);gap:24px;padding:42px 0 64px;display:grid}.contentBand section{padding:0}.contentBand h2{color:#08225f;margin:0 0 10px;font-size:1.32rem}.contentBand p,.contentBand li{color:var(--muted);line-height:1.65}.contentBand ul,.contentBand ol{margin:0;padding-left:20px}.legalPage{max-width:820px;padding:44px 0 80px}.legalPage h1{margin:0 0 18px;font-size:clamp(2rem,5vw,3.4rem)}.legalPage p,.legalPage li{color:var(--muted);line-height:1.72}.siteFooter{color:var(--muted);border-top:1px solid #047d9524;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px 0 40px;font-size:.92rem;display:flex}.footerBrand{gap:6px;max-width:520px;display:grid}.footerBrand span:last-child{font-size:.84rem}.siteFooter nav{flex-wrap:wrap;gap:14px;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes landPulse{0%{transform:translateY(-6px)scale(.98)}55%{transform:translateY(3px)scale(1.03)}to{transform:translateY(0)scale(1)}}@keyframes panelCelebrate{0%{transform:scale(.992)}45%{transform:scale(1.006)}to{transform:scale(1)}}@keyframes completeFloat{0%{transform:translateY(0)scale(1)}38%{transform:translateY(-8px)scale(1.035)}to{transform:translateY(0)scale(1)}}@keyframes sparkleRise{0%{opacity:0;transform:translate(-50%,16px)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-26px)scale(1.2)}}@keyframes ballSettle{0%{transform:translateY(-8px)scale(.96)}70%{transform:translateY(2px)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes burst{0%{opacity:0;transform:rotate(calc(var(--burst-index,0) * 29deg)) translateY(0) scale(.4)}18%{opacity:1}to{opacity:0;transform:rotate(calc(var(--burst-index,0) * 29deg)) translateY(-320px) scale(1)}}@media (max-width:980px){.contentBand{grid-template-columns:1fr}}@media (min-width:641px) and (max-height:820px){:root{--tube-height:clamp(176px, 27vh, 222px);--ball-size:clamp(40px, 6vh, 50px)}.topNav{padding:14px 0 6px}.brandMark{width:50px;height:50px}.brandName{font-size:clamp(1.25rem,2.2vw,2rem)}.brandSub{margin-top:3px}.heroGrid{padding:4px 0 18px}.heroCopy{margin-bottom:12px}.heroCopy h1{font-size:clamp(2rem,4vw,3.25rem)}.heroCopy p{margin-top:8px;font-size:1rem;line-height:1.42}.gamePanel{padding:18px 28px}.gameToolbar{margin-bottom:10px}.levelStepper strong{padding:10px 16px}.levelStepper button,.iconButton{width:44px;height:44px}.scoreStrip{margin-bottom:10px}.scoreStrip span{padding:7px 11px}.tubeGrid{gap:clamp(16px,2.5vw,34px);padding:16px clamp(4px,1vw,12px) 12px}.gameActions{margin-top:4px}.gameActions button,.completeBanner button{min-height:44px;padding:0 18px}.contentBand{padding-top:30px}}@media (max-width:640px){.siteShell{width:min(100% - 20px,1480px)}.topNav{align-items:flex-start;padding:16px 0 8px}.navLinks{display:none}.brandLockup{grid-template-columns:48px auto;gap:10px}.brandMark{grid-template-columns:repeat(3,11px);gap:3px;width:48px;height:48px}.brandMark span{width:11px;height:11px}.brandName{font-size:1.05rem;line-height:.95}.brandSub{margin-top:4px;padding:1px 10px;font-size:.7rem}.heroGrid{padding:2px 0 20px}.heroCopy{margin-bottom:10px}.heroCopy h1{font-size:clamp(1.8rem,8vw,2rem);line-height:1.04}.heroCopy p{margin-top:8px;font-size:.95rem;line-height:1.45}.gameToolbar{flex-direction:column;align-items:stretch}.toolbarActions{justify-content:center}.levelStepper{min-width:0}.tubeGrid{--tube-width:clamp(40px, 14.2vw, 54px);--tube-height:clamp(118px, 31vw, 142px);--ball-size:clamp(26px, 8.1vw, 32px);grid-template-columns:repeat(4,minmax(40px,1fr));gap:14px 8px;padding:16px 4px 14px}.gamePanel{padding:14px 10px}.tubeButton{width:calc(var(--tube-width) + 10px);min-height:calc(var(--tube-height) + 4px)}.tubeButton:before{width:calc(var(--tube-width) * 1.6);height:calc(var(--tube-height) * 1.08);bottom:-5px}.tubeButton:after{width:calc(var(--tube-width) * .82);height:calc(var(--tube-height) * .78);bottom:13px}.tubeGlass{width:calc(var(--tube-width) - 6px);height:calc(var(--tube-height) - 15px);margin-bottom:8px}.tubeStack{min-height:calc(var(--ball-size) * 4 + 3px);padding-bottom:4px}.gameActions{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.gameActions button{gap:5px;min-height:44px;padding:0 6px;font-size:.8rem}.gameActions svg{flex:none}.scoreStrip span{text-align:center;flex:40%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}