*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;height:-webkit-fill-available}body{height:100%;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;font-family:Fredoka,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;background-color:#050310;background-image:radial-gradient(ellipse 100% 70% at 50% -15%,rgba(110,65,190,.32) 0%,transparent 52%),radial-gradient(ellipse 75% 50% at 95% 30%,rgba(40,100,210,.18) 0%,transparent 48%),radial-gradient(ellipse 55% 40% at 5% 70%,rgba(190,55,140,.14) 0%,transparent 45%),linear-gradient(180deg,#070510,#0c0828,#0a0618);overscroll-behavior:none;-webkit-overflow-scrolling:touch}#app{min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;display:flex;flex-direction:column}.gallery-shell{flex:1;width:100%;max-width:960px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.install-banner{position:relative;margin-bottom:20px;padding:14px 40px 14px 16px;border-radius:14px;border:1px solid rgba(140,120,220,.35);background:linear-gradient(145deg,#322d558c,#121024eb);box-shadow:0 8px 32px #00000059}.install-banner--ios{border-color:#5a8cff66}.install-banner-dismiss{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff14;color:#ffffffbf;font-size:1.25rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.install-banner-dismiss:active{background:#ffffff24}.install-banner-title{font-size:.95rem;font-weight:700;color:#e8e4ff;margin-bottom:6px}.install-banner-text{font-size:.82rem;line-height:1.45;color:#e6e1ffbf}.install-banner-text strong{color:#fff;font-weight:600}.install-banner-primary{margin-top:12px;width:100%;padding:12px 16px;border:none;border-radius:12px;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;color:#0c0618;background:linear-gradient(180deg,#c4b5ff,#8b7aff);box-shadow:0 4px #5a4ab8;-webkit-tap-highlight-color:transparent}.install-banner-primary:active{transform:translateY(2px);box-shadow:0 2px #5a4ab8}.gallery-header{margin-bottom:28px;text-align:center}.gallery-title{font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;letter-spacing:.01em;color:#f4f4f8;margin-bottom:8px}.gallery-lead{font-size:clamp(.95rem,2.8vw,1.05rem);color:#ffffff8c;max-width:420px;margin:0 auto;line-height:1.45}.game-grid{list-style:none;display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.game-grid{grid-template-columns:repeat(2,1fr)}}.game-card{display:block;width:100%;text-align:left;padding:20px 20px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#28283af2,#12121cfa);color:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.game-card:hover{border-color:#788cff73;box-shadow:0 12px 40px #00000059}.game-card:active{transform:scale(.98)}.game-card-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9ab0ff;margin-bottom:10px}.game-card-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:6px}.game-card-desc{font-size:.9rem;color:#ffffff8c;line-height:1.4}.game-card-desc code{font-size:.8em;padding:.1em .35em;border-radius:4px;background:#00000059;color:#c8d2fff2}.game-card--soon{cursor:default;opacity:.65;border-style:dashed}.game-card--soon:hover{box-shadow:none;border-color:#ffffff1a}.game-card--soon .game-card-tag{color:#ffffff59}.cb-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;height:100svh;min-height:-webkit-fill-available;overflow:hidden;font-family:Fredoka,Segoe UI,Helvetica Neue,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background-color:#050310;background-image:radial-gradient(ellipse 110% 70% at 50% -10%,rgba(120,70,200,.35) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 100% 25%,rgba(45,110,220,.22) 0%,transparent 50%),radial-gradient(ellipse 60% 45% at 0% 65%,rgba(200,60,150,.16) 0%,transparent 48%),radial-gradient(ellipse 90% 50% at 50% 110%,rgba(40,30,100,.45) 0%,transparent 55%),linear-gradient(180deg,#070510,#0d0830 45%,#120a38)}#cb-game-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;height:100svh;min-height:-webkit-fill-available;overflow:hidden}.cb-root .screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.cb-root .screen.active{display:flex}#cb-start-screen{position:relative}.btn-text{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));-webkit-tap-highlight-color:transparent;padding:8px 0;font-size:.9rem;font-weight:600;color:#ffffffa6;background:none;border:none;cursor:pointer}.btn-text:active{color:#fff}.cb-root .title{font-size:clamp(2rem,8vw,3.25rem);font-weight:700;color:#fff;letter-spacing:.02em;margin-bottom:12px;text-align:center}.cb-root .subtitle{color:#ffffffa6;font-size:clamp(.95rem,3.5vw,1.1rem);margin-bottom:16px;text-align:center;max-width:280px;line-height:1.4}.cb-root .match-pick{width:min(100%,300px);margin-bottom:18px}.cb-root .match-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff6;margin-bottom:8px;text-align:center}.cb-root .match-row{display:flex;gap:8px}.cb-root .match-btn{flex:1;-webkit-tap-highlight-color:transparent;padding:10px 8px;font-size:.8rem;font-weight:600;color:#ffffffbf;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cb-root .match-btn.selected{color:#fff;background:#6b8cff40;border-color:#8ca0ff8c}.cb-root .match-hint{margin-top:8px;font-size:.68rem;color:#ffffff61;text-align:center;line-height:1.35}.cb-root .mode-pick{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(100%,280px);margin-bottom:20px}.cb-root .mode-btn{width:100%}.cb-root .mode-hint{font-size:.75rem;color:#ffffff73;text-align:center;max-width:280px;line-height:1.35}.cb-root .game-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#6b8cff,#4b5fd4);color:#fff;border:none;padding:16px 48px;font-size:clamp(1rem,4vw,1.15rem);font-weight:700;border-radius:999px;cursor:pointer;box-shadow:0 8px 24px #4b5fd473}.cb-root .game-button:active{transform:scale(.97)}.cb-root .game-button--secondary{background:#ffffff1f;color:#e8e8f0;border:1px solid rgba(255,255,255,.22);box-shadow:none}.cb-root .game-button--secondary:active{background:#ffffff2e}.cb-root .game-over-menu{margin-top:12px}#cb-game-screen.active,.game-screen.active{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0}.cb-root .playfield{flex:1;min-height:0;position:relative;touch-action:none}.cb-root .hud{position:absolute;left:0;right:0;top:max(10px,env(safe-area-inset-top));z-index:8;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));pointer-events:none}.cb-root .hud-pill{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;max-width:min(360px,100%);padding:6px 8px 6px 10px;border-radius:999px;background:#120c306b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(180,160,255,.18);box-shadow:0 4px 20px #00000073,inset 0 1px #ffffff1a}.cb-root .hud-main{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,16px);flex:1;min-width:0}.cb-root .hud-menu{display:none;flex-shrink:0;-webkit-tap-highlight-color:transparent;padding:6px 11px;font-size:.8rem;font-weight:600;color:#e6dcfff2;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer}#cb-game-screen.game-mode-free .hud-menu{display:inline-block}.cb-root .hud-mode{flex-shrink:0;max-width:38%;font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#c8beffbf;line-height:1.2;text-align:right}#cb-game-screen.game-mode-free .hud-lives{display:none}.cb-root .hud-score{font-size:clamp(1.15rem,4.5vw,1.45rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#f4f0ff;text-shadow:0 0 20px rgba(160,140,255,.45);min-width:3ch}.cb-root .hud-lives{display:flex;gap:3px;font-size:clamp(1rem,4vw,1.25rem);letter-spacing:1px;filter:drop-shadow(0 0 8px rgba(255,100,140,.35))}.cb-root .hud-buffs{width:100%;max-width:min(360px,100%);font-size:.68rem;font-weight:500;color:#d2c8ffd9;min-height:1em;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.6);pointer-events:none}#cb-game-canvas{display:block;width:100%;height:100%;touch-action:none;position:relative;z-index:2}.cb-root .power-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:10% 8%;pointer-events:none;z-index:6;text-align:center;--power-flash-glow: #ffffff;contain:layout style paint}.cb-root .power-flash-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12em;transform:translateZ(0);backface-visibility:hidden}.cb-root .power-flash.power-flash--anim .power-flash-inner{animation:cb-power-flash-inner .88s cubic-bezier(.25,.85,.35,1) forwards}@keyframes cb-power-flash-inner{0%{opacity:0;transform:translateZ(0) scale(.88)}11%{opacity:1;transform:translateZ(0) scale(1.04)}20%{transform:translateZ(0) scale(1)}42%{opacity:1}to{opacity:0;transform:translateZ(0) scale(1)}}.cb-root .power-flash-line1{font-family:Bangers,cursive;font-size:clamp(2.5rem,12vw,4.25rem);font-weight:400;line-height:1.05;letter-spacing:.04em;color:#fffef8;text-shadow:0 0 20px var(--power-flash-glow),0 3px 0 rgba(0,0,0,.42)}.cb-root .power-flash-line2{font-family:Fredoka,sans-serif;font-size:clamp(.8rem,3vw,1rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ebe6ffeb;text-shadow:0 1px 8px rgba(0,0,0,.55)}.cb-root .controls{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:clamp(28px,10vw,48px);padding:14px max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,transparent 0%,rgba(8,4,28,.55) 40%,rgba(5,2,18,.85) 100%);border-top:1px solid rgba(140,120,220,.12);z-index:5}#cb-game-screen.game-mode-mono .controls{display:none}.cb-root .color-btn{-webkit-tap-highlight-color:transparent;width:clamp(56px,14vw,72px);height:clamp(56px,14vw,72px);border-radius:50%;border:3px solid rgba(255,255,255,.35);font-size:1.5rem;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.cb-root .color-btn[data-color=ORANGE]{background:#f7931e;box-shadow:0 4px #c56f0f}.cb-root .color-btn[data-color=TEAL]{background:#2dd4bf;box-shadow:0 4px #149e8c}.cb-root .color-btn.selected{transform:scale(1.08);border-color:#fff;box-shadow:0 0 0 3px #ffffff59,0 6px #00000040}.cb-root .color-btn:active{transform:scale(.95)}.cb-root .hint{position:absolute;bottom:calc(env(safe-area-inset-bottom) + clamp(72px,18vw,92px));left:50%;transform:translate(-50%);width:90%;max-width:320px;text-align:center;font-size:.7rem;color:#c8bef08c;text-shadow:0 1px 6px rgba(0,0,0,.65);pointer-events:none;z-index:4}#cb-game-screen.game-mode-mono .hint{bottom:calc(env(safe-area-inset-bottom) + 14px)}.cb-root .game-over-title{color:#ff8a8a;font-size:clamp(1.75rem,7vw,2.5rem);margin-bottom:16px}.cb-root .final-score{color:#fff;font-size:clamp(1.5rem,6vw,2rem);margin-bottom:28px;font-weight:700}@media(min-width:768px){.cb-root .hint{font-size:.8rem}}@media(orientation:landscape)and (max-height:500px){.cb-root .hud-buffs,.cb-root .hint{display:none}}