@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{color:#edf4ff;--cyan:#5bf0dc;--purple:#8d6aff;--panel:#101a2c;--muted:#8d9ab1;background:#07101d;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#3fbec029,#0000 30%),#07101d;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:min(1100px,100% - 28px);height:72px;margin:0 auto;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:10px;font-family:Space Grotesk;display:flex}.brand-mark{color:#06111a;background:var(--cyan);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand strong,.brand small{line-height:1;display:block}.brand small{color:#718099;margin-top:4px;font-size:8px}.header-actions{align-items:center;gap:10px;display:flex}.help-button,.text-button{color:#aab6ca;background:0 0;border:0}.help-button{border:1px solid #33415a;border-radius:9px;padding:8px 10px}.text-button{font-size:12px}.plan-pill{color:#b9c5d8;border:1px solid #34435c;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.plan-pill.premium{color:#06111a;background:var(--cyan);border-color:var(--cyan)}.main-content{width:min(1100px,100% - 28px);margin:0 auto}.simple-intro{text-align:center;padding:42px 0 24px}.eyebrow{color:var(--cyan);letter-spacing:.18em;margin:0;font:700 10px Space Grotesk}.simple-intro h1{letter-spacing:-.04em;margin:8px 0 22px;font:700 clamp(34px,5vw,56px)/1.05 Space Grotesk}.simple-intro h1 span{color:var(--cyan)}.rule-strip{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:10px 16px;display:inline-flex}.rule-strip div{color:#c6d0e1;align-items:center;gap:7px;font-size:12px;display:flex}.rule-strip b{color:#06111a;background:var(--cyan);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.rule-strip>i{color:#52617a;font-style:normal}.play-area{grid-template-columns:minmax(0,1fr) 285px;gap:18px;padding-bottom:70px;display:grid}.game-card,.side-info section{background:#0f182af0;border:1px solid #ffffff17;box-shadow:0 28px 80px #00000047}.game-card{border-radius:22px;padding:18px;position:relative}.next-banner{background:#5bf0dc12;border:2px solid #5bf0dc52;border-radius:15px;align-items:center;gap:12px;padding:11px 14px;display:flex}.next-banner>span{color:var(--cyan);font-size:11px;font-weight:800}.next-banner strong{color:#d9e7f3;font-size:13px}.next-orb{border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;animation:1.3s ease-in-out infinite float;display:grid;box-shadow:inset 0 2px 4px #ffffff59,0 0 22px #5bf0dc33}.score-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.score-row div{background:#ffffff0a;border-radius:11px;padding:10px 12px}.score-row span{color:#718099;font-size:9px;display:block}.score-row strong{font:700 19px Space Grotesk}.board-caption{justify-content:space-between;align-items:end;margin:13px 2px 8px;display:flex}.board-caption strong{font-size:14px}.board-caption span{color:#78869e;font-size:10px}.board{background:#070d18;border:1px solid #ffffff14;border-radius:17px;grid-template-columns:repeat(6,1fr);gap:6px;min-height:500px;padding:8px;display:grid;position:relative;overflow:hidden}.board-column{color:#fff;background:#ffffff04;border:1px solid #0000;border-radius:12px;grid-template-rows:28px repeat(8,1fr);gap:5px;padding:4px;transition:all .18s;display:grid;position:relative}.board-column:hover:not(:disabled),.board-column:focus-visible:not(:disabled),.board-column.highlighted:not(:disabled){background:#5bf0dc11;border-color:#5bf0dc8c;outline:none}.board-column.recommended:not(:disabled){border-color:var(--cyan);animation:1.05s ease-in-out infinite recommended}.board-column:disabled{opacity:.55;cursor:not-allowed}.tap-here{z-index:5;color:#051116;background:var(--cyan);border-radius:999px;width:max-content;padding:6px 9px;font-size:9px;font-weight:900;animation:.8s ease-in-out infinite bob;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #5bf0dc47}.tap-here:after{content:"";border:6px solid #0000;border-top-color:var(--cyan);border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.column-arrow{color:var(--cyan);place-items:center;font-size:18px;animation:1s ease-in-out infinite arrow;display:grid}.board-cell{background:#ffffff07;border-radius:9px;place-items:center;min-height:48px;display:grid;position:relative}.orb,.ghost-orb{aspect-ratio:1;border-radius:50%;place-items:center;width:min(54px,88%);display:grid;box-shadow:inset 0 2px 4px #ffffff59,0 9px 20px #0000003d}.orb b{font-size:17px}.orb small{margin-top:-9px;font-size:8px;font-weight:900}.ghost-orb{opacity:.55;border:2px dashed #fff;animation:1s ease-in-out infinite ghost}.orb.reacting{animation:.78s ease-out react}.tile-1{background:linear-gradient(145deg,#4fe4d4,#138a9b)}.tile-2{background:linear-gradient(145deg,#6bbcff,#425ee4)}.tile-3{background:linear-gradient(145deg,#b096ff,#753fdb)}.tile-4{background:linear-gradient(145deg,#ff83b7,#d74491)}.tile-5{background:linear-gradient(145deg,#ff9a5e,#dc532e)}.tile-6{background:linear-gradient(145deg,#ffe36a,#dc9a20)}.tile-7{background:linear-gradient(145deg,#b5ff7d,#38a860)}.tile-8,.tile-9{color:#132034;background:linear-gradient(145deg,#fff,#73ffe4);box-shadow:0 0 25px #73ffe48c}.board.is-merging:after{content:"";pointer-events:none;background:radial-gradient(circle,#5bf0dc7a,#0000 50%);animation:.9s ease-out flash;position:absolute;inset:0}.merge-feedback{z-index:10;background:#070d18eb;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;align-items:center;padding:22px 30px;animation:1.1s ease-out forwards feedback;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 80px #000}.merge-feedback>div{align-items:center;gap:8px;display:flex}.mini-orb{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.merge-feedback>strong{color:var(--cyan);margin-top:7px;font:800 37px Space Grotesk}.merge-feedback>small{color:#bfcbdd;font-size:11px}.merge-feedback>em{color:#fff;margin-top:6px;font-size:18px;font-style:normal;font-weight:900}.status-message{color:#c2ccdc;background:#ffffff0a;border-radius:11px;align-items:center;gap:9px;margin-top:10px;padding:12px 14px;display:flex}.status-message span{color:var(--cyan)}.status-message strong{font-size:12px}.status-message.success{background:#5bf0dc1a}.action-row{justify-content:space-between;margin-top:11px;display:flex}.secondary-button,.premium-small,.primary-button{border-radius:10px;padding:11px 16px;font-weight:800}.secondary-button{color:#b9c4d5;background:0 0;border:1px solid #38465e}.premium-small{color:#fff;background:#704fe2;border:0}.primary-button{color:#06111a;background:var(--cyan);border:0}.game-over{z-index:12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060b14e0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-over p{color:var(--cyan)}.game-over>strong{margin:6px 0 22px;font:800 48px Space Grotesk}.side-info{flex-direction:column;gap:14px;display:flex}.side-info section{border-radius:17px;padding:19px}.example-card>p,.goal-card>span{color:var(--cyan);letter-spacing:.1em;margin:0;font-size:10px;font-weight:800}.merge-example{justify-content:center;align-items:center;gap:6px;margin:18px 0;display:flex}.merge-example span{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.merge-example b{color:var(--cyan);margin:0 5px}.merge-example .result{width:47px;height:47px}.example-card>strong{text-align:center;font-size:12px;display:block}.goal-card>strong{margin:8px 0 13px;font:700 18px Space Grotesk;display:block}.progress{background:#25324a;border-radius:99px;height:7px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--purple));height:100%;transition:width .5s;display:block}.goal-card small{color:#77849b;margin-top:8px;display:block}.plain-help h2{margin:0 0 9px;font:700 17px Space Grotesk}.plain-help p{color:#8d9ab1;font-size:12px;line-height:1.7}.plain-help p b{color:#fff}.plain-help button{color:var(--cyan);background:0 0;border:0;padding:0;font-weight:800}footer{color:#637189;border-top:1px solid #ffffff12;justify-content:space-between;width:min(1100px,100% - 28px);margin:0 auto;padding:26px 0 45px;font-size:10px;display:flex}footer nav{gap:15px;display:flex}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#03070dd6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.help-modal,.paywall{background:#111a2d;border:1px solid #ffffff21;border-radius:23px;width:min(760px,100%);padding:32px;position:relative;box-shadow:0 35px 100px #000}.help-modal h2,.paywall h2{margin:8px 0 22px;font:700 30px Space Grotesk}.modal-close{color:#8290a7;background:0 0;border:0;font-size:26px;position:absolute;top:13px;right:17px}.help-visual{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;display:grid}.help-visual article{background:#ffffff09;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:155px;display:flex}.help-visual article>b{color:#06111a;background:var(--cyan);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.help-visual>i{color:#53627b;font-style:normal}.hand{font-size:38px;animation:.8s infinite bob}.falling{border-radius:50%;place-items:center;width:42px;height:42px;animation:1.2s infinite fall;display:grid}.triple{display:flex}.triple i{border-radius:50%;place-items:center;width:34px;height:34px;margin-left:-5px;font-style:normal;animation:1.2s infinite triple;display:grid}.help-note{color:#aab6c9;background:#5bf0dc12;border-radius:10px;margin:16px 0;padding:12px;font-size:12px}.help-note b{color:var(--cyan)}.plan-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.plan-grid button{color:#fff;text-align:left;background:#ffffff09;border:1px solid #3b4860;border-radius:15px;flex-direction:column;gap:7px;padding:20px;display:flex;position:relative}.plan-grid button:hover{border-color:var(--cyan)}.plan-grid .recommended-plan{border-color:#8061e4}.plan-grid i{color:#ab96ff;font-size:9px;font-style:normal;position:absolute;top:9px;right:10px}.plan-grid strong{font:700 27px Space Grotesk}.plan-grid small{color:#7e8ba0;font-size:11px}.payment-note{color:#7f8ca1;font-size:10px}.toast{z-index:40;color:#e2fffa;background:#14253a;border:1px solid #5bf0dc4d;border-radius:99px;padding:11px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes float{50%{transform:translateY(-4px)}}@keyframes recommended{50%{box-shadow:0 0 25px #5bf0dc52}}@keyframes bob{50%{transform:translate(-50%,-4px)}}@keyframes arrow{50%{transform:translateY(4px)}}@keyframes ghost{50%{opacity:.25;transform:scale(.88)}}@keyframes react{35%{filter:brightness(2);transform:scale(.7)}70%{transform:scale(1.18)}}@keyframes flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes feedback{0%{opacity:0;transform:translate(-50%,-35%)scale(.7)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-62%)scale(.96)}}@keyframes fall{0%{opacity:.3;transform:translateY(-16px)}70%,to{opacity:1;transform:translateY(18px)}}@keyframes triple{50%{filter:brightness(1.8);transform:scale(.72)}}@media (width<=850px){.play-area{grid-template-columns:1fr}.side-info{grid-template-columns:1fr 1fr;display:grid}.plain-help{grid-column:1/-1}.board{min-height:470px}}@media (width<=600px){.topbar{height:62px}.brand small,.text-button{display:none}.simple-intro{padding:30px 0 18px}.simple-intro h1{font-size:35px}.rule-strip{text-align:left;grid-template-columns:1fr;gap:5px;display:grid}.rule-strip>i{display:none}.game-card{padding:10px}.next-banner strong{font-size:11px}.score-row strong{font-size:16px}.board-caption span{display:none}.board{gap:3px;min-height:410px;padding:5px}.board-column{gap:3px;padding:2px}.tap-here{top:-31px}.board-cell{min-height:39px}.orb b{font-size:13px}.orb small{display:none}.side-info{grid-template-columns:1fr}.plain-help{grid-column:auto}.help-modal,.paywall{padding:25px 17px}.help-visual{grid-template-columns:1fr}.help-visual>i{display:none}.help-visual article{min-height:100px}.plan-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:13px}.merge-feedback{width:82%;padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}