*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--dark:#07210f;--surface:#0e3a1c;--primary:#2bd66a;--secondary:#9be564;--accent:#c6ff00;--text:#ecffe9;--radius-card:22px;--radius-tile:24px;--radius-pill:999px;--shadow-tile:inset 0 0 0 1px #ffffff0f, 0 8px 20px #0006;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}[data-theme=rocket]{--dark:#240a12;--surface:#3a1019;--primary:#f35;--secondary:#ff7a3d;--accent:#ffc93c;--text:#fff1f2}[data-theme=galaxy]{--dark:#160a2e;--surface:#261049;--primary:#a24bff;--secondary:#ff5cc8;--accent:#5be0ff;--text:#f3eaff}[data-theme=cosmic]{--dark:#07172e;--surface:#0e2a4d;--primary:#2e8bff;--secondary:#38d6e0;--accent:#7affd1;--text:#e8f4ff}[data-theme=gold]{--dark:#2a1a05;--surface:#44290a;--primary:#ffb30f;--secondary:#ff7a1a;--accent:#ffe45c;--text:#fff7e6}html,body,#root{width:100%;height:100%}#root{touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:var(--font-body);color:var(--text);background:var(--dark);position:relative;overflow:hidden}.view-root{position:absolute;inset:0}.bg-planet-horizon{background:radial-gradient(circle at 50% 138%, var(--primary) 0 30%, var(--surface) 30% 33%, transparent 33%), radial-gradient(1.5px 1.5px at 18% 14%,#fff,transparent), radial-gradient(1.5px 1.5px at 70% 22%,#fff,transparent), radial-gradient(1px 1px at 40% 30%,#fff,transparent), radial-gradient(1.5px 1.5px at 85% 12%,#fff,transparent), var(--dark)}.bg-starfield{background:radial-gradient(1px 1px at 15% 20%, #fff, transparent), radial-gradient(1px 1px at 55% 10%, #fff, transparent), radial-gradient(1.5px 1.5px at 75% 35%, #fff, transparent), radial-gradient(1px 1px at 30% 60%, #fff, transparent), radial-gradient(1px 1px at 85% 70%, #fff, transparent), radial-gradient(1.5px 1.5px at 10% 80%, #fff, transparent), radial-gradient(1px 1px at 60% 85%, #fff, transparent), var(--dark)}.bg-sunburst{background:radial-gradient(circle at 50% 50%, var(--accent) 0%, var(--primary) 35%, var(--surface) 65%, var(--dark) 100%)}.bg-alien-glow{background:radial-gradient(ellipse at 50% 60%, #2bd66a2e 0%, transparent 65%), var(--dark)}.bg-dot-grid{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:22px 22px;background-color:var(--dark)}.home-screen{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.home-top-bar{flex-direction:column;flex-shrink:0;align-items:center;padding:min(4vw,20px) min(4vw,20px) min(2vw,10px);display:flex}.home-eyebrow{color:var(--accent);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-bottom:4px;font-size:min(3vw,2.5vh,13px);font-weight:700}.home-title-row{align-items:center;gap:8px;display:flex}.home-title{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;font-size:min(8vw,7vh,38px);font-weight:700;line-height:1.1}.home-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:min(3vw,16px);width:100%;min-height:0;padding:min(3vw,16px);display:grid}.tile{border:2px solid var(--primary);border-radius:var(--radius-tile);background:var(--surface);cursor:pointer;min-height:0;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-tile);flex-direction:column;justify-content:center;align-items:center;gap:min(2vw,10px);transition:filter .1s;display:flex}.tile:active{filter:brightness(.85)}.tile-icon{justify-content:center;align-items:center;line-height:1;display:flex}.tile-label{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;font-size:min(4.5vw,4vh,20px);font-weight:600}.home-button{z-index:100;border:2px solid var(--primary);border-radius:var(--radius-pill);background:var(--surface);width:56px;height:56px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-tile);justify-content:center;align-items:center;transition:transform .1s,filter .1s;display:flex;position:fixed;top:12px;left:12px}.home-button:active{filter:brightness(.85);transform:scale(.9)}.game-frame{background:var(--dark);width:100%;height:100%;position:relative}.game-area{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.win-celebration{background:var(--dark);width:100%;height:100%;position:relative;overflow:hidden}.win-sunburst{transform-origin:50%;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.win-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:min(6vw,32px);display:flex;position:absolute;inset:0}.win-display{justify-content:center;align-items:center;display:flex}.win-stars{align-items:center;gap:8px;display:flex}.star{align-items:center;transition:opacity .2s;display:flex}.star-dim{opacity:.25;filter:grayscale()}.star-lit{opacity:1}.win-confetti{justify-content:center;align-items:center;display:flex}.play-again-button{border-radius:var(--radius-pill);background:var(--primary);cursor:pointer;-webkit-tap-highlight-color:transparent;width:min(28vw,25vh,130px);height:min(28vw,25vh,130px);font-family:var(--font-display);color:var(--dark);border:none;justify-content:center;align-items:center;font-weight:600;transition:transform .1s,filter .1s;display:flex;box-shadow:0 4px 16px #0000004d}.play-again-button:active{filter:brightness(.85);transform:scale(.92)}.error-fallback{background:var(--dark);flex-direction:column;justify-content:center;align-items:center;gap:min(6vw,32px);width:100%;height:100%;display:flex}.placeholder{color:#ffffff80;text-transform:capitalize;letter-spacing:.05em;font-size:24px;font-weight:600}.whack-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:min(4vw,20px);width:100%;height:100%;padding:16px;display:flex}.whack-hud{align-items:center;gap:16px;display:flex}.whack-pill{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-tile);align-items:center;gap:6px;padding:6px 18px 6px 12px;display:flex}.whack-pill-icon{flex-shrink:0}.whack-pill-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text);opacity:.7;font-size:11px;font-weight:700}.whack-number{font-family:var(--font-display);color:var(--accent);font-size:min(7vw,6vh,32px);font-weight:700;line-height:1}.whack-grid{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:min(3vw,3vh,14px);width:min(90vw,80vh,420px);display:grid}.whack-hole{border:2px solid var(--surface);background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;aspect-ratio:1;width:100%;box-shadow:inset 0 4px 14px #000000a6, var(--shadow-tile);border-radius:50%;justify-content:center;align-items:center;min-height:44px;font-family:inherit;transition:transform 80ms,background 80ms,border-color 80ms;display:flex;position:relative;overflow:hidden}.whack-hole--active{border-color:var(--primary);background:color-mix(in srgb, var(--surface) 60%, var(--primary) 40%);transform:scale(1.06)}.whack-hole:active{transform:scale(.93)}.whack-critter{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.whack-hole-inner{aspect-ratio:1;background:#00000073;border-radius:50%;width:40%;display:block;box-shadow:inset 0 2px 8px #0009}@keyframes pop-up{0%{opacity:.3;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.ttt-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:min(2.5vh,16px);width:100%;height:100%;padding:16px;display:flex}.ttt-grid{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:min(2.5vw,2.5vh,14px);width:min(88vw,82vh,400px);display:grid}.ttt-grid--locked{pointer-events:none;opacity:.85}.ttt-cell{border:2px solid var(--surface);border-radius:var(--radius-card);background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-tile);justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:44px;font-family:inherit;transition:transform .1s,background .1s,border-color .1s;display:flex}.ttt-cell:active:not(.ttt-cell--filled){border-color:var(--primary);background:color-mix(in srgb, var(--surface) 80%, var(--primary) 20%);transform:scale(.92)}.ttt-cell--filled{cursor:default;border-color:var(--primary)}.cf-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:8px;display:flex}.cf-board{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-card);box-shadow:var(--shadow-tile);aspect-ratio:7/6;flex-direction:row;gap:min(1.5vw,1.5vh,7px);width:min(94vw,109.667vh,560px);padding:min(1.5vw,1.5vh,7px);display:flex}.cf-col-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;gap:min(1.5vw,1.5vh,7px);min-width:0;margin:0;padding:0;transition:background .12s;display:flex;overflow:hidden}.cf-col-btn:active{background:#2bd66a1f}.cf-disc-wrap{justify-content:center;align-items:center;display:flex}.cf-cell{background:var(--dark);pointer-events:none;border-radius:50%;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;box-shadow:inset 0 3px 10px #000000a6}.cf-disc--red{color:var(--primary);filter:drop-shadow(0 2px 4px #2bd66a80)}.cf-disc--yellow{color:var(--accent);filter:drop-shadow(0 2px 4px #c6ff0080)}.cf-cell--red,.cf-cell--yellow{background:color-mix(in srgb, var(--dark) 70%, var(--surface) 30%);box-shadow:inset 0 2px 6px #0006}.cf-board--locked{opacity:.75;cursor:not-allowed}.cf-board--win{border-color:var(--accent)}.memory-wrapper{justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex}.memory-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:min(2.5vw,2.5vh,12px);width:min(92vw,98vh);height:min(70vw,74vh);display:grid}@media (orientation:portrait){.memory-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);width:min(92vw,60vh);height:min(125vw,80vh)}}.memory-card{perspective:800px;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;min-width:0;height:100%;min-height:44px;padding:0;font-family:inherit;position:relative}.memory-card:active:not(.memory-card--matched){transform:scale(.93)}.memory-flip{transform-style:preserve-3d;position:absolute;inset:0}.memory-face{border:2px solid var(--surface);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-tile);backface-visibility:hidden;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.memory-face--front{border-color:var(--primary);transform:rotateY(180deg)}.memory-card--matched .memory-face--front{border-color:var(--primary);background:color-mix(in srgb, var(--surface) 55%, var(--primary) 45%);box-shadow:0 0 14px #2bd66a80, var(--shadow-tile)}.memory-card-back-icon{opacity:.35}.ttt-mark{justify-content:center;align-items:center;display:flex}.ttt-cell--win{border-color:var(--accent);background:color-mix(in srgb, var(--surface) 55%, var(--accent) 45%)}.mode-picker{flex-direction:column;justify-content:center;align-items:center;gap:min(6vh,40px);width:100%;height:100%;padding:20px;display:flex}.mode-title{font-family:var(--font-display);color:var(--text);text-align:center;font-size:min(7vw,5vh,30px);font-weight:700}.mode-options{flex-wrap:wrap;justify-content:center;gap:min(5vw,28px);display:flex}.mode-btn{aspect-ratio:1;border:2px solid var(--primary);border-radius:var(--radius-card);background:var(--surface);width:min(38vw,30vh,200px);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-tile);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.mode-btn-label{font-family:var(--font-display);color:var(--text);font-size:min(5vw,3vh,22px);font-weight:600}.turn-indicator{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-tile);align-items:center;gap:10px;padding:8px 18px;display:flex}.turn-piece{align-items:center;display:flex}.turn-label{font-family:var(--font-display);color:var(--text);font-size:min(5vw,3vh,20px);font-weight:600}.win-caption{font-family:var(--font-display);color:var(--accent);text-align:center;font-size:min(8vw,6vh,34px);font-weight:700}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dust-puff{0%{opacity:.6;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes win-glow{0%,to{box-shadow:0 0 #c6ff0000}50%{box-shadow:0 0 24px 4px #c6ff00b3}}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:1}}@keyframes pill-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes match-pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.tile-icon{animation:3.2s ease-in-out infinite idle-bob}.home-grid .tile:nth-child(2) .tile-icon{animation-delay:.4s}.home-grid .tile:nth-child(3) .tile-icon{animation-delay:.8s}.home-grid .tile:nth-child(4) .tile-icon{animation-delay:1.2s}.glow-pulse{animation:1.1s ease-in-out infinite win-glow}.dust-puff{animation:.45s ease-out forwards dust-puff}.card-shake{animation:.4s ease-in-out card-shake}.whack-pill--urgent{border-color:var(--accent);animation:.7s ease-in-out infinite pill-pulse}.memory-card--matched .memory-face--front{animation:.4s ease-out match-pop}.ttt-cell--win{animation:.9s ease-in-out infinite win-glow}.cf-board--win{animation:.6s ease-in-out infinite win-glow}}