:root{--primary-color: #6366f1;--bg-color: #0f172a;--text-color: #f8fafc;--card-bg: #0c1421;--muted-text: #cbd5e1;--border-color: rgba(148, 163, 184, .18);--success-color: #10b981;--error-color: #f87171;--shadow-color: rgba(15, 23, 42, .45)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top left,rgba(99,102,241,.2),transparent 30%),radial-gradient(circle at bottom right,rgba(99,102,241,.12),transparent 25%),var(--bg-color);color:var(--text-color);margin:0;min-height:100vh;height:100vh;overflow:hidden}.background-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:#6366f126;filter:blur(80px);pointer-events:none;z-index:0}.background-glow-left{top:-80px;left:-60px}.background-glow-right{right:-90px;bottom:-70px}.hidden{display:none!important}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:#0f172adb;border-bottom:1px solid var(--border-color);backdrop-filter:blur(16px)}.site-header-inner{width:min(1320px,calc(100% - 32px));margin:0 auto;min-height:84px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px}.brand-mark{position:fixed;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px;max-width:320px}.brand-logo{width:58px;height:58px;border-radius:16px;overflow:hidden;box-shadow:0 16px 30px -20px #2563eb8c}.brand-logo-image{display:block;width:100%;height:100%}body.is-lazy-loading,body.is-lazy-loading *{cursor:wait!important}.app-shell{position:relative;z-index:1;width:min(1320px,calc(100% - 32px));margin:0 auto;padding:32px 0;height:100vh;display:flex;align-items:center;justify-content:center}.app-view{width:100%;padding-top:92px;height:100%;overflow:hidden}.view{width:100%;display:none;opacity:0;transform:translateY(24px)}.view-active{display:block;animation:fadeInUp .55s ease forwards}.view-leaving{display:block;animation:fadeOutDown .45s ease forwards}.site-ads{position:fixed;top:124px;right:max(16px,calc(50vw - 780px));z-index:15;width:280px;height:min(740px,calc(100vh - 156px));opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;transition:opacity .45s ease,transform .45s ease,visibility .45s ease}.site-ads-entering{animation:siteAdsSlideIn .55s ease forwards}.site-ads-hidden{opacity:0;visibility:hidden;transform:translate(20px,24px);pointer-events:none}.site-ads-no-transition{transition:none}.site-ads-consent-blocked{display:none!important}.ad-card{height:100%;padding:18px;display:flex;flex-direction:column}.ad-card h3{margin-bottom:8px}.ad-card-copy{margin-bottom:16px;font-size:.95rem}.ad-slot-shell{position:relative;width:100%;min-height:0;height:100%;flex:1 1 auto;border-radius:20px;overflow:hidden;border:1px dashed rgba(125,211,252,.28);background:linear-gradient(180deg,#0e3056f5,#0f172af5),radial-gradient(circle at top,rgba(56,189,248,.16),transparent 48%)}.ad-slot{position:relative;z-index:2;width:100%;min-height:0;height:100%}.ad-placeholder{position:absolute;inset:0;display:grid;place-items:center;gap:8px;padding:20px;text-align:center;color:#e2e8f0e0;letter-spacing:.04em}.ad-placeholder span{font-size:.84rem;text-transform:uppercase}.ad-placeholder strong{font-size:1.2rem}.site-ads-ready .ad-placeholder{display:none}.app-shell:has(#appView.view-active) .site-ads{display:none!important}.card{background:#0c1421f7;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 22px 45px -30px var(--shadow-color);backdrop-filter:blur(14px)}.login-card{position:relative;isolation:isolate;overflow:hidden;width:min(520px,100%);margin:0 auto;padding:40px;text-align:center}.login-card>*{position:relative;z-index:1}.login-eyebrow{margin-top:-2px;margin-bottom:10px}.login-version{margin:-2px 0 0;text-align:center;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#bfdbfec2}.login-bird-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.login-bird-flight{position:absolute;top:clamp(34px,22%,96px);left:-96px;width:88px;height:52px;opacity:.34;filter:blur(.2px);animation:loginBirdCruise 14s linear infinite}.login-bird{position:absolute;inset:0;width:52px;height:40px;margin:auto;border-radius:58% 42% 46% 54%/44% 46% 54% 56%;background:radial-gradient(circle at 64% 34%,rgba(15,23,42,.98) 0 8%,transparent 9%),radial-gradient(circle at 58% 74%,rgba(255,255,255,.18),transparent 20%),linear-gradient(180deg,#ef4444e0,#b91c1ce0 64%,#f59e0be0 64% 100%);box-shadow:inset -10px 0 #0ea5e933,0 10px 18px -12px #0f172a8f;transform-origin:center;animation:loginBirdFlap .9s ease-in-out infinite}.login-bird:before,.login-bird:after{content:"";position:absolute}.login-bird:before{right:-10px;top:14px;width:18px;height:10px;background:linear-gradient(180deg,#facc15,#f97316);clip-path:polygon(0 50%,100% 0,100% 100%)}.login-bird:after{left:6px;top:-6px;width:16px;height:14px;background:linear-gradient(180deg,#1e293b,#020617);border-radius:8px 8px 2px 2px;box-shadow:6px 4px 0 -4px #ffffff2e,2px 12px 0 -5px #f59e0bf5}@keyframes loginBirdCruise{0%{transform:translate3d(0,52px,0) scale(.94) rotate(5deg);opacity:0}10%{opacity:.28}25%{transform:translate3d(180px,34px,0) scale(1) rotate(-1deg)}50%{transform:translate3d(320px,88px,0) scale(1.04) rotate(3deg);opacity:.38}68%{transform:translate3d(420px,52px,0) scale(1) rotate(-2deg);opacity:.34}75%{transform:translate3d(450px,64px,0) scale(.98) rotate(-3deg)}90%{opacity:.22}to{transform:translate3d(620px,92px,0) scale(.92) rotate(1deg);opacity:0}}@keyframes loginBirdFlap{0%,to{transform:translateY(0) rotate(-8deg) scaleY(1)}50%{transform:translateY(-4px) rotate(8deg) scaleY(.94)}}@media(prefers-reduced-motion:reduce){.login-bird-flight,.login-bird{animation:none}.multiplayer-entry-button:before,.game-home-tile:before,.game-home-tile.is-domino-entering,.game-home-tile.is-domino-replaying,.pong-pause-indicator:not(.hidden){animation:none!important}.login-bird-flight{left:auto;right:28px;top:28px;opacity:.24}}.services-shell,.service-home-card{width:min(980px,100%);margin:0 auto}.page-actions{position:fixed;top:18px;right:16px;z-index:60;display:flex;align-items:center;gap:10px}.consent-preferences-button{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;min-height:46px;padding-inline:16px;box-shadow:0 18px 32px -24px #0f172ae0}.consent-preferences-button[data-consent-mode=personalized]{border-color:#10b9815c}.consent-preferences-button[data-consent-mode=non-personalized]{border-color:#60a5fa5c}.consent-preferences-button[data-consent-mode=rejected]{border-color:#f8717152}.consent-banner{position:fixed;left:16px;right:16px;bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:80;width:min(920px,calc(100vw - 32px));margin:0 auto;padding:20px 22px;display:grid;gap:14px;max-height:min(70vh,520px);overflow-y:auto;background:#080f1df7;border:1px solid rgba(148,163,184,.2);box-shadow:0 26px 42px -28px #0f172af5}.consent-banner .section-tag{margin-bottom:0}.consent-banner h3,.consent-banner p{margin:0}.consent-banner-copy,.consent-status{color:var(--muted-text);line-height:1.65}.consent-status{font-size:.94rem}.consent-actions{display:flex;flex-wrap:wrap;gap:10px}.consent-actions .primary-button,.consent-actions .secondary-button{min-height:46px}.consent-refuse-button{border-color:#f8717147}.consent-banner-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.consent-banner-links a{display:inline-flex;align-items:center;color:#93c5fd;font-weight:700}.consent-close-button{margin-left:auto}.page-action-button{display:inline-flex;align-items:center;gap:10px;padding-inline:18px}.page-action-button-legal{justify-content:center;width:46px;min-width:46px;height:46px;padding:14px;border-radius:14px}.services-legal-button{position:fixed;top:18px;left:16px;z-index:60}body:has(#servicesView.view-active) .services-legal-button{display:inline-flex!important}.legal-button-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.legal-button-glyph{display:block;font-size:1rem;line-height:1;font-weight:700;transform:none}.logout-button-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.logout-button-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.services-copy{text-align:center;margin-bottom:28px;transform:translateY(-10px)}.services-copy .eyebrow{font-size:.92rem;margin-bottom:8px}.services-copy h1,.services-copy h2{font-size:clamp(2.6rem,5.8vw,4.15rem);margin-bottom:8px}.services-copy .intro{margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:0}.service-card{display:grid;gap:16px;justify-items:center;padding:22px;border-radius:30px;background:transparent;color:var(--text-color)}.service-card:hover,.service-card:focus-visible{transform:translateY(-4px) scale(1.01);filter:none}.service-card-art{width:min(100%,280px);aspect-ratio:1 / 1;border-radius:28px;display:grid;place-items:center;padding:18px;border:none;box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.service-card-art img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 18px rgba(15,23,42,.18))}.service-card:hover .service-card-art,.service-card:focus-visible .service-card-art{transform:scale(1.03);box-shadow:inset 0 0 0 1px #6366f16b,0 30px 50px -36px #0f172af2}.service-card-art-cinema{background:linear-gradient(180deg,#00000024,#0006),linear-gradient(135deg,#1e293b,#6366f1)}.service-card-art-games{background:linear-gradient(180deg,#00000024,#0006),linear-gradient(135deg,#0f766e,#38bdf8)}.service-card-art-math{background:linear-gradient(180deg,#00000024,#0006),linear-gradient(135deg,#5f72f6,#2aa9ef)}.service-card-art-music{background:linear-gradient(180deg,#00000024,#0006),linear-gradient(135deg,#2dd4bf,#f472b6)}.service-card-title{font-size:1.75rem;font-weight:700}.service-card-subtitle{color:var(--muted-text);font-size:.98rem}.service-home-card{padding:48px;text-align:center}.service-home-actions{margin-top:28px;display:flex;justify-content:center}.games-layout{width:min(960px,100%);margin:0 auto;position:relative;align-items:stretch;height:min(740px,calc(100vh - 88px))}.games-filters-card{display:flex;flex-direction:column;gap:18px;padding:22px 18px;position:absolute;top:0;right:calc(100% + 20px);width:280px;height:auto;min-height:0;opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;transition:opacity .45s ease,transform .45s ease,visibility .45s ease}.games-filters-card-entering{animation:gamesFiltersSlideIn .55s ease forwards}.games-filters-card-hidden{opacity:0;visibility:hidden;transform:translate(-20px);pointer-events:none}.games-filters-card-no-transition{transition:none}.multiplayer-chat-card{right:calc(100% + 20px);height:100%;max-height:100%;justify-content:space-between;background:radial-gradient(circle at top left,rgba(34,197,94,.15),transparent 42%),linear-gradient(180deg,#060a14fa,#060a14e6);border-color:#4ade802e}.multiplayer-chat-copy p:last-child{margin-bottom:0}.multiplayer-chat-messages{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;padding-right:4px}.multiplayer-chat-empty{margin:0;padding:14px;border-radius:18px;border:1px dashed rgba(148,163,184,.24);color:#e2e8f0b8;background:#0f172a5c}.multiplayer-chat-message{display:grid;gap:4px;padding:12px 14px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#0f172a8f}.multiplayer-chat-message.is-you{border-color:#4ade8061;background:linear-gradient(135deg,#16a34a2e,#0f172ab8),#0f172a9e}.multiplayer-chat-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.76rem;color:#bfdbfec7}.multiplayer-chat-message-author{font-weight:700;color:#f8fafcf5}.multiplayer-chat-message-text{margin:0;color:#e2e8f0eb;word-break:break-word}.multiplayer-chat-form{display:grid;gap:10px}.games-filters-copy h3{margin-bottom:8px}.games-filters-copy p:last-child{margin-bottom:0}.games-filter-search{display:grid;gap:8px}.games-filter-search-label,.games-filter-group-label{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#bfdbfecc}.games-filter-search input{width:100%;min-height:48px;border-radius:18px;border:1px solid rgba(96,165,250,.24);padding:0 14px;color:var(--text-color);background:linear-gradient(180deg,#0f172ad1,#0f172aad),#0f172ac2}.games-filter-search input:focus{outline:2px solid rgba(125,211,252,.35);outline-offset:2px}.games-filter-group{display:grid;gap:10px}.games-filter-chip-list{display:flex;flex-wrap:wrap;gap:10px}.games-filter-chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#0f172a8f;color:#e2e8f0eb;font-weight:700}.games-filter-chip.is-active{border-color:#7dd3fcad;background:linear-gradient(135deg,#38bdf842,#3b82f629),#0f172ac2;box-shadow:0 0 0 1px #7dd3fc24,0 16px 30px -26px #38bdf894}.games-filter-summary{margin-top:auto;padding:14px;border-radius:22px;border:1px solid rgba(96,165,250,.16);background:radial-gradient(circle at top left,rgba(56,189,248,.14),transparent 54%),#0f172a75}.games-filter-summary strong{display:block;margin-bottom:6px;font-size:1rem}.games-filter-summary p{margin:0;color:#e2e8f0cc;font-size:.92rem}.games-panel{display:none}.games-panel.games-panel-active{display:block;width:100%;height:100%}.games-layout.games-layout-focus{width:min(960px,100%);grid-template-columns:minmax(0,1fr);gap:0}.games-layout.games-layout-focus .games-filters-card{display:none}.games-layout.games-layout-focus .multiplayer-chat-card.is-visible{display:flex}.games-home-card{padding:24px;overflow:hidden;background:#0c1421f7}.games-home-copy{text-align:center;margin-bottom:22px}.multiplayer-lobby-card{width:min(100%,920px);margin:0 auto 16px;padding:12px 18px;border-radius:28px;border:1px solid rgba(96,165,250,.2);background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 42%),linear-gradient(180deg,#060a14fa,#060a14e6);box-shadow:inset 0 1px #ffffff0a}.multiplayer-lobby-copy h4{margin:0}.multiplayer-lobby-copy p:last-child{margin-bottom:0}.multiplayer-lobby-status{color:#e2e8f0db}.multiplayer-entry-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.multiplayer-entry-button{position:relative;isolation:isolate;overflow:hidden;min-height:48px;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:#0f172a94;color:#e2e8f0e6;font-weight:700}.multiplayer-entry-button:before,.game-home-tile:before{content:"";position:absolute;top:-26%;bottom:-26%;left:-38%;width:34%;background:linear-gradient(112deg,transparent 0 18%,rgba(255,255,255,.04) 18% 30%,rgba(255,255,255,.3) 46%,rgba(167,243,208,.42) 56%,rgba(255,255,255,.08) 68%,transparent 78%);opacity:0;pointer-events:none;transform:translate3d(-160%,0,0) rotate(14deg)}.multiplayer-entry-button.is-active{background:linear-gradient(135deg,#0ea5e94d,#3b82f638);border-color:#7dd3fc8c;box-shadow:0 12px 30px #0ea5e91f}.multiplayer-entry-button-success{border-color:#10b98147;background:#064e3b42;color:#d1fae5}.multiplayer-entry-button-success.is-active{background:linear-gradient(135deg,#10b98152,#22c55e33);border-color:#4ade8094;box-shadow:0 12px 30px #10b9812e}.multiplayer-entry-button.is-active:before{animation:multiplayerMenuGlowSweep 1.9s ease-in-out infinite}.multiplayer-entry-panels{margin-top:10px}.multiplayer-entry-panel{display:none;gap:8px;padding:8px 10px;border-radius:22px;border:1px solid rgba(148,163,184,.16);background:#0f172a7a;align-content:start}.multiplayer-entry-panel.is-active{display:grid}.multiplayer-entry-panel-copy h5{margin:0;font-size:1.12rem}.multiplayer-entry-panel-copy p:last-child{margin-bottom:0;font-size:.96rem}.multiplayer-entry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.multiplayer-entry-fields-join{grid-template-columns:repeat(2,minmax(0,1fr))}.multiplayer-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.multiplayer-lobby-field{display:grid;gap:6px}.multiplayer-lobby-field span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#bfdbfed1}.multiplayer-lobby-field input,.multiplayer-lobby-field select{width:100%;min-height:42px;border-radius:16px;border:1px solid rgba(148,163,184,.24);padding:0 14px;color:var(--text-color);background:#0f172a9e}.multiplayer-lobby-field input:focus{outline:2px solid rgba(56,189,248,.28);outline-offset:2px}.multiplayer-lobby-field select:focus{outline:2px solid rgba(56,189,248,.28);outline-offset:2px}.multiplayer-room-inline{display:inline-grid;gap:2px;min-width:112px;padding:7px 11px;border-radius:16px;background:#0f172a94;border:1px solid rgba(148,163,184,.18)}.multiplayer-room-inline-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#bfdbfec2}.multiplayer-room-inline-value{font-size:1rem;color:#f8fafcf5}.multiplayer-lobby-players{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.16)}.multiplayer-lobby-players-title{margin:0 0 10px;color:#e2e8f0eb}.multiplayer-lobby-player-list{display:flex;flex-wrap:wrap;gap:8px;color:#e2e8f0d6}.multiplayer-lobby-player-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#1e293bd1;border:1px solid rgba(96,165,250,.18)}.multiplayer-lobby-player-pill.is-you{border-color:#4ade806b}.multiplayer-lobby-player-pill.is-host{box-shadow:inset 0 0 0 1px #facc153d}.games-home-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:min(100%,920px);margin:0 auto;perspective:1200px}.game-home-tile{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:10px 8px;border-radius:22px;color:var(--text-color);background:linear-gradient(180deg,#6366f11f,#0f172a47),#0f172a8f;border:1px solid rgba(99,102,241,.16);aspect-ratio:.92 / 1;display:grid;justify-items:center;align-content:center;gap:6px;transform-origin:left center;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease,filter .22s ease;will-change:transform,opacity}.game-home-tile[hidden]{display:none!important}.game-home-tile.is-domino-entering{pointer-events:none}.game-home-tile.is-domino-entering{animation:gameHomeTileDominoIn .56s cubic-bezier(.21,1,.32,1) both;animation-delay:calc(var(--domino-order, 0) * 58ms)}.game-home-tile.is-domino-replaying{animation:gameHomeTileDominoReplay .34s cubic-bezier(.24,.88,.32,1)}.game-home-tile:hover,.game-home-tile:focus-visible,.game-home-tile.is-domino-replaying{border-color:#4ade8094;background:linear-gradient(135deg,#10b9814d,#22c55e33),#0f172aad;box-shadow:0 0 0 1px #4ade802e,0 18px 34px -24px #10b98161;filter:none}.game-home-tile:hover:before,.game-home-tile:focus-visible:before,.game-home-tile.is-domino-replaying:before{animation:multiplayerMenuGlowSweep .82s ease}.multiplayer-game-tile.is-selected{border-color:#7dd3fcb3;background:linear-gradient(180deg,#38bdf833,#0f172a52),#0f172a9e;box-shadow:0 0 0 1px #7dd3fc2e,0 18px 36px -26px #38bdf880}.game-home-art{width:64px;height:64px;border-radius:19px;display:block;position:relative;overflow:hidden;border:none;box-shadow:inset 0 0 0 1px #ffffff0f,0 20px 34px -24px #0f172ac7}.game-home-art:before,.game-home-art:after{content:"";position:absolute}.game-home-art-minesweeper{background:linear-gradient(180deg,#6366f129,#0f172a38),#0f172a9e}.game-home-art-minesweeper:before{inset:0;content:"\1f3f4\200d\2620\fe0f";display:grid;place-items:center;font-size:3.35rem;line-height:1;text-shadow:0 8px 18px rgba(15,23,42,.35)}.game-home-art-minesweeper:after{left:14px;right:14px;bottom:14px;height:10px;border-radius:999px;background:radial-gradient(circle at center,rgba(255,255,255,.28),transparent 72%);opacity:.45}.game-home-art-snake{background:radial-gradient(circle at 74% 24%,rgba(255,255,255,.16),transparent 16%),linear-gradient(135deg,#0f766e,#2563eb)}.game-home-art-snake:before{inset:18px 18px 22px;border-radius:999px 999px 16px 16px;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.95) 0 8%,transparent 9%),radial-gradient(circle at 66% 28%,rgba(255,255,255,.95) 0 8%,transparent 9%),radial-gradient(circle at 34% 30%,rgba(15,23,42,.96) 0 3%,transparent 4%),radial-gradient(circle at 66% 30%,rgba(15,23,42,.96) 0 3%,transparent 4%),linear-gradient(180deg,#5eead4fa,#0ea5e9eb)}.game-home-art-snake:after{width:28px;height:28px;right:14px;bottom:14px;border-radius:10px;background:linear-gradient(180deg,#f59e0b,#b45309)}.game-home-art-pong{background:linear-gradient(135deg,#0f172a,#1d4ed8)}.game-home-art-pong:before{left:10px;top:11px;width:6px;height:32px;border-radius:999px;background:linear-gradient(180deg,#fffffff5,#7dd3fcc7);box-shadow:28px 0 #2dd4bff0}.game-home-art-pong:after{inset:0;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.18) 49% 51%,transparent 51%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.98) 0 4px,transparent 5px)}.game-home-art-sudoku{background:linear-gradient(135deg,#166534,#1d4ed8)}.game-home-art-sudoku:before{inset:10px;border-radius:16px;background:linear-gradient(90deg,transparent 31%,rgba(255,255,255,.78) 31% 34%,transparent 34% 64%,rgba(255,255,255,.78) 64% 67%,transparent 67%),linear-gradient(transparent 31%,rgba(255,255,255,.78) 31% 34%,transparent 34% 64%,rgba(255,255,255,.78) 64% 67%,transparent 67%),linear-gradient(90deg,transparent 10%,rgba(255,255,255,.24) 10% 12%,transparent 12% 22%,rgba(255,255,255,.24) 22% 24%,transparent 24% 43%,rgba(255,255,255,.24) 43% 45%,transparent 45% 55%,rgba(255,255,255,.24) 55% 57%,transparent 57% 76%,rgba(255,255,255,.24) 76% 78%,transparent 78% 88%,rgba(255,255,255,.24) 88% 90%,transparent 90%),linear-gradient(transparent 10%,rgba(255,255,255,.24) 10% 12%,transparent 12% 22%,rgba(255,255,255,.24) 22% 24%,transparent 24% 43%,rgba(255,255,255,.24) 43% 45%,transparent 45% 55%,rgba(255,255,255,.24) 55% 57%,transparent 57% 76%,rgba(255,255,255,.24) 76% 78%,transparent 78% 88%,rgba(255,255,255,.24) 88% 90%,transparent 90%),#0f172a38}.game-home-art-sudoku:after{inset:0;content:"8";color:#fffffff5;font-size:2rem;font-weight:900;display:grid;place-items:center;text-shadow:0 0 12px rgba(15,23,42,.35)}.game-home-art-2048{background:linear-gradient(135deg,#93c5fd,#3b82f6 52%,#1e3a8a);border:none;box-shadow:inset 0 0 0 1px #ffffff0f,0 20px 34px -24px #0f172ac7}.game-home-art-2048:before{inset:15px;border-radius:18px;background:linear-gradient(90deg,rgba(15,23,42,.28) 0 48%,transparent 48% 52%,rgba(15,23,42,.28) 52% 100%),linear-gradient(rgba(15,23,42,.28) 0 48%,transparent 48% 52%,rgba(15,23,42,.28) 52% 100%)}.game-home-art-2048:after{inset:21px;content:"2048";color:#fffffff0;font-size:1rem;font-weight:900;display:grid;place-items:center}.game-home-art-aim{background:linear-gradient(135deg,#0ea5e9,#1e3a8a)}.game-home-art-aim:before{inset:18px;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(186,230,253,.18) 0 10%,transparent 11%),radial-gradient(circle at 62% 38%,rgba(125,211,252,.1) 0 8%,transparent 9%),radial-gradient(circle at 42% 62%,rgba(15,23,42,.22) 0 11%,transparent 12%),radial-gradient(circle at 58% 56%,rgba(15,23,42,.2) 0 9%,transparent 10%),radial-gradient(circle at 34% 34%,#ffffff1f,#3b82f61a 14%,#1e40afe6 38%,#172554fa 70%,#0f172a),repeating-conic-gradient(from 4deg,rgba(15,23,42,.98) 0deg 5deg,transparent 5deg 17deg);box-shadow:0 0 0 1px #1118272e,0 10px 18px -12px #0f172aad}.game-home-art-aim:after{inset:10px;border-radius:50%;background:linear-gradient(0deg,transparent 49%,rgba(255,255,255,.92) 49% 51%,transparent 51%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.92) 49% 51%,transparent 51%),radial-gradient(circle,transparent 18px,rgba(255,255,255,.92) 18px 20px,transparent 21px)}.game-home-art-memory{background:linear-gradient(135deg,#10b981,#2563eb)}.game-home-art-memory:before{left:14px;top:18px;width:28px;height:40px;border-radius:10px;background:linear-gradient(180deg,#fffffff5,#bfdbfee6);box-shadow:24px 10px #ffffffeb}.game-home-art-memory:after{left:22px;top:28px;width:12px;height:12px;border-radius:50%;background:#0f172a;box-shadow:23px 11px #0f172a}.game-home-art-tictactoe{background:linear-gradient(135deg,#f97316,#4f46e5)}.game-home-art-tictactoe:before{inset:14px;border-radius:16px;background:linear-gradient(90deg,transparent 31%,rgba(255,255,255,.78) 31% 35%,transparent 35% 65%,rgba(255,255,255,.78) 65% 69%,transparent 69%),linear-gradient(transparent 31%,rgba(255,255,255,.78) 31% 35%,transparent 35% 65%,rgba(255,255,255,.78) 65% 69%,transparent 69%)}.game-home-art-tictactoe:after{inset:0;background:linear-gradient(45deg,transparent 47%,#fbbf24 47% 53%,transparent 53%) left 22px top 22px / 18px 18px no-repeat,linear-gradient(135deg,transparent 47%,#fbbf24 47% 53%,transparent 53%) left 22px top 22px / 18px 18px no-repeat,radial-gradient(circle,transparent 8px,#67e8f9 8px 11px,transparent 12px) right 18px bottom 18px / 26px 26px no-repeat}.game-home-art-battleship{background:linear-gradient(135deg,#0f172a,#0f766e)}.game-home-art-battleship:before{inset:10px;border-radius:18px;background:radial-gradient(circle at 26% 72%,rgba(255,255,255,.18) 0 10%,transparent 11%),linear-gradient(180deg,#38bdf82e,#0f172a3d),#0f172a4d}.game-home-art-battleship:after{inset:0;background:linear-gradient(180deg,transparent 20px,rgba(245,158,11,.96) 20px 58px,transparent 58px) left 18px top 0 / 14px 100% no-repeat,linear-gradient(180deg,transparent 12px,rgba(226,232,240,.96) 12px 46px,transparent 46px) center top 0 / 16px 100% no-repeat,linear-gradient(180deg,transparent 28px,rgba(16,185,129,.94) 28px 66px,transparent 66px) right 18px top 0 / 14px 100% no-repeat,radial-gradient(circle at 50% 54%,rgba(255,255,255,.98) 0 7%,transparent 8%)}.game-home-art-tetris{background:linear-gradient(135deg,#1d4ed8,#0f172a)}.game-home-art-tetris:before{inset:14px;border-radius:14px;background:linear-gradient(90deg,rgba(56,189,248,.95) 0 24%,transparent 24% 30%,rgba(251,191,36,.95) 30% 54%,transparent 54% 60%,rgba(52,211,153,.95) 60% 84%,transparent 84%),linear-gradient(180deg,transparent 0 24%,rgba(248,113,113,.95) 24% 48%,transparent 48% 54%,rgba(168,85,247,.95) 54% 78%,transparent 78%)}.game-home-art-tetris:after{inset:14px;border-radius:14px;background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.08) 24% 26%,transparent 26% 54%,rgba(255,255,255,.08) 54% 56%,transparent 56% 84%,rgba(255,255,255,.08) 84% 86%,transparent 86%),linear-gradient(180deg,transparent 24%,rgba(255,255,255,.08) 24% 26%,transparent 26% 48%,rgba(255,255,255,.08) 48% 50%,transparent 50% 78%,rgba(255,255,255,.08) 78% 80%,transparent 80%)}.game-home-art-pacman{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.16),transparent 18%),linear-gradient(135deg,#2563eb,#1e3a8a)}.game-home-art-pacman:after{left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 30deg,#facc15 0 310deg,transparent 310deg 360deg)}.game-home-art-solitaire{background:linear-gradient(135deg,#065f46,#0f172a)}.game-home-art-solitaire:before{left:14px;top:18px;width:30px;height:42px;border-radius:10px;background:linear-gradient(180deg,#fffffffa,#e2e8f0eb);box-shadow:18px 10px #fffffff5,36px 20px #fffffff0}.game-home-art-solitaire:after{inset:0;background:radial-gradient(circle at 28px 32px,rgba(190,24,93,.96) 0 5px,transparent 6px),radial-gradient(circle at 46px 42px,rgba(190,24,93,.96) 0 5px,transparent 6px),linear-gradient(45deg,transparent 47%,rgba(15,23,42,.9) 47% 53%,transparent 53%) 56px 52px / 14px 14px no-repeat,linear-gradient(135deg,transparent 47%,rgba(15,23,42,.9) 47% 53%,transparent 53%) 56px 52px / 14px 14px no-repeat}.game-home-art-connect4{background:linear-gradient(135deg,#1d4ed8,#0f172a)}.game-home-art-connect4:before{inset:11px;border-radius:16px;background:radial-gradient(circle at 16% 18%,rgba(15,23,42,.92) 0 8%,transparent 9%),radial-gradient(circle at 50% 18%,rgba(15,23,42,.92) 0 8%,transparent 9%),radial-gradient(circle at 84% 18%,rgba(15,23,42,.92) 0 8%,transparent 9%),radial-gradient(circle at 16% 50%,rgba(248,250,252,.96) 0 8%,transparent 9%),radial-gradient(circle at 50% 50%,rgba(248,250,252,.96) 0 8%,transparent 9%),radial-gradient(circle at 84% 50%,rgba(248,250,252,.96) 0 8%,transparent 9%),radial-gradient(circle at 16% 82%,rgba(251,191,36,.96) 0 8%,transparent 9%),radial-gradient(circle at 50% 82%,rgba(248,113,113,.96) 0 8%,transparent 9%),radial-gradient(circle at 84% 82%,rgba(251,191,36,.96) 0 8%,transparent 9%),linear-gradient(180deg,#60a5faf5,#2563ebeb)}.game-home-art-rhythm{background:linear-gradient(180deg,#0f172a,#1d4ed8 58%,#0f766e)}.game-home-art-rhythm:before{inset:8px;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.1) 32%,transparent 32% 34%,rgba(255,255,255,.1) 34% 66%,transparent 66% 68%,rgba(255,255,255,.1) 68%),linear-gradient(180deg,#7dd3fc29,#0f172a29),#0f172a6b}.game-home-art-rhythm:after{inset:0;background:linear-gradient(180deg,transparent 16px,rgba(34,197,94,.96) 16px 27px,transparent 27px) 12px 0 / 10px 100% no-repeat,linear-gradient(180deg,transparent 10px,rgba(56,189,248,.96) 10px 21px,transparent 21px) 25px 0 / 10px 100% no-repeat,linear-gradient(180deg,transparent 22px,rgba(251,191,36,.98) 22px 33px,transparent 33px) 38px 0 / 10px 100% no-repeat,linear-gradient(0deg,transparent 12px,rgba(255,255,255,.92) 12px 16px,transparent 16px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0 10px,transparent 11px)}.game-home-art-flappy{background:radial-gradient(circle at 24% 24%,rgba(255,255,255,.24),transparent 14%),linear-gradient(180deg,#7dd3fc,#2563eb 62%,#0f172a)}.game-home-art-flappy:before{inset:0;background:linear-gradient(180deg,transparent 0 12px,rgba(21,128,61,.96) 12px 54px,transparent 54px) left 10px top 0 / 14px 100% no-repeat,linear-gradient(180deg,transparent 22px,rgba(34,197,94,.96) 22px 74px,transparent 74px) right 12px top 0 / 14px 100% no-repeat}.game-home-art-flappy:after{left:27px;top:28px;width:18px;height:18px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 68% 34%,rgba(15,23,42,.98) 0 7%,transparent 8%),linear-gradient(180deg,#fde68a,#f59e0b);box-shadow:10px 4px 0 -4px #fffffff5,inset -8px 0 #f87171c7}.game-home-art-flowfree{background:linear-gradient(135deg,#0f766e,#1d4ed8)}.game-home-art-flowfree:before{inset:8px;border-radius:12px;background:radial-gradient(circle at 20% 22%,#fb7185 0 8%,transparent 9%),radial-gradient(circle at 76% 22%,#fb7185 0 8%,transparent 9%),radial-gradient(circle at 24% 76%,#38bdf8 0 8%,transparent 9%),radial-gradient(circle at 76% 76%,#38bdf8 0 8%,transparent 9%),linear-gradient(90deg,transparent 18%,rgba(255,255,255,.14) 18% 20%,transparent 20% 40%,rgba(255,255,255,.14) 40% 42%,transparent 42% 62%,rgba(255,255,255,.14) 62% 64%,transparent 64%),linear-gradient(transparent 18%,rgba(255,255,255,.14) 18% 20%,transparent 20% 40%,rgba(255,255,255,.14) 40% 42%,transparent 42% 62%,rgba(255,255,255,.14) 62% 64%,transparent 64%)}.game-home-art-flowfree:after{inset:0;background:linear-gradient(90deg,transparent 16px,rgba(251,113,133,.92) 16px 22px,transparent 22px) center / 100% 100% no-repeat,linear-gradient(180deg,transparent 29px,rgba(56,189,248,.92) 29px 35px,transparent 35px) center / 100% 100% no-repeat}.game-home-art-magicsort{background:linear-gradient(135deg,#312e81,#0f766e)}.game-home-art-magicsort:before{inset:10px 11px;background:linear-gradient(180deg,transparent 0 12px,rgba(251,191,36,.96) 12px 21px,rgba(56,189,248,.96) 21px 30px,rgba(244,114,182,.96) 30px 39px,transparent 39px) left top / 10px 100% no-repeat,linear-gradient(180deg,transparent 0 15px,rgba(52,211,153,.96) 15px 24px,rgba(251,191,36,.96) 24px 33px,rgba(56,189,248,.96) 33px 42px,transparent 42px) center top / 10px 100% no-repeat,linear-gradient(180deg,transparent 0 10px,rgba(244,114,182,.96) 10px 19px,rgba(52,211,153,.96) 19px 28px,rgba(251,191,36,.96) 28px 37px,transparent 37px) right top / 10px 100% no-repeat}.game-home-art-magicsort:after{inset:9px 10px;background:linear-gradient(180deg,#ffffffeb,#ffffff47) left top / 2px 100% no-repeat,linear-gradient(180deg,#ffffffeb,#ffffff47) 10px top / 2px 100% no-repeat,linear-gradient(180deg,#ffffffeb,#ffffff47) center top / 2px 100% no-repeat,linear-gradient(180deg,#ffffffeb,#ffffff47) calc(100% - 12px) top / 2px 100% no-repeat,linear-gradient(180deg,#ffffffeb,#ffffff47) right top / 2px 100% no-repeat}.game-home-art-mentalmath{background:linear-gradient(135deg,#1d4ed8,#14b8a6)}.game-home-art-mentalmath:before{inset:7px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent),#0f172a3d}.game-home-art-mentalmath:after{inset:0;content:"8 x 7";display:grid;place-items:center;color:#fffffff5;font-size:1rem;font-weight:900;letter-spacing:.08em}.game-home-art-candycrush{background:linear-gradient(135deg,#ec4899,#2563eb)}.game-home-art-candycrush:before{inset:12px;border-radius:16px;background:radial-gradient(circle at 20% 22%,#facc15 0 11%,transparent 12%),radial-gradient(circle at 52% 28%,#38bdf8 0 11%,transparent 12%),radial-gradient(circle at 76% 26%,#34d399 0 11%,transparent 12%),radial-gradient(circle at 28% 68%,#fb7185 0 11%,transparent 12%),radial-gradient(circle at 70% 70%,#f97316 0 11%,transparent 12%),#0f172a24}.game-home-art-candycrush:after{inset:0;background:linear-gradient(90deg,transparent 22px,rgba(255,255,255,.12) 22px 24px,transparent 24px 42px,rgba(255,255,255,.12) 42px 44px,transparent 44px) center / 100% 100% no-repeat,linear-gradient(transparent 22px,rgba(255,255,255,.12) 22px 24px,transparent 24px 42px,rgba(255,255,255,.12) 42px 44px,transparent 44px) center / 100% 100% no-repeat}.game-home-art-harborrun{background:linear-gradient(180deg,#7dd3fc,#1d4ed8 55%,#0f172a)}.game-home-art-harborrun:before{inset:0;background:radial-gradient(circle at 20% 78%,rgba(255,255,255,.18) 0 7%,transparent 8%),radial-gradient(circle at 52% 66%,rgba(255,255,255,.18) 0 6%,transparent 7%),radial-gradient(circle at 78% 28%,rgba(251,191,36,.9) 0 8%,transparent 9%),linear-gradient(180deg,transparent 70%,rgba(255,255,255,.16) 70% 73%,transparent 73% 76%,rgba(255,255,255,.12) 76% 79%,transparent 79%)}.game-home-art-harborrun:after{left:18px;bottom:10px;width:18px;height:22px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 24%),linear-gradient(180deg,#f97316,#7c2d12);box-shadow:16px -24px 0 -4px #6b7280fa,23px -18px 0 -9px #94a3b8fa}.game-home-art-stacker{background:linear-gradient(135deg,#0f172a,#0f766e)}.game-home-art-stacker:before{left:12px;right:12px;bottom:10px;height:10px;border-radius:0;background:linear-gradient(90deg,#d4a15dfa,#8b5a2bf5);box-shadow:0 -12px #ca6b4afa,4px -24px #7ea85afa}.game-home-art-stacker:after{inset:0;background:linear-gradient(90deg,transparent 15px,rgba(83,45,18,.35) 15px 17px,transparent 17px) 0 calc(100% - 10px) / 100% 10px no-repeat,linear-gradient(90deg,transparent 21px,rgba(83,45,18,.35) 21px 23px,transparent 23px) 0 calc(100% - 22px) / 100% 10px no-repeat,linear-gradient(90deg,transparent 26px,rgba(83,45,18,.35) 26px 28px,transparent 28px) 0 calc(100% - 34px) / 100% 10px no-repeat}.game-home-art-minesweeper:before{inset:0;content:"\1f3f4\200d\2620\fe0f";display:grid;place-items:center;font-size:2.4rem;color:#f8fafc;text-shadow:0 6px 14px rgba(15,23,42,.35)}.game-home-art-minesweeper:after{left:18px;right:18px;bottom:11px;height:4px;border-radius:999px;background:#ffffff38;opacity:1}.game-home-art-snake:before{inset:13px 12px 17px;border-radius:999px 999px 14px 14px;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.95) 0 8%,transparent 9%),radial-gradient(circle at 66% 28%,rgba(255,255,255,.95) 0 8%,transparent 9%),radial-gradient(circle at 34% 30%,rgba(15,23,42,.96) 0 3%,transparent 4%),radial-gradient(circle at 66% 30%,rgba(15,23,42,.96) 0 3%,transparent 4%),linear-gradient(180deg,#5eead4fa,#0ea5e9eb)}.game-home-art-snake:after{width:14px;height:14px;right:8px;bottom:8px;border-radius:4px;background:linear-gradient(180deg,#f59e0b,#b45309);box-shadow:-20px 2px #0f172a38}.game-home-art-2048:before{inset:10px;border-radius:14px;background:linear-gradient(90deg,rgba(15,23,42,.22) 0 48%,transparent 48% 52%,rgba(15,23,42,.22) 52% 100%),linear-gradient(rgba(15,23,42,.22) 0 48%,transparent 48% 52%,rgba(15,23,42,.22) 52% 100%)}.game-home-art-2048:after{inset:0;content:"2048";color:#fffffff5;font-size:.8rem;font-weight:900;letter-spacing:.02em;display:grid;place-items:center;text-shadow:0 2px 8px rgba(15,23,42,.28)}.game-home-art-aim:before{inset:14px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.94) 0 12%,transparent 13%),radial-gradient(circle at 50% 50%,transparent 0 28%,rgba(255,255,255,.86) 28% 33%,transparent 34%),radial-gradient(circle at 50% 50%,transparent 0 50%,rgba(255,255,255,.66) 50% 55%,transparent 56%),radial-gradient(circle at 50% 50%,#1e40afeb,#0f172afa)}.game-home-art-aim:after{inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 16px,rgba(255,255,255,.92) 16px 17px,transparent 18px),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.92) 49% 51%,transparent 51%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.92) 49% 51%,transparent 51%)}.game-home-art-tictactoe:before{inset:9px;border-radius:14px;background:linear-gradient(90deg,transparent 31%,rgba(255,255,255,.84) 31% 35%,transparent 35% 65%,rgba(255,255,255,.84) 65% 69%,transparent 69%),linear-gradient(transparent 31%,rgba(255,255,255,.84) 31% 35%,transparent 35% 65%,rgba(255,255,255,.84) 65% 69%,transparent 69%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 70%)}.game-home-art-tictactoe:after{inset:0;background:linear-gradient(45deg,transparent 46%,#fbbf24 46% 54%,transparent 54%) left 14px top 13px / 14px 14px no-repeat,linear-gradient(135deg,transparent 46%,#fbbf24 46% 54%,transparent 54%) left 14px top 13px / 14px 14px no-repeat,linear-gradient(45deg,transparent 46%,#fb7185 46% 54%,transparent 54%) left 30px top 31px / 14px 14px no-repeat,linear-gradient(135deg,transparent 46%,#fb7185 46% 54%,transparent 54%) left 30px top 31px / 14px 14px no-repeat,radial-gradient(circle,transparent 5px,#67e8f9 5px 7px,transparent 8px) right 10px top 14px / 18px 18px no-repeat,radial-gradient(circle,transparent 5px,#67e8f9 5px 7px,transparent 8px) right 12px bottom 10px / 18px 18px no-repeat}.game-home-art-battleship:before{inset:8px;border-radius:14px;background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.16) 24% 26%,transparent 26% 49%,rgba(255,255,255,.16) 49% 51%,transparent 51% 74%,rgba(255,255,255,.16) 74% 76%,transparent 76%),linear-gradient(transparent 24%,rgba(255,255,255,.16) 24% 26%,transparent 26% 49%,rgba(255,255,255,.16) 49% 51%,transparent 51% 74%,rgba(255,255,255,.16) 74% 76%,transparent 76%),linear-gradient(180deg,#7dd3fc57,#082f496b),#0f172a52}.game-home-art-battleship:after{inset:0;background:linear-gradient(180deg,transparent 16px,rgba(226,232,240,.98) 16px 38px,transparent 38px) center / 20px 100% no-repeat,linear-gradient(90deg,transparent 12px,rgba(148,163,184,.96) 12px 32px,transparent 32px) center 31px / 100% 8px no-repeat,radial-gradient(circle at 41px 16px,rgba(248,113,113,.98) 0 4px,transparent 5px),radial-gradient(circle at 18px 40px,rgba(255,255,255,.96) 0 3px,transparent 4px),radial-gradient(circle at 48px 44px,rgba(250,204,21,.96) 0 2px,transparent 3px)}.game-home-art-tetris:before{inset:8px;border-radius:12px;background:linear-gradient(90deg,transparent 18%,rgba(255,255,255,.09) 18% 20%,transparent 20% 40%,rgba(255,255,255,.09) 40% 42%,transparent 42% 62%,rgba(255,255,255,.09) 62% 64%,transparent 64%),linear-gradient(transparent 18%,rgba(255,255,255,.09) 18% 20%,transparent 20% 40%,rgba(255,255,255,.09) 40% 42%,transparent 42% 62%,rgba(255,255,255,.09) 62% 64%,transparent 64%),linear-gradient(180deg,#0f172a29,#0f172a47)}.game-home-art-tetris:after{inset:0;background:linear-gradient(90deg,#38bdf8 0 50%,transparent 50%) 10px 10px / 24px 12px no-repeat,linear-gradient(180deg,#38bdf8 0 50%,transparent 50%) 22px 10px / 12px 24px no-repeat,linear-gradient(90deg,#fbbf24 0 75%,transparent 75%) 24px 22px / 24px 12px no-repeat,linear-gradient(180deg,#34d399 0 100%,transparent 100%) 10px 34px / 12px 12px no-repeat,linear-gradient(90deg,#a855f7 0 100%,transparent 100%) 22px 34px / 24px 12px no-repeat,linear-gradient(180deg,#fb7185 0 100%,transparent 100%) 34px 34px / 12px 12px no-repeat}.game-home-art-pacman:before{inset:0;background:transparent}.game-home-art-pacman:after{left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 58% 32%,#0f172a 0 2px,transparent 2.4px),conic-gradient(from 34deg at 50% 50%,transparent 0 58deg,#facc15 58deg 302deg,transparent 302deg 360deg)}.game-home-art-flappy:before{inset:0;background:radial-gradient(circle at 26% 24%,rgba(255,255,255,.26),transparent 14%),linear-gradient(180deg,#7dd3fcf5,#2563ebe0)}.game-home-art-flappy:after{left:18px;top:18px;width:18px;height:16px;border-radius:58% 42% 46% 54%/44% 46% 54% 56%;background:radial-gradient(circle at 64% 34%,rgba(15,23,42,.98) 0 2px,transparent 3px),linear-gradient(180deg,#ef4444,#b91c1c 62%,#f59e0b 62% 100%);box-shadow:inset -4px 0 #0ea5e947,9px 4px 0 -6px #facc15fa,-3px -5px 0 -5px #0f172afa}.game-home-art-flowfree:before{inset:7px;border-radius:12px;background:radial-gradient(circle at 22% 22%,#fb7185 0 7%,transparent 8%),radial-gradient(circle at 78% 22%,#fb7185 0 7%,transparent 8%),radial-gradient(circle at 22% 78%,#38bdf8 0 7%,transparent 8%),radial-gradient(circle at 78% 78%,#38bdf8 0 7%,transparent 8%),radial-gradient(circle at 50% 50%,#34d399 0 7%,transparent 8%),linear-gradient(90deg,transparent 16%,rgba(255,255,255,.14) 16% 18%,transparent 18% 40%,rgba(255,255,255,.14) 40% 42%,transparent 42% 64%,rgba(255,255,255,.14) 64% 66%,transparent 66%),linear-gradient(transparent 16%,rgba(255,255,255,.14) 16% 18%,transparent 18% 40%,rgba(255,255,255,.14) 40% 42%,transparent 42% 64%,rgba(255,255,255,.14) 64% 66%,transparent 66%)}.game-home-art-flowfree:after{inset:0;background:linear-gradient(90deg,transparent 14px,rgba(251,113,133,.94) 14px 19px,transparent 19px) top 14px center / 100% 100% no-repeat,linear-gradient(180deg,transparent 28px,rgba(56,189,248,.94) 28px 33px,transparent 33px) left 14px center / 100% 100% no-repeat,linear-gradient(90deg,transparent 28px,rgba(52,211,153,.94) 28px 33px,transparent 33px) center 30px / 100% 100% no-repeat}.game-home-art-magicsort:before{inset:8px 9px;background:linear-gradient(180deg,transparent 0 10px,rgba(251,191,36,.98) 10px 18px,rgba(56,189,248,.98) 18px 26px,rgba(244,114,182,.98) 26px 34px,transparent 34px) left top / 10px 100% no-repeat,linear-gradient(180deg,transparent 0 15px,rgba(52,211,153,.98) 15px 23px,rgba(251,191,36,.98) 23px 31px,rgba(56,189,248,.98) 31px 39px,transparent 39px) center top / 10px 100% no-repeat,linear-gradient(180deg,transparent 0 8px,rgba(244,114,182,.98) 8px 16px,rgba(52,211,153,.98) 16px 24px,rgba(251,191,36,.98) 24px 32px,transparent 32px) right top / 10px 100% no-repeat}.game-home-art-magicsort:after{inset:8px 9px;background:linear-gradient(180deg,#fffffff5,#ffffff52) left top / 2px 100% no-repeat,linear-gradient(180deg,#fffffff5,#ffffff52) 10px top / 2px 100% no-repeat,linear-gradient(180deg,#fffffff5,#ffffff52) center top / 2px 100% no-repeat,linear-gradient(180deg,#fffffff5,#ffffff52) calc(100% - 12px) top / 2px 100% no-repeat,linear-gradient(180deg,#fffffff5,#ffffff52) right top / 2px 100% no-repeat,radial-gradient(circle at 50% 100%,rgba(255,255,255,.22) 0 30%,transparent 31%)}.game-home-art-candycrush:before{inset:8px;border-radius:14px;background:radial-gradient(circle at 24% 24%,#facc15 0 8%,transparent 9%),radial-gradient(circle at 52% 28%,#38bdf8 0 8%,transparent 9%),radial-gradient(circle at 76% 24%,#34d399 0 8%,transparent 9%),radial-gradient(circle at 28% 72%,#fb7185 0 8%,transparent 9%),radial-gradient(circle at 70% 72%,#f97316 0 8%,transparent 9%),radial-gradient(circle at 50% 50%,#fde68a 0 6%,transparent 7%),#0f172a24}.game-home-art-candycrush:after{inset:0;background:linear-gradient(90deg,transparent 16px,rgba(255,255,255,.12) 16px 18px,transparent 18px 32px,rgba(255,255,255,.12) 32px 34px,transparent 34px) center / 100% 100% no-repeat,linear-gradient(transparent 16px,rgba(255,255,255,.12) 16px 18px,transparent 18px 32px,rgba(255,255,255,.12) 32px 34px,transparent 34px) center / 100% 100% no-repeat,radial-gradient(circle at 24% 24%,rgba(255,255,255,.28) 0 3px,transparent 4px),radial-gradient(circle at 76% 24%,rgba(255,255,255,.28) 0 3px,transparent 4px)}.game-home-art-harborrun:before{inset:0;background:radial-gradient(circle at 18% 80%,rgba(255,255,255,.18) 0 6%,transparent 7%),radial-gradient(circle at 76% 28%,rgba(107,114,128,.96) 0 7%,transparent 8%),linear-gradient(180deg,transparent 70%,rgba(255,255,255,.16) 70% 73%,transparent 73% 76%,rgba(255,255,255,.12) 76% 79%,transparent 79%)}.game-home-art-harborrun:after{left:18px;bottom:10px;width:18px;height:22px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 24%),linear-gradient(180deg,#f97316,#7c2d12);box-shadow:18px -18px 0 -6px #94a3b8fa}.game-home-art-2048{background:url(assets/games/game-2048.svg) center / cover no-repeat}.game-home-art-2048:before,.game-home-art-2048:after,.game-home-art-battleship:before,.game-home-art-battleship:after,.game-home-art-minesweeper:before,.game-home-art-minesweeper:after,.game-home-art-tictactoe:before,.game-home-art-tictactoe:after,.game-home-art-pacman:before,.game-home-art-pacman:after,.game-home-art-snake:before,.game-home-art-snake:after,.game-home-art-connect4:before,.game-home-art-connect4:after,.game-home-art-tetris:before,.game-home-art-tetris:after{content:none}.game-home-art-battleship{background:url(assets/games/game-battleship.svg) center / cover no-repeat}.game-home-art-minesweeper{background:url(assets/games/game-minesweeper.svg) center / cover no-repeat}.game-home-art-tictactoe{background:url(assets/games/game-tictactoe.svg) center / cover no-repeat}.game-home-art-pacman{background:url(assets/games/game-baie-man.svg) center / cover no-repeat}.game-home-art-snake{background:url(assets/games/game-snake.svg) center / cover no-repeat}.game-home-art-connect4{background:url(assets/games/game-coin4.svg) center / cover no-repeat}.game-home-art-tetris{background:url(assets/games/game-baietris.svg) center / cover no-repeat}.game-home-art-pong,.game-home-art-sudoku,.game-home-art-aim,.game-home-art-memory,.game-home-art-solitaire,.game-home-art-rhythm,.game-home-art-flappy,.game-home-art-flowfree,.game-home-art-magicsort,.game-home-art-mentalmath,.game-home-art-candycrush,.game-home-art-harborrun,.game-home-art-stacker{background-position:center;background-repeat:no-repeat;background-size:cover}.game-home-art-pong{background-image:url(assets/games/game-pong.svg)}.game-home-art-sudoku{background-image:url(assets/games/game-sudoku.svg)}.game-home-art-aim{background-image:url(assets/games/game-aim.svg)}.game-home-art-memory{background-image:url(assets/games/game-memory.svg)}.game-home-art-solitaire{background-image:url(assets/games/game-solitaire.svg)}.game-home-art-rhythm{background-image:url(assets/games/game-rhythm.svg)}.game-home-art-flappy{background-image:url(assets/games/game-flappy.svg)}.game-home-art-flowfree{background-image:url(assets/games/game-flowfree.svg)}.game-home-art-magicsort{background-image:url(assets/games/game-magicsort.svg)}.game-home-art-mentalmath{background-image:url(assets/games/game-mentalmath.svg)}.game-home-art-candycrush{background-image:url(assets/games/game-candycrush.svg)}.game-home-art-harborrun{background-image:url(assets/games/game-harborrun.svg)}.game-home-art-stacker{background-image:url(assets/games/game-stacker.svg)}.game-home-art-pong:before,.game-home-art-pong:after,.game-home-art-sudoku:before,.game-home-art-sudoku:after,.game-home-art-aim:before,.game-home-art-aim:after,.game-home-art-memory:before,.game-home-art-memory:after,.game-home-art-solitaire:before,.game-home-art-solitaire:after,.game-home-art-rhythm:before,.game-home-art-rhythm:after,.game-home-art-flappy:before,.game-home-art-flappy:after,.game-home-art-flowfree:before,.game-home-art-flowfree:after,.game-home-art-magicsort:before,.game-home-art-magicsort:after,.game-home-art-mentalmath:before,.game-home-art-mentalmath:after,.game-home-art-candycrush:before,.game-home-art-candycrush:after,.game-home-art-harborrun:before,.game-home-art-harborrun:after,.game-home-art-stacker:before,.game-home-art-stacker:after{content:none}.game-home-title{display:block;font-size:.84rem;font-weight:800;position:relative;z-index:1}.minesweeper-card,.snake-card,.pong-card,.sudoku-card,.game-2048-card,.aim-card,.memory-card,.tictactoe-card,.battleship-card,.tetris-card,.solitaire-card,.connect4-card,.rhythm-card,.flappy-card,.flowfree-card,.magicsort-card,.mentalmath-card,.candycrush-card,.harborrun-card,.stacker-card{width:min(100%,760px);padding:16px;height:100%;min-height:0;overflow:hidden}.pacman-card{width:min(100%,960px);padding:16px;height:100%;min-height:0;overflow:hidden}.tetris-card{overflow:hidden}.minesweeper-card{position:relative;width:min(100%,760px);overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(251,191,36,.16),transparent 16%),radial-gradient(circle at 84% 16%,rgba(125,211,252,.2),transparent 18%),radial-gradient(circle at 20% 82%,rgba(134,239,172,.14),transparent 18%),linear-gradient(180deg,#1f4068fa,#0e1e38fc)}.minesweeper-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 76%,rgba(15,23,42,.34),transparent 18%),radial-gradient(circle at 84% 74%,rgba(15,23,42,.3),transparent 20%),radial-gradient(circle at 34% 64%,rgba(15,23,42,.22),transparent 12%),radial-gradient(circle at 70% 58%,rgba(15,23,42,.24),transparent 14%);opacity:.95}.snake-card{position:relative;width:min(100%,760px);overflow:hidden;background:radial-gradient(circle at 16% 16%,rgba(167,243,208,.14),transparent 16%),radial-gradient(circle at 86% 18%,rgba(103,232,249,.16),transparent 18%),radial-gradient(circle at 18% 84%,rgba(253,224,71,.12),transparent 16%),linear-gradient(180deg,#115e59f0,#082f49fa)}.snake-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 70%,rgba(15,23,42,.2),transparent 14%),radial-gradient(circle at 72% 72%,rgba(15,23,42,.22),transparent 16%)}.sudoku-card{position:relative;width:min(100%,760px);overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(253,224,71,.14),transparent 16%),radial-gradient(circle at 86% 16%,rgba(147,197,253,.16),transparent 18%),radial-gradient(circle at 18% 84%,rgba(191,219,254,.12),transparent 16%),linear-gradient(180deg,#1e40aff0,#0f172afa)}.sudoku-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 26%,rgba(255,255,255,.1),transparent 10%),radial-gradient(circle at 84% 22%,rgba(255,255,255,.08),transparent 12%),linear-gradient(135deg,transparent 0 46%,rgba(255,255,255,.06) 46% 47%,transparent 47% 100%),linear-gradient(45deg,transparent 0 58%,rgba(255,255,255,.04) 58% 59%,transparent 59% 100%)}.solitaire-card{--solitaire-card-width: 92px;--solitaire-card-height: 128px;--solitaire-column-width: calc(var(--solitaire-card-width) + 18px);position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.82),transparent 34%),linear-gradient(180deg,#fffffffa,#f1f5f9f5)}.solitaire-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 16%,rgba(56,189,248,.12),transparent 18%),radial-gradient(circle at 84% 18%,rgba(250,204,21,.12),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%)}.memory-card{overflow:hidden}#gamesView,#mathView,#musicView{width:100%;height:100%;padding-top:92px}.math-layout{width:min(1080px,100%);margin:0 auto;height:min(740px,calc(100vh - 88px))}.music-layout{width:min(1280px,100%);margin:0 auto;height:min(740px,calc(100vh - 88px))}.math-panel{display:none;width:100%;height:100%;padding:28px;overflow:auto}.math-panel-active{display:block;animation:fadeInUp .45s ease}.music-panel{display:none;width:100%;height:100%;padding:28px;overflow:auto}.music-panel-active{display:block;animation:fadeInUp .45s ease}.music-home-card{text-align:center}.music-home-copy{max-width:700px;margin:0 auto 26px}.music-home-grid{display:grid;grid-template-columns:repeat(1,minmax(0,280px));justify-content:center;gap:16px}.music-home-tile{display:grid;gap:12px;justify-items:center;padding:18px 16px;border-radius:28px;color:var(--text-color);background:linear-gradient(180deg,#2dd4bf24,#0f172a5c),#0f172a8f;border:1px solid rgba(244,114,182,.2)}.music-home-art{width:92px;height:92px;border-radius:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 20px 34px -24px #0f172ac7}.music-home-art-piano{background:linear-gradient(135deg,#2dd4bf,#22d3ee 52%,#f472b6)}.music-home-art-piano:before{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:42px;border-radius:14px;background:linear-gradient(90deg,#fffffff2 0 14%,#0f172af2 14% 19%,#fffffff2 19% 33%,#0f172af2 33% 38%,#fffffff2 38% 52%,#fffffff2 52% 66%,#0f172af2 66% 71%,#fffffff2 71% 85%,#0f172af2 85% 90%,#fffffff2 90% 100%)}.music-home-art-piano:after{content:"\e2\2122\aa";position:absolute;inset:0;display:grid;place-items:center;font-size:2.9rem;font-weight:700;color:#fffffff5;text-shadow:0 10px 24px rgba(15,23,42,.35)}.music-home-title{font-size:1.35rem;font-weight:800}.music-home-subtitle{color:var(--muted-text)}.piano-card{width:min(1240px,100%);background:radial-gradient(circle at top left,rgba(45,212,191,.16),transparent 32%),radial-gradient(circle at top right,rgba(244,114,182,.18),transparent 30%),#1e293beb}.piano-topbar{display:grid;grid-template-columns:repeat(3,minmax(150px,190px));gap:8px;align-items:center;margin-bottom:18px;justify-content:center}.piano-counter-block{padding:10px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(45,212,191,.24);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;width:100%}.piano-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.piano-counter-value{font-size:clamp(1.05rem,2.4vw,1.45rem)}.piano-face{min-height:60px;border-radius:16px;background:linear-gradient(135deg,#2dd4bfe6,#f472b6e6);color:#082f49;font-weight:800;box-shadow:0 16px 26px -18px #0f172ad1}.piano-stage{padding:22px;border-radius:24px;background:#0f172a70;border:1px solid rgba(45,212,191,.18)}.piano-copy{text-align:center;margin-bottom:20px}.piano-help{margin:0}.piano-keyboard{--white-key-count: 15;--white-key-gap: 10px;position:relative;width:100%;min-height:290px;margin:0 auto;padding:14px;border-radius:28px;background:linear-gradient(180deg,#0f172aeb,#020617fa);box-shadow:inset 0 2px #ffffff0a,0 26px 50px -36px #0f172af5;user-select:none;touch-action:none}.piano-white-keys{display:grid;grid-template-columns:repeat(var(--white-key-count),minmax(0,1fr));gap:var(--white-key-gap)}.piano-black-keys{position:absolute;inset:14px 14px auto;height:172px;pointer-events:none}.piano-key{border:none;cursor:pointer}.piano-key:focus-visible{outline:3px solid rgba(45,212,191,.65);outline-offset:2px}.piano-key-white{position:relative;min-height:250px;padding:16px 10px;border-radius:0 0 22px 22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;background:linear-gradient(180deg,#fff,#e2e8f0 70%,#cbd5e1);color:#0f172a;box-shadow:inset 0 0 0 1px #94a3b847,0 10px 16px -14px #0f172abf}.piano-key-black{position:absolute;top:0;width:calc((100% - (var(--white-key-gap) * (var(--white-key-count) - 1))) / var(--white-key-count));height:172px;padding:12px 6px;border-radius:0 0 18px 18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;background:linear-gradient(180deg,#334155,#0f172a 60%,#020617);color:#e2e8f0;box-shadow:inset 0 0 0 1px #94a3b814,0 14px 24px -18px #0f172af0;pointer-events:auto}.piano-key.is-active{transform:translateY(3px)}.piano-key-white.is-active{background:linear-gradient(180deg,#fef3c7,#fbcfe8 78%,#f9a8d4)}.piano-key-black.is-active{background:linear-gradient(180deg,#67e8f9,#0f172a 62%,#020617)}.piano-key-note{font-weight:800;font-size:.98rem}.piano-key-label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;opacity:.76}.math-hero{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.math-calculator-shell,.math-tool-card{background:#060a14e6;border:1px solid rgba(99,102,241,.18);border-radius:22px;padding:22px}.calculator-grid{margin-top:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.calculator-key{min-height:58px}.calculator-key-equals{grid-column:span 2}.math-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.math-form-grid{margin-bottom:16px}.math-result{margin:16px 0 0;padding:14px 16px;border-radius:16px;background:#0f172acc;border:1px solid rgba(99,102,241,.16);color:var(--text-color);min-height:54px}.minesweeper-topbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:center;margin-bottom:12px;justify-content:center;position:relative;z-index:1}.minesweeper-counter-block{padding:10px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(99,102,241,.18);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;width:100%}.minesweeper-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.minesweeper-counter-value{font-size:clamp(1.15rem,2.6vw,1.65rem);color:var(--primary-color)}.minesweeper-face{width:100%;min-height:60px;border-radius:16px;background:linear-gradient(135deg,#6366f1f2,#3b82f6b8);color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.08em;box-shadow:0 18px 34px -24px #6366f1bf}.minesweeper-center-stack{width:100%}.minesweeper-center-stack:has(#restartGameButton[hidden]){display:none}.minesweeper-topbar:has(#restartGameButton[hidden]),.snake-topbar:has(#snakeStartButton[hidden]),.airhockey-topbar:has(#airHockeyStartButton[hidden]),.battleship-topbar:has(#battleshipRestartButton[hidden]),.pacman-topbar:has(#pacmanStartButton[hidden]),.solitaire-topbar:has(#solitaireRestartButton[hidden]),.flowfree-topbar:has(#flowFreeRestartButton[hidden]),.magicsort-topbar:has(#magicSortRestartButton[hidden]),.candycrush-topbar:has(#candyCrushRestartButton[hidden]),.harborrun-topbar:has(#harborRunStartButton[hidden]),.stacker-topbar:has(#stackerStartButton[hidden]){grid-template-columns:repeat(2,minmax(150px,180px))}.minesweeper-topbar:has(#restartGameButton[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}.tetris-topbar:has(#tetrisStartButton[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}.sudoku-controls:has(#sudokuRestartButton[hidden]){grid-template-columns:minmax(180px,220px)}.aim-topbar:has(#aimStartButton[hidden]){grid-template-columns:repeat(3,minmax(120px,1fr))}.game-2048-topbar:has(#game2048RestartButton[hidden]),.tictactoe-topbar:has(#ticTacToeRestartButton[hidden]){grid-template-columns:repeat(2,minmax(150px,180px))}.rhythm-topbar:has(#rhythmStartButton[hidden]){grid-template-columns:repeat(4,minmax(100px,1fr))}.minesweeper-table{position:relative;z-index:1;width:min(100%,min(63vh,580px));margin:0 auto;overflow:hidden;border-radius:22px;box-shadow:0 28px 48px -34px #082f49e6,0 0 0 1px #bae6fd14}.minesweeper-table.is-menu-open>:not(.minesweeper-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.minesweeper-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:22px;background:#0f172a2e;opacity:1;transition:opacity .26s ease,transform .26s ease}.minesweeper-menu-overlay.hidden{display:none}.minesweeper-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.minesweeper-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.minesweeper-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 16% 18%,rgba(251,191,36,.16),transparent 21%),radial-gradient(circle at 82% 20%,rgba(125,211,252,.18),transparent 24%),radial-gradient(circle at 50% 84%,rgba(134,239,172,.12),transparent 24%),linear-gradient(180deg,#1c3a5cfa,#0f172afa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.minesweeper-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fcd34d}.minesweeper-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.minesweeper-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.minesweeper-grid-size-picker{display:grid;gap:10px}.minesweeper-grid-size-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#fde68aeb}.minesweeper-grid-size-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.minesweeper-grid-size-button{min-width:108px;padding:12px 16px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#0f172a8a;border-color:#94a3b847;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.minesweeper-grid-size-button:hover{transform:translateY(-1px)}.minesweeper-grid-size-button.is-active{background:linear-gradient(135deg,#f59e0bf0,#3b82f6e6);border-color:#fde04766;box-shadow:0 16px 28px -24px #f59e0bb8}.minesweeper-grid-size-name{font-size:.94rem;font-weight:800;color:#f8fafc}.minesweeper-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.minesweeper-board{--minesweeper-size: 13;display:grid;grid-template-columns:repeat(var(--minesweeper-size),minmax(0,1fr));gap:3px;padding:7px;border-radius:16px;background:linear-gradient(180deg,#38bdf814,#0f172a38),#0f172aad;width:100%;margin:0;transform-origin:center}.minesweeper-board.is-shaking{animation:boardShake .52s ease}.minesweeper-board.is-rumbling{animation:boardRumble .24s ease}.minesweeper-cell{aspect-ratio:1 / 1;border-radius:7px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#6366f142,#3b82f624);color:var(--text-color);font-size:clamp(.58rem,.88vw,.78rem);font-weight:800;padding:0;display:grid;place-items:center;user-select:none;overflow:hidden;transition:transform .18s ease,filter .18s ease,background .2s ease,border-color .2s ease}.minesweeper-cell-label{position:relative;z-index:2}.minesweeper-cell:hover{transform:translateY(0);filter:brightness(1.06)}.minesweeper-cell.is-pattern-alt{background:linear-gradient(180deg,#6366f133,#4f46e524)}.minesweeper-cell.is-revealed{background:#0f172aeb;border-color:#6366f11f;transform:none;filter:none}.minesweeper-cell.is-newly-revealed{animation:revealCell .04s linear both}.reveal-particle{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:999px;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(99,102,241,.55) 60%,transparent 72%);box-shadow:0 0 10px #6366f159}.reveal-particle-a{animation:revealParticleA .34s ease-out forwards}.reveal-particle-b{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(59,130,246,.52) 60%,transparent 72%);animation:revealParticleB .32s ease-out forwards}.reveal-particle-c{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(250,204,21,.5) 60%,transparent 72%);animation:revealParticleC .3s ease-out forwards}.reveal-particle-d{width:4px;height:4px;margin:-2px 0 0 -2px;animation:revealParticleD .28s ease-out forwards}.minesweeper-cell.is-flagged{background:linear-gradient(180deg,#f59e0b47,#ea580c2e);animation:flagPulse .22s ease}.minesweeper-cell.is-flagged .minesweeper-cell-label{color:#fde68a;font-size:clamp(1.28rem,1.82vw,1.58rem);text-shadow:0 0 12px rgba(245,158,11,.24)}.minesweeper-cell.is-mine{background:linear-gradient(180deg,#f8717152,#7f1d1d38)}.minesweeper-cell.is-mine .minesweeper-cell-label,.minesweeper-cell.is-exploded .minesweeper-cell-label{color:#fee2e2;font-size:clamp(1.08rem,1.54vw,1.34rem);text-shadow:0 0 12px rgba(248,113,113,.22)}.minesweeper-cell.is-exploded{background:linear-gradient(180deg,#f871718c,#991b1b57);border-color:#f871716b;animation:mineBlast .45s ease both}.minesweeper-cell-value-1{color:#93c5fd}.minesweeper-cell-value-2{color:#86efac}.minesweeper-cell-value-3{color:#fca5a5}.minesweeper-cell-value-4{color:#c4b5fd}.minesweeper-cell-value-5{color:#f9a8d4}.minesweeper-cell-value-6{color:#67e8f9}.minesweeper-cell-value-7{color:#fde68a}.minesweeper-cell-value-8{color:#e5e7eb}.minesweeper-cell.is-revealed[class*=minesweeper-cell-value-]{text-shadow:0 0 16px rgba(255,255,255,.08)}.minesweeper-help{margin:0 0 10px;font-size:.84rem;text-align:center;color:#e0f2fe!important;font-weight:600;text-shadow:0 1px 10px rgba(8,47,73,.42);position:relative;z-index:1}.game-over-card{background:#1e293bc7;backdrop-filter:none;text-align:center;animation:gameOverPop .22s ease-out}.snake-topbar{display:grid;grid-template-columns:repeat(3,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px;position:relative;z-index:1}.snake-counter-block{padding:10px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(99,102,241,.18);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}.snake-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.snake-counter-value{font-size:clamp(1.15rem,2.6vw,1.65rem);color:var(--primary-color)}.snake-face{width:100%;min-height:60px;border-radius:16px;background:linear-gradient(135deg,#0ea5e9e6,#6366f1cc);color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em;box-shadow:0 18px 34px -24px #3b82f6b8}.snake-help{margin:0 0 10px;text-align:center;color:#d1fae5;font-size:.84rem;font-weight:600;text-shadow:0 1px 10px rgba(8,47,73,.42);position:relative;z-index:1}.snake-table{position:relative;z-index:1;width:min(100%,min(67vh,610px));margin:0 auto;overflow:hidden;border-radius:22px;box-shadow:0 28px 48px -34px #082f49e6,0 0 0 1px #a7f3d014}.snake-table.is-menu-open>:not(.snake-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.snake-table.is-menu-open .snake-overlay{visibility:hidden}.snake-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.snake-menu-overlay.hidden{display:none}.snake-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.snake-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.snake-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(167,243,208,.16),transparent 20%),radial-gradient(circle at 82% 18%,rgba(103,232,249,.18),transparent 22%),radial-gradient(circle at 26% 78%,rgba(253,224,71,.12),transparent 22%),linear-gradient(180deg,#14534bfa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.snake-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#a7f3d0}.snake-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.snake-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.snake-grid-size-picker{display:grid;gap:10px}.snake-grid-size-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#bfdbfeeb}.snake-grid-size-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.snake-grid-size-button{min-width:108px;padding:12px 16px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#0f172a8a;border-color:#94a3b847;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.snake-grid-size-button:hover{transform:translateY(-1px)}.snake-grid-size-button.is-active{background:linear-gradient(135deg,#0ea5e9f0,#0f766eeb);border-color:#bfdbfe61;box-shadow:0 16px 28px -24px #0ea5e9b8}.snake-grid-size-name{font-size:.94rem;font-weight:800;color:#f8fafc}.snake-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.snake-board{--snake-gap: 3px;--snake-padding: 6px;--snake-size: 13;width:100%;aspect-ratio:1 / 1;margin:0;padding:var(--snake-padding);border-radius:20px;position:relative;touch-action:none;overflow:hidden;background:radial-gradient(circle at 20% 12%,rgba(167,243,208,.16),transparent 18%),radial-gradient(circle at 78% 18%,rgba(103,232,249,.12),transparent 16%),linear-gradient(180deg,#2dd4bf1f,#0f172a3d),#0f172a9e;border:1px solid rgba(45,212,191,.18)}.snake-grid,.snake-overlay{position:absolute;inset:var(--snake-padding)}.snake-grid{display:grid;grid-template-columns:repeat(var(--snake-size),minmax(0,1fr));gap:var(--snake-gap)}.snake-bg-cell{border-radius:10px;background:linear-gradient(180deg,#38bdf833,#2563eb1c);border:1px solid rgba(148,163,184,.08)}.snake-bg-cell-alt{background:linear-gradient(180deg,#2dd4bf29,#0e74901c)}.snake-overlay{pointer-events:none}.snake-entity{position:absolute;padding:2px;box-sizing:border-box;will-change:transform;transition:transform .15s linear}.snake-entity:before{content:"";display:block;width:100%;height:100%;border-radius:10px}.snake-entity:after{content:"";position:absolute;inset:0;pointer-events:none}.snake-entity-head:before{transform:rotate(var(--snake-head-angle, 90deg));transition:transform .15s linear;background:radial-gradient(circle at 35% 36%,rgba(255,255,255,.95) 0 7%,transparent 8%),radial-gradient(circle at 65% 36%,rgba(255,255,255,.95) 0 7%,transparent 8%),radial-gradient(circle at 35% 37%,rgba(15,23,42,.96) 0 2.6%,transparent 3.8%),radial-gradient(circle at 65% 37%,rgba(15,23,42,.96) 0 2.6%,transparent 3.8%),radial-gradient(circle at 50% 74%,rgba(255,255,255,.22) 0 14%,transparent 15%),radial-gradient(circle at 50% 56%,rgba(103,232,249,.34) 0 28%,transparent 29%),linear-gradient(180deg,#5eead4fa,#0ea5e9e6);border-radius:48% 48% 44% 44%;box-shadow:0 0 20px #22d3ee3d}.snake-entity-head:after{transform:rotate(var(--snake-head-angle, 90deg));transition:transform .15s linear;background:radial-gradient(circle at 24% 82%,rgba(94,234,212,.95) 0 10%,transparent 11%),radial-gradient(circle at 38% 91%,rgba(56,189,248,.88) 0 9%,transparent 10%),radial-gradient(circle at 50% 96%,rgba(103,232,249,.9) 0 8%,transparent 9%),radial-gradient(circle at 62% 91%,rgba(56,189,248,.88) 0 9%,transparent 10%),radial-gradient(circle at 76% 82%,rgba(94,234,212,.95) 0 10%,transparent 11%);clip-path:polygon(12% 64%,88% 64%,88% 100%,12% 100%);opacity:.9;filter:drop-shadow(0 2px 3px rgba(14,165,233,.22))}.snake-entity-body:before{background:radial-gradient(circle at 28% 72%,rgba(255,255,255,.18) 0 7%,transparent 8%),radial-gradient(circle at 72% 28%,rgba(255,255,255,.12) 0 7%,transparent 8%),linear-gradient(180deg,#67e8f9f0,#0891b2d6);border-radius:44%;box-shadow:inset 0 0 0 1px #ffffff0f}.snake-entity-food:before{background:radial-gradient(circle at 50% 28%,rgba(255,248,200,.95) 0 10%,transparent 11%),radial-gradient(circle at 50% 54%,#fff6adfa 0 26%,#f59e0be0 45%,#b45309d6 68%),linear-gradient(180deg,#b45309eb,#78350fe6);border-radius:38% 38% 46% 46%;box-shadow:0 0 16px #f59e0b52}.snake-cell-food-pop:before{animation:snakeFoodPulse .24s ease-out}@keyframes snake-entity-spawn{0%{opacity:0}to{opacity:1}}@keyframes snake-entity-before-spawn{0%{scale:.15}to{scale:1}}.snake-entity.is-spawning{transition:none;animation:snake-entity-spawn .26s ease-out both;animation-delay:var(--spawn-delay, 0ms)}.snake-entity.is-spawning:before{animation:snake-entity-before-spawn .26s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--spawn-delay, 0ms)}.pong-card{position:relative;width:min(100%,760px);padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at top,rgba(186,230,253,.18),transparent 34%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.26),transparent 24%),linear-gradient(180deg,#1c3a5cfa,#0e1e38fa)}.pong-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(125,211,252,.24),transparent 18%),radial-gradient(circle at 84% 18%,rgba(2,132,199,.16),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}.pong-topbar,.pong-help{position:relative;z-index:1;padding-inline:16px}.pong-topbar{display:grid;grid-template-columns:repeat(2,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px}.pong-counter-block{padding:10px;border-radius:14px;background:#ffffffdb;box-shadow:inset 0 0 0 1px #e2e8f0eb;border:0;text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}.pong-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#115e59;margin-bottom:4px}.pong-counter-value{font-size:clamp(1.15rem,2.6vw,1.65rem);color:#111827}.pong-help{margin:0 0 10px;text-align:center;color:#e0f2fe!important;font-size:.84rem;font-weight:600;text-shadow:0 1px 10px rgba(8,47,73,.42)}.pong-mode-switch{display:flex;justify-content:center;gap:10px;margin:0 0 12px}.pong-mode-button{min-width:128px;background:#f0f9ffd1;color:#0f172a;border:1px solid rgba(125,211,252,.78);box-shadow:0 12px 24px -22px #082f498f}.pong-mode-button:hover{background:#082f49e0;color:#f8fafc;border-color:#7dd3fcd1;box-shadow:0 16px 28px -22px #082f49b8;filter:none}.pong-mode-button.is-active{background:linear-gradient(135deg,#0e7490f5,#0ea5e9e6);color:#fff;border-color:#bae6fd73;box-shadow:0 18px 30px -24px #0e7490a8}.pong-mode-button.is-active:hover{filter:none}.pong-table{position:relative;z-index:1;margin-top:12px;overflow:hidden;border-radius:24px 24px 22px 22px}.pong-table.is-menu-open>:not(.pong-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.pong-menu-overlay{position:absolute;inset:16px 0 0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px 24px 22px 22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.pong-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.pong-menu-overlay.hidden{display:none}.pong-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.pong-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at top,rgba(186,230,253,.18),transparent 34%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.26),transparent 24%),linear-gradient(180deg,#1c3a5cfa,#0e1e38fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.pong-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#a5f3fc}.pong-menu-title{margin:0;font-size:2rem;color:#f8fafc}.pong-menu-text{margin:0;color:#dbeafe!important;opacity:1;font-weight:600;line-height:1.45}.pong-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pong-board{width:calc(100% - 12px);aspect-ratio:1.92 / 1;margin:12px auto 0;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 14%),radial-gradient(circle at 72% 24%,rgba(255,255,255,.12),transparent 12%),radial-gradient(circle at 32% 64%,rgba(255,255,255,.05),transparent 14%),linear-gradient(180deg,#0e749047,#082f496b 42%,#0f172af7);border:2px solid rgba(186,230,253,.72);box-shadow:0 20px 44px -30px #082f49e6,0 0 0 1px #7dd3fc47,inset 0 0 0 1px #ffffff14}.pong-countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:3;font-size:clamp(3.8rem,11vw,6.8rem);font-weight:900;letter-spacing:.04em;color:#f0f9fff5;text-shadow:0 0 22px rgba(56,189,248,.34);background:radial-gradient(circle at center,rgba(15,23,42,.12),rgba(15,23,42,.02) 48%,transparent 72%);pointer-events:none}.pong-countdown:not(.hidden){animation:pongCountdownReveal .52s cubic-bezier(.2,.9,.22,1)}.pong-pause-indicator{position:absolute;left:50%;top:50%;z-index:3;min-width:148px;padding:16px 20px;display:grid;justify-items:center;gap:6px;border-radius:24px;background:radial-gradient(circle at top,rgba(186,230,253,.24),transparent 56%),#082f49c7;border:1px solid rgba(186,230,253,.26);box-shadow:0 18px 34px -24px #082f49e6,inset 0 0 0 1px #ffffff0d;color:#f0f9ff;pointer-events:none;transform:translate(-50%,-50%)}.pong-pause-indicator:not(.hidden){animation:pongPauseReveal .26s cubic-bezier(.22,1,.36,1)}.pong-pause-indicator[data-state=play]{border-color:#86efac57;background:radial-gradient(circle at top,rgba(134,239,172,.22),transparent 56%),#064e3bc7}.pong-pause-indicator-icon{font-size:2rem;font-weight:900;line-height:1}.pong-pause-indicator-text{font-size:.86rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}@keyframes pongMenuFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.pong-center-line{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:linear-gradient(180deg,#e0f2feb8,#7dd3fc85);opacity:.78;box-shadow:0 0 14px #7dd3fc24}.pong-paddle,.pong-ball{position:absolute;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.pong-paddle{width:24px;height:104px;border-radius:999px;background:linear-gradient(180deg,#0e7490fa,#082f49e6);border:2px solid rgba(224,242,254,.82);box-shadow:0 0 20px #082f4938}.pong-paddle-ai{background:linear-gradient(180deg,#082f49fa,#065f46e6);border-color:#a7f3d0d1;box-shadow:0 0 20px #082f493d}.pong-ball{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7dd3fce6,#0284c7f0 38%,#082f49fa 74%);border:2px solid rgba(240,249,255,.92);box-shadow:0 0 22px #082f4957}@keyframes pongCountdownReveal{0%{opacity:0;transform:scale(.62);filter:blur(10px)}55%{opacity:1;transform:scale(1.06);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}.sudoku-topbar{display:grid;grid-template-columns:repeat(3,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px;position:relative;z-index:1}.sudoku-controls{display:grid;grid-template-columns:minmax(180px,220px);gap:8px;justify-content:center;margin:0 0 12px;position:relative;z-index:1}.sudoku-counter-block{padding:10px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(99,102,241,.18);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}.sudoku-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.sudoku-counter-value{font-size:clamp(1.05rem,2.4vw,1.55rem);color:var(--primary-color)}.sudoku-face{width:100%;min-height:60px;border-radius:16px;background:linear-gradient(135deg,#22c55ee6,#3b82f6cc);color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em;box-shadow:0 18px 34px -24px #22c55e9e}.sudoku-face-secondary{background:linear-gradient(135deg,#1e40afe6,#60a5facc);box-shadow:0 18px 34px -24px #3b82f69e;margin-bottom:12px}.sudoku-help{margin:0 0 10px;text-align:center;color:#dbeafe;font-size:.84rem;font-weight:600;text-shadow:0 1px 10px rgba(15,23,42,.42);position:relative;z-index:1}.sudoku-table{position:relative;z-index:1;width:min(100%,min(58vh,540px));margin:0 auto;overflow:hidden;border-radius:22px;box-shadow:0 28px 48px -34px #0f172ae6,0 0 0 1px #bfdbfe1a}.sudoku-table.is-menu-open>:not(.sudoku-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.sudoku-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:22px;background:#0f172a2e;opacity:1;transition:opacity .26s ease,transform .26s ease}.sudoku-menu-overlay.hidden{display:none}.sudoku-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.sudoku-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.sudoku-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(253,224,71,.16),transparent 20%),radial-gradient(circle at 82% 18%,rgba(147,197,253,.18),transparent 22%),radial-gradient(circle at 28% 78%,rgba(191,219,254,.12),transparent 22%),linear-gradient(180deg,#1e40affa,#0f172afa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.sudoku-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fde68a}.sudoku-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.sudoku-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.sudoku-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sudoku-board{width:100%;aspect-ratio:1 / 1;margin:0;padding:8px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;border-radius:20px;background:radial-gradient(circle at top,rgba(253,224,71,.1),transparent 42%),linear-gradient(180deg,#60a5fa1a,#0f172a38),#0f172a9e;border:1px solid rgba(147,197,253,.18)}.sudoku-cell{border:1px solid rgba(148,163,184,.12);border-radius:8px;background:linear-gradient(180deg,#3b82f62e,#2563eb1f);color:var(--text-color);font-size:clamp(.92rem,1.85vw,1.45rem);font-weight:800;display:grid;place-items:center;padding:0;user-select:none}.sudoku-cell:hover{filter:brightness(1.06)}.sudoku-cell.is-prefilled{background:linear-gradient(180deg,#2563eb6b,#0e74903d);border-color:#7dd3fc2e;color:#f8fafc}.sudoku-cell.is-selected{border-color:#7dd3fcad;box-shadow:inset 0 0 0 1px #7dd3fc80,0 0 0 2px #7dd3fc2e}.sudoku-cell.is-matching-value{background:linear-gradient(180deg,#1e40af94,#1e3a8a66);border-color:#93c5fd85;color:#f8fbff}.sudoku-cell.is-prefilled.is-matching-value{background:linear-gradient(180deg,#172554d6,#1e40af80);color:#f8fafc}.sudoku-cell.is-related{background:linear-gradient(180deg,#2dd4bf33,#0e749021)}.sudoku-cell.is-prefilled.is-related{background:linear-gradient(180deg,#2563eb75,#14b8a638)}.sudoku-cell.is-conflict{background:linear-gradient(180deg,#f8717157,#991b1b33);border-color:#f8717152;color:#fff1f2}.sudoku-cell.is-prefilled.is-conflict{background:linear-gradient(180deg,#7f1d1d80,#450a0a66)}.sudoku-cell.is-solved{animation:sudokuSolvedPulse .4s ease}.sudoku-cell.is-correct{background:linear-gradient(180deg,#22c55e57,#15803d33);border-color:#4ade8061;animation:sudokuCorrectPulse .28s ease}.sudoku-cell.is-wrong{background:linear-gradient(180deg,#f871716b,#991b1b3d);border-color:#f871717a;animation:sudokuWrongPulse .28s ease}.sudoku-cell.is-border-right{margin-right:6px}.sudoku-cell.is-border-bottom{margin-bottom:6px}.games-placeholder-card{text-align:center}.game-2048-card{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 12%,rgba(255,243,176,.18),transparent 20%),radial-gradient(circle at 84% 18%,rgba(96,165,250,.18),transparent 24%),radial-gradient(circle at 28% 74%,rgba(251,191,36,.12),transparent 22%),linear-gradient(180deg,#1d294afa,#0f172afa)}.game-2048-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.1),transparent 18%),radial-gradient(circle at 82% 22%,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%)}.game-2048-topbar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px}.game-2048-counter-block{padding:10px;border-radius:14px;background:radial-gradient(circle at top,rgba(255,243,176,.16),transparent 46%),linear-gradient(180deg,#1e293beb,#0f172af0);border:1px solid rgba(251,191,36,.22);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff0f,0 16px 28px -24px #0f172ad1;backdrop-filter:blur(10px)}.game-2048-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#fcd34d;margin-bottom:4px}.game-2048-counter-value{font-size:clamp(1.15rem,2.6vw,1.65rem);color:#f8fafc}.game-2048-face{display:none}.game-2048-help{position:relative;z-index:1;margin:0 0 10px;text-align:center;color:#e2e8f0;font-size:.84rem;font-weight:600;text-shadow:0 1px 10px rgba(15,23,42,.34)}.game-2048-table{position:relative;z-index:1;margin-top:12px}.game-2048-table.is-menu-open>:not(.game-2048-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.game-2048-table.is-menu-open .game-2048-tiles{opacity:0}.game-2048-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px;background:#0f172a29;opacity:1;transition:opacity .26s ease,transform .26s ease}.game-2048-menu-overlay.hidden{display:none}.game-2048-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.game-2048-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 12%,rgba(255,243,176,.18),transparent 20%),radial-gradient(circle at 84% 18%,rgba(96,165,250,.18),transparent 24%),radial-gradient(circle at 28% 74%,rgba(251,191,36,.12),transparent 22%),linear-gradient(180deg,#1d294afa,#0f172afa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.game-2048-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fde68a}.game-2048-menu-title{margin:0;font-size:2rem;color:#f8fafc}.game-2048-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.game-2048-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.game-2048-board{--game-2048-gap: 10px;--game-2048-padding: 10px;width:min(100%,min(64vh,600px));aspect-ratio:1 / 1;margin:0 auto;padding:var(--game-2048-padding);border-radius:20px;position:relative;touch-action:none;overflow:hidden;background:radial-gradient(circle at top,rgba(251,191,36,.12),transparent 42%),linear-gradient(180deg,#6366f11a,#0f172a38),#0f172a9e;border:1px solid rgba(99,102,241,.16)}.game-2048-background,.game-2048-tiles{position:absolute;inset:var(--game-2048-padding)}.game-2048-background{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--game-2048-gap)}.game-2048-tiles{pointer-events:none}.game-2048-cell,.game-2048-tile{border-radius:18px;aspect-ratio:1 / 1;display:grid;place-items:center;font-weight:800;font-size:clamp(1.05rem,2.2vw,1.7rem);line-height:1;color:#fff;background:#0f172a80;border:1px solid rgba(148,163,184,.1);min-width:0;min-height:0;transition:background .14s ease,color .14s ease,box-shadow .14s ease;will-change:transform}.game-2048-empty{background:#0f172a75}.game-2048-tile{position:absolute;aspect-ratio:auto;transform-origin:center;transition:transform .12s ease-out,background .12s ease,color .12s ease,box-shadow .12s ease}.game-2048-cell-small{font-size:clamp(.9rem,1.7vw,1.35rem)}.game-2048-cell-xsmall{font-size:clamp(.72rem,1.35vw,1.05rem);letter-spacing:-.03em}.game-2048-cell-fresh{animation:game2048TilePop .16s ease-out}.game-2048-value-2{background:linear-gradient(180deg,#bfdbfe,#93c5fd);color:#0f172a}.game-2048-value-4{background:linear-gradient(180deg,#93c5fd,#60a5fa);color:#0f172a}.game-2048-value-8{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.game-2048-value-16{background:linear-gradient(180deg,#3b82f6,#2563eb)}.game-2048-value-32{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.game-2048-value-64{background:linear-gradient(180deg,#1d4ed8,#1e40af)}.game-2048-value-128{background:linear-gradient(180deg,#1e40af,#1e3a8a)}.game-2048-value-256{background:linear-gradient(180deg,#1e3a8a,#172554)}.game-2048-value-512{background:linear-gradient(180deg,#172554,#14213d)}.game-2048-value-1024{background:linear-gradient(180deg,#14213d,#0f172a)}.game-2048-value-2048{background:linear-gradient(180deg,#0f172a,#070b16)}.aim-topbar{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;align-items:center;justify-content:center;margin-bottom:10px}.aim-card{min-height:0;overflow:hidden}.aim-card.games-panel-active{display:flex;flex-direction:column}.aim-counter-block{padding:9px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(99,102,241,.18);text-align:center;min-height:56px;display:flex;flex-direction:column;justify-content:center}.aim-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.aim-counter-value{font-size:clamp(1.15rem,2.6vw,1.65rem);color:var(--primary-color)}.aim-face{width:100%;min-height:56px;border-radius:16px;background:linear-gradient(135deg,#0ea5e9f5,#2563ebe0);color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em;box-shadow:0 18px 34px -24px #2563ebb8}.aim-help{margin:0 0 8px;text-align:center;color:var(--muted-text);font-size:.8rem}.aim-duration-switch{display:flex;justify-content:center;gap:8px;margin:0 auto 10px;flex-wrap:wrap}.aim-menu-card .aim-duration-switch{margin:0 0 14px}.aim-duration-button{min-width:76px;border-radius:999px;padding:8px 14px}.aim-duration-button.is-active{background:linear-gradient(135deg,#0ea5e9f0,#2563ebe0);color:#fff;border-color:#bfdbfe3d;box-shadow:0 16px 28px -24px #2563eb8a}.memory-topbar,.tictactoe-topbar{display:grid;grid-template-columns:repeat(2,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px}.tictactoe-card{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 12%,rgba(255,243,176,.14),transparent 20%),radial-gradient(circle at 84% 18%,rgba(96,165,250,.18),transparent 24%),radial-gradient(circle at 28% 74%,rgba(249,115,22,.12),transparent 22%),linear-gradient(180deg,#1a2340fa,#0c1224fa)}.tictactoe-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 82% 22%,rgba(255,255,255,.05),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 34%)}.tictactoe-topbar,.tictactoe-help,.tictactoe-table,.tictactoe-board{position:relative;z-index:1}.memory-counter-block,.tictactoe-counter-block{padding:10px;border-radius:14px;background:radial-gradient(circle at top,rgba(251,191,36,.14),transparent 44%),linear-gradient(180deg,#1e293beb,#0f172af0);border:1px solid rgba(249,115,22,.2);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff0f,0 16px 28px -24px #0f172ad1;backdrop-filter:blur(10px)}.memory-counter-label,.tictactoe-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#fdba74;margin-bottom:4px}.memory-counter-value,.tictactoe-counter-value{font-size:clamp(1.05rem,2.4vw,1.55rem);color:#f8fafc}.game-score-counter-block{width:min(100%,220px);min-width:min(100%,220px);max-width:100%}.game-score-counter-value{display:block;width:100%;min-width:0;white-space:nowrap;font-size:clamp(.88rem,1.9vw,1.08rem);line-height:1.2}.memory-face,.tictactoe-face{width:100%;min-height:60px;border-radius:16px;color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em}.memory-face{background:linear-gradient(135deg,#10b981eb,#3b82f6d1);box-shadow:0 18px 34px -24px #10b9819e}.tictactoe-face{display:none}.memory-help,.tictactoe-help,.battleship-help{margin:0 0 10px;text-align:center;color:#e2e8f0;font-size:.84rem}.tictactoe-mode-switch{display:flex;justify-content:center;gap:10px;margin:0 0 12px}.tictactoe-mode-button{min-width:128px;background:#0f172a9e;color:#e2e8f0;border:1px solid rgba(96,165,250,.22)}.tictactoe-mode-button.is-active{background:linear-gradient(135deg,#f97316f5,#3b82f6e0);color:#fff;border-color:#bfdbfe38;box-shadow:0 16px 28px -24px #f973168f}.tictactoe-table{margin-top:12px}.tictactoe-table.is-menu-open>:not(.tictactoe-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.tictactoe-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:28px;background:#0f172a29;opacity:1;transition:opacity .26s ease,transform .26s ease}.tictactoe-menu-overlay.is-entering{animation:tictactoeMenuFadeIn .26s ease}.tictactoe-menu-overlay.hidden{display:none}.tictactoe-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}@keyframes tictactoeMenuFadeIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.tictactoe-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 12%,rgba(255,243,176,.14),transparent 20%),radial-gradient(circle at 84% 18%,rgba(96,165,250,.18),transparent 24%),radial-gradient(circle at 28% 74%,rgba(249,115,22,.12),transparent 22%),linear-gradient(180deg,#1a2340fa,#0c1224fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.tictactoe-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fdba74}.tictactoe-menu-title{margin:0;font-size:2rem;color:#f8fafc}.tictactoe-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.tictactoe-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.battleship-topbar{display:grid;grid-template-columns:repeat(3,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px}.battleship-counter-block{padding:10px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(99,102,241,.18);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}.battleship-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.battleship-counter-value{font-size:clamp(1.05rem,2.4vw,1.55rem);color:var(--primary-color)}.battleship-face{width:100%;min-height:60px;border-radius:16px;background:linear-gradient(135deg,#0ea5e9eb,#f97316d1);color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em;box-shadow:0 18px 34px -24px #0ea5e99e}.battleship-table{position:relative;z-index:1;width:100%;margin:0 auto;border-radius:24px}.battleship-table.is-menu-open>:not(.battleship-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.battleship-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f493d;opacity:1;transition:opacity .26s ease,transform .26s ease}.battleship-menu-overlay.hidden{display:none}.battleship-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.battleship-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.battleship-menu-card{width:min(100%,440px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(249,115,22,.18),transparent 22%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.2),transparent 24%),radial-gradient(circle at 26% 78%,rgba(125,211,252,.14),transparent 24%),linear-gradient(180deg,#143c5afa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.battleship-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#f97316}.battleship-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.battleship-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.battleship-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.battleship-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.battleship-board-shell{text-align:center;padding:14px 12px 16px;border-radius:24px;background:radial-gradient(circle at top left,rgba(56,189,248,.14),transparent 40%),radial-gradient(circle at bottom right,rgba(249,115,22,.12),transparent 36%),#0f172a70;border:1px solid rgba(125,211,252,.14)}.battleship-board{width:min(100%,350px);margin:0 auto;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:12px;border-radius:24px;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.18),transparent 14%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.14),transparent 12%),linear-gradient(180deg,#38bdf833,#082f4957),#0f172ab8;border:1px solid rgba(125,211,252,.18);box-shadow:inset 0 0 0 1px #ffffff08}.battleship-cell{aspect-ratio:1 / 1;border-radius:12px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.16),transparent 18%),linear-gradient(180deg,#0ea5e957,#082f496b);border:1px solid rgba(125,211,252,.18);color:#fff;font-weight:800;padding:0;position:relative;overflow:hidden}.battleship-cell.has-ship{background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.18),transparent 18%),linear-gradient(180deg,#2dd4bf47,#082f496b)}.battleship-cell.is-hit{background:radial-gradient(circle at center,rgba(251,191,36,.18),transparent 34%),linear-gradient(180deg,#f8717180,#7f1d1d52)}.battleship-cell.is-miss{background:radial-gradient(circle at center,rgba(255,255,255,.14),transparent 32%),linear-gradient(180deg,#7dd3fc4d,#082f4947)}.battleship-cell.is-miss:after{content:"";width:12px;height:12px;border-radius:50%;background:#e0f2feeb;box-shadow:0 0 10px #e0f2fe2e;display:block;margin:auto}.battleship-ship{display:block;width:100%;height:100%;border-radius:9px;position:relative;background:linear-gradient(180deg,#f59e0bfa,#78350ff5);box-shadow:inset 0 0 0 1px #fff8dc29,0 8px 12px -10px #0f172ab8}.battleship-ship:before{content:"";position:absolute;inset:22% 18%;border-radius:999px;background:linear-gradient(90deg,transparent 0 16%,rgba(92,51,23,.34) 16% 20%,transparent 20% 42%,rgba(92,51,23,.34) 42% 46%,transparent 46% 68%,rgba(92,51,23,.34) 68% 72%,transparent 72% 100%),linear-gradient(180deg,#fff8dc38,#0f172a1f)}.battleship-ship.is-single{border-radius:50%}.battleship-ship.is-head-horizontal{border-radius:999px 8px 8px 999px}.battleship-ship.is-tail-horizontal{border-radius:8px 999px 999px 8px}.battleship-ship.is-body-horizontal{border-radius:8px}.battleship-ship.is-head-vertical{border-radius:999px 999px 8px 8px}.battleship-ship.is-tail-vertical{border-radius:8px 8px 999px 999px}.battleship-ship.is-body-vertical{border-radius:8px}.battleship-cell.is-hit .battleship-ship{background:radial-gradient(circle at center,#f87171eb 0 24%,#7f1d1dd1 25% 54%,#641010eb 55% 100%),linear-gradient(180deg,#f59e0bc2,#78350fc7)}.battleship-cell.is-hit .battleship-ship:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 45%,rgba(255,241,242,.96) 45% 55%,transparent 55%),linear-gradient(135deg,transparent 45%,rgba(255,241,242,.96) 45% 55%,transparent 55%)}.tetris-topbar,.pacman-topbar,.solitaire-topbar,.connect4-topbar,.rhythm-topbar,.flappy-topbar{display:grid;grid-template-columns:repeat(3,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px}.tetris-counter-block,.pacman-counter-block,.solitaire-counter-block,.connect4-counter-block,.rhythm-counter-block,.flappy-counter-block{padding:10px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(99,102,241,.18);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}.tetris-counter-label,.pacman-counter-label,.solitaire-counter-label,.connect4-counter-label,.rhythm-counter-label,.flappy-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.tetris-counter-value,.pacman-counter-value,.solitaire-counter-value,.connect4-counter-value,.rhythm-counter-value,.flappy-counter-value{font-size:clamp(1.05rem,2.4vw,1.55rem);color:var(--primary-color)}.tetris-face,.pacman-face,.solitaire-face,.connect4-face,.rhythm-face,.flappy-face{width:100%;min-height:60px;border-radius:16px;color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em}.tetris-face{background:linear-gradient(135deg,#3b82f6eb,#a855f7d1);box-shadow:0 18px 34px -24px #3b82f69e}.pacman-face{background:linear-gradient(135deg,#facc15eb,#ea580cd6);box-shadow:0 18px 34px -24px #facc1575}.solitaire-face{background:linear-gradient(135deg,#059669eb,#2563ebd1);box-shadow:0 18px 34px -24px #05966985}.connect4-face{background:linear-gradient(135deg,#2563ebf0,#fbbf24e0);box-shadow:0 18px 34px -24px #2563eb8a}.rhythm-topbar{grid-template-columns:repeat(5,minmax(100px,1fr))}.rhythm-face{background:linear-gradient(135deg,#0ea5e9f5,#f97316e0);box-shadow:0 18px 34px -24px #0ea5e98a}.tetris-help,.pacman-help,.solitaire-help,.connect4-help,.rhythm-help,.flappy-help{margin:0 0 14px;text-align:center;color:var(--muted-text)}.connect4-mode-button,.chess-mode-button,.checkers-mode-button{min-width:128px}.connect4-mode-button.is-active,.chess-mode-button.is-active,.checkers-mode-button.is-active{background:linear-gradient(135deg,#2563ebf0,#fbbf24e0);color:#fff;border-color:#bfdbfe3d;box-shadow:0 16px 28px -24px #2563eb8a}.chess-mode-switch,.checkers-mode-switch{display:flex;justify-content:center;gap:10px;margin:0 0 12px}.chess-card{position:relative;width:min(100%,860px);overflow:hidden;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 84% 18%,rgba(184,221,244,.18),transparent 24%),linear-gradient(180deg,#b8ddf4fa,#135f8ff7)}.chess-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.12),transparent 18%),radial-gradient(circle at 84% 18%,rgba(2,132,199,.18),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 40%)}.chess-topbar,.chess-help{padding-inline:16px}.chess-topbar,.chess-help{position:relative;z-index:1}.chess-topbar{width:100%;padding-inline:0;margin-bottom:12px;grid-template-columns:repeat(2,minmax(150px,180px));justify-content:center}.chess-counter-block{width:180px;background:#f0f9ffd1;box-shadow:inset 0 0 0 1px #7dd3fcb8,0 12px 24px -22px #082f4999;border:0;backdrop-filter:blur(8px)}.chess-counter-label{color:#0f766e}.chess-counter-value{color:#0f172a!important}.chess-mode-switch{gap:12px}.chess-mode-button{min-width:144px;background:#f0f9ffd1;color:#f8fafc!important;border:1px solid rgba(125,211,252,.78);box-shadow:0 12px 24px -22px #082f498f}.chess-mode-button:hover{background:#082f49e0;color:#f8fafc!important;border-color:#7dd3fcd1;box-shadow:0 16px 28px -22px #082f49b8;filter:none}.chess-mode-button.is-active{background:linear-gradient(135deg,#0e7490f5,#0ea5e9e6);color:#f8fafc;border-color:#bae6fd73;box-shadow:0 18px 30px -24px #0e7490a8}.chess-mode-button.is-active:hover{filter:none}.chess-help{color:#374151!important;font-weight:600}.chess-table{position:relative;z-index:1;margin-top:-8px;overflow:hidden;border-radius:24px 24px 22px 22px}.chess-table.is-menu-open>:not(.chess-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.chess-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px 24px 22px 22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.chess-menu-overlay.is-entering{animation:chessMenuFadeIn .26s ease}.chess-menu-overlay.hidden{display:none}.chess-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.chess-promotion-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;border-radius:24px 24px 22px 22px;background:#082f49d1;backdrop-filter:blur(4px)}.chess-promotion-overlay.hidden{display:none}.chess-promotion-label{color:#e2e8f0;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-align:center;margin:0 0 12px;text-transform:uppercase}.chess-promotion-choices{display:flex;gap:10px}.chess-promotion-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border:2px solid rgba(255,255,255,.18);border-radius:14px;background:#ffffff14;color:#f8fafc;cursor:pointer;transition:background .12s,border-color .12s,transform 80ms}.chess-promotion-btn:hover{background:#ffffff2e;border-color:#ffffff6b;transform:translateY(-2px)}.chess-promo-glyph{font-size:2.2rem;line-height:1}.chess-promo-name{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.chess-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 36%),radial-gradient(circle at 84% 18%,rgba(184,221,244,.18),transparent 24%),linear-gradient(180deg,#b8ddf4fa,#135f8ff7);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.chess-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.chess-menu-title{margin:0;font-size:2rem;color:#0f172a}.chess-menu-text{margin:0;color:#374151!important;opacity:1;font-weight:600;line-height:1.45}.chess-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@keyframes chessMenuFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.connect4-board{--connect4-padding: 12px;width:min(100%,540px);margin:0 auto;padding:var(--connect4-padding);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;position:relative;border-radius:22px;background:radial-gradient(circle at top,rgba(191,219,254,.16),transparent 38%),linear-gradient(180deg,#2563eb38,#0f172a52),#0f172ab8;border:1px solid rgba(59,130,246,.2)}.connect4-cell{aspect-ratio:1 / 1;border-radius:18px;padding:0;background:radial-gradient(circle at 50% 50%,rgba(15,23,42,.92) 0 36%,transparent 37%),linear-gradient(180deg,#60a5fa47,#1d4ed82e);border:1px solid rgba(148,163,184,.12);position:relative;overflow:hidden}.connect4-cell:hover{transform:none;box-shadow:inset 0 0 0 1px #94a3b81f}.connect4-cell.is-player{--connect4-fill: linear-gradient(180deg, #fb7185, #be123c)}.connect4-cell.is-ai{--connect4-fill: linear-gradient(180deg, #38bdf8, #1d4ed8)}.connect4-cell.is-player:before,.connect4-cell.is-ai:before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,248,220,.98) 0 12%,transparent 13%),radial-gradient(circle at 50% 50%,rgba(255,220,120,.22) 0 56%,transparent 57%),var(--connect4-fill);box-shadow:inset 0 -8px 10px #0f172a2e,inset 0 0 0 2px #fff3b03d,0 8px 14px -10px #0f172aa3}.connect4-cell.is-player:after,.connect4-cell.is-ai:after{content:"\2620";position:absolute;inset:0;display:grid;place-items:center;color:#fff8dcfa;font-size:1rem;line-height:1;text-shadow:0 1px 0 rgba(15,23,42,.18),0 0 8px rgba(15,23,42,.24)}.connect4-cell.is-drop-target:before,.connect4-cell.is-drop-target:after{opacity:0}.connect4-drop-piece{position:absolute;z-index:3;pointer-events:none;animation:connect4ColumnDrop .36s cubic-bezier(.22,.8,.24,1)}.connect4-drop-piece:before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,248,220,.98) 0 12%,transparent 13%),radial-gradient(circle at 50% 50%,rgba(255,220,120,.22) 0 56%,transparent 57%),var(--connect4-fill);box-shadow:inset 0 -8px 10px #0f172a2e,inset 0 0 0 2px #fff3b03d,0 8px 14px -10px #0f172aa3}.connect4-drop-piece.is-player{--connect4-fill: linear-gradient(180deg, #fb7185, #be123c)}.connect4-drop-piece.is-ai{--connect4-fill: linear-gradient(180deg, #38bdf8, #1d4ed8)}.connect4-drop-piece-skull{position:absolute;inset:0;display:grid;place-items:center;color:#fff8dcfa;font-size:1rem;line-height:1;text-shadow:0 1px 0 rgba(15,23,42,.18),0 0 8px rgba(15,23,42,.24)}.connect4-cell.is-winning{box-shadow:inset 0 0 0 2px #ffffff38,0 0 18px #fbbf243d}.connect4-card{position:relative;width:min(100%,760px);padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 34%),radial-gradient(circle at 82% 18%,rgba(14,165,233,.22),transparent 24%),linear-gradient(180deg,#bae6fdfa,#7dd3fcf5)}.connect4-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 14%,rgba(125,211,252,.24),transparent 18%),radial-gradient(circle at 86% 16%,rgba(2,132,199,.18),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}.connect4-topbar,.connect4-help{position:relative;z-index:1;padding-inline:16px}.connect4-topbar{display:flex!important;justify-content:center!important;align-items:center;gap:8px;width:100%;margin:8px auto 12px}.connect4-counter-block{width:180px;min-height:60px;background:#ffffffdb;box-shadow:inset 0 0 0 1px #e2e8f0eb;border:0}.connect4-counter-label{color:#0f766e}.connect4-counter-value{color:#111827}.connect4-help{margin:0 0 10px;text-align:center;color:#374151!important;font-weight:600}.connect4-mode-switch{display:flex;justify-content:center;gap:10px;margin:0 0 12px}.connect4-mode-button{min-width:128px;background:#f0f9ffd1;color:#0f172a;border:1px solid rgba(125,211,252,.78);box-shadow:0 12px 24px -22px #082f498f}.connect4-mode-button:hover{background:#082f49e0;color:#f8fafc;border-color:#7dd3fcd1;box-shadow:0 16px 28px -22px #082f49b8;filter:none}.connect4-mode-button.is-active{background:linear-gradient(135deg,#0e7490f5,#0ea5e9e6);color:#fff;border-color:#bae6fd73;box-shadow:0 18px 30px -24px #0e7490a8}.connect4-mode-button.is-active:hover{filter:none}.connect4-table{position:relative;z-index:1;margin-top:8px;overflow:hidden;border-radius:24px 24px 22px 22px}.connect4-table.is-menu-open>:not(.connect4-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.connect4-menu-overlay{position:absolute;inset:16px 0 0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px 24px 22px 22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.connect4-menu-overlay.is-entering{animation:connect4MenuFadeIn .26s ease}.connect4-menu-overlay.hidden{display:none}.connect4-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.connect4-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 36%),linear-gradient(180deg,#bae6fdfa,#7dd3fcf5);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.connect4-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.connect4-menu-title{margin:0;font-size:2rem;color:#0f172a}.connect4-menu-text{margin:0;color:#374151!important;font-weight:600;line-height:1.45}.connect4-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.connect4-board{width:min(100%,620px);margin:0 auto;padding:14px;border-radius:26px 26px 22px 22px;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.12),transparent 16%),radial-gradient(circle at 50% 120%,rgba(8,47,73,.72),transparent 42%),repeating-linear-gradient(0deg,#ffffff07 0 18px,#0f172a0d 18px 36px),linear-gradient(180deg,rgba(186,230,253,.2),transparent 22%),linear-gradient(135deg,#082637,#0c4664 28%,#11739a 56%,#0a3552);border:1px solid rgba(56,189,248,.26);box-shadow:inset 0 0 0 1px #ffffff14,0 20px 40px -30px #0f172ad1}@keyframes connect4MenuFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.rhythm-table{position:relative;z-index:1;width:min(100%,700px);margin:0 auto;border-radius:24px}.rhythm-table.is-menu-open>:not(.rhythm-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.rhythm-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f493d;opacity:1;transition:opacity .26s ease,transform .26s ease}.rhythm-menu-overlay.hidden{display:none}.rhythm-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.rhythm-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.rhythm-menu-card{width:min(100%,440px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(254,240,138,.2),transparent 22%),radial-gradient(circle at 82% 18%,rgba(125,211,252,.16),transparent 22%),linear-gradient(180deg,#142c50fa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.rhythm-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fef08a}.rhythm-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.rhythm-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.rhythm-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.rhythm-board{--rhythm-hit-line: 84%;position:relative;width:100%;height:460px;margin:0 auto;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 18% 12%,rgba(254,240,138,.18),transparent 16%),linear-gradient(180deg,#7dd3fcf0,#0ea5e9b8 46%,#082f49f5);border:1px solid rgba(125,211,252,.18);box-shadow:inset 0 0 0 1px #ffffff08}.rhythm-lanes,.rhythm-target-band,.rhythm-notes,.rhythm-pads,.rhythm-feedback{position:absolute;inset:0}.rhythm-lanes{z-index:2}.rhythm-target-band{z-index:3}.rhythm-notes{z-index:4}.rhythm-feedback{z-index:5}.rhythm-pads{z-index:6}.rhythm-lanes{display:grid;padding:18px 16px 88px;gap:12px}.rhythm-lane{position:relative;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 18%),linear-gradient(180deg,#0f172a29,#0f172a4d),#0ea5e914;backdrop-filter:blur(2px)}.rhythm-target-band{top:var(--rhythm-hit-line);bottom:auto;left:24px;right:24px;height:44px;border-radius:22px;background:linear-gradient(180deg,#ffffff1a,#ffffff08),#0f172a38;box-shadow:inset 0 0 0 2px #fff8dc2e,0 0 20px #fff8dc24}.rhythm-target-band:before,.rhythm-target-band:after{content:"";position:absolute;left:14px;right:14px;border-radius:999px}.rhythm-target-band:before{top:7px;bottom:7px;background:linear-gradient(180deg,#fef08a29,#ffffff0d)}.rhythm-target-band:after{inset:16px 18%;background:#fef08ae0;box-shadow:0 0 14px #fef08a38}.rhythm-note{position:absolute;width:min(196px,calc(33.333% - 18px));height:32px;border-radius:16px;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff3d,0 0 0 1px #0f172a1f,0 16px 26px -14px #0f172ac7;animation:rhythmNoteFloat .22s ease-out}.rhythm-note.lane-0{background:linear-gradient(180deg,#ffffff3d,#ffffff05),linear-gradient(90deg,#4ade80,#16a34a)}.rhythm-note.lane-1{background:linear-gradient(180deg,#ffffff3d,#ffffff05),linear-gradient(90deg,#60a5fa,#1d4ed8)}.rhythm-note.lane-2{background:linear-gradient(180deg,#ffffff3d,#ffffff05),linear-gradient(90deg,#facc15,#f97316)}.rhythm-pads{inset:auto 14px 14px;display:grid;gap:12px}.rhythm-pad{min-height:52px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%),#0f172ac2;color:#f8fafc;border:1px solid rgba(148,163,184,.18);font-weight:800;letter-spacing:.12em;box-shadow:0 16px 26px -24px #0f172ad6}.rhythm-pad.is-active{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 2px #fff8dc24,0 0 22px #38bdf842;filter:brightness(1.12)}.rhythm-pad.is-success{animation:rhythmPadSuccess .24s ease-out;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 30%),linear-gradient(135deg,#34d3996b,#0ea5e952),#0f172ad1}.rhythm-pad.is-fail{animation:rhythmPadFail .24s ease-out;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%),linear-gradient(135deg,#f8717157,#7f1d1d47),#0f172ad1}.rhythm-feedback{pointer-events:none}.rhythm-burst{position:absolute;transform:translate(-50%,-50%) scale(.86);min-width:118px;padding:8px 12px;border-radius:999px;text-align:center;font-size:.88rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;animation:rhythmBurstPop .62s ease-out forwards;text-shadow:0 6px 16px rgba(15,23,42,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);box-shadow:0 16px 28px -22px #0f172ad1}.rhythm-burst.is-perfect{color:#fef3c7;background:linear-gradient(135deg,#facc155c,#f9731638),#0f172ad1}.rhythm-burst.is-good{color:#dbeafe;background:linear-gradient(135deg,#38bdf857,#0ea5e933),#0f172ad1}.rhythm-burst.is-miss{color:#fecaca;background:linear-gradient(135deg,#f871714d,#7f1d1d3d),#0f172ad1}.rhythm-board.is-hit-flash:after,.rhythm-board.is-miss-flash:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:7}.rhythm-board.is-hit-flash:after{background:radial-gradient(circle at center,rgba(254,240,138,.18),transparent 52%);animation:rhythmBoardFlashGood .26s ease-out}.rhythm-board.is-miss-flash:after{background:radial-gradient(circle at center,rgba(248,113,113,.16),transparent 54%);animation:rhythmBoardFlashBad .26s ease-out}.rhythm-sky-glow,.rhythm-moon,.rhythm-island,.rhythm-sea,.rhythm-ship{position:absolute;pointer-events:none}.rhythm-sky-glow{inset:0;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.26),transparent 12%),radial-gradient(circle at 82% 20%,rgba(255,255,255,.16),transparent 10%)}.rhythm-moon{right:34px;top:28px;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 34% 34%,rgba(255,255,255,.98),rgba(254,240,138,.92) 58%,rgba(250,204,21,.18) 72%,transparent 73%);box-shadow:0 0 36px #fef08a3d}.rhythm-island{bottom:98px;background:linear-gradient(180deg,#0f172a2e,#0f172a80)}.rhythm-island-left{left:-12px;width:180px;height:110px;clip-path:polygon(0 100%,18% 62%,34% 58%,48% 34%,64% 42%,78% 18%,100% 100%)}.rhythm-island-right{right:-18px;width:220px;height:124px;clip-path:polygon(0 100%,12% 58%,28% 52%,46% 26%,64% 34%,78% 16%,92% 28%,100% 100%)}.rhythm-sea{left:0;right:0;bottom:0;height:118px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 18%),repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 2px,transparent 2px 18px),linear-gradient(180deg,#0ea5e961,#082f49eb)}.rhythm-ship{left:50%;bottom:84px;width:112px;height:82px;transform:translate(-50%)}.rhythm-ship:before,.rhythm-ship:after{content:"";position:absolute}.rhythm-ship:before{left:8px;right:8px;bottom:0;height:26px;border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,#f59e0b,#7c2d12)}.rhythm-ship:after{left:54px;top:6px;width:6px;height:46px;background:#fff8dceb;box-shadow:18px 12px 0 -2px #f8fafce6,-20px 16px 0 -2px #f8fafcd6}@keyframes rhythmBurstPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}20%{opacity:1;transform:translate(-50%,-64%) scale(1)}to{opacity:0;transform:translate(-50%,-128%) scale(1.08)}}@keyframes rhythmPadSuccess{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.06)}to{transform:translateY(-2px) scale(1.02)}}@keyframes rhythmPadFail{0%{transform:translate(0) scale(1)}30%{transform:translate(-4px) scale(1.01)}60%{transform:translate(4px) scale(1.01)}to{transform:translate(0) scale(1)}}@keyframes rhythmBoardFlashGood{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes rhythmBoardFlashBad{0%{opacity:0}35%{opacity:1}to{opacity:0}}@keyframes rhythmNoteFloat{0%{opacity:.6;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.rhythm-card{position:relative;width:min(100%,960px);padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(250,204,21,.18),transparent 22%),radial-gradient(circle at 88% 16%,rgba(20,184,166,.2),transparent 24%),linear-gradient(180deg,#09263efa,#0b1224fa);border:1px solid rgba(125,211,252,.2)}.rhythm-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 42px)}.rhythm-topbar,.rhythm-help{position:relative;z-index:1;padding-inline:16px}.rhythm-topbar{width:100%;grid-template-columns:repeat(5,minmax(92px,1fr));gap:10px}.rhythm-counter-block{min-height:58px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 46%),#050f1fb8;border:1px solid rgba(125,211,252,.2);box-shadow:inset 0 0 0 1px #ffffff0a,0 14px 24px -22px #000000d1;backdrop-filter:blur(8px)}.rhythm-counter-label{color:#bef264c7}.rhythm-counter-value{color:#f8fafc!important;text-shadow:0 0 18px rgba(125,211,252,.36)}.rhythm-counter-block:has(#rhythmStreakDisplay) .rhythm-counter-value{color:#e2e8f0d6!important;text-shadow:0 0 12px rgba(125,211,252,.22)}.rhythm-counter-block.is-new-record{border-color:#facc1580;box-shadow:inset 0 0 0 1px #facc1529,0 0 24px #facc1529}.rhythm-counter-block.is-new-record .rhythm-counter-value{color:#fef9c3!important;animation:rhythmRecordPulse .9s ease-in-out infinite}.rhythm-face{border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,#14b8a6f5,#eab308e6);border:1px solid rgba(254,240,138,.34);box-shadow:0 16px 30px -22px #14b8a6b8,0 0 22px #eab30829}.rhythm-help{color:#e2e8f0d6!important;font-weight:700}.rhythm-table{width:min(100%,900px);border-radius:22px}.rhythm-menu-overlay{border-radius:22px;background:radial-gradient(circle at 50% 55%,rgba(45,212,191,.16),transparent 42%),#050f1f6b}.rhythm-menu-card{border-radius:20px;background:radial-gradient(circle at 18% 18%,rgba(250,204,21,.22),transparent 24%),radial-gradient(circle at 84% 14%,rgba(45,212,191,.2),transparent 22%),linear-gradient(180deg,#09263efa,#050f1ffa);border:1px solid rgba(125,211,252,.2)}.rhythm-menu-eyebrow{color:#bef264}.rhythm-board{--rhythm-hit-line: 76%;--rhythm-combo-heat: 0;height:clamp(560px,64vh,640px);border-radius:22px;background:radial-gradient(circle at 18% 18%,rgba(250,204,21,.18),transparent 18%),radial-gradient(circle at 82% 16%,rgba(45,212,191,.16),transparent 20%),linear-gradient(180deg,#07172e,#0b3152 46%,#062239 68%,#03111f);border:1px solid rgba(125,211,252,.24);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 -42px 80px #0000005c,0 26px 48px -36px #000000eb}.rhythm-board:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 0 32%,rgba(125,211,252,.08) 33%,transparent 34% 66%,rgba(125,211,252,.08) 67%,transparent 68%),radial-gradient(circle at 50% calc(var(--rhythm-hit-line) + 28px),rgba(190,242,100,calc(.16 + (var(--rhythm-combo-heat) * .2))),transparent 34%);mix-blend-mode:screen}.rhythm-stars,.rhythm-aurora,.rhythm-equalizer{position:absolute;pointer-events:none}.rhythm-stars{inset:0 0 45%;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 34% 12%,rgba(255,255,255,.58) 0 1px,transparent 2px),radial-gradient(circle at 62% 22%,rgba(255,255,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 76% 10%,rgba(255,255,255,.64) 0 1px,transparent 2px),radial-gradient(circle at 90% 28%,rgba(255,255,255,.5) 0 1px,transparent 2px);animation:rhythmStarsTwinkle 2.8s ease-in-out infinite alternate}.rhythm-aurora{left:-10%;right:-10%;top:38px;height:150px;background:linear-gradient(105deg,transparent 8%,rgba(45,212,191,.2) 28%,rgba(190,242,100,.12) 48%,transparent 72%);filter:blur(8px);opacity:.72;animation:rhythmAuroraDrift 5.2s ease-in-out infinite alternate}.rhythm-sky-glow{background:radial-gradient(circle at 18% 16%,rgba(250,204,21,.3),transparent 13%),radial-gradient(circle at 80% 18%,rgba(45,212,191,.24),transparent 16%)}.rhythm-moon{right:32px;top:26px;width:64px;height:64px;background:radial-gradient(circle at 38% 34%,#fff7ed,#fde68a 52%,rgba(250,204,21,.16) 70%,transparent 72%);box-shadow:0 0 34px #facc1552,0 0 80px #2dd4bf29}.rhythm-island{bottom:114px;background:linear-gradient(180deg,#1118273d,#050f1fd6)}.rhythm-sea{height:132px;background:linear-gradient(180deg,rgba(190,242,100,.12),transparent 18%),repeating-linear-gradient(175deg,rgba(125,211,252,.2) 0 2px,transparent 2px 24px),linear-gradient(180deg,#0e74909e,#03111ffa);animation:rhythmSeaRoll 3.8s linear infinite}.rhythm-ship{bottom:98px;width:128px;height:92px;animation:rhythmShipBob 1.45s ease-in-out infinite;filter:drop-shadow(0 16px 18px rgba(0,0,0,.34))}.rhythm-ship:before{left:9px;right:9px;bottom:0;height:30px;border-radius:18px 18px 12px 12px;background:linear-gradient(180deg,#facc15,#a16207 58%,#713f12);box-shadow:inset 0 -8px 12px #43140757}.rhythm-ship:after{left:62px;top:2px;width:6px;height:54px;background:#fefce8f0;box-shadow:20px 13px 0 -2px #f8fafceb,-22px 17px 0 -2px #f0fdf4e0,0 50px 0 16px #050f1f29}.rhythm-equalizer{left:24px;top:24px;z-index:2;display:flex;align-items:end;gap:4px;height:36px;opacity:.8}.rhythm-equalizer span{width:5px;height:12px;border-radius:999px;background:linear-gradient(180deg,#bef264,#2dd4bf);box-shadow:0 0 14px #2dd4bf52;animation:rhythmEqualizerPulse .76s ease-in-out infinite}.rhythm-equalizer span:nth-child(2){animation-delay:90ms}.rhythm-equalizer span:nth-child(3){animation-delay:.18s}.rhythm-equalizer span:nth-child(4){animation-delay:.27s}.rhythm-equalizer span:nth-child(5){animation-delay:.36s}.rhythm-tempo-meter{position:absolute;right:26px;top:92px;z-index:3;display:grid;gap:6px;width:128px;pointer-events:none}.rhythm-tempo-label{color:#bef264c7;font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;text-align:right;text-shadow:0 0 10px rgba(3,17,31,.62)}.rhythm-tempo-track{height:9px;border-radius:999px;overflow:hidden;background:#03111f9e;border:1px solid rgba(125,211,252,.18);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 18px #2dd4bf1f}.rhythm-tempo-track span{display:block;width:var(--rhythm-tempo-percent, 18%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#bef264 58%,#facc15);box-shadow:0 0 18px #bef2644d;transition:width .18s ease}.rhythm-lanes{padding:18px 18px 104px;gap:16px}.rhythm-lane{border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 20%),repeating-linear-gradient(180deg,rgba(190,242,100,.08) 0 2px,transparent 2px 34px),linear-gradient(180deg,#082f4929,#050f1f70);border:1px solid rgba(125,211,252,.16);box-shadow:inset 0 0 24px #0003}.rhythm-target-band{left:28px;right:28px;height:58px;border-radius:16px;background:linear-gradient(180deg,#ffffff24,#ffffff08),#03111f94;border:1px solid rgba(190,242,100,.28);box-shadow:inset 0 0 0 1px #ffffff12,0 0 28px #bef26438,0 0 calc(22px + (var(--rhythm-combo-heat) * 42px)) #2dd4bf47}.rhythm-target-band:before{top:7px;bottom:7px;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(190,242,100,.18) 24px 26px),linear-gradient(180deg,#2dd4bf2e,#facc1514)}.rhythm-target-band:after{top:27px;bottom:27px;background:#bef264;box-shadow:0 0 14px #bef264b3,0 0 28px #2dd4bf52;animation:rhythmHitLinePulse .9s ease-in-out infinite}.rhythm-hit-window-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-inline:0;z-index:1}.rhythm-hit-window{position:relative;display:grid;place-items:center}.rhythm-hit-window:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:38px;border-radius:12px;transform:translateY(-50%);background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 48%),#bef2641f;border:1px solid rgba(190,242,100,.28);box-shadow:inset 0 0 0 1px #ffffff0f,0 0 18px #bef26433}.rhythm-hit-window span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:28px;border-radius:9px;color:#03111f;background:#ecfdf5e6;font-size:1rem;font-weight:950;box-shadow:inset 0 -3px #0f172a29,0 0 14px #bef26447;animation:rhythmHitCuePulse .9s ease-in-out infinite}.rhythm-note{display:grid;place-items:center;width:min(190px,calc(33.333% - 22px));height:48px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff47,inset 0 -10px 18px #0000002e,0 0 22px #2dd4bf2e,0 18px 28px -18px #000000c7}.rhythm-note.is-approaching{filter:brightness(1.1) saturate(1.12);box-shadow:inset 0 1px #ffffff57,inset 0 -10px 18px #00000029,0 0 0 2px #bef2642e,0 0 26px #bef26447,0 18px 28px -18px #000000c7}.rhythm-note.is-perfect-zone{transform:translate(-50%) scale(1.035);box-shadow:inset 0 1px #fff6,inset 0 -10px 18px #00000024,0 0 0 3px #fef08a3d,0 0 34px #facc1557,0 18px 28px -18px #000000c7}.rhythm-note:before{content:"";position:absolute;inset:-45% -18%;background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.36) 48%,transparent 66%);transform:translate(-60%);animation:rhythmNoteSheen 1.1s ease-in-out infinite}.rhythm-note-key{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:28px;border-radius:9px;color:#03111f;background:#ffffffd6;font-size:1.02rem;font-weight:950;letter-spacing:0;box-shadow:inset 0 -3px #0f172a29}.rhythm-note-spark{position:absolute;inset:8px 12px auto auto;width:8px;height:8px;border-radius:50%;background:#fffc;box-shadow:0 0 14px #fffc}.rhythm-note.lane-0{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.32),transparent 18%),linear-gradient(135deg,#bef264,#16a34a)}.rhythm-note.lane-1{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.32),transparent 18%),linear-gradient(135deg,#67e8f9,#0e7490)}.rhythm-note.lane-2{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.32),transparent 18%),linear-gradient(135deg,#fde047,#ea580c)}.rhythm-pads{bottom:18px;left:18px;right:18px;gap:16px}.rhythm-pad{min-height:64px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%),#050f1fd6;border:1px solid rgba(125,211,252,.2);font-size:1.18rem;box-shadow:inset 0 -5px #00000038,0 18px 28px -24px #000000eb}.rhythm-pad.is-active{box-shadow:inset 0 -3px #0000002e,0 0 0 2px #bef2642e,0 0 26px #2dd4bf4d}.rhythm-pad.is-success{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 34%),linear-gradient(135deg,#bef2648f,#2dd4bf6b),#050f1fdb}.rhythm-pad.is-fail{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%),linear-gradient(135deg,#fb718575,#7f1d1d57),#050f1fdb}.rhythm-board.is-combo .rhythm-target-band{animation:rhythmComboTarget .72s ease-in-out infinite}.rhythm-board.is-combo .rhythm-equalizer span{animation-duration:.56s}.rhythm-board.is-high-combo .rhythm-aurora{opacity:.96;filter:blur(6px) saturate(1.18)}.rhythm-board.is-high-combo .rhythm-sea{filter:saturate(1.16) brightness(1.08)}.rhythm-board.is-high-combo .rhythm-hit-window:before{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 48%),#facc1529;border-color:#facc156b}.rhythm-board.is-new-record .rhythm-target-band{border-color:#facc158f}.rhythm-burst{border-radius:10px;background:#050f1fd1}.rhythm-burst.is-perfect{color:#fef9c3;background:linear-gradient(135deg,#bef26461,#facc1547),#050f1fd6}.rhythm-burst.is-good{color:#cffafe;background:linear-gradient(135deg,#2dd4bf57,#0e74903d),#050f1fd6}.rhythm-burst.is-early{color:#fed7aa;background:linear-gradient(135deg,#fb923c57,#ea580c3d),#050f1fdb}.rhythm-burst.is-late{color:#fecdd3;background:linear-gradient(135deg,#f43f5e57,#9f123942),#050f1fdb}.rhythm-burst.is-record{color:#fef9c3;background:linear-gradient(135deg,#facc156b,#2dd4bf42),#050f1fe0;box-shadow:0 0 0 1px #facc1533,0 18px 30px -20px #facc1580}@keyframes rhythmStarsTwinkle{0%{opacity:.5;transform:translateY(0)}to{opacity:1;transform:translateY(4px)}}@keyframes rhythmAuroraDrift{0%{transform:translate(-4%) skew(-8deg);opacity:.52}to{transform:translate(4%) skew(8deg);opacity:.82}}@keyframes rhythmSeaRoll{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,52px 24px,0 0}}@keyframes rhythmShipBob{0%,to{transform:translate(-50%) translateY(0) rotate(-1deg)}50%{transform:translate(-50%) translateY(5px) rotate(1deg)}}@keyframes rhythmEqualizerPulse{0%,to{height:10px;opacity:.55}50%{height:34px;opacity:1}}@keyframes rhythmHitLinePulse{0%,to{opacity:.58;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1)}}@keyframes rhythmHitCuePulse{0%,to{transform:translateY(0) scale(.96);opacity:.72}50%{transform:translateY(-1px) scale(1.06);opacity:1}}@keyframes rhythmNoteSheen{0%{transform:translate(-70%)}70%,to{transform:translate(70%)}}@keyframes rhythmComboTarget{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.015)}}@keyframes rhythmRecordPulse{0%,to{transform:scale(1);text-shadow:0 0 12px rgba(250,204,21,.24)}50%{transform:scale(1.06);text-shadow:0 0 24px rgba(250,204,21,.52)}}.flappy-card{position:relative;width:min(100%,760px);padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 34%),radial-gradient(circle at 82% 18%,rgba(14,165,233,.24),transparent 24%),linear-gradient(180deg,#bae6fdfa,#7dd3fcf5)}.flappy-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(125,211,252,.26),transparent 18%),radial-gradient(circle at 84% 18%,rgba(2,132,199,.2),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}.flappy-card.games-panel{overflow:hidden}.flappy-topbar,.flappy-help{position:relative;z-index:1;padding-inline:16px}.flappy-topbar{grid-template-columns:repeat(2,minmax(150px,180px));justify-content:center}.flappy-counter-block{background:#ffffffdb;box-shadow:inset 0 0 0 1px #e2e8f0eb;border:0}.flappy-counter-label{color:#115e59}.flappy-counter-value{color:#111827}.flappy-help{color:#374151!important;font-weight:600;margin-bottom:0}.flappy-table{position:relative;z-index:1;margin-top:12px}.flappy-table.is-menu-open>:not(.flappy-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.flappy-menu-overlay{position:absolute;inset:16px 0 0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px 24px 22px 22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.flappy-menu-overlay.is-entering{animation:flappyMenuFadeIn .26s ease}.flappy-menu-overlay.hidden{display:none}.flappy-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.flappy-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 36%),linear-gradient(180deg,#bae6fdfa,#7dd3fcf5);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.flappy-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.flappy-menu-title{margin:0;font-size:2rem;color:#0f172a}.flappy-menu-text{margin:0;color:#374151!important;opacity:1;font-weight:600;line-height:1.45}.flappy-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@keyframes flappyMenuFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.flappy-board{position:relative;width:100%;aspect-ratio:16 / 10;margin:16px 0 0;overflow:hidden;border-radius:24px 24px 22px 22px;border-left:0;border-right:0;border-bottom:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 14%),radial-gradient(circle at 72% 24%,rgba(255,255,255,.18),transparent 12%),radial-gradient(circle at 32% 64%,rgba(255,255,255,.08),transparent 14%),linear-gradient(180deg,#7dd3fcfa,#38bdf8db 52%,#0f172af0);border:1px solid rgba(125,211,252,.2);border-top:0}.flappy-backdrop,.flappy-cove,.flappy-rock-arch,.flappy-beach,.flappy-palm{position:absolute;pointer-events:none;will-change:transform}.flappy-backdrop{bottom:14%;background:linear-gradient(180deg,#0f172a2e,#0f172a61)}.flappy-backdrop-far{left:-4%;width:48%;height:28%;clip-path:polygon(0 100%,8% 72%,18% 68%,28% 44%,40% 56%,54% 28%,72% 44%,88% 18%,100% 100%);opacity:.52}.flappy-backdrop-near{right:-2%;width:58%;height:34%;background:linear-gradient(180deg,#0f172a2e,#0f172a75);clip-path:polygon(0 100%,10% 64%,22% 58%,36% 34%,52% 46%,68% 22%,82% 28%,94% 12%,100% 100%);opacity:.68}.flappy-cove{left:18%;bottom:14%;width:30%;height:18%;background:radial-gradient(circle at 48% 78%,rgba(15,23,42,.76) 0 34%,transparent 35%),linear-gradient(180deg,#1e293b75,#0f172ab3);clip-path:polygon(0 100%,8% 44%,20% 18%,34% 10%,52% 8%,70% 16%,84% 34%,100% 100%);opacity:.82}.flappy-rock-arch{right:20%;bottom:14%;width:22%;height:20%;background:radial-gradient(circle at 50% 76%,rgba(15,23,42,.96) 0 18%,transparent 19%),linear-gradient(180deg,#64748beb,#334155f5);clip-path:polygon(0 100%,8% 46%,18% 16%,34% 4%,52% 2%,68% 12%,84% 30%,100% 100%,82% 100%,76% 58%,64% 46%,50% 42%,36% 48%,24% 62%,18% 100%);opacity:.94}.flappy-beach{left:0;right:0;bottom:14%;height:11%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 24%),linear-gradient(180deg,#fde68a,#f59e0b 68%,#b45309);clip-path:polygon(0 52%,8% 44%,18% 40%,30% 46%,42% 58%,54% 64%,66% 60%,78% 48%,88% 42%,94% 46%,97% 58%,99% 76%,100% 100%,0 100%)}.flappy-beach:before{content:"";position:absolute;left:-2%;right:-2%;top:-20%;height:56%;background:radial-gradient(circle at 14% 88%,rgba(253,230,138,.98) 0 34%,transparent 35%),radial-gradient(circle at 34% 78%,rgba(253,230,138,.98) 0 28%,transparent 29%),radial-gradient(circle at 52% 94%,rgba(253,230,138,.98) 0 32%,transparent 33%),radial-gradient(circle at 72% 82%,rgba(253,230,138,.98) 0 30%,transparent 31%),radial-gradient(circle at 90% 88%,rgba(253,230,138,.98) 0 34%,transparent 35%);opacity:.92}.flappy-palm{bottom:14%;width:54px;height:130px}.flappy-palm:before,.flappy-palm:after{content:"";position:absolute}.flappy-palm:before{left:22px;bottom:0;width:10px;height:86px;background:linear-gradient(180deg,#92400e,#78350f);border-radius:999px;transform:skew(-6deg);box-shadow:inset 0 0 0 1px #ffffff0f}.flappy-palm:after{left:-2px;top:10px;width:58px;height:58px;background:linear-gradient(24deg,transparent 44%,#16a34a 44% 54%,transparent 54%) center / 100% 100% no-repeat,linear-gradient(156deg,transparent 44%,#22c55e 44% 54%,transparent 54%) center / 100% 100% no-repeat,linear-gradient(90deg,transparent 44%,#15803d 44% 54%,transparent 54%) center / 100% 100% no-repeat,linear-gradient(0deg,transparent 44%,#4ade80 44% 54%,transparent 54%) center / 100% 100% no-repeat;border-radius:50%}.flappy-palm-left{left:44px;transform:scale(.92)}.flappy-palm-right{right:58px;transform:scale(1.04)}.flappy-bird{position:absolute;width:52px;height:40px;border-radius:58% 42% 46% 54%/44% 46% 54% 56%;background:radial-gradient(circle at 64% 34%,rgba(15,23,42,.98) 0 8%,transparent 9%),radial-gradient(circle at 58% 74%,rgba(255,255,255,.18),transparent 20%),linear-gradient(180deg,#ef4444,#b91c1c 64%,#f59e0b 64% 100%);box-shadow:inset -10px 0 #0ea5e942,0 10px 18px -12px #0f172abd;transform-origin:center}.flappy-bird:before,.flappy-bird:after{content:"";position:absolute}.flappy-bird:before{right:-10px;top:14px;width:18px;height:10px;background:linear-gradient(180deg,#facc15,#f97316);clip-path:polygon(0 50%,100% 0,100% 100%)}.flappy-bird:after{left:6px;top:-6px;width:16px;height:14px;background:linear-gradient(180deg,#1e293b,#020617);border-radius:8px 8px 2px 2px;box-shadow:6px 4px 0 -4px #ffffff2e,2px 12px 0 -5px #f59e0bf5}@keyframes flappy-bird-spawn{0%{opacity:0;transform:translate(-200px) scale(.72) rotate(-22deg)}20%{opacity:1}58%{transform:translate(18px) scale(1.16) rotate(11deg)}76%{transform:translate(-8px) scale(.91) rotate(-4deg)}90%{transform:translate(5px) scale(1.05) rotate(2deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}.flappy-bird.is-spawning{animation:flappy-bird-spawn .68s cubic-bezier(.18,1,.28,1) forwards}.flappy-pipe{position:absolute;width:86px;border-radius:18px;background:linear-gradient(90deg,rgba(56,189,248,.16),transparent 16%,transparent 84%,rgba(56,189,248,.16)),linear-gradient(180deg,#e2e8f0fa,#94a3b8eb);box-shadow:inset 0 0 0 1px #ffffff14}.flappy-pipe-top{border-radius:0 0 18px 18px}.flappy-pipe-bottom{border-radius:18px 18px 0 0}.flappy-ground{position:absolute;left:0;right:0;bottom:0;height:14%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 16%),linear-gradient(180deg,#3b82f629,#0f172a1f),linear-gradient(180deg,#14b8a6,#0f766e 42%,#134e4a)}.flappy-splash{position:absolute;border-radius:999px;background:radial-gradient(circle at 35% 35%,#fffffff5 0 24%,#bae6fde0 25% 62%,#0ea5e91f 63% 100%);box-shadow:0 0 0 1px #ffffff29,0 8px 16px -10px #082f49a3;pointer-events:none;animation:flappy-splash-pop .62s ease-out forwards;animation-delay:var(--flappy-splash-delay, 0ms)}@keyframes flappy-splash-pop{0%{opacity:.65;transform:translate(-50%,-46%) scale(.55)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--flappy-splash-dx, 0px)),calc(-50% + var(--flappy-splash-dy, -18px))) scale(.72)}}.flappy-cloud{position:absolute;height:26px;border-radius:999px;background:#ffffff9e;filter:blur(.2px);will-change:transform}.flappy-cloud:before,.flappy-cloud:after{content:"";position:absolute;background:#ffffff9e;border-radius:50%}.flappy-cloud-a{width:78px;top:44px;left:54px}.flappy-cloud-a:before{width:24px;height:24px;left:10px;top:-12px}.flappy-cloud-a:after{width:30px;height:30px;right:12px;top:-16px}.flappy-cloud-b{width:62px;top:86px;right:78px;opacity:.82}.flappy-cloud-b:before{width:22px;height:22px;left:8px;top:-10px}.flappy-cloud-b:after{width:26px;height:26px;right:8px;top:-14px}.tetris-stage{position:relative;z-index:1;min-height:0}.tetris-table{position:relative;z-index:1;width:min(100%,320px);margin:0 auto;border-radius:20px}.tetris-next-panel{position:absolute;top:14px;left:calc(50% + (var(--tetris-table-width, 320px) / 2) + 18px);width:146px;padding:12px;border-radius:18px;background:radial-gradient(circle at top,rgba(148,163,184,.2),transparent 42%),linear-gradient(180deg,#0f172aeb,#1e293be6);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 40px -28px #0f172ae6}.tetris-next-title{margin:0 0 10px;font-size:.69rem;font-weight:800;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0eb}.tetris-next-queue{display:grid;gap:10px}.tetris-next-item{display:grid;gap:8px;padding:10px;border-radius:14px;background:#0f172a75;border:1px solid rgba(148,163,184,.1)}.tetris-next-label{font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bfdbfee0}.tetris-next-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;aspect-ratio:1 / 1}.tetris-next-cell{border-radius:6px;background:#1e293bc7;border:1px solid rgba(148,163,184,.08)}.tetris-next-cell.is-filled{background:linear-gradient(180deg,rgba(255,248,220,.18),transparent 32%),linear-gradient(135deg,#78350f47,#451a0314),var(--tetris-color);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 2px #78350f57}.tetris-next-cell.is-filled:before{content:"";display:block;width:100%;height:100%;border-radius:5px;background:linear-gradient(45deg,transparent 42%,rgba(245,158,11,.22) 42% 48%,transparent 48%) center / 100% 100% no-repeat,linear-gradient(-45deg,transparent 42%,rgba(245,158,11,.22) 42% 48%,transparent 48%) center / 100% 100% no-repeat,linear-gradient(180deg,transparent 46%,rgba(69,26,3,.18) 46% 54%,transparent 54%) center / 100% 100% no-repeat,linear-gradient(90deg,transparent 46%,rgba(69,26,3,.18) 46% 54%,transparent 54%) center / 100% 100% no-repeat}.tetris-stage.is-menu-open .tetris-next-panel{filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.tetris-table.is-menu-open>:not(.tetris-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.tetris-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;border-radius:20px;background:#082f4938;opacity:1;transition:opacity .26s ease,transform .26s ease}.tetris-menu-overlay.hidden{display:none}.tetris-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.tetris-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.tetris-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(96,165,250,.18),transparent 22%),radial-gradient(circle at 82% 18%,rgba(251,146,60,.16),transparent 22%),radial-gradient(circle at 26% 78%,rgba(253,224,71,.12),transparent 22%),linear-gradient(180deg,#1e3a5ffa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.tetris-menu-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#fb923c}.tetris-menu-title{margin:0;font-size:1.7rem;color:#f8fafc}.tetris-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45;font-size:.95rem}.tetris-menu-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tetris-board{position:relative;overflow:hidden;width:100%;aspect-ratio:10 / 18;margin:0 auto;padding:8px;touch-action:none;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;border-radius:20px;background:linear-gradient(180deg,#3b82f61f,#0f172a3d),#0f172ab8;border:1px solid rgba(99,102,241,.18);box-shadow:inset 0 1px #ffffff0a}.tetris-board:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(96,165,250,.16),transparent 36%),linear-gradient(120deg,transparent 0 36%,rgba(148,197,255,.08) 46%,transparent 58% 100%);transform:translate3d(-10%,0,0);opacity:.58}.tetris-board.is-live:before{animation:tetrisBoardDrift 4.6s ease-in-out infinite alternate}.tetris-board.is-piece-spawning{animation:tetrisBoardSpawnPulse .42s cubic-bezier(.22,.82,.24,1)}.tetris-board.is-line-clearing{animation:tetrisBoardLineFlash .52s ease-out}.tetris-cell{position:relative;border-radius:8px;background:#1e293b9e;border:1px solid rgba(148,163,184,.08);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.tetris-cell.is-filled{background:linear-gradient(180deg,rgba(255,248,220,.18),transparent 32%),linear-gradient(135deg,#78350f47,#451a0314),var(--tetris-color);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 2px #78350f57}.tetris-cell.is-active-piece{filter:saturate(1.12) brightness(1.06);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 0 2px #78350f57,0 0 14px #60a5fa33}.tetris-cell.is-filled:before{content:"";display:block;width:100%;height:100%;border-radius:7px;background:linear-gradient(45deg,transparent 42%,rgba(245,158,11,.22) 42% 48%,transparent 48%) center / 100% 100% no-repeat,linear-gradient(-45deg,transparent 42%,rgba(245,158,11,.22) 42% 48%,transparent 48%) center / 100% 100% no-repeat,linear-gradient(180deg,transparent 46%,rgba(69,26,3,.18) 46% 54%,transparent 54%) center / 100% 100% no-repeat,linear-gradient(90deg,transparent 46%,rgba(69,26,3,.18) 46% 54%,transparent 54%) center / 100% 100% no-repeat;opacity:.95;pointer-events:none}.tetris-cell.is-clearing-row{animation:tetrisLineCellBurst .34s cubic-bezier(.2,.86,.24,1) forwards}.tetris-clear-particle{position:absolute;left:var(--tetris-particle-left);top:var(--tetris-particle-top);width:8px;height:8px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fffffff2,#ffffff73 35%,#facc15e6 55%,#fb923c33);box-shadow:0 0 14px #facc156b;pointer-events:none;opacity:0;transform:translate(-50%,-50%);animation:tetrisClearParticle .36s ease-out forwards}.tetris-counter-value.is-updating{animation:tetrisHudPulse .42s ease-out}.tetris-next-item{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tetris-next-item:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 28%,rgba(255,255,255,.08) 48%,transparent 68% 100%);transform:translate(-130%)}.tetris-next-item.is-incoming{border-color:#7dd3fc3d;box-shadow:0 14px 24px -22px #38bdf8e6;animation:tetrisNextIncoming 1.4s ease-in-out infinite}.tetris-next-item.is-incoming:after{animation:tetrisNextSweep 1.8s ease-in-out infinite}@keyframes tetrisBoardDrift{0%{transform:translate3d(-10%,0,0);opacity:.5}to{transform:translate3d(10%,0,0);opacity:.72}}@keyframes tetrisBoardSpawnPulse{0%{box-shadow:inset 0 1px #ffffff0a,0 0 #38bdf800}45%{box-shadow:inset 0 1px #ffffff0f,0 0 16px #38bdf81f}to{box-shadow:inset 0 1px #ffffff0a,0 0 #38bdf800}}@keyframes tetrisBoardLineFlash{0%{transform:scale(1);filter:saturate(1)}30%{transform:scale(1.008);filter:saturate(1.12) brightness(1.05)}to{transform:scale(1);filter:saturate(1)}}@keyframes tetrisLineCellBurst{0%{transform:scale(1);filter:brightness(1);opacity:1}45%{transform:scale(1.06);filter:brightness(1.36) saturate(1.3);opacity:1}to{transform:scale(.72);filter:brightness(1.55) saturate(.9);opacity:0}}@keyframes tetrisClearParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:.96;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--tetris-particle-drift-x)),calc(-50% + var(--tetris-particle-drift-y))) scale(.3)}}@keyframes tetrisHudPulse{0%{transform:scale(1);color:var(--primary-color);text-shadow:none}35%{transform:scale(1.16);color:#93c5fd;text-shadow:0 0 14px rgba(96,165,250,.34)}to{transform:scale(1);color:var(--primary-color);text-shadow:none}}@keyframes tetrisNextIncoming{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tetrisNextSweep{0%{transform:translate(-130%);opacity:0}26%{opacity:.82}62%{transform:translate(130%);opacity:.28}to{transform:translate(130%);opacity:0}}.pacman-topbar{grid-template-columns:repeat(4,minmax(0,1fr))}.pacman-topbar:has(#pacmanStartButton[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}.pacman-table{position:relative;z-index:1;width:min(100%,926px);margin:0 auto;border-radius:20px}.pacman-table.is-menu-open>:not(.pacman-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.pacman-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:20px;background:#082f4938;opacity:1;transition:opacity .26s ease,transform .26s ease}.pacman-menu-overlay.hidden{display:none}.pacman-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.pacman-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.pacman-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(0,173,181,.22),transparent 28%),radial-gradient(circle at 82% 18%,rgba(0,109,119,.18),transparent 28%),radial-gradient(circle at 50% 80%,rgba(244,162,97,.12),transparent 30%),linear-gradient(180deg,#051226fa,#030c1cfa);box-shadow:0 24px 48px -30px #000000f2;display:grid;gap:14px;text-align:center}.pacman-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#2dd4bf}.pacman-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.pacman-menu-text{margin:0;color:#cbd5e1!important;font-weight:600;line-height:1.45}.pacman-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pacman-board{--pacman-cols: 27;--pacman-gap: 2px;--pacman-padding: 8px;position:relative;width:100%;margin:0 auto;padding:0;touch-action:none;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(0,109,119,.22) 0%,transparent 55%),radial-gradient(ellipse at 70% 80%,rgba(0,173,181,.14) 0%,transparent 50%),#05101e;border:2px solid rgba(0,173,181,.35)}.pacman-grid{padding:var(--pacman-padding);display:grid;grid-template-columns:repeat(var(--pacman-cols),minmax(0,1fr));gap:var(--pacman-gap)}.pacman-overlay{position:absolute;inset:var(--pacman-padding);pointer-events:none}.pacman-table.is-menu-open .pacman-overlay{visibility:hidden}@keyframes pacman-entity-spawn{0%{opacity:0;scale:.15}to{opacity:1;scale:1}}.pacman-hero.is-spawning,.pacman-ghost.is-spawning{animation:pacman-entity-spawn .28s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--spawn-delay, 0ms)}.pacman-countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:4;font-size:clamp(3.8rem,11vw,6.4rem);font-weight:900;letter-spacing:.04em;color:#2dd4bffa;text-shadow:0 0 22px rgba(0,173,181,.5);background:radial-gradient(circle at center,rgba(5,16,30,.22),rgba(5,16,30,.04) 48%,transparent 72%);pointer-events:none}.pacman-countdown:not(.hidden){animation:pongCountdownReveal .52s cubic-bezier(.2,.9,.22,1)}.pacman-cell{position:relative;aspect-ratio:1 / 1;border-radius:4px;background:#05101e8c}.pacman-cell-wall{background:linear-gradient(145deg,#0d2b40,#1a4560 60%,#0d2b40);box-shadow:inset 0 1px #00adb52e,inset 0 0 0 1px #00506466;border-radius:4px}.pacman-cell-door{background:linear-gradient(180deg,#00c8d247,#0096a52e);box-shadow:inset 0 2px #00d2e68c;border-radius:4px}.pacman-cell-spawn{background:#030a16e0;border-radius:4px}.pacman-pellet,.pacman-hero,.pacman-ghost{position:absolute;left:0;top:0}.pacman-pellet{left:50%;top:50%;transform:translate(-50%,-50%);width:20%;height:20%;border-radius:50%;background:radial-gradient(circle,#f0f7ff 0%,#a8d4f0 55%,transparent 100%);box-shadow:0 0 3px #a8d4f099}.pacman-cell-power .pacman-pellet{width:58%;height:58%;background:radial-gradient(circle,#ffffff 0%,#7dd3fc 40%,rgba(56,189,248,.4) 75%,transparent 100%);box-shadow:0 0 6px #7dd3fce6,0 0 14px #38bdf873;animation:pacman-pearl-pulse 1.1s ease-in-out infinite}@keyframes pacman-pearl-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(.82)}}.pacman-hero{left:var(--pacman-x, 0px);top:var(--pacman-y, 0px);transform:rotate(var(--pacman-rotation, 0deg));border-radius:50%;transition:left .18s linear,top .18s linear,transform .18s linear;background:conic-gradient(from 30deg,#f4a261 0 310deg,transparent 310deg 360deg);box-shadow:0 0 8px #f4a26173}.pacman-ghost{left:var(--pacman-x, 0px);top:var(--pacman-y, 0px);transform:none;transition:left .18s linear,top .18s linear;border-radius:50% 50% 32% 32%}.pacman-ghost:before,.pacman-ghost:after{content:"";position:absolute;top:22%;width:16%;height:16%;border-radius:50%;background:#ffffffeb}.pacman-ghost:before{left:24%}.pacman-ghost:after{right:24%}.pacman-ghost.ghost-a{background:linear-gradient(180deg,#ef4444,#7f1d1d);box-shadow:0 0 14px #ef444438}.pacman-ghost.ghost-b{background:linear-gradient(180deg,#2dd4bf,#0f766e);box-shadow:0 0 14px #2dd4bf38}.pacman-ghost.ghost-c{background:linear-gradient(180deg,#60a5fa,#1d4ed8);box-shadow:0 0 14px #60a5fa38}.pacman-ghost.ghost-d{background:linear-gradient(180deg,#fb923c,#9a3412);box-shadow:0 0 14px #fb923c38}.pacman-ghost.is-frightened{background:linear-gradient(180deg,#1e3a8a,#0f172a)!important;box-shadow:0 0 10px #3b82f647!important}.pacman-ghost.is-frightened:before,.pacman-ghost.is-frightened:after{background:#93c5fdd9}.pacman-ghost.is-frightened-flash{animation:pacman-ghost-flash .28s ease-in-out infinite!important}@keyframes pacman-ghost-flash{0%,to{background:linear-gradient(180deg,#1e3a8a,#0f172a);box-shadow:0 0 10px #3b82f647}50%{background:linear-gradient(180deg,#f8fafc,#cbd5e1);box-shadow:0 0 10px #fff6}}.pacman-ghost.is-eaten{background:transparent!important;box-shadow:none!important;border-radius:0!important}.pacman-ghost.is-eaten:before,.pacman-ghost.is-eaten:after{width:24%;height:24%;top:28%;background:#fff;box-shadow:0 0 4px #ffffffb3}@keyframes pacman-die{0%{transform:rotate(var(--pacman-rotation,0deg)) scale(1);opacity:1}30%{transform:rotate(var(--pacman-rotation,0deg)) scale(1.3);opacity:1}to{transform:rotate(var(--pacman-rotation,0deg)) scale(0);opacity:0}}.pacman-hero.is-dying{animation:pacman-die .7s ease-in forwards;transition:none}@keyframes pacman-popup-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-32px)}}.pacman-score-popup{position:absolute;font-weight:700;font-size:.85rem;color:#f4e04d;pointer-events:none;animation:pacman-popup-rise .9s ease-out forwards;white-space:nowrap;z-index:10;text-shadow:0 1px 3px #000a}.solitaire-table{position:relative;z-index:1;width:100%;margin:0 auto;border-radius:24px;padding:18px 18px 22px;min-height:646px;overflow:hidden;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 26%),radial-gradient(circle at 82% 14%,rgba(251,191,36,.12),transparent 22%),linear-gradient(180deg,#0b5643f5,#052e24fa);box-shadow:inset 0 1px #ffffff14,0 26px 70px -44px #0f172aeb}.solitaire-table:before{content:"";position:absolute;inset:12px;border-radius:20px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.solitaire-table:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.03) 48% 49%,transparent 49% 100%),linear-gradient(45deg,transparent 0 58%,rgba(255,255,255,.03) 58% 59%,transparent 59% 100%);background-size:36px 36px;opacity:.34;pointer-events:none}.solitaire-table.is-menu-open>:not(.solitaire-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.solitaire-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:radial-gradient(circle at 50% 26%,rgba(250,204,21,.12),transparent 34%),#052e2457;opacity:1;transition:opacity .26s ease,transform .26s ease}.solitaire-menu-overlay.hidden{display:none}.solitaire-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.solitaire-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.solitaire-menu-card{position:relative;overflow:hidden;width:min(100%,440px);padding:28px 24px 26px;border-radius:28px;background:radial-gradient(circle at 16% 14%,rgba(250,204,21,.16),transparent 28%),radial-gradient(circle at 84% 16%,rgba(14,116,144,.13),transparent 30%),linear-gradient(180deg,#fffffffa,#f1f5f9f5);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px #94a3b838,0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.solitaire-menu-card:before,.solitaire-menu-card:after{content:"";position:absolute;width:72px;height:96px;border-radius:14px;border:1px solid rgba(15,118,110,.12);background:radial-gradient(circle at 50% 48%,rgba(15,118,110,.09),transparent 48%),linear-gradient(180deg,#ffffff80,#e2e8f052);pointer-events:none}.solitaire-menu-card:before{left:-26px;bottom:-32px;transform:rotate(-14deg)}.solitaire-menu-card:after{right:-24px;top:-34px;transform:rotate(16deg)}.solitaire-menu-card>*{position:relative;z-index:1}.solitaire-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.solitaire-menu-title{margin:0;font-size:2rem;color:#0f172a}.solitaire-menu-text{margin:0;color:#374151!important;font-weight:600;line-height:1.45}.solitaire-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.solitaire-menu-actions .game-menu-primary-button{background:linear-gradient(135deg,#0f766e,#14532d);box-shadow:0 16px 28px -20px #064e3be6}.solitaire-menu-actions .game-menu-secondary-button{background:#ffffffb8;color:#0f172a;border-color:#0f766e42;box-shadow:inset 0 0 0 1px #ffffffb8}.solitaire-layout{display:grid;gap:18px;position:relative;z-index:1;min-height:100%}.solitaire-top-row{display:grid;grid-template-columns:var(--solitaire-column-width) calc(var(--solitaire-card-width) + 28px) minmax(154px,172px) 1fr;gap:16px;align-items:start}.solitaire-slot,.solitaire-foundations{min-height:calc(var(--solitaire-card-height) + 16px)}.solitaire-slot{width:var(--solitaire-column-width);position:relative}.solitaire-waste{width:calc(var(--solitaire-card-width) + 18px)}.solitaire-foundations{display:grid;grid-template-columns:repeat(4,minmax(0,var(--solitaire-column-width)));gap:12px;justify-content:end}.solitaire-topbar{margin:0;grid-template-columns:1fr;align-content:start;gap:8px;justify-self:center;position:relative;z-index:2;min-width:0;width:min(100%,172px)}.solitaire-topbar:has(#solitaireRestartButton[hidden]){grid-template-columns:minmax(0,1fr)}.solitaire-counter-block{padding:8px 10px;border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(250,204,21,.14),transparent 58%),linear-gradient(180deg,#fffffff5,#f8fafcf0);border:1px solid rgba(148,163,184,.28);box-shadow:inset 0 1px #ffffffe6,0 16px 30px -24px #0f172a5c;min-height:50px;width:100%}.solitaire-counter-label{color:#475569;margin-bottom:2px;font-size:.68rem}.solitaire-counter-value{color:#0f172a;text-shadow:none;font-size:clamp(.95rem,1.7vw,1.2rem)}.solitaire-tableau{display:grid;grid-template-columns:repeat(7,minmax(0,var(--solitaire-column-width)));gap:12px;justify-content:space-between;align-items:stretch}.solitaire-column{position:relative;min-height:500px;border-radius:22px;background:linear-gradient(180deg,#064e3b75,#062e2547),#0f172a2e;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f;padding:8px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.solitaire-playing-card,.solitaire-playing-card-back,.solitaire-playing-card-placeholder{width:var(--solitaire-card-width);min-height:var(--solitaire-card-height);border-radius:16px;display:grid;place-items:center;font-size:1.3rem;font-weight:800;letter-spacing:.02em}.solitaire-playing-card,.solitaire-playing-card-back{position:absolute;left:8px;touch-action:none}.solitaire-playing-card{padding:10px;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;align-items:stretch;justify-items:stretch;background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 28%),linear-gradient(180deg,#fffffffc,#f0f9fff0);color:#0f172a;border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 30px -24px #0f172adb,0 6px 14px -10px #0f172a61;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .18s ease;will-change:transform}.solitaire-playing-card.red{color:#be123c}.solitaire-playing-card.black{color:#0f172a}.solitaire-playing-card.is-hidden,.solitaire-playing-card-back{background:linear-gradient(135deg,#0e7490f0,#1e40afeb),url(assets/branding/logo-baie-cartoon.svg) center / 100% 100% no-repeat;border:1px solid rgba(191,219,254,.22);color:#fff;letter-spacing:.12em;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 28px -22px #0f172ae6}.card-back-emblem{display:block;width:72%;height:72%;background:url(assets/branding/logo-baie-cartoon.svg) center / contain no-repeat;filter:drop-shadow(0 8px 10px rgba(15,23,42,.28))}.solitaire-playing-card.is-hidden .card-back-emblem,.solitaire-playing-card-back .card-back-emblem{width:100%;height:100%;background:none;filter:none}.solitaire-playing-card.is-selected{border-color:#38bdf8e0;box-shadow:0 0 0 3px #38bdf83d,0 0 22px #0ea5e947,0 18px 30px -22px #0ea5e9b8;transform:translateY(-6px) scale(1.01)}.solitaire-playing-card:hover,.solitaire-playing-card-back:hover{transform:translateY(-4px);box-shadow:0 20px 34px -24px #0f172ae0,0 8px 18px -10px #0f172a6b}.solitaire-playing-card.is-selected:hover,.solitaire-playing-card.is-selected:focus-visible{border-color:#38bdf8f0;box-shadow:0 0 0 3px #38bdf847,0 0 26px #0ea5e957,0 18px 30px -22px #0ea5e9c2;transform:translateY(-6px) scale(1.01)}.solitaire-playing-card.is-drag-origin{opacity:0;visibility:hidden}.solitaire-playing-card.is-animated{animation:solitaireCardSlideIn .42s cubic-bezier(.22,1,.36,1)}.solitaire-playing-card.is-flipped{animation:solitaireCardFlipReveal .48s cubic-bezier(.16,1,.3,1);transform-origin:center center;backface-visibility:hidden}.solitaire-playing-card.is-foundation-flight{animation:solitaireFoundationLift .56s cubic-bezier(.16,1,.3,1)}.solitaire-playing-card-placeholder{background:#0f172a3d;border:1px dashed rgba(226,232,240,.24);color:#e2e8f0b8;transition:border-color .18s ease,background .18s ease,transform .18s ease}.solitaire-stock .solitaire-playing-card-back,.solitaire-stock .solitaire-playing-card-placeholder,.solitaire-foundations .solitaire-playing-card,.solitaire-foundations .solitaire-playing-card-placeholder{position:static;justify-self:center}.solitaire-waste .solitaire-playing-card,.solitaire-waste .solitaire-playing-card-placeholder{position:absolute}.solitaire-waste .solitaire-playing-card:hover,.solitaire-waste .solitaire-playing-card.is-selected,.solitaire-waste .solitaire-playing-card.is-selected:hover,.solitaire-waste .solitaire-playing-card:focus-visible{transform:none}.solitaire-waste .solitaire-playing-card-placeholder{left:0;top:0}.solitaire-playing-card.is-waste-underlay{pointer-events:none;filter:saturate(.88) brightness(.98)}.solitaire-column.is-drop-target,.solitaire-foundations .is-drop-target,.solitaire-foundations .solitaire-playing-card-placeholder.is-drop-target{border-color:#facc15b8;background:#facc1524;box-shadow:inset 0 0 0 1px #facc1542,0 18px 32px -28px #facc15b3;transform:translateY(-2px)}.solitaire-card-corner{display:grid;grid-column:1;grid-row:1;place-self:start start;justify-items:start;gap:1px;line-height:1;font-size:.95rem}.solitaire-card-corner.is-bottom{grid-column:2;grid-row:3;place-self:end end;justify-items:end;transform:rotate(180deg)}.solitaire-card-rank{font-size:1rem}.solitaire-card-suit{font-size:.92rem}.solitaire-card-center{grid-column:1 / span 2;grid-row:2;place-self:center;font-size:2.5rem;line-height:1;filter:drop-shadow(0 6px 8px rgba(15,23,42,.08))}.solitaire-drag-preview{position:fixed;top:0;left:0;overflow:visible;pointer-events:none;z-index:50}.solitaire-drag-card{position:absolute;left:0;border-radius:16px;padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;align-items:stretch;justify-items:stretch;background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 28%),linear-gradient(180deg,#fffffffc,#f0f9fff0);border:1px solid rgba(148,163,184,.22);box-shadow:0 0 0 3px #38bdf82e,0 0 18px #0ea5e938,0 22px 40px -18px #0f172a75,0 12px 24px -18px #0f172a57}.solitaire-drag-card.red{color:#be123c}.solitaire-drag-card.black{color:#0f172a}@keyframes solitaireCardSlideIn{0%{opacity:0;transform:translate3d(0,-18px,0) scale(.96)}65%{opacity:1;transform:translate3d(0,4px,0) scale(1.01)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes solitaireCardFlipReveal{0%{transform:perspective(900px) rotateY(90deg) scale(.94);filter:brightness(.88)}50%{transform:perspective(900px) rotateY(-12deg) scale(1.02);filter:brightness(1.04)}to{transform:perspective(900px) rotateY(0) scale(1);filter:brightness(1)}}@keyframes solitaireFoundationLift{0%{transform:translateY(0) scale(1);box-shadow:0 18px 30px -24px #0f172adb,0 6px 14px -10px #0f172a61}45%{transform:translateY(-12px) scale(1.04);box-shadow:0 0 0 3px #fbbf242e,0 0 26px #fbbf243d,0 22px 34px -20px #0f172a75}to{transform:translateY(0) scale(1);box-shadow:0 18px 30px -24px #0f172adb,0 6px 14px -10px #0f172a61}}.foundation-spades,.foundation-clubs{color:#e2e8f0c7}.foundation-hearts,.foundation-diamonds{color:#fb7185d6}.flowfree-topbar,.magicsort-topbar,.mentalmath-topbar,.candycrush-topbar,.harborrun-topbar,.stacker-topbar{display:grid;grid-template-columns:repeat(3,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px}.flowfree-counter-block,.magicsort-counter-block,.mentalmath-counter-block,.candycrush-counter-block,.harborrun-counter-block,.stacker-counter-block{padding:10px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(99,102,241,.18);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}.flowfree-counter-label,.magicsort-counter-label,.mentalmath-counter-label,.candycrush-counter-label,.harborrun-counter-label,.stacker-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.flowfree-counter-value,.magicsort-counter-value,.mentalmath-counter-value,.candycrush-counter-value,.harborrun-counter-value,.stacker-counter-value{font-size:clamp(1.05rem,2.4vw,1.55rem);color:var(--primary-color)}.flowfree-face,.magicsort-face,.mentalmath-face,.candycrush-face,.harborrun-face,.stacker-face{width:100%;min-height:60px;border-radius:16px;color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em}.flowfree-face{background:linear-gradient(135deg,#2dd4bff0,#2563ebe0);box-shadow:0 18px 34px -24px #2dd4bf8f}.magicsort-face{background:linear-gradient(135deg,#c084fcf0,#0ea5e9e0);box-shadow:0 18px 34px -24px #c084fc8f}.mentalmath-face{background:linear-gradient(135deg,#2563ebf0,#14b8a6e0);box-shadow:0 18px 34px -24px #2563eb8f}.candycrush-face{background:linear-gradient(135deg,#ec4899f0,#3b82f6e0);box-shadow:0 18px 34px -24px #ec48998f}.harborrun-face{background:linear-gradient(135deg,#0ea5e9f0,#f97316e0);box-shadow:0 18px 34px -24px #0ea5e98f}.stacker-face{background:linear-gradient(135deg,#fbbf24f0,#14b8a6e0);box-shadow:0 18px 34px -24px #fbbf248f}.flowfree-help,.magicsort-help,.mentalmath-help,.candycrush-help,.harborrun-help,.stacker-help{margin:0 0 14px;text-align:center;color:var(--muted-text)}.flowfree-table{position:relative;z-index:1;width:min(100%,560px);margin:0 auto;border-radius:24px}.flowfree-table.is-menu-open>:not(.flowfree-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.flowfree-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f4942;opacity:1;transition:opacity .26s ease,transform .26s ease}.flowfree-menu-overlay.hidden{display:none}.flowfree-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.flowfree-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.flowfree-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(251,191,36,.18),transparent 22%),radial-gradient(circle at 82% 18%,rgba(253,186,116,.16),transparent 22%),linear-gradient(180deg,#30180cfa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.flowfree-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fbbf24}.flowfree-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.flowfree-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.flowfree-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.flowfree-board{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;border-radius:24px;background:linear-gradient(90deg,rgba(60,24,8,.32) 0 6%,transparent 6% 94%,rgba(60,24,8,.32) 94% 100%),repeating-linear-gradient(90deg,#58281061 0 44px,#34180a94 44px 48px,#24120961 48px 92px),linear-gradient(180deg,#0f172a14,#0f172a42),linear-gradient(180deg,#4a2b16,#2f1b0f 58%,#160c06);border:1px solid rgba(251,191,36,.18);box-shadow:inset 0 0 0 2px #ffffff0a,0 20px 36px -24px #0f172ad1;touch-action:none}.flowfree-cell{aspect-ratio:1 / 1;border:none;border-radius:16px;position:relative;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,#0f172a2e,#0f172a47),#3b23149e;box-shadow:inset 0 0 0 1px #fbbf2414,inset 0 -10px 14px #0f172a1f;cursor:pointer;transition:box-shadow .14s ease,background .18s ease;will-change:box-shadow}.flowfree-cell:hover{transform:none;filter:none}.flowfree-cell:before,.flowfree-cell:after{content:"";position:absolute;inset:0;transition:transform .14s ease,opacity .14s ease,box-shadow .18s ease,filter .18s ease}.flowfree-cell:before{inset:50%;transform:translate(-50%,-50%);width:34%;height:34%;border-radius:999px;background:var(--flow-color, transparent);box-shadow:0 0 0 3px #ffffff3d,0 0 0 7px #0f172a57,0 0 18px color-mix(in srgb,var(--flow-color, transparent) 60%,transparent),0 8px 16px -10px #0f172ab8;opacity:.92}.flowfree-cell.is-anchor:hover:before{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 3px #ffffff42,0 0 0 7px #0f172a57,0 0 22px color-mix(in srgb,var(--flow-color, transparent) 72%,transparent),0 10px 18px -10px #0f172ab8}.flowfree-cell.is-filled:after{inset:0;background:linear-gradient(180deg,#ffffff42,#ffffff0a) center top / 20px calc((var(--flow-top) * 50%) + 10px) no-repeat,linear-gradient(90deg,#ffffff42,#ffffff0a) right center / calc((var(--flow-right) * 50%) + 10px) 20px no-repeat,linear-gradient(180deg,#ffffff42,#ffffff0a) center bottom / 20px calc((var(--flow-bottom) * 50%) + 10px) no-repeat,linear-gradient(90deg,#ffffff42,#ffffff0a) left center / calc((var(--flow-left) * 50%) + 10px) 20px no-repeat,linear-gradient(90deg,color-mix(in srgb,var(--flow-color) 52%,#271308),color-mix(in srgb,var(--flow-color) 96%,white) 48%,color-mix(in srgb,var(--flow-color) 46%,#2b160b)) center top / 18px calc(var(--flow-top) * 50%) no-repeat,linear-gradient(0deg,color-mix(in srgb,var(--flow-color) 52%,#271308),color-mix(in srgb,var(--flow-color) 96%,white) 48%,color-mix(in srgb,var(--flow-color) 46%,#2b160b)) right center / calc(var(--flow-right) * 50%) 18px no-repeat,linear-gradient(90deg,color-mix(in srgb,var(--flow-color) 52%,#271308),color-mix(in srgb,var(--flow-color) 96%,white) 48%,color-mix(in srgb,var(--flow-color) 46%,#2b160b)) center bottom / 18px calc(var(--flow-bottom) * 50%) no-repeat,linear-gradient(0deg,color-mix(in srgb,var(--flow-color) 52%,#271308),color-mix(in srgb,var(--flow-color) 96%,white) 48%,color-mix(in srgb,var(--flow-color) 46%,#2b160b)) left center / calc(var(--flow-left) * 50%) 18px no-repeat,repeating-linear-gradient(135deg,#fff0 0 3px,#fff4d67a 3px 5px,#46251433 5px 8px,#fff0 8px 12px) center top / 18px calc(var(--flow-top) * 50%) no-repeat,repeating-linear-gradient(45deg,#fff0 0 3px,#fff4d67a 3px 5px,#46251433 5px 8px,#fff0 8px 12px) right center / calc(var(--flow-right) * 50%) 18px no-repeat,repeating-linear-gradient(135deg,#fff0 0 3px,#fff4d67a 3px 5px,#46251433 5px 8px,#fff0 8px 12px) center bottom / 18px calc(var(--flow-bottom) * 50%) no-repeat,repeating-linear-gradient(45deg,#fff0 0 3px,#fff4d67a 3px 5px,#46251433 5px 8px,#fff0 8px 12px) left center / calc(var(--flow-left) * 50%) 18px no-repeat,radial-gradient(circle at 50% 24%,rgba(255,255,255,.24) 0 5%,transparent 6%) center top / 22px calc(var(--flow-top) * 50%) no-repeat,radial-gradient(circle at 76% 50%,rgba(255,255,255,.2) 0 5%,transparent 6%) right center / calc(var(--flow-right) * 50%) 22px no-repeat,radial-gradient(circle at 50% 76%,rgba(255,255,255,.22) 0 5%,transparent 6%) center bottom / 22px calc(var(--flow-bottom) * 50%) no-repeat,radial-gradient(circle at 24% 50%,rgba(255,255,255,.2) 0 5%,transparent 6%) left center / calc(var(--flow-left) * 50%) 22px no-repeat,radial-gradient(circle at 32% 18%,rgba(44,22,11,.54) 0 2%,transparent 3%) center top / 24px calc(var(--flow-top) * 50%) no-repeat,radial-gradient(circle at 68% 58%,rgba(44,22,11,.52) 0 2%,transparent 3%) right center / calc(var(--flow-right) * 50%) 24px no-repeat,radial-gradient(circle at 58% 78%,rgba(44,22,11,.54) 0 2%,transparent 3%) center bottom / 24px calc(var(--flow-bottom) * 50%) no-repeat,radial-gradient(circle at 18% 42%,rgba(44,22,11,.52) 0 2%,transparent 3%) left center / calc(var(--flow-left) * 50%) 24px no-repeat,repeating-linear-gradient(90deg,transparent 0 10px,rgba(245,222,179,.72) 10px 11px,transparent 11px 19px,rgba(69,37,20,.64) 19px 20px) center top / 18px calc(var(--flow-top) * 50%) no-repeat,repeating-linear-gradient(0deg,transparent 0 10px,rgba(245,222,179,.72) 10px 11px,transparent 11px 19px,rgba(69,37,20,.64) 19px 20px) right center / calc(var(--flow-right) * 50%) 18px no-repeat,repeating-linear-gradient(90deg,transparent 0 10px,rgba(245,222,179,.72) 10px 11px,transparent 11px 19px,rgba(69,37,20,.64) 19px 20px) center bottom / 18px calc(var(--flow-bottom) * 50%) no-repeat,repeating-linear-gradient(0deg,transparent 0 10px,rgba(245,222,179,.72) 10px 11px,transparent 11px 19px,rgba(69,37,20,.64) 19px 20px) left center / calc(var(--flow-left) * 50%) 18px no-repeat,radial-gradient(circle at 18% 14%,rgba(250,235,215,.8) 0 1.4%,transparent 1.6%) center top / 26px calc(var(--flow-top) * 50%) no-repeat,radial-gradient(circle at 84% 20%,rgba(250,235,215,.8) 0 1.4%,transparent 1.6%) right center / calc(var(--flow-right) * 50%) 26px no-repeat,radial-gradient(circle at 72% 84%,rgba(250,235,215,.8) 0 1.4%,transparent 1.6%) center bottom / 26px calc(var(--flow-bottom) * 50%) no-repeat,radial-gradient(circle at 16% 74%,rgba(250,235,215,.8) 0 1.4%,transparent 1.6%) left center / calc(var(--flow-left) * 50%) 26px no-repeat,radial-gradient(circle at center,#f3e3bf 0 10%,#8b5a2b 11% 16%,transparent 17%);opacity:.98;filter:drop-shadow(0 3px 3px rgba(18,10,4,.24))}.flowfree-cell.is-anchor:before{opacity:1}.flowfree-cell.is-filled:not(.is-anchor):before{width:14%;height:14%;background:#f3e3bf;box-shadow:0 0 0 2px #8b5a2b,0 0 0 4px #0f172a38,0 0 10px color-mix(in srgb,var(--flow-color, transparent) 45%,transparent)}.flowfree-cell.is-selected{box-shadow:inset 0 0 0 2px #ffffff47,0 0 0 3px #38bdf82e}.flowfree-cell.is-spawning:after{animation:flowfree-rope-spawn .18s cubic-bezier(.18,.8,.28,1) forwards}.flowfree-cell.is-spawning:before{animation:flowfree-nail-spawn .18s cubic-bezier(.18,.8,.28,1) forwards}.flowfree-cell.is-despawning:after{animation:flowfree-rope-despawn .22s ease-out forwards}.flowfree-cell.is-despawning:before{animation:flowfree-nail-despawn .22s ease-out forwards}@keyframes flowfree-rope-spawn{0%{opacity:0;transform:scale(.38);filter:drop-shadow(0 0 0 rgba(18,10,4,0))}60%{opacity:1;transform:scale(1.08);filter:drop-shadow(0 5px 4px rgba(18,10,4,.28))}to{opacity:.98;transform:scale(1);filter:drop-shadow(0 3px 3px rgba(18,10,4,.24))}}@keyframes flowfree-nail-spawn{0%{opacity:.3;transform:translate(-50%,-50%) scale(.25)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}to{opacity:.92;transform:translate(-50%,-50%) scale(1)}}@keyframes flowfree-rope-despawn{0%{opacity:.98;transform:scale(1);filter:drop-shadow(0 3px 3px rgba(18,10,4,.24))}65%{opacity:.5;transform:scale(.88);filter:drop-shadow(0 1px 1px rgba(18,10,4,.12))}to{opacity:0;transform:scale(.42);filter:none}}@keyframes flowfree-nail-despawn{0%{opacity:.92;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.35)}}.magicsort-table{position:relative;z-index:1;width:min(100%,620px);margin:0 auto;border-radius:24px}.magicsort-table.is-menu-open>:not(.magicsort-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.magicsort-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f493d;opacity:1;transition:opacity .26s ease,transform .26s ease}.magicsort-menu-overlay.hidden{display:none}.magicsort-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.magicsort-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.magicsort-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(168,85,247,.2),transparent 22%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.16),transparent 22%),radial-gradient(circle at 26% 78%,rgba(244,114,182,.14),transparent 24%),linear-gradient(180deg,#2c163cfa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.magicsort-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#c084fc}.magicsort-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.magicsort-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.magicsort-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.magicsort-board{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:14px;align-items:end;align-content:center}.magicsort-card{overflow:hidden}.magicsort-tube{padding:8px 8px 10px;border-radius:22px;background:#0f172a8a;border:1px solid rgba(192,132,252,.18);min-height:218px;display:flex;align-items:flex-end;justify-content:center}.magicsort-tube-button{width:62px;height:172px;padding:5px;border-radius:18px 18px 24px 24px;border:2px solid rgba(226,232,240,.9);background:linear-gradient(180deg,#ffffff14,#0f172a4d);display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:5px;cursor:pointer}.magicsort-tube.is-selected .magicsort-tube-button{box-shadow:0 0 0 3px #c084fc2e;transform:translateY(-4px)}.magicsort-layer{width:100%;min-height:30px;border-radius:8px;background:#ffffff14;flex:0 0 auto}.magicsort-card{position:relative;width:min(100%,920px);padding:16px;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(251,191,36,.22),transparent 20%),radial-gradient(circle at 88% 10%,rgba(45,212,191,.2),transparent 22%),linear-gradient(150deg,#e0f7fa,#fdf2f8 48%,#fef3c7);border:1px solid rgba(14,116,144,.16);box-shadow:0 28px 70px -48px #082f49bf}.magicsort-card.games-panel-active{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.magicsort-topbar{width:min(100%,620px);margin-inline:auto}.magicsort-counter-block{border-radius:8px;background:#ffffffb8;border:1px solid rgba(14,116,144,.14);box-shadow:0 14px 28px -24px #082f499e}.magicsort-counter-label{color:#0f766e;letter-spacing:.1em}.magicsort-counter-value{color:#0f172a;font-variant-numeric:tabular-nums}.magicsort-help{width:min(100%,660px);margin:0 auto 12px;color:#164e63!important;font-weight:800}.magicsort-table{width:min(100%,840px);min-height:0;padding:14px;border-radius:18px;background:linear-gradient(180deg,#ffffff80,#ffffff38),radial-gradient(circle at 50% 0,rgba(255,255,255,.56),transparent 48%);border:1px solid rgba(14,116,144,.12)}.magicsort-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:12px}.magicsort-control-button,.magicsort-level-pill{min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid rgba(14,116,144,.16);background:#ffffffc7;color:#0f766e;font-weight:900;font-size:.82rem}.magicsort-control-button{cursor:pointer}.magicsort-control-button:disabled{opacity:.45;cursor:default}.magicsort-menu-overlay{border-radius:18px;background:#082f4929}.magicsort-menu-card{border-radius:18px;background:radial-gradient(circle at 16% 18%,rgba(244,114,182,.18),transparent 24%),radial-gradient(circle at 84% 16%,rgba(45,212,191,.18),transparent 24%),linear-gradient(180deg,#fffffff5,#f0fdfaf0)}.magicsort-menu-eyebrow{color:#0f766e}.magicsort-menu-title{color:#0f172a}.magicsort-menu-text{color:#334155!important}.magicsort-board{position:relative;width:100%;min-height:470px;padding:18px 14px 20px;display:grid;grid-template-columns:repeat(var(--magicsort-columns, 4),minmax(82px,1fr));gap:14px;align-items:end;align-content:end;border-radius:16px;background:linear-gradient(180deg,rgba(14,116,144,.08),transparent 28%),linear-gradient(180deg,#ffffff8a,#ffffff38);overflow:hidden}.magicsort-board:before{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:26px;border-radius:999px;background:#0f766e1f}.magicsort-tube{position:relative;z-index:1;min-height:232px;padding:8px 8px 28px;border-radius:14px;background:transparent;border:0}.magicsort-tube-button{position:relative;width:min(100%,78px);height:190px;margin:0 auto;padding:8px;border-radius:22px 22px 30px 30px;border:2px solid rgba(255,255,255,.86);background:linear-gradient(90deg,rgba(255,255,255,.52),rgba(255,255,255,.14) 24%,transparent 44%,rgba(255,255,255,.22)),#ffffff42;box-shadow:inset 0 0 0 1px #0e74901f,inset 0 -14px 24px #082f4914,0 18px 30px -24px #082f49c2;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.magicsort-glass-shine{position:absolute;inset:12px auto 28px 11px;width:10px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.76),transparent);pointer-events:none;z-index:2}.magicsort-tube-label{position:absolute;left:50%;bottom:2px;transform:translate(-50%);color:#0f766e;font-size:.66rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.magicsort-tube.is-selected .magicsort-tube-button{transform:translateY(-10px) rotate(-2deg);box-shadow:0 0 0 6px #f472b62e,0 20px 34px -22px #082f49cc}.magicsort-tube.can-receive .magicsort-tube-button{box-shadow:0 0 0 6px #2dd4bf38,0 0 32px #2dd4bf47,0 18px 30px -24px #082f49c2;animation:magicSortReceivePulse .9s ease-in-out infinite}.magicsort-tube.is-complete .magicsort-tube-button{box-shadow:0 0 0 5px #facc152e,0 0 30px #facc1538}.magicsort-tube.is-shaking .magicsort-tube-button{animation:magicSortShake .26s ease}.magicsort-layer{min-height:34px;border-radius:10px;box-shadow:inset 0 1px #ffffff52,inset 0 -8px 14px #0f172a1a}.magicsort-pour-effect{position:absolute;z-index:4;left:var(--arc-x);top:118px;width:42%;height:130px;transform:translate(-50%);pointer-events:none}.magicsort-pour-effect span{position:absolute;left:50%;top:18px;width:16px;height:96px;border-radius:999px;filter:drop-shadow(0 10px 12px rgba(8,47,73,.22));animation:magicSortPourArc .52s ease-out forwards}.magicsort-pour-effect strong{position:absolute;left:50%;top:0;transform:translate(-50%);padding:5px 9px;border-radius:999px;background:#ffffffe0;color:#0f172a;font-size:.8rem}@keyframes magicSortReceivePulse{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-4px);filter:brightness(1.04)}}@keyframes magicSortShake{0%,to{transform:translate(0)}25%{transform:translate(-6px) rotate(-2deg)}75%{transform:translate(6px) rotate(2deg)}}@keyframes magicSortPourArc{0%{opacity:0;transform:translate(-80px,-12px) rotate(58deg) scaleY(.35)}20%{opacity:1}to{opacity:0;transform:translate(80px,42px) rotate(58deg) scaleY(1)}}@media(max-width:700px){.magicsort-table{padding:10px}.magicsort-board{min-height:430px;grid-template-columns:repeat(3,minmax(74px,1fr));gap:10px;padding-inline:8px}.magicsort-tube{min-height:204px}.magicsort-tube-button{width:66px;height:166px}.magicsort-layer{min-height:28px}}.mentalmath-stage{width:100%;margin:12px 0 0}.mentalmath-question-card .feedback{margin:14px 0 0;text-align:center}.mentalmath-card{position:relative;width:min(100%,760px);padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at 14% 12%,rgba(186,230,253,.14),transparent 20%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.24),transparent 24%),radial-gradient(circle at 28% 68%,rgba(125,211,252,.08),transparent 20%),linear-gradient(180deg,#193760fa,#0b1b37fa)}.mentalmath-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(125,211,252,.2),transparent 18%),radial-gradient(circle at 84% 18%,rgba(2,132,199,.14),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%)}.mentalmath-topbar,.mentalmath-help{position:relative;z-index:1;padding-inline:16px}.mentalmath-topbar{grid-template-columns:repeat(2,minmax(150px,180px));justify-content:center}.mentalmath-counter-block{background:#ffffffdb;box-shadow:inset 0 0 0 1px #e2e8f0eb;border:0}.mentalmath-counter-label{color:#0f766e}.mentalmath-counter-value{color:#111827}.mentalmath-help{margin:0 0 10px;text-align:center;color:#e0f2fe!important;font-weight:600;text-shadow:0 1px 10px rgba(8,47,73,.36)}.mentalmath-table{position:relative;z-index:1;width:min(100%,620px);margin:12px auto 0;overflow:hidden;border-radius:24px 24px 22px 22px}.mentalmath-table.is-menu-open>:not(.mentalmath-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.mentalmath-menu-overlay{position:absolute;inset:16px 0 0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px 24px 22px 22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.mentalmath-menu-overlay.is-entering{animation:mentalmathMenuFadeIn .26s ease}.mentalmath-menu-overlay.hidden{display:none}.mentalmath-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.mentalmath-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 12%,rgba(186,230,253,.14),transparent 20%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.24),transparent 24%),radial-gradient(circle at 28% 68%,rgba(125,211,252,.08),transparent 20%),linear-gradient(180deg,#193760fa,#0b1b37fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.mentalmath-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#a5f3fc}.mentalmath-menu-title{margin:0;font-size:2rem;color:#f8fafc}.mentalmath-menu-text{margin:0;color:#dbeafe!important;font-weight:600;line-height:1.45}.mentalmath-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@keyframes mentalmathMenuFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.mentalmath-question-card{padding:28px 24px;border-radius:24px 24px 22px 22px;text-align:center;background:radial-gradient(circle at top,rgba(186,230,253,.12),transparent 38%),linear-gradient(180deg,#142948f5,#0b1930f0);border:0;box-shadow:0 20px 44px -30px #082f499e,inset 0 0 0 1px #bae6fd2e}.mentalmath-label{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:#a5f3fc}.mentalmath-question{margin:0 0 18px;font-size:clamp(2rem,7vw,3.4rem);color:#f8fafc}.mentalmath-form{display:grid;grid-template-columns:1fr;gap:12px}.mentalmath-form input{min-height:56px;text-align:center;font-size:1.45rem;font-weight:800;letter-spacing:.04em;background:#ffffffeb;color:#0f172a;border:1px solid rgba(125,211,252,.82);box-shadow:inset 0 0 0 1px #fff9}.mentalmath-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border-radius:22px;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 34%),linear-gradient(180deg,#bae6fd9e,#7dd3fc85);box-shadow:inset 0 0 0 1px #ffffff75,0 16px 26px -24px #082f4957}.mentalmath-key{min-height:58px;border-radius:18px;background:#f0f9ffeb;color:#0f172a;border:1px solid rgba(125,211,252,.78);box-shadow:0 12px 24px -22px #082f496b;font-size:1.12rem;font-weight:800}.mentalmath-key:hover{background:#e0f2fefa;color:#0f172a;filter:none}.mentalmath-key:disabled{opacity:.55;cursor:default}.mentalmath-key-action{background:#bae6fdf0}.mentalmath-key-clear{grid-row:span 2}.mentalmath-key-zero{grid-column:span 3}.mentalmath-submit-button{min-height:58px;border-radius:18px;align-self:stretch;background:linear-gradient(135deg,#0e7490f5,#0284c7e6);box-shadow:0 18px 30px -24px #0e74909e}.candycrush-table{position:relative;z-index:1;width:min(100%,520px);margin:0 auto;border-radius:24px}.candycrush-table.is-menu-open>:not(.candycrush-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.candycrush-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f493d;opacity:1;transition:opacity .26s ease,transform .26s ease}.candycrush-menu-overlay.hidden{display:none}.candycrush-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.candycrush-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.candycrush-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(244,114,182,.2),transparent 22%),radial-gradient(circle at 82% 18%,rgba(125,211,252,.16),transparent 22%),radial-gradient(circle at 26% 78%,rgba(253,224,71,.12),transparent 24%),linear-gradient(180deg,#3c1e3cfa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.candycrush-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#f472b6}.candycrush-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.candycrush-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.candycrush-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.candycrush-board{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:10px;border-radius:24px;background:radial-gradient(circle at top,rgba(244,114,182,.16),transparent 40%),linear-gradient(180deg,#3b82f61f,#0f172a33),#0f172ab8;border:1px solid rgba(244,114,182,.18)}.candycrush-cell{aspect-ratio:1 / 1;border:none;border-radius:16px;background:#0f172a7a;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f;cursor:grab;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.candycrush-cell:hover{transform:none;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 2px #fbbf2414}.candycrush-cell:before{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,248,220,.98) 0 12%,transparent 13%),radial-gradient(circle at 50% 50%,rgba(255,220,120,.22) 0 56%,transparent 57%),var(--candy-fill, rgba(255, 255, 255, .14));box-shadow:inset 0 -8px 10px #0f172a2e,inset 0 0 0 2px #fff3b03d,0 8px 14px -10px #0f172aa3;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.candycrush-cell:after{content:"\2620";position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;color:#fff8dcfa;font-size:1rem;line-height:1;text-shadow:0 1px 0 rgba(15,23,42,.18),0 0 8px rgba(15,23,42,.24);transition:transform .18s ease,opacity .18s ease}.candycrush-cell.is-selected{box-shadow:inset 0 0 0 2px #fff3,0 0 0 3px #f472b62e}.candycrush-cell.is-bouncing{animation:candyBounce .18s ease}.candycrush-cell.is-crushing{opacity:1}.candycrush-cell.is-crushing:before,.candycrush-cell.is-crushing:after{transform:scale(.52) rotate(10deg);opacity:0}.candycrush-cell.is-falling:before,.candycrush-cell.is-falling:after{animation:candyFallIn .22s cubic-bezier(.22,.8,.24,1)}.candy-hit-particle{position:absolute;left:50%;top:50%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:50%;background:radial-gradient(circle,rgba(255,248,220,.95) 0 28%,rgba(251,191,36,.78) 29% 68%,transparent 69%);opacity:0;pointer-events:none;animation:candyHitParticle .32s ease-out forwards}.candy-hit-particle-a{--candy-particle-x: -18px;--candy-particle-y: -20px}.candy-hit-particle-b{--candy-particle-x: 16px;--candy-particle-y: -14px}.candy-hit-particle-c{--candy-particle-x: -14px;--candy-particle-y: 18px}.candy-hit-particle-d{--candy-particle-x: 20px;--candy-particle-y: 14px}.candy-hit-particle-e{--candy-particle-x: 0px;--candy-particle-y: -24px}.harborrun-table{position:relative;z-index:1;width:min(100%,420px);margin:0 auto;border-radius:24px}.harborrun-table.is-menu-open>:not(.harborrun-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.harborrun-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f493d;opacity:1;transition:opacity .26s ease,transform .26s ease}.harborrun-menu-overlay.hidden{display:none}.harborrun-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.harborrun-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.harborrun-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(125,211,252,.2),transparent 22%),radial-gradient(circle at 82% 18%,rgba(96,165,250,.16),transparent 22%),radial-gradient(circle at 26% 78%,rgba(251,191,36,.12),transparent 22%),linear-gradient(180deg,#143a5ffa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.harborrun-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#7dd3fc}.harborrun-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.harborrun-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.harborrun-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.harborrun-board{position:relative;width:100%;height:540px;margin:0 auto;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.16),transparent 12%),radial-gradient(circle at 78% 12%,rgba(255,255,255,.12),transparent 10%),linear-gradient(180deg,#7dd3fc,#2563eb 26%,#1d4ed8 52%,#0f172a);border:1px solid rgba(125,211,252,.2);box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 36px -24px #0f172acc}.harborrun-board:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%,rgba(15,23,42,.06) 18% 82%,transparent 82%),repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 2px,transparent 2px 26px),repeating-linear-gradient(90deg,transparent 0 68px,rgba(255,255,255,.04) 68px 90px,transparent 90px 150px),radial-gradient(circle at 18% 24%,rgba(255,255,255,.08),transparent 8%),radial-gradient(circle at 74% 58%,rgba(255,255,255,.06),transparent 7%);pointer-events:none}.harborrun-board:after{content:"";position:absolute;inset:-18% 0 0;background:radial-gradient(ellipse at 12% 22%,rgba(255,255,255,.2) 0 7%,transparent 8%),radial-gradient(ellipse at 42% 48%,rgba(255,255,255,.18) 0 6%,transparent 7%),radial-gradient(ellipse at 76% 18%,rgba(255,255,255,.18) 0 6%,transparent 7%),radial-gradient(ellipse at 84% 64%,rgba(255,255,255,.14) 0 5%,transparent 6%),repeating-linear-gradient(180deg,transparent 0 30px,rgba(15,118,110,.12) 30px 34px,transparent 34px 68px);background-size:100% 160%;opacity:.72;mix-blend-mode:screen;pointer-events:none}.harborrun-backdrop,.harborrun-waves,.harborrun-foam{position:absolute;left:0;right:0;pointer-events:none;will-change:background-position}.harborrun-backdrop{top:0;bottom:0;background-repeat:repeat-y;opacity:.8}.harborrun-backdrop-far{background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.14) 0 4%,transparent 5%),radial-gradient(circle at 74% 28%,rgba(255,255,255,.12) 0 3%,transparent 4%),linear-gradient(180deg,rgba(14,116,144,.22),transparent 18%,rgba(8,47,73,.16) 48%,transparent 76%);background-size:100% 180px}.harborrun-backdrop-mid{background:radial-gradient(ellipse at 18% 26%,rgba(255,255,255,.16) 0 6%,transparent 7%),radial-gradient(ellipse at 64% 18%,rgba(255,255,255,.12) 0 5%,transparent 6%),radial-gradient(ellipse at 78% 54%,rgba(255,255,255,.14) 0 6%,transparent 7%),repeating-linear-gradient(180deg,transparent 0 28px,rgba(255,255,255,.09) 28px 31px,transparent 31px 66px);background-size:100% 210px;opacity:.68}.harborrun-waves-near{top:0;bottom:0;background:radial-gradient(ellipse at 14% 18%,rgba(255,255,255,.16) 0 5%,transparent 6%),radial-gradient(ellipse at 38% 44%,rgba(255,255,255,.14) 0 6%,transparent 7%),radial-gradient(ellipse at 72% 34%,rgba(255,255,255,.16) 0 5%,transparent 6%),radial-gradient(ellipse at 86% 72%,rgba(255,255,255,.12) 0 5%,transparent 6%),repeating-linear-gradient(180deg,transparent 0 22px,rgba(186,230,253,.12) 22px 24px,transparent 24px 48px);background-size:100% 160px;opacity:.72}.harborrun-foam{top:0;bottom:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.22) 0 2.2%,transparent 2.6%),radial-gradient(circle at 44% 48%,rgba(255,255,255,.18) 0 2%,transparent 2.4%),radial-gradient(circle at 74% 30%,rgba(255,255,255,.22) 0 2.1%,transparent 2.5%),radial-gradient(circle at 88% 78%,rgba(255,255,255,.16) 0 1.8%,transparent 2.2%);background-size:100% 140px;opacity:.6;mix-blend-mode:screen}.harborrun-player,.harborrun-obstacle{position:absolute;width:22%;left:0;transform:translate(-50%)}.harborrun-player{height:82px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.94) 0 7%,transparent 8%),linear-gradient(180deg,rgba(255,255,255,.26),transparent 18%),linear-gradient(180deg,rgba(120,53,15,.36),transparent 40%),linear-gradient(180deg,#f59e0b,#7c2d12 70%);bottom:18px;border-radius:48% 48% 30% 30%/24% 24% 76% 76%;box-shadow:0 16px 26px -18px #0f172ae0;overflow:hidden}.harborrun-player:before,.harborrun-player:after,.harborrun-obstacle:before,.harborrun-obstacle:after{content:"";position:absolute}.harborrun-player:before{left:50%;top:18px;width:8px;height:28px;transform:translate(-50%);background:linear-gradient(180deg,#e2e8f0,#94a3b8);border-radius:999px}.harborrun-player:after{left:50%;top:20px;width:22px;height:18px;transform:translate(-20%);background:linear-gradient(180deg,#f8fafc,#cbd5e1);clip-path:polygon(0 0,100% 50%,0 100%);opacity:.92}.harborrun-obstacle{height:78px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 24%),linear-gradient(180deg,var(--vehicle-top, #facc15),var(--vehicle-bottom, #92400e));border-radius:44% 44% 28% 28%/24% 24% 76% 76%;box-shadow:0 16px 26px -18px #0f172ae0;overflow:hidden}.harborrun-obstacle.type-wreck{--vehicle-top: #94a3b8;--vehicle-bottom: #475569}.harborrun-obstacle.type-rock{--vehicle-top: #94a3b8;--vehicle-bottom: #334155;border-radius:42% 58% 48% 52%/52% 44% 56% 48%}.harborrun-obstacle.type-ship:before,.harborrun-obstacle.type-wreck:before{left:50%;top:14px;width:7px;height:24px;transform:translate(-50%);background:#e2e8f0d1;border-radius:999px}.harborrun-obstacle.type-ship:after,.harborrun-obstacle.type-wreck:after{left:50%;top:16px;width:18px;height:15px;transform:translate(-16%);background:#f1f5f9e0;clip-path:polygon(0 0,100% 50%,0 100%)}.harborrun-obstacle.type-rock:before{inset:16px 12px 18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),transparent 30%),radial-gradient(circle at 66% 68%,rgba(15,23,42,.22),transparent 28%),#0f172a38}.harborrun-player,.harborrun-obstacle.type-ship,.harborrun-obstacle.type-wreck{background-size:100% 100%}.harborrun-player{background-image:radial-gradient(circle at 50% 28%,rgba(255,255,255,.94) 0 7%,transparent 8%),linear-gradient(90deg,transparent 0 18%,rgba(120,53,15,.28) 18% 22%,transparent 22% 42%,rgba(120,53,15,.28) 42% 46%,transparent 46% 66%,rgba(120,53,15,.28) 66% 70%,transparent 70% 100%),linear-gradient(180deg,rgba(255,255,255,.26),transparent 18%),linear-gradient(180deg,rgba(120,53,15,.36),transparent 40%),linear-gradient(180deg,#f59e0b,#7c2d12 70%)}.harborrun-obstacle.type-ship{background-image:linear-gradient(90deg,transparent 0 18%,rgba(186,230,253,.24) 18% 22%,transparent 22% 42%,rgba(186,230,253,.24) 42% 46%,transparent 46% 66%,rgba(186,230,253,.24) 66% 70%,transparent 70% 100%),linear-gradient(180deg,rgba(255,255,255,.22),transparent 24%),linear-gradient(180deg,var(--vehicle-top, #38bdf8),var(--vehicle-bottom, #1d4ed8))}.harborrun-obstacle.type-wreck{background-image:linear-gradient(90deg,transparent 0 16%,rgba(226,232,240,.16) 16% 22%,transparent 22% 42%,rgba(226,232,240,.16) 42% 48%,transparent 48% 68%,rgba(226,232,240,.16) 68% 74%,transparent 74% 100%),linear-gradient(180deg,rgba(255,255,255,.16),transparent 24%),linear-gradient(180deg,var(--vehicle-top, #94a3b8),var(--vehicle-bottom, #475569))}.harborrun-card{position:relative;width:min(100%,1040px);min-height:100%;padding:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 32%),linear-gradient(145deg,#d9f7fb,#8edfed 42%,#f5cf86);border:1px solid rgba(14,116,144,.18);box-shadow:0 28px 72px -48px #082f49c7}.harborrun-card.games-panel-active{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.harborrun-topbar{position:absolute;z-index:3;top:24px;left:28px;right:28px;display:flex!important;justify-content:space-between;pointer-events:none;margin:0!important}.harborrun-counter-block{min-width:128px;min-height:54px;padding:8px 12px;border-radius:8px;background:#ffffffc2;border:1px solid rgba(14,116,144,.16);box-shadow:0 16px 28px -24px #082f49a8}.harborrun-counter-label{color:#0f766e;letter-spacing:.1em}.harborrun-counter-value{color:#0f172a;font-variant-numeric:tabular-nums}.harborrun-help{position:relative;z-index:2;width:min(100%,720px);margin:0 auto 10px;color:#164e63!important;font-weight:800}.harborrun-table{width:100%;min-height:0;height:100%;border-radius:18px}.harborrun-menu-overlay{border-radius:18px;background:#082f492e}.harborrun-menu-card{border-radius:18px;background:radial-gradient(circle at 15% 18%,rgba(245,158,11,.18),transparent 24%),radial-gradient(circle at 85% 14%,rgba(45,212,191,.18),transparent 24%),linear-gradient(180deg,#fffffff5,#e0f2fef0)}.harborrun-menu-eyebrow{color:#0f766e}.harborrun-menu-title{color:#0f172a}.harborrun-menu-text{color:#334155!important}.harborrun-board{width:100%;height:min(76vh,780px);min-height:640px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 22%),linear-gradient(180deg,#93e7f3,#14b8d3 32%,#0891b2 58%,#0f766e);border-color:#0e74902e;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 -40px 80px #082f4924,0 24px 46px -34px #082f49c7}.harborrun-board.is-shaking{animation:harborRunShake .18s linear 2}.harborrun-board:before{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 20%,rgba(255,255,255,.06) 72%,transparent),radial-gradient(ellipse at 12% 28%,rgba(255,255,255,.18),transparent 10%),radial-gradient(ellipse at 76% 20%,rgba(255,255,255,.16),transparent 9%),repeating-linear-gradient(180deg,transparent 0 42px,rgba(255,255,255,.1) 42px 44px,transparent 44px 86px)}.harborrun-board:after{background:linear-gradient(90deg,rgba(15,118,110,.34),transparent 11%,transparent 89%,rgba(15,118,110,.34)),radial-gradient(ellipse at 50% 112%,rgba(254,243,199,.28),transparent 48%);opacity:.76}.harborrun-skyline,.harborrun-lane,.harborrun-ingame-hud,.harborrun-mission,.harborrun-entity{position:absolute}.harborrun-skyline{inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(254,243,199,.5) 0 10%,transparent 10% 18%,rgba(254,243,199,.38) 18% 28%,transparent 28% 72%,rgba(254,243,199,.42) 72% 84%,transparent 84%),linear-gradient(180deg,rgba(255,255,255,.52),transparent 17%);background-size:100% 220px;opacity:.5}.harborrun-lane{top:88px;bottom:26px;width:2px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent);opacity:.64;pointer-events:none}.harborrun-ingame-hud{z-index:2;top:18px;left:50%;display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;width:min(58%,520px);transform:translate(-50%);pointer-events:none}.harborrun-ingame-hud div,.harborrun-mission{border-radius:8px;background:#ffffffc7;border:1px solid rgba(14,116,144,.14);box-shadow:0 14px 28px -24px #082f49a6}.harborrun-ingame-hud div{padding:8px 10px;display:grid;gap:2px;text-align:center}.harborrun-ingame-hud span,.harborrun-mission span{color:#0f766e;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.harborrun-ingame-hud strong,.harborrun-mission strong{color:#0f172a;font-variant-numeric:tabular-nums}.harborrun-mission{z-index:2;left:24px;right:24px;bottom:18px;height:34px;display:grid;grid-template-columns:auto 48px;align-items:center;gap:8px;padding:7px 10px;overflow:hidden;pointer-events:none}.harborrun-mission i{position:absolute;left:0;bottom:0;height:4px;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#f43f5e)}.harborrun-player,.harborrun-entity{z-index:2;left:0;transform:translate(-50%)}.harborrun-player{width:12%;max-width:98px;min-width:68px;height:96px;bottom:58px;border-radius:52% 52% 34% 34%/24% 24% 76% 76%;background-image:radial-gradient(circle at 50% 26%,rgba(255,255,255,.96) 0 7%,transparent 8%),linear-gradient(90deg,transparent 0 18%,rgba(120,53,15,.26) 18% 22%,transparent 22% 42%,rgba(120,53,15,.26) 42% 46%,transparent 46% 66%,rgba(120,53,15,.26) 66% 70%,transparent 70%),linear-gradient(180deg,#fbbf24,#f97316 58%,#7c2d12);box-shadow:0 20px 28px -20px #082f49e0}.harborrun-player.has-shield{box-shadow:0 0 0 8px #22d3ee3d,0 0 32px #22d3ee61,0 20px 28px -20px #082f49e0}.harborrun-player.has-boost:after{content:"";position:absolute;left:24%;right:24%;top:88%;height:58px;border-radius:999px;background:linear-gradient(180deg,rgba(244,63,94,.72),transparent);filter:blur(1px)}.harborrun-entity{width:10%;max-width:88px;min-width:54px;height:74px}.harborrun-obstacle{width:10%;max-width:88px;min-width:54px;border-radius:42% 42% 30% 30%/24% 24% 76% 76%;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 26%),linear-gradient(180deg,var(--vehicle-top, #38bdf8),var(--vehicle-bottom, #1d4ed8));box-shadow:0 16px 26px -18px #082f49e0}.harborrun-obstacle.type-rock,.harborrun-obstacle.type-buoy{height:60px;border-radius:48% 54% 44% 58%}.harborrun-obstacle.type-rock{--vehicle-top: #94a3b8;--vehicle-bottom: #475569}.harborrun-obstacle.type-buoy{--vehicle-top: #fb7185;--vehicle-bottom: #be123c}.harborrun-obstacle.type-wreck{--vehicle-top: #a16207;--vehicle-bottom: #713f12;transform:translate(-50%) rotate(-8deg)}.harborrun-obstacle.type-ship{--vehicle-top: #38bdf8;--vehicle-bottom: #1d4ed8}.harborrun-coin,.harborrun-shield,.harborrun-boost{z-index:3;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:3px solid rgba(255,255,255,.78);box-shadow:0 0 0 5px #ffffff29,0 16px 24px -18px #082f49e6;animation:harborRunPickupPulse .9s ease-in-out infinite}.harborrun-coin span,.harborrun-shield span,.harborrun-boost span{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);padding:3px 7px;border-radius:999px;background:#0f172ab8;color:#f8fafc;font-size:.58rem;font-weight:950;letter-spacing:.08em;white-space:nowrap}.harborrun-coin{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.9),transparent 18%),radial-gradient(circle,#fde68a 0 48%,#f59e0b 49% 100%)}.harborrun-coin:before{content:"$";color:#7c2d12;font-size:1.55rem;font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,.5)}.harborrun-shield{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.9),transparent 18%),radial-gradient(circle,#ccfbf1 0 48%,#14b8a6 49% 100%)}.harborrun-shield:before{content:"";width:25px;height:30px;background:#0f766e;clip-path:polygon(50% 0,88% 16%,82% 64%,50% 100%,18% 64%,12% 16%);box-shadow:inset 0 0 0 4px #ffffff4d}.harborrun-boost{border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.8),transparent 28%),linear-gradient(135deg,#fda4af,#f43f5e);transform:translate(-50%) rotate(45deg);animation:harborRunBoostPulse .9s ease-in-out infinite}.harborrun-boost:before{content:">";transform:rotate(-45deg);color:#fff1f2;font-size:1.65rem;font-weight:950}.harborrun-boost span{transform:translate(-50%) rotate(-45deg)}.harborrun-pickup-effect{z-index:4;transform:translate(-50%);padding:8px 12px;border-radius:999px;color:#0f172a;font-weight:950;font-size:.9rem;background:#ffffffdb;box-shadow:0 0 0 6px #ffffff2e,0 16px 26px -18px #082f49d9;pointer-events:none;animation:harborRunCollectPop .78s ease-out forwards}.harborrun-pickup-effect.effect-coin{background:#fef3c7;color:#92400e}.harborrun-pickup-effect.effect-shield{background:#ccfbf1;color:#0f766e}.harborrun-pickup-effect.effect-boost,.harborrun-pickup-effect.effect-lighthouse{background:#ffe4e6;color:#be123c}.harborrun-pickup-effect.effect-lighthouse{left:50%!important;top:20%!important;font-size:1.1rem;background:#fff7ed;color:#c2410c}.harborrun-crash{position:absolute;z-index:5;width:92px;height:92px;transform:translate(-50%,-50%);pointer-events:none}.harborrun-crash:before{content:"";position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle,rgba(254,202,202,.94),rgba(248,113,113,.72) 44%,transparent 70%);animation:harborRunCrashBurst .52s ease-out forwards}.harborrun-crash span{position:absolute;left:50%;top:50%;width:12px;height:32px;border-radius:999px;background:#fef3c7;transform-origin:center bottom;animation:harborRunCrashShard .52s ease-out forwards}.harborrun-crash span:nth-child(1){--crash-rot: -42deg;--crash-x: -38px;--crash-y: -34px}.harborrun-crash span:nth-child(2){--crash-rot: 36deg;--crash-x: 36px;--crash-y: -30px}.harborrun-crash span:nth-child(3){--crash-rot: 118deg;--crash-x: 34px;--crash-y: 30px}.harborrun-crash span:nth-child(4){--crash-rot: -126deg;--crash-x: -34px;--crash-y: 30px}.harborrun-board.is-crashed .harborrun-player{animation:harborRunPlayerCrash .52s ease-out forwards}@keyframes harborRunPickupPulse{0%,to{transform:translate(-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%) scale(1.08);filter:brightness(1.08)}}@keyframes harborRunBoostPulse{0%,to{transform:translate(-50%) rotate(45deg) scale(1);filter:brightness(1)}50%{transform:translate(-50%) rotate(45deg) scale(1.08);filter:brightness(1.08)}}@keyframes harborRunCollectPop{0%{opacity:0;transform:translate(-50%,14px) scale(.82)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-42px) scale(1.08)}}@keyframes harborRunCrashBurst{0%{opacity:0;transform:scale(.3)}35%{opacity:1}to{opacity:0;transform:scale(1.8)}}@keyframes harborRunCrashShard{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--crash-rot)) scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--crash-x)),calc(-50% + var(--crash-y))) rotate(var(--crash-rot)) scale(1)}}@keyframes harborRunPlayerCrash{0%{opacity:1;transform:translate(-50%) rotate(0) scale(1)}to{opacity:.38;transform:translate(-50%) rotate(-14deg) scale(.9);filter:grayscale(.6) brightness(.84)}}@keyframes harborRunShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:700px){.harborrun-card{padding:10px}.harborrun-topbar{top:18px;left:16px;right:16px}.harborrun-counter-block{min-width:94px;min-height:48px;padding:7px 8px}.harborrun-counter-label{font-size:.62rem}.harborrun-counter-value{font-size:.92rem}.harborrun-board{height:min(78vh,700px);min-height:560px}.harborrun-ingame-hud{top:78px;width:calc(100% - 24px);grid-template-columns:repeat(3,minmax(0,1fr))}.harborrun-ingame-hud div{padding:7px 5px}.harborrun-ingame-hud span,.harborrun-mission span{font-size:.58rem;letter-spacing:.06em}.harborrun-player{min-width:58px;height:84px}.harborrun-entity,.harborrun-obstacle{min-width:46px}}.stacker-table{position:relative;z-index:1;width:min(100%,500px);margin:0 auto;border-radius:24px}.stacker-table.is-menu-open>:not(.stacker-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.stacker-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f4938;opacity:1;transition:opacity .26s ease,transform .26s ease}.stacker-menu-overlay.hidden{display:none}.stacker-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.stacker-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.stacker-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(251,191,36,.18),transparent 22%),radial-gradient(circle at 82% 18%,rgba(253,224,71,.14),transparent 22%),radial-gradient(circle at 26% 78%,rgba(125,211,252,.16),transparent 22%),linear-gradient(180deg,#1e3a5ffa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.stacker-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fbbf24}.stacker-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.stacker-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.stacker-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.stacker-board{position:relative;width:min(100%,500px);height:560px;margin:0 auto;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 12%),radial-gradient(circle at 76% 16%,rgba(255,255,255,.14),transparent 10%),linear-gradient(180deg,#7dd3fcf0,#38bdf8d1 48%,#0f172aeb);border:1px solid rgba(251,191,36,.18)}.stacker-backdrop,.stacker-cloud{position:absolute;pointer-events:none;will-change:transform}.stacker-cloud{width:96px;height:34px;background:#ffffffe6;border-radius:999px;opacity:.72;filter:drop-shadow(0 8px 10px rgba(148,163,184,.14))}.stacker-cloud:before,.stacker-cloud:after{content:"";position:absolute;background:#ffffffeb;border-radius:999px}.stacker-cloud-a{left:10%;top:8%;transform:scale(.82)}.stacker-cloud-a:before{width:34px;height:34px;left:12px;top:-12px}.stacker-cloud-a:after{width:46px;height:46px;right:16px;top:-18px}.stacker-cloud-b{right:12%;top:14%;transform:scale(.68);opacity:.64}.stacker-cloud-b:before{width:32px;height:32px;left:14px;top:-10px}.stacker-cloud-b:after{width:42px;height:42px;right:14px;top:-16px}.stacker-backdrop{bottom:68px;background:linear-gradient(180deg,#0f172a2e,#0f172a66)}.stacker-backdrop-far{left:-4%;width:48%;height:25%;clip-path:polygon(0 100%,8% 72%,18% 68%,28% 44%,40% 56%,54% 28%,72% 44%,88% 18%,100% 100%);opacity:.54}.stacker-backdrop-near{right:-2%;width:58%;height:31%;background:linear-gradient(180deg,#0f172a2e,#0f172a75);clip-path:polygon(0 100%,10% 64%,22% 58%,36% 34%,52% 46%,68% 22%,82% 28%,94% 12%,100% 100%);opacity:.7}.stacker-layer,.stacker-current{position:absolute;height:26px;border-radius:0;left:50%;transform:translate(-50%);box-shadow:0 14px 26px -20px #0f172aeb;overflow:hidden;z-index:3}.stacker-layer,.stacker-current,.stacker-fragment{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18%,transparent 82%,rgba(15,23,42,.12)),linear-gradient(90deg,transparent 0 10%,rgba(73,42,18,.34) 10% 12%,transparent 12% 31%,rgba(73,42,18,.34) 31% 33%,transparent 33% 54%,rgba(73,42,18,.34) 54% 56%,transparent 56% 77%,rgba(73,42,18,.34) 77% 79%,transparent 79% 100%),linear-gradient(180deg,rgba(255,248,220,.22),transparent 24%),linear-gradient(180deg,rgba(92,51,23,.34),transparent 68%),linear-gradient(90deg,var(--stack-left, #d4a15d),var(--stack-right, #8b5a2b));border:1px solid rgba(83,45,18,.46)}.stacker-fragment{position:absolute;height:26px;border-radius:0;transform:translate(-50%) translate(var(--stack-fragment-x, 0px)) rotate(var(--stack-fragment-rotation, 0deg));transform-origin:center center;box-shadow:0 16px 26px -20px #0f172aeb;z-index:4}.stacker-layer:before,.stacker-current:before,.stacker-fragment:before,.stacker-layer:after,.stacker-current:after,.stacker-fragment:after{content:"";position:absolute;inset:0;pointer-events:none}.stacker-layer:before,.stacker-current:before,.stacker-fragment:before{background:repeating-linear-gradient(90deg,#ffffff0a 0 4px,#492a120f 4px 8px),repeating-linear-gradient(180deg,transparent 0 9px,rgba(73,42,18,.16) 9px 11px,transparent 11px 26px);opacity:.75}.stacker-layer:after,.stacker-current:after,.stacker-fragment:after{inset:4px 8px;border-radius:0;background:radial-gradient(circle at 14% 50%,rgba(84,45,19,.72) 0 1.6px,transparent 1.8px),radial-gradient(circle at 86% 50%,rgba(84,45,19,.72) 0 1.6px,transparent 1.8px),linear-gradient(90deg,rgba(255,255,255,.06),transparent 18%,transparent 82%,rgba(15,23,42,.12));opacity:.88}@keyframes stacker-current-spawn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.stacker-current.is-spawning{animation:stacker-current-spawn .4s cubic-bezier(.22,1,.36,1) both}.stacker-waterline{position:absolute;left:0;right:0;bottom:0;height:92px;background:radial-gradient(circle at 14% 80%,rgba(245,158,11,.3),transparent 18%),radial-gradient(circle at 34% 70%,rgba(253,224,71,.22),transparent 16%),radial-gradient(circle at 58% 78%,rgba(234,179,8,.22),transparent 18%),radial-gradient(circle at 82% 76%,rgba(245,158,11,.28),transparent 17%),linear-gradient(180deg,rgba(255,255,255,.18),transparent 18%),linear-gradient(180deg,#fde68a 0 36%,#f59e0b 60%,#b45309)}@media(max-width:980px){.multiplayer-entry-fields,.multiplayer-entry-fields-join{grid-template-columns:1fr}.games-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,520px)}.solitaire-top-row{grid-template-columns:repeat(2,minmax(0,var(--solitaire-column-width)));gap:14px}.solitaire-topbar{grid-column:1 / -1;grid-template-columns:1fr}.solitaire-foundations{grid-column:1 / -1;justify-content:start}.solitaire-tableau{grid-template-columns:repeat(4,minmax(0,var(--solitaire-column-width)));justify-content:start}}@keyframes candyBounce{0%{transform:scale(1)}50%{transform:scale(.88)}to{transform:scale(1)}}@media(max-width:600px){.solitaire-card{--solitaire-card-width: 78px;--solitaire-card-height: 110px}.games-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,340px)}.game-home-art{width:54px;height:54px}.tetris-topbar,.pacman-topbar,.solitaire-topbar,.connect4-topbar,.rhythm-topbar,.flappy-topbar,.flowfree-topbar,.magicsort-topbar,.mentalmath-topbar,.candycrush-topbar,.harborrun-topbar,.stacker-topbar{grid-template-columns:1fr}.solitaire-topbar{grid-column:auto;width:min(100%,144px);gap:6px}.solitaire-counter-block{min-height:46px;padding:7px 8px;border-radius:14px}.solitaire-counter-label{font-size:.64rem}.solitaire-counter-value{font-size:.95rem}.solitaire-foundations{grid-template-columns:repeat(2,minmax(0,var(--solitaire-column-width)))}.solitaire-tableau{grid-template-columns:repeat(2,minmax(0,var(--solitaire-column-width)));justify-content:start}.solitaire-column{min-height:360px}}.memory-board{width:min(100%,584px);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0}.memory-card-tile{aspect-ratio:1 / 1;position:relative;border-radius:20px;background:transparent;padding:0;perspective:1200px;overflow:hidden}.memory-card-tile:hover{transform:none}.memory-card-inner{position:relative;display:block;width:100%;height:100%;border-radius:20px;will-change:transform}.memory-card-tile.is-revealing .memory-card-inner{animation:memoryCardFlipReveal .34s cubic-bezier(.22,.72,.18,1)}.memory-card-tile.is-returning .memory-card-inner{animation:memoryCardFlipHide .34s cubic-bezier(.22,.72,.18,1)}.memory-card-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:20px;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;transition:opacity .09s ease}.memory-card{position:relative;width:min(100%,760px);padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 34%),radial-gradient(circle at 82% 18%,rgba(14,165,233,.18),transparent 24%),linear-gradient(180deg,#93c5fdfa,#60a5faf5)}.memory-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(125,211,252,.18),transparent 18%),radial-gradient(circle at 84% 18%,rgba(2,132,199,.2),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%)}.memory-topbar,.memory-help{position:relative;z-index:1;padding-inline:16px}.memory-topbar{display:flex!important;justify-content:center!important;align-items:center;gap:8px;width:100%;margin:8px auto 12px}.memory-counter-block{width:180px;min-height:60px;background:#ffffffdb;box-shadow:inset 0 0 0 1px #e2e8f0eb;border:0}.memory-counter-label{color:#0f766e}.memory-counter-value{color:#111827;white-space:nowrap}.memory-help{margin:0 0 10px;text-align:center;color:#374151!important;font-weight:600}.memory-table{position:relative;z-index:1;margin-top:8px;overflow:hidden;border-radius:24px 24px 22px 22px}.memory-table.is-menu-open>:not(.memory-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.memory-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px 24px 22px 22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.memory-menu-overlay.is-entering{animation:memoryMenuFadeIn .26s ease}.memory-menu-overlay.hidden{display:none}.memory-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.memory-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 36%),linear-gradient(180deg,#93c5fdfa,#60a5faf5);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.memory-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.memory-menu-title{margin:0;font-size:2rem;color:#0f172a}.memory-menu-text{margin:0;color:#374151!important;font-weight:600;line-height:1.45}.memory-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.memory-board{width:min(100%,584px);margin:0 auto;padding:0 0 2px}@keyframes memoryMenuFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.memory-card-front{opacity:0;transform:rotateY(180deg);background:linear-gradient(180deg,#10b98138,#2563eb2e),#0f172abd;border:1px solid rgba(110,231,183,.18);box-shadow:inset 0 0 0 1px #ffffff08}.memory-card-back{opacity:1;background:url(assets/branding/logo-baie-cartoon.svg) center / 100% 100% no-repeat;border:1px solid rgba(125,211,252,.2);overflow:hidden}.memory-card-back .card-back-emblem{width:100%;height:100%;background:none;filter:none}.memory-card-tile.is-revealed .memory-card-front{opacity:1;transition-delay:.16s}.memory-card-tile.is-revealed .memory-card-back{opacity:0;transition-delay:0s}.memory-card-tile:not(.is-revealed) .memory-card-front{transition-delay:0s}.memory-card-tile:not(.is-revealed) .memory-card-back{transition-delay:.16s}.memory-card-tile.is-matched .memory-card-front{box-shadow:0 0 0 2px #6ee7b742,0 0 22px #10b98129}@keyframes memoryCardFlipReveal{0%{transform:scaleX(1)}45%{transform:scaleX(.16)}55%{transform:scaleX(.16)}to{transform:scaleX(1)}}@keyframes memoryCardFlipHide{0%{transform:scaleX(1)}45%{transform:scaleX(.16)}55%{transform:scaleX(.16)}to{transform:scaleX(1)}}.memory-card{width:min(100%,760px);padding:16px 16px 18px;border-radius:28px;background:radial-gradient(circle at 16% 14%,rgba(250,204,21,.18),transparent 22%),radial-gradient(circle at 86% 18%,rgba(45,212,191,.18),transparent 24%),radial-gradient(circle at 28% 86%,rgba(251,113,133,.16),transparent 24%),linear-gradient(160deg,#0c4a6efa,#0f766ef5 54%,#3f3f46f5);box-shadow:inset 0 0 0 1px #ffffff1a,0 26px 48px -34px #0f172ae0}.memory-card:before{background:linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.08) 18% 19%,transparent 19% 48%,rgba(255,255,255,.06) 48% 49%,transparent 49%),radial-gradient(circle at 50% 0,rgba(255,255,255,.12),transparent 38%);opacity:.82}.memory-topbar,.memory-help,.memory-table{position:relative;z-index:1}.memory-topbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,560px);margin:0 auto 10px;padding-inline:0}.memory-counter-block{width:auto;min-height:58px;padding:8px 10px;border-radius:16px;background:radial-gradient(circle at top,rgba(255,255,255,.28),transparent 42%),linear-gradient(180deg,#ffffffe0,#e2e8f0c7);box-shadow:inset 0 0 0 1px #ffffffd1,0 18px 28px -24px #0f172ab3}.memory-counter-label{color:#0f766e;font-size:.66rem;letter-spacing:.16em}.memory-counter-value{color:#111827;font-size:clamp(1.05rem,2.1vw,1.35rem);font-variant-numeric:tabular-nums}.memory-help{max-width:560px;margin:0 auto 10px;color:#ecfeff!important;font-weight:700;text-shadow:0 1px 12px rgba(8,47,73,.42)}.memory-table{width:min(100%,620px);min-height:0;margin:0 auto;padding:14px;border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.11),transparent 34%),linear-gradient(180deg,#082f499e,#0f172a61);box-shadow:inset 0 0 0 1px #bae6fd1f,inset 0 18px 44px #082f4929;overflow:visible}.memory-table.is-menu-open>:not(.memory-menu-overlay){filter:blur(7px) saturate(.86) brightness(.88)}.memory-menu-overlay{inset:0;padding:22px;border-radius:24px;background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.1),transparent 32%),#082f494d}.memory-menu-card{width:min(100%,430px);border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(250,204,21,.18),transparent 28%),radial-gradient(circle at 86% 20%,rgba(45,212,191,.16),transparent 28%),linear-gradient(180deg,#f8fafcfa,#e0f2fef5);box-shadow:inset 0 0 0 1px #ffffffc7,0 26px 52px -32px #0f172af2}.memory-menu-eyebrow{color:#0f766e}.memory-menu-title{color:#0f172a}.memory-menu-text{color:#334155!important}.memory-table.is-memory-complete .memory-menu-card{background:radial-gradient(circle at 18% 16%,rgba(250,204,21,.28),transparent 28%),radial-gradient(circle at 86% 20%,rgba(45,212,191,.24),transparent 30%),linear-gradient(180deg,#fffbebfa,#e0f2fef7)}.memory-table.is-memory-complete .memory-menu-title{color:#0f766e}.memory-table.is-memory-complete:after{content:"";position:absolute;inset:18px;border-radius:24px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(250,204,21,.18),transparent),radial-gradient(circle at 50% 50%,rgba(45,212,191,.16),transparent 46%);animation:memoryVictoryWash 1.1s ease both;z-index:4}.memory-board{width:min(100%,592px);min-height:0;gap:9px;padding:0}.memory-card-tile{border:0;border-radius:18px;cursor:pointer;background:transparent;box-shadow:0 16px 24px -22px #0f172ae0;transform-origin:center bottom;transition:transform .16s ease,filter .16s ease}.memory-card-tile:hover{transform:translateY(-3px);filter:brightness(1.04)}.memory-card-tile:focus-visible{outline:3px solid rgba(250,204,21,.78);outline-offset:4px}.memory-card-tile.is-dealing{animation:memoryDealIn .52s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--memory-deal-index, 0) * 32ms)}.memory-card-tile.is-revealing .memory-card-inner,.memory-card-tile.is-returning .memory-card-inner{animation:none}.memory-card-inner,.memory-card-face{border-radius:18px}.memory-card-face{overflow:hidden;font-size:clamp(1.9rem,4vw,3rem)}.memory-card-front{opacity:0;transform:scale(.9) translateY(6px);transition:opacity .15s ease,transform .21s cubic-bezier(.22,1,.36,1);transition-delay:0s;color:#f8fafc;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.28),transparent 19%),linear-gradient(180deg,var(--memory-card-top, #14b8a6),var(--memory-card-bottom, #0f766e));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -18px 30px #0f172a2e}.memory-card-symbol{position:relative;z-index:1;filter:drop-shadow(0 8px 12px rgba(15,23,42,.34));transform:translateY(-1px)}.memory-card-glint{position:absolute;inset:11px;border-radius:15px;border:1px solid rgba(255,255,255,.2);pointer-events:none}.memory-card-glint:before{content:"";position:absolute;left:10px;right:10px;top:10px;height:18%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent)}.memory-card-back{opacity:1;transform:scale(1);transition:opacity .14s ease,transform .18s ease,filter .18s ease;transition-delay:0s;background:url(assets/branding/logo-baie-cartoon.svg) center / 66% auto no-repeat,radial-gradient(circle at 30% 20%,rgba(250,204,21,.2),transparent 24%),radial-gradient(circle at 78% 72%,rgba(45,212,191,.18),transparent 24%),linear-gradient(145deg,#0f172af5,#0c4a6ef0);border:1px solid rgba(186,230,253,.22);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -20px 30px #0f172a33}.memory-card-back:before{content:"";position:absolute;inset:11px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}.memory-card-tile.is-revealed .memory-card-front{opacity:1;transform:scale(1) translateY(0);transition-delay:0s}.memory-card-tile.is-revealed .memory-card-back{opacity:0;transform:scale(.94) translateY(-4px);filter:blur(2px);transition-delay:0s}.memory-card-tile.is-revealing .memory-card-front{animation:memoryRevealPop .22s cubic-bezier(.22,1,.36,1) both}.memory-card-tile.is-returning .memory-card-front{animation:memoryFrontTuck .18s ease both}.memory-card-tile.is-returning .memory-card-back{animation:memoryBackReturn .22s cubic-bezier(.22,1,.36,1) both}.memory-symbol-anchor{--memory-card-top: #38bdf8;--memory-card-bottom: #0369a1}.memory-symbol-crab{--memory-card-top: #fb7185;--memory-card-bottom: #be123c}.memory-symbol-octopus{--memory-card-top: #a78bfa;--memory-card-bottom: #7c3aed}.memory-symbol-squid{--memory-card-top: #2dd4bf;--memory-card-bottom: #0f766e}.memory-symbol-coral{--memory-card-top: #f97316;--memory-card-bottom: #c2410c}.memory-symbol-lobster{--memory-card-top: #f43f5e;--memory-card-bottom: #9f1239}.memory-symbol-fish{--memory-card-top: #facc15;--memory-card-bottom: #ca8a04}.memory-symbol-compass{--memory-card-top: #94a3b8;--memory-card-bottom: #475569}.memory-card-tile.is-matched{pointer-events:none}.memory-card-tile.is-matched .memory-card-front{box-shadow:0 0 0 2px #facc155c,0 0 28px #2dd4bf47,inset 0 0 0 1px #ffffff29}.memory-card-tile.is-match-celebrating{animation:memoryPairGlow .52s ease both}.memory-card-tile.is-match-celebrating .memory-card-symbol{animation:memoryMatchedPop .36s cubic-bezier(.22,1,.36,1)}@keyframes memoryDealIn{0%{opacity:0;transform:translate3d(0,-34px,0) rotate(-8deg) scale(.86)}72%{opacity:1;transform:translate3d(0,4px,0) rotate(1deg) scale(1.02)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes memoryPairGlow{0%{filter:brightness(1)}50%{filter:brightness(1.14) saturate(1.12)}to{filter:brightness(1)}}@keyframes memoryRevealPop{0%{opacity:0;transform:scale(.86) translateY(10px)}72%{opacity:1;transform:scale(1.04) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes memoryFrontTuck{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(6px)}}@keyframes memoryBackReturn{0%{opacity:0;transform:scale(.94) translateY(-4px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes memoryVictoryWash{0%{opacity:0;transform:scale(.96)}45%{opacity:1}to{opacity:0;transform:scale(1.04)}}@keyframes memoryMatchedPop{0%{transform:scale(.9) translateY(-1px)}68%{transform:scale(1.15) translateY(-1px)}to{transform:scale(1) translateY(-1px)}}@media(max-width:700px){.memory-card{padding:14px 12px 16px}.memory-topbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.memory-counter-block{min-height:56px;padding:8px 6px;border-radius:15px}.memory-counter-label{font-size:.62rem;letter-spacing:.12em}.memory-counter-value{font-size:.96rem}.memory-table{min-height:auto;padding:12px;border-radius:22px}.memory-board{min-height:0;gap:7px}.memory-card-tile,.memory-card-inner,.memory-card-face{border-radius:14px}}.tictactoe-board{width:min(100%,520px);aspect-ratio:1 / 1;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.18),transparent 14%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.1),transparent 12%),linear-gradient(180deg,#3b82f629,#f973161a),#0f172a6b;box-shadow:inset 0 0 0 1px #ffffff0f,0 22px 40px -32px #0f172adb}.tictactoe-cell{position:relative;border-radius:22px;background:radial-gradient(circle at 26% 22%,rgba(255,255,255,.14),transparent 18%),linear-gradient(180deg,#6366f129,#3b82f614),#0f172ac2;border:1px solid rgba(191,219,254,.12);display:grid;place-items:center;aspect-ratio:1 / 1;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.tictactoe-cell span{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(2.15rem,7vw,3.7rem);line-height:1;font-weight:900;transform:translateY(-1px)}.tictactoe-cell.is-new-move span{animation:tictactoeMarkPop .28s cubic-bezier(.2,.9,.2,1.15)}.tictactoe-cell.is-winning-cell{animation:tictactoeWinningGlow .9s ease-in-out infinite alternate}.tictactoe-cell.is-winning-cell span{animation:tictactoeWinningPulse .9s ease-in-out infinite alternate}.tictactoe-cell.is-anchor{color:#f8d266;background:radial-gradient(circle at 50% 38%,rgba(248,250,252,.12),transparent 28%),linear-gradient(180deg,#b4530933,#6366f114),#0f172ac7;box-shadow:inset 0 0 0 1px #f59e0b1f}.tictactoe-cell.is-anchor span{text-shadow:0 0 18px rgba(245,158,11,.16)}.tictactoe-cell.is-skull{color:#d9f3ff;background:radial-gradient(circle at 50% 40%,rgba(186,230,253,.14),transparent 28%),linear-gradient(180deg,#082f4947,#3b82f60f),#0f172ad1;box-shadow:inset 0 0 0 1px #38bdf81f}.tictactoe-cell.is-skull span{text-shadow:0 0 18px rgba(125,211,252,.16)}@keyframes tictactoeMarkPop{0%{transform:translateY(-1px) scale(.4) rotate(-10deg);opacity:0}70%{transform:translateY(-1px) scale(1.14) rotate(2deg);opacity:1}to{transform:translateY(-1px) scale(1) rotate(0);opacity:1}}@keyframes tictactoeWinningGlow{0%{box-shadow:inset 0 0 0 1px #ffffff14,0 0 #f59e0b00;transform:translateY(0)}to{box-shadow:inset 0 0 0 1px #ffffff14,0 0 24px #38bdf82e;transform:translateY(-2px)}}@keyframes tictactoeWinningPulse{0%{transform:translateY(-1px) scale(1)}to{transform:translateY(-1px) scale(1.08)}}.aim-table{position:relative;display:flex;flex:1 1 auto;z-index:1;width:100%;min-height:0;margin:0 auto;border-radius:22px}.aim-table.is-menu-open>:not(.aim-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.aim-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:22px;background:#082f493d;opacity:1;transition:opacity .26s ease,transform .26s ease}.aim-menu-overlay.hidden{display:none}.aim-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.aim-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.aim-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(249,115,22,.2),transparent 22%),radial-gradient(circle at 82% 18%,rgba(125,211,252,.16),transparent 22%),linear-gradient(180deg,#281e12fa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.aim-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fb923c}.aim-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.aim-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.aim-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.aim-board{position:relative;flex:1 1 auto;width:100%;min-height:0;margin:0 auto;cursor:crosshair;border-radius:22px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 16% 14%,rgba(125,211,252,.2),transparent 18%),radial-gradient(circle at 84% 20%,rgba(45,212,191,.14),transparent 17%),linear-gradient(180deg,#38bdf81f,#0f172a42),#0f172a9e;border:1px solid rgba(99,102,241,.16);box-shadow:inset 0 0 0 1px #ffffff08;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.aim-board:before,.aim-board:after{content:"";position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;transform:translateZ(0);backface-visibility:hidden}.aim-board:before{background:none}.aim-board:after{background:radial-gradient(ellipse at 50% 106%,rgba(255,255,255,.03) 0 24%,transparent 25%),radial-gradient(ellipse at 28% 104%,rgba(255,255,255,.017) 0 18%,transparent 19%),radial-gradient(ellipse at 74% 102%,rgba(255,255,255,.017) 0 16%,transparent 17%)}.aim-board.is-rumbling{animation:boardRumble .24s ease,aimMissPulse .24s ease}.aim-board.is-splashing:before{animation:aimBoardSplash .28s ease}.aim-countdown{position:absolute;inset:0;z-index:5;display:grid;place-items:center;font-size:clamp(2.6rem,11vw,4.8rem);font-weight:900;letter-spacing:.08em;color:#f8fafc;text-shadow:0 14px 36px rgba(15,23,42,.9),0 0 18px rgba(125,211,252,.46);pointer-events:none;animation:aimCountdownPulse .32s ease}.aim-target-shell{position:absolute;padding:0;border:none;background:none;overflow:hidden;cursor:crosshair}.aim-target-shell.is-effect{pointer-events:none}.aim-target-shell.is-effect:before{opacity:0}.aim-target-shell.is-spawning-target:before{opacity:0}.aim-target-shell:hover{filter:brightness(1.08)}.aim-target{position:absolute;inset:var(--aim-target-padding, 0px);border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(186,230,253,.18) 0 10%,transparent 11%),radial-gradient(circle at 62% 38%,rgba(125,211,252,.1) 0 8%,transparent 9%),radial-gradient(circle at 42% 62%,rgba(15,23,42,.22) 0 11%,transparent 12%),radial-gradient(circle at 58% 56%,rgba(15,23,42,.2) 0 9%,transparent 10%),radial-gradient(circle at 34% 34%,#ffffff1f,#3b82f61a 14%,#1e40afe6 38%,#172554fa 70%,#0f172a);box-shadow:0 0 0 2px #1118272e,0 10px 18px -12px #0f172aad;animation:aimTargetPulse 1.1s ease-in-out infinite;z-index:1}.aim-target.is-spawning{animation:aimTargetSpawn .28s ease,aimTargetPulse 1.1s ease-in-out .28s infinite}.aim-target:before,.aim-target:after{content:"";position:absolute;border-radius:50%;inset:-32%;z-index:-1}.aim-target:before{background:repeating-conic-gradient(from 4deg,rgba(15,23,42,.98) 0deg 5deg,transparent 5deg 17deg);-webkit-mask:radial-gradient(circle,transparent 0 50%,#000 50.5% 100%);mask:radial-gradient(circle,transparent 0 50%,#000 50.5% 100%);opacity:.98;inset:-18%}.aim-target:after{inset:10%;background:radial-gradient(circle at 24% 28%,rgba(191,219,254,.34) 0 9%,transparent 10%),radial-gradient(circle at 68% 30%,rgba(30,64,175,.32) 0 10%,transparent 11%),radial-gradient(circle at 34% 70%,rgba(15,23,42,.26) 0 8%,transparent 9%),radial-gradient(circle at 72% 66%,rgba(15,23,42,.24) 0 9%,transparent 10%),radial-gradient(circle at 48% 48%,rgba(96,165,250,.14) 0 68%,transparent 69%);opacity:.95;z-index:2}.aim-hit-flash{position:absolute;inset:calc(var(--aim-target-padding, 0px) + 4px);border-radius:50%;background:radial-gradient(circle,rgba(224,242,254,.92) 0 18%,rgba(125,211,252,.5) 19% 42%,rgba(56,189,248,.18) 43% 70%,transparent 72%);box-shadow:0 0 24px -12px #bae6fdf2,inset 0 0 18px #ffffff38;animation:aimHitFlash .24s ease-out forwards}.aim-target-shell:before{content:"";position:absolute;left:50%;top:78%;width:56%;height:14%;transform:translate(-50%);border-radius:999px;border-top:2px solid rgba(255,255,255,.18);opacity:.3;pointer-events:none}.aim-hit-particle{position:absolute;left:50%;top:50%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:50%;background:radial-gradient(circle,rgba(191,219,254,.95) 0 28%,rgba(59,130,246,.72) 29% 68%,transparent 69%);opacity:0;pointer-events:none;animation:aimHitParticle .32s ease-out forwards}.aim-hit-particle-a{--aim-particle-x: -18px;--aim-particle-y: -20px}.aim-hit-particle-b{--aim-particle-x: 16px;--aim-particle-y: -14px}.aim-hit-particle-c{--aim-particle-x: -14px;--aim-particle-y: 18px}.aim-hit-particle-d{--aim-particle-x: 20px;--aim-particle-y: 14px}.aim-hit-particle-e{--aim-particle-x: 0px;--aim-particle-y: -24px}@keyframes aimCountdownPulse{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes pongPauseReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes aimTargetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes aimMissPulse{0%,to{border-color:#6366f129;box-shadow:inset 0 0 0 1px #ffffff08}45%{border-color:#f87171b3;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 2px #ef444442,0 0 22px -12px #ef4444cc}}@keyframes aimHitFlash{0%{opacity:.92;transform:scale(.72);filter:blur(0)}to{opacity:0;transform:scale(1.35);filter:blur(3px)}}@keyframes aimHitParticle{0%{opacity:.92;transform:translate(0) scale(.8)}to{opacity:0;transform:translate(var(--aim-particle-x),var(--aim-particle-y)) scale(.2)}}@keyframes aimTargetSpawn{0%{opacity:0;transform:scale(.82);filter:blur(0)}70%{opacity:1;transform:scale(1.04);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes aimBoardSplash{0%{opacity:.4;filter:brightness(1)}50%{opacity:1;filter:brightness(1.18)}to{opacity:.9;filter:brightness(1)}}#gameOverModal{pointer-events:none}#gameOverModal .modal-backdrop{display:none}#gameOverModal .game-over-card{pointer-events:auto;box-shadow:0 24px 45px -30px #0f172abf}.eyebrow,.section-tag{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--primary-color);margin:0 0 14px;font-weight:700}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:14px}h2{font-size:1.3rem;margin-bottom:0}h3{font-size:1.8rem;margin-bottom:12px}h4{font-size:1.1rem;margin-bottom:10px}.intro,.card p,.manage-item-copy p,.brand-copy p{color:var(--muted-text);line-height:1.6}.brand-copy .eyebrow{margin-bottom:4px}.brand-copy h2{margin:0;font-size:1.15rem;line-height:1.15}.login-form,.management-form{margin-top:28px;display:grid;gap:14px;text-align:left}.field-label{display:inline-block;margin-bottom:8px;font-weight:600}input,select,textarea{width:100%;background:#0f172ae6;border:1px solid rgba(99,102,241,.3);border-radius:14px;color:var(--text-color);padding:15px 16px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}textarea{resize:vertical;min-height:120px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f126}button{border:none;cursor:pointer;font-size:1rem;touch-action:manipulation;transition:transform .2s ease,filter .2s ease,background-color .2s ease,border-color .2s ease}button:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary-button,.nav-button.is-active{background-color:var(--primary-color);color:#fff}.primary-button,.secondary-button,.danger-button{padding:14px 20px;border-radius:14px;font-weight:700}.secondary-button{background:#0f172ab3;color:var(--text-color);border:1px solid rgba(99,102,241,.18)}.danger-button{background:#f8717124;color:#fecaca;border:1px solid rgba(248,113,113,.3)}.multiplayer-button-success{background:linear-gradient(135deg,#059669f5,#22c55eeb);color:#f0fdf4;border:1px solid rgba(167,243,208,.26);box-shadow:0 14px 28px -18px #10b9818c}.multiplayer-button-success:hover,.multiplayer-button-success:focus-visible{filter:brightness(1.06);border-color:#bbf7d06b}.multiplayer-button-danger{background:#7f1d1d47;color:#fee2e2;border:1px solid rgba(248,113,113,.42);box-shadow:0 14px 28px -20px #f8717166}.multiplayer-button-danger:hover,.multiplayer-button-danger:focus-visible{filter:brightness(1.06);border-color:#fca5a58f}.feedback{min-height:24px;margin-bottom:0;font-weight:600}.feedback-success{color:var(--success-color)}.feedback-error{color:var(--error-color)}.nav-tabs{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.nav-button{padding:12px 18px;border-radius:999px;background:#0f172ab3;color:var(--text-color);border:1px solid rgba(99,102,241,.18);font-weight:600}.panel{display:none;height:100%;overflow:hidden}.panel-active{display:block;animation:fadeInUp .45s ease}.hero,.info-card,.section-header-card,.form-card,.manage-list-card{padding:24px;background:#060a14fa}.hero{margin-bottom:16px}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#dashboardSection{display:none}#dashboardSection.panel-active{display:flex;flex-direction:column;justify-content:center}.stat-card h4{font-size:2rem;margin-bottom:8px}.section-header-card{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px;padding:16px 20px}.catalog-tools{width:min(280px,100%)}.catalog-layout{display:grid;grid-template-columns:248px minmax(0,1fr);width:min(100%,1500px);margin:0 auto;gap:24px;align-items:start}.catalog-main{min-width:0;width:100%}.catalog-filters-card{position:sticky;top:0;display:grid;gap:14px;padding:16px 18px;max-height:calc(100vh - 24px);overflow:auto;background:#060a14f0}.catalog-filters-copy h3{margin:0 0 4px}.catalog-results-summary{margin:0;color:#e2e8f0d1}.catalog-filter-block{display:grid;gap:8px}.catalog-filter-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.catalog-filter-hint{font-size:.74rem;color:#bfdbfeb8}.catalog-filter-input{width:100%;min-height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.2);padding:0 12px;color:var(--text-color);background:#0f172a9e}.catalog-filter-input:focus{outline:2px solid rgba(56,189,248,.28);outline-offset:2px}.catalog-genre-list{display:grid;gap:8px;max-height:260px;overflow:auto;padding-right:4px}.catalog-genre-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border-radius:14px;background:#0f172a80;border:1px solid rgba(99,102,241,.12);color:#e2e8f0e6;cursor:pointer}.catalog-genre-option input{margin:0}.catalog-genre-option-copy{min-width:0;font-size:.88rem}.catalog-genre-option-count{font-size:.76rem;color:#bfdbfec7}.catalog-filter-empty{margin:0;font-size:.84rem;color:#bfdbfeb8}.catalog-reset-button{width:100%;min-height:44px}#catalogSection .section-header-card{position:sticky;top:0;z-index:6;backdrop-filter:blur(16px);background:#060a14eb;box-shadow:0 18px 32px -28px #0f172aeb}.section-header-card h3{margin-bottom:4px}.section-header-card .section-tag{margin-bottom:8px}.section-header-card p{margin-bottom:0}.catalog-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:start;min-width:0}.movie-card{position:relative;display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;background:#060a14fa;border:1px solid rgba(99,102,241,.12);box-shadow:0 18px 38px -28px var(--shadow-color)}.movie-poster-shell{position:relative;border-radius:0;overflow:hidden;box-shadow:none}.movie-poster{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;background:#1e293b99}.movie-card-body{margin-top:0;padding:10px 11px 11px;border-radius:0;border:0;border-top:1px solid rgba(99,102,241,.12);box-shadow:none;background:linear-gradient(180deg,#0e1422fa,#0a0f1cfa);display:grid;grid-template-rows:minmax(2.1em,auto) 1fr;align-content:start;min-height:116px}.movie-card-body h4{min-height:2.1em;margin:0 0 6px;font-size:.88rem;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rating-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#6366f1e0;color:var(--text-color);font-weight:700;white-space:nowrap;border:1px solid rgba(255,255,255,.14)}.rating-badge.is-excellent{background:linear-gradient(135deg,#facc15fa,#fde047f0);color:#1f2937}.rating-badge.is-great{background:linear-gradient(135deg,#f59e0bf5,#facc15eb);color:#1f2937}.rating-badge.is-good{background:linear-gradient(135deg,#f97316f5,#f59e0beb);color:#fff7ed}.rating-badge.is-fair{background:linear-gradient(135deg,#ea580cf5,#f97316eb);color:#fff7ed}.rating-badge.is-rough{background:linear-gradient(135deg,#dc2626f5,#ef4444eb);color:#fef2f2}.rating-badge.is-poor{background:linear-gradient(135deg,#991b1bfa,#dc2626eb);color:#fef2f2}.rating-badge.is-unrated{background:linear-gradient(135deg,#475569f5,#334155f0);color:#e2e8f0}.rating-badge-floating{position:absolute;top:10px;left:10px;z-index:2;box-shadow:0 12px 22px -18px #0f172af2}.movie-meta{display:grid;gap:3px;margin-bottom:0;align-content:start}.movie-meta p,.movie-meta a{margin:0;font-size:.78rem;line-height:1.24;color:#e2e8f0d6}.movie-meta a{color:#bfdbfef5;text-decoration:none}.movie-meta a:hover,.movie-meta a:focus-visible{text-decoration:underline}.import-source{margin:10px 0 0;color:#e2e8f0cc;font-size:.95rem}.tmdb-attribution{margin:14px 0 0;color:#bfdbfeb8;font-size:.82rem;line-height:1.45}.management-layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.86fr);gap:14px;height:100%;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-group{min-width:0}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.manage-list{display:grid;gap:10px;margin-top:12px}.manage-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;border-radius:18px;background:#0f172a8c;border:1px solid rgba(99,102,241,.12)}.manage-item-copy h4{margin-bottom:6px}.manage-item-copy p{margin-bottom:0}.manage-item-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.manage-action{padding:10px 14px;border-radius:12px}.modal{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#0f172ab8;backdrop-filter:blur(10px)}#legalNoticeModal .modal-backdrop{opacity:0;transition:opacity .18s ease}.modal-card{position:relative;z-index:1;width:min(460px,100%);padding:28px}#legalNoticeModal .modal-card{opacity:0;transform:translateY(14px) scale(.96);transition:opacity .22s ease,transform .22s ease}#legalNoticeModal.modal-visible .modal-backdrop{opacity:1}#legalNoticeModal.modal-visible .modal-card{opacity:1;transform:translateY(0) scale(1)}.legal-notice-card{width:min(760px,100%);min-height:min(620px,calc(100vh - 40px));max-height:calc(100vh - 40px);padding:clamp(18px,2.4vh,28px);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px}.legal-notice-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:4px 0 0;align-content:start}.legal-notice-content p{margin:0;padding:12px 14px;border-radius:16px;background:#0f172a6b;border:1px solid rgba(99,102,241,.12);line-height:1.45;font-size:clamp(.83rem,1.35vh,.96rem)}.legal-notice-content p:first-child{grid-column:1 / -1;padding:10px 14px;text-align:center}.legal-notice-card .section-tag{margin-bottom:0}.legal-notice-card h3{margin-bottom:0;font-size:clamp(1.45rem,2.6vh,1.8rem)}.legal-notice-card .form-actions{margin-top:2px;justify-content:flex-end}.legal-placeholder{color:#fcd34d;font-weight:700}@media(max-width:720px),(max-height:760px){.legal-notice-card{width:min(680px,100%);min-height:auto;max-height:calc(100vh - 24px);padding:18px;gap:8px}.legal-notice-content{gap:10px 12px}.legal-notice-content p{padding:10px 12px;font-size:clamp(.77rem,1.18vh,.88rem);line-height:1.32}}@media(max-width:640px){.legal-notice-content{grid-template-columns:1fr}.legal-notice-content p:first-child{grid-column:auto}}.empty-state{text-align:center;color:var(--muted-text);margin-top:24px}.form-card,.manage-list-card{padding:24px}.management-form{margin-top:18px;gap:12px}.management-form textarea{min-height:96px}#catalogSection.panel-active{overflow-y:auto;padding-right:6px;scroll-padding-top:92px}#catalogSection.panel-active::-webkit-scrollbar{width:10px}#catalogSection.panel-active::-webkit-scrollbar-thumb{background:#6366f159;border-radius:999px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@keyframes gamesFiltersSlideIn{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes gameHomeTileDominoIn{0%{opacity:0;transform:translate3d(-28px,24px,0) rotate(-11deg) scale(.9);filter:saturate(.7) brightness(.82)}58%{opacity:1;transform:translate3d(5px,-4px,0) rotate(2.5deg) scale(1.02);filter:saturate(1.02) brightness(1.04)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1);filter:saturate(1) brightness(1)}}@keyframes gameHomeTileDominoReplay{0%{transform:translateZ(0) rotate(0) scale(1)}38%{transform:translate3d(3px,-4px,0) rotate(2.8deg) scale(1.02)}to{transform:translateZ(0) rotate(0) scale(1)}}@keyframes multiplayerMenuGlowSweep{0%{opacity:0;transform:translate3d(-160%,0,0) rotate(14deg)}18%{opacity:.18}50%{opacity:.52}to{opacity:0;transform:translate3d(390%,0,0) rotate(14deg)}}@keyframes siteAdsSlideIn{0%{opacity:0;transform:translate(32px,24px)}to{opacity:1;transform:translate(0)}}@keyframes revealCell{0%{transform:scale(.98);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes revealParticleA{0%{opacity:.95;transform:translate(0) scale(.8)}to{opacity:0;transform:translate(-11px,-10px) scale(1.1)}}@keyframes revealParticleB{0%{opacity:.95;transform:translate(0) scale(.8)}to{opacity:0;transform:translate(12px,-8px) scale(1)}}@keyframes revealParticleC{0%{opacity:.9;transform:translate(0) scale(.75)}to{opacity:0;transform:translate(-8px,11px) scale(1)}}@keyframes revealParticleD{0%{opacity:.9;transform:translate(0) scale(.75)}to{opacity:0;transform:translate(10px,10px) scale(.95)}}@keyframes mineBlast{0%{transform:scale(.9);filter:brightness(1);box-shadow:0 0 #f8717100}55%{transform:scale(1.12);filter:brightness(1.3);box-shadow:0 0 26px #f8717161}to{transform:scale(1);filter:brightness(1);box-shadow:0 0 18px #f871712e}}@keyframes boardShake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(9px)}45%{transform:translate(-7px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes boardRumble{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(1px)}75%{transform:translateY(-1px)}}@keyframes flagPulse{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes gameOverPop{0%{opacity:0;transform:translateY(10px) scale(.96)}65%{opacity:1;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snakeFoodPulse{0%{transform:scale(.78);filter:brightness(1.35)}to{transform:scale(1);filter:brightness(1)}}@keyframes game2048TilePop{0%{opacity:0;transform:translate(var(--game-2048-tile-x),var(--game-2048-tile-y)) scale(.62);filter:brightness(1.26)}72%{opacity:1;transform:translate(var(--game-2048-tile-x),var(--game-2048-tile-y)) scale(1.08);filter:brightness(1.14)}to{opacity:1;transform:translate(var(--game-2048-tile-x),var(--game-2048-tile-y)) scale(1);filter:brightness(1)}}@keyframes candyFallIn{0%{transform:translateY(-18px) scale(.92);opacity:.2}to{transform:translateY(0) scale(1);opacity:1}}@keyframes connect4DropIn{0%{transform:translateY(calc((var(--connect4-drop-rows, 1) * -100%) - (var(--connect4-drop-rows, 1) * 8px))) scale(.96);opacity:.34}72%{transform:translateY(4px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes connect4ColumnDrop{0%{transform:translateY(calc(var(--connect4-drop-distance, 0px) * -1))}78%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes candyHitParticle{0%{opacity:.92;transform:translate(0) scale(.8)}to{opacity:0;transform:translate(var(--candy-particle-x),var(--candy-particle-y)) scale(.2)}}@keyframes sudokuSolvedPulse{0%{transform:scale(.94);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes sudokuCorrectPulse{0%{transform:scale(.92);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes sudokuWrongPulse{0%,to{transform:translate(0)}30%{transform:translate(-2px)}60%{transform:translate(2px)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.site-ads{display:none}.site-header-inner,.section-header-card,.management-layout,.games-layout,.math-tool-grid{grid-template-columns:1fr;display:grid}.brand-mark,.nav-tabs{justify-content:center}.page-actions{top:12px;right:10px;gap:8px}.consent-banner{left:12px;right:12px;width:min(720px,calc(100vw - 24px))}.brand-copy{text-align:center}.catalog-layout{grid-template-columns:1fr;gap:16px}.catalog-filters-card{position:static;max-height:none}.catalog-genre-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding-right:0}.catalog-grid,.panel-grid,.form-grid,.service-grid{grid-template-columns:1fr}.games-layout,.math-layout,.music-layout{height:min(740px,calc(100vh - 72px))}}@media(min-width:981px){#appView{width:min(100%,calc(100% - 80px));max-width:1620px;padding-right:12px;margin-inline:auto}}@media(max-width:600px){.app-shell{width:min(100% - 20px,1320px);padding:20px 0;align-items:flex-start}.app-view,#gamesView,#mathView,#musicView{padding-top:128px}.login-card,.services-shell,.hero,.info-card,.section-header-card,.form-card,.manage-list-card,.modal-card{padding:22px}.service-home-card{padding:30px 22px}.consent-preferences-button{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));justify-content:center}.consent-banner{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:auto;padding:18px;gap:12px}.consent-actions,.consent-banner-links{flex-direction:column;align-items:stretch}.consent-actions .primary-button,.consent-actions .secondary-button,.consent-close-button{width:100%;justify-content:center}.consent-banner-links a{justify-content:center}.consent-close-button{margin-left:0}.minesweeper-card{padding:16px}.minesweeper-card,.snake-card,.pong-card,.sudoku-card,.game-2048-card,.aim-card,.memory-card,.tictactoe-card,.battleship-card,.tetris-card,.pacman-card,.solitaire-card,.connect4-card,.rhythm-card,.flappy-card,.flowfree-card,.magicsort-card,.mentalmath-card,.candycrush-card,.harborrun-card,.stacker-card,.math-panel,.music-panel{min-height:auto}.piano-topbar{grid-template-columns:1fr}.piano-stage{padding:16px}.piano-keyboard{overflow-x:auto}.piano-white-keys{min-width:1220px}.piano-black-keys{width:1220px;left:14px;right:auto}.site-header-inner{width:min(100% - 20px,1320px);min-height:108px;padding:12px 0}.section-header-card{padding:16px 18px}.nav-tabs{width:100%}.nav-button{flex:1 1 calc(50% - 12px);text-align:center}.manage-item,.form-actions{flex-direction:column;align-items:stretch}.manage-item-actions{justify-content:stretch}.minesweeper-topbar,.snake-topbar,.pong-topbar,.sudoku-topbar,.game-2048-topbar,.aim-topbar,.memory-topbar,.tictactoe-topbar,.battleship-topbar,.battleship-layout{grid-template-columns:1fr}.calculator-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.math-panel{padding:22px}.minesweeper-board{gap:4px;padding:8px;width:min(100%,min(64vh,510px))}.snake-board{--snake-gap: 3px;--snake-padding: 6px;width:min(100%,min(52vh,400px))}.pong-board{width:min(100%,420px)}.sudoku-board{gap:4px;padding:8px;width:min(100%,min(52vh,400px))}.game-2048-board{--game-2048-gap: 8px;--game-2048-padding: 8px;width:min(100%,min(55vh,430px))}.flowfree-board,.candycrush-board,.harborrun-board,.stacker-board{width:min(100%,100%)}.magicsort-board{grid-template-columns:repeat(3,minmax(76px,1fr))}.mentalmath-form{grid-template-columns:1fr}.tetris-stage{display:grid;gap:14px}.tetris-next-panel{position:static;width:min(100%,320px);margin:0 auto}.tetris-next-queue{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:430px)and (pointer:coarse){body{min-height:100dvh;height:auto;overflow-x:hidden;overflow-y:auto}.background-glow{width:220px;height:220px;filter:blur(72px)}.site-header{padding-top:env(safe-area-inset-top,0)}.site-header-inner{width:min(100% - 20px,420px);min-height:auto;padding:10px 0 12px;grid-template-columns:1fr;gap:10px}.consent-banner{bottom:calc(82px + env(safe-area-inset-bottom,0px));max-height:min(62dvh,520px)}.brand-mark{position:static;transform:none;max-width:none;justify-content:center;gap:12px}.brand-logo{width:52px;height:52px;border-radius:15px}.brand-copy{text-align:left}.brand-copy .eyebrow{font-size:.72rem;letter-spacing:.16em}.brand-copy h2{font-size:1.08rem;line-height:1.02;margin:0;max-width:170px}.nav-tabs{width:100%;justify-content:stretch;gap:8px}.nav-button{min-height:46px;padding:10px 6px;font-size:.88rem;border-radius:16px;flex:1 1 0;min-width:0;text-align:center}.page-actions{top:calc(10px + env(safe-area-inset-top,0));right:10px;bottom:auto;left:auto;display:flex;gap:8px;z-index:80}.services-legal-button{top:calc(10px + env(safe-area-inset-top,0));left:10px;z-index:80}.page-action-button{justify-content:center;min-height:42px;padding-inline:12px;border-radius:16px;font-size:.94rem}#pageBackButton{max-width:156px}#logoutButton{min-width:42px;width:42px;padding-inline:0;flex:0 0 42px}#logoutButton span:last-child{display:none}.app-shell{width:min(100% - 16px,430px);min-height:auto;height:auto;padding:calc(14px + env(safe-area-inset-top,0)) 0 calc(18px + env(safe-area-inset-bottom,0));display:block}.app-view,#gamesView,#mathView,#musicView{height:auto;min-height:auto;padding-top:154px;overflow:visible}#loginView{min-height:calc(100dvh - 36px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));display:grid;align-items:center}#servicesView{min-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 24px);padding-top:0}#servicesView.view-active{display:flex;align-items:center;justify-content:center}.view-active{overflow:visible}.login-card,.services-shell,.service-home-card,.hero,.info-card,.section-header-card,.form-card,.manage-list-card,.modal-card{padding:18px;border-radius:22px}.services-copy{margin-bottom:14px;transform:none}.services-shell{display:grid;align-content:center;justify-items:center;min-height:auto;width:100%;margin:0 auto;padding:0 0 6px}.services-copy h1{font-size:clamp(2rem,11vw,2.8rem);line-height:.96}.services-copy .intro{font-size:.98rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{padding:8px 8px 10px;gap:8px}.service-card-art{width:min(100%,146px);border-radius:22px;padding:12px}.service-card-title{font-size:1.14rem}.service-card-subtitle{font-size:.82rem}.section-header-card,.service-home-card,.games-home-card,.math-panel,.music-panel{width:100%}.section-header-card h3{font-size:1.3rem}.section-header-card p{font-size:.95rem}.games-layout,.math-layout,.music-layout{width:100%;height:auto;min-height:0;display:block}.games-filters-card{position:static;margin-bottom:16px;padding:16px 14px 18px}.multiplayer-chat-card.is-visible{display:flex}.games-panel.games-panel-active{height:auto}.games-home-card{padding:16px 14px 18px;overflow:visible}.games-home-copy{margin-bottom:16px}.games-home-copy h3{font-size:1.32rem}.games-home-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-home-tile{min-height:132px;aspect-ratio:auto;border-radius:20px;padding:12px 8px;gap:6px}.game-home-art{width:50px;height:50px;border-radius:16px}.game-home-title{font-size:.92rem;line-height:1.15}.multiplayer-lobby-card{width:100%;margin-bottom:16px;padding:14px 12px;border-radius:24px}.multiplayer-lobby-copy h4{font-size:1.22rem}.multiplayer-lobby-copy p,.multiplayer-lobby-status,.multiplayer-entry-panel-copy p:last-child{font-size:.93rem}.multiplayer-entry-switch{gap:8px;margin-top:14px}.multiplayer-entry-button{min-height:46px;border-radius:16px;font-size:.95rem}.multiplayer-entry-panel{padding:10px;border-radius:18px}.multiplayer-entry-fields,.multiplayer-entry-fields-join,.multiplayer-entry-actions{grid-template-columns:1fr;display:grid}.multiplayer-entry-actions{gap:8px;align-items:stretch}.multiplayer-room-inline{width:100%;min-width:0}.multiplayer-lobby-field input,.multiplayer-lobby-field select,.primary-button,.secondary-button{min-height:46px}.multiplayer-lobby-player-list{gap:6px}.multiplayer-lobby-player-pill{width:100%;justify-content:center;text-align:center}.card{border-radius:22px}.minesweeper-card,.snake-card,.pong-card,.sudoku-card,.game-2048-card,.aim-card,.memory-card,.tictactoe-card,.battleship-card,.tetris-card,.pacman-card,.solitaire-card,.connect4-card,.rhythm-card,.flappy-card,.flowfree-card,.magicsort-card,.mentalmath-card,.candycrush-card,.harborrun-card,.stacker-card,.coinclicker-card,.chess-card,.checkers-card,.airhockey-card,.reaction-card,.baieberry-card,.breakout-card{padding:14px 12px 16px;min-height:auto;overflow:visible}.breakout-card,.baieberry-card,.aim-card{overflow:hidden}.minesweeper-topbar,.snake-topbar,.pong-topbar,.sudoku-topbar,.game-2048-topbar,.aim-topbar,.memory-topbar,.tictactoe-topbar,.battleship-topbar,.tetris-topbar,.pacman-topbar,.solitaire-topbar,.connect4-topbar,.rhythm-topbar,.flappy-topbar,.flowfree-topbar,.magicsort-topbar,.mentalmath-topbar,.candycrush-topbar,.harborrun-topbar,.stacker-topbar,.coinclicker-topbar,.chess-topbar,.checkers-topbar,.airhockey-topbar,.reaction-topbar,.baieberry-topbar,.breakout-topbar{grid-template-columns:1fr;gap:8px;margin-bottom:10px}.pong-mode-switch,.chess-mode-switch,.checkers-mode-switch,.airhockey-mode-switch{grid-template-columns:1fr 1fr;gap:8px}.minesweeper-board,.snake-board,.sudoku-board,.game-2048-board,.aim-board,.memory-board,.tictactoe-board,.connect4-board,.chess-board,.checkers-board,.pong-board,.airhockey-board,.breakout-canvas,.baieberry-stage{width:100%;max-width:100%}.aim-table{min-height:clamp(260px,70vw,420px)}.pong-board{width:100%;min-height:210px}.airhockey-board{width:100%;min-height:220px}.chess-board,.checkers-board{gap:2px}.chess-cell,.checkers-cell{border-radius:10px}.chess-piece{font-size:clamp(1.25rem,7vw,1.7rem)}.checkers-piece{width:68%;height:68%}.connect4-board{gap:6px;padding:8px}.tictactoe-board{gap:8px;padding:6px}.memory-board{gap:7px}.battleship-layout,.coinclicker-layout,.math-tool-grid,.converter-row,.panel-grid,.catalog-grid,.management-layout{grid-template-columns:1fr}.modal-card{width:min(100%,360px)}.math-panel,.music-panel{padding:14px}.math-hero{flex-direction:column;gap:12px;margin-bottom:16px}.uno-card-face{width:66px;height:96px;border-radius:14px}.uno-hand .uno-card-face+.uno-card-face{margin-left:-12px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.movie-card-body{min-height:auto;padding:7px 8px 9px}.movie-card-body h4{font-size:.76rem;margin-bottom:4px}.section-header-card{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.catalog-tools{width:100%}.catalog-genre-list{grid-template-columns:1fr;max-height:200px}.catalog-layout{gap:14px}.piano-stage{padding:10px}}@media screen and (max-width:430px)and (pointer:coarse)and (orientation:portrait){.app-shell{padding-top:calc(10px + env(safe-area-inset-top,0));padding-bottom:calc(10px + env(safe-area-inset-bottom,0))}.site-header-inner{width:min(100% - 18px,420px)}#servicesView{min-height:calc(100dvh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 12px)}.services-copy{margin-bottom:10px}.services-copy .eyebrow{margin-bottom:6px}.services-copy .intro{margin-top:8px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.games-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.coinclicker-card,.chess-card,.checkers-card,.airhockey-card,.reaction-card,.baieberry-card,.breakout-card{min-height:100%}.breakout-card{position:relative;grid-template-rows:auto auto minmax(0,1fr);width:min(100%,760px);min-height:0;height:100%;padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 34%),radial-gradient(circle at 82% 18%,rgba(14,165,233,.22),transparent 24%),linear-gradient(180deg,#bae6fdfa,#7dd3fcf5)}.breakout-card.games-panel{height:100%}.breakout-card.games-panel-active{display:grid}.breakout-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(125,211,252,.24),transparent 18%),radial-gradient(circle at 84% 18%,rgba(2,132,199,.18),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}.coinclicker-topbar,.checkers-topbar,.airhockey-topbar,.reaction-topbar,.baieberry-topbar,.breakout-topbar{display:grid;grid-template-columns:repeat(3,minmax(150px,180px));gap:8px;align-items:center;justify-content:center;margin-bottom:12px}.chess-topbar{display:flex!important;justify-content:center!important;align-items:center;gap:8px;width:100%;margin:0 auto 12px}.minesweeper-topbar,.snake-topbar,.pong-topbar,.sudoku-topbar,.game-2048-topbar,.aim-topbar,.memory-topbar,.tictactoe-topbar,.battleship-topbar,.tetris-topbar,.pacman-topbar,.solitaire-topbar,.connect4-topbar,.rhythm-topbar,.flappy-topbar,.flowfree-topbar,.magicsort-topbar,.mentalmath-topbar,.candycrush-topbar,.harborrun-topbar,.stacker-topbar,.coinclicker-topbar,.chess-topbar,.checkers-topbar,.airhockey-topbar,.reaction-topbar,.baieberry-topbar,.breakout-topbar{margin-top:8px}@media(max-width:700px){.memory-topbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.coinclicker-counter-block,.chess-counter-block,.checkers-counter-block,.airhockey-counter-block,.reaction-counter-block,.baieberry-counter-block,.breakout-counter-block{padding:10px;border-radius:14px;background:#0f172ab8;border:1px solid rgba(99,102,241,.18);text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}.coinclicker-counter-label,.chess-counter-label,.checkers-counter-label,.airhockey-counter-label,.reaction-counter-label,.baieberry-counter-label,.breakout-counter-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-text);margin-bottom:4px}.coinclicker-counter-value,.checkers-counter-value,.airhockey-counter-value,.reaction-counter-value,.baieberry-counter-value,.breakout-counter-value{font-size:clamp(1.15rem,2.6vw,1.65rem);color:var(--primary-color)}.chess-counter-value{font-size:clamp(1.15rem,2.6vw,1.65rem);color:#f8fafc!important}#chessTurnDisplay,#chessStatusDisplay{color:#f8fafc!important}.coinclicker-face,.chess-face,.checkers-face,.airhockey-face,.reaction-face,.baieberry-face,.breakout-face{width:100%;min-height:60px;border:0;border-radius:16px;background:linear-gradient(135deg,#f59e0be6,#fbbf24d1);color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 18px 34px -24px #f59e0bb8}.coinclicker-table{position:relative;z-index:1;width:min(100%,720px);margin:0 auto;border-radius:24px}.coinclicker-table.is-menu-open>:not(.coinclicker-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.coinclicker-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f493d;opacity:1;transition:opacity .26s ease,transform .26s ease}.coinclicker-menu-overlay.hidden{display:none}.coinclicker-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.coinclicker-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.coinclicker-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(245,158,11,.2),transparent 22%),radial-gradient(circle at 82% 18%,rgba(253,224,71,.16),transparent 22%),radial-gradient(circle at 26% 78%,rgba(202,138,4,.16),transparent 24%),linear-gradient(180deg,#3c2812fa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.coinclicker-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fbbf24}.coinclicker-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.coinclicker-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.coinclicker-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.coinclicker-layout{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:20px;align-items:start;width:100%;margin:0 auto}.coinclicker-mint{display:grid;gap:14px;justify-items:center}.coin-clicker-button{position:relative;display:grid;place-items:center;align-content:center;gap:4px;aspect-ratio:1;width:min(100%,236px);border-radius:50%;border:2px solid rgba(133,77,14,.55);color:#082f49;cursor:pointer;background:radial-gradient(circle at 30% 28%,rgba(255,251,235,.96) 0 9%,rgba(255,255,255,.24) 10% 18%,transparent 19%),radial-gradient(circle at 50% 50%,#fcd34d 0 52%,#f59e0b 68%,#b45309);box-shadow:inset 0 0 0 6px #facc1575,inset 0 10px 18px #ffffff47,0 18px 32px #0f172a47;overflow:hidden}.coin-clicker-button:active{transform:scale(.98)}.coin-clicker-rim{position:absolute;inset:14px;border-radius:50%;border:2px dashed rgba(120,53,15,.52);box-shadow:inset 0 0 0 1px #fff3}.coin-clicker-skull{position:relative;z-index:1;font-size:clamp(3rem,8vw,4.4rem);line-height:1;color:#78350fe6;text-shadow:0 2px 0 rgba(255,255,255,.28)}.coin-clicker-title,.coin-clicker-subtitle{position:relative;z-index:1;display:block;text-align:center}.coin-clicker-title{font-size:1.3rem;font-weight:900;letter-spacing:.04em}.coin-clicker-subtitle{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#082f49d6}.coinclicker-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,236px)}.coinclicker-stat-card{padding:12px;border-radius:16px;text-align:center;background:#0f172a9e;border:1px solid rgba(245,158,11,.18)}.coinclicker-stat-label,.coinclicker-upgrade-meta{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-text)}.coinclicker-stat-value,.coinclicker-upgrade-bonus,.coinclicker-upgrade-title{display:block}.coinclicker-stat-value{margin-top:4px;color:#fcd34d;font-size:1.15rem;font-weight:900}.coinclicker-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coinclicker-upgrade{display:grid;gap:6px;min-height:118px;padding:14px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0f172a73;color:inherit;text-align:left;cursor:pointer}.coinclicker-upgrade-title{font-size:1rem;font-weight:800;color:#f8fafc}.coinclicker-upgrade-bonus{color:#fcd34d;font-size:.92rem}.coinclicker-upgrade-meta{margin-top:auto}.coinclicker-upgrade.is-disabled{opacity:.55}.coinclicker-card{position:relative;width:min(100%,980px);padding:16px 18px 20px;overflow:hidden;background:radial-gradient(circle at 16% 10%,rgba(251,191,36,.2),transparent 18%),radial-gradient(circle at 86% 4%,rgba(34,211,238,.22),transparent 20%),linear-gradient(180deg,#082f49fa,#164e63f5 48%,#4338cac7);border:1px solid rgba(125,211,252,.22);box-shadow:inset 0 1px #ffffff2e,0 26px 70px -46px #082f49e6}.coinclicker-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 72%)}.coinclicker-card.games-panel-active{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.coinclicker-topbar{position:relative;z-index:1;grid-template-columns:minmax(150px,1fr) minmax(160px,190px) minmax(150px,1fr);width:min(100%,760px);margin-inline:auto}.coinclicker-counter-block{border-radius:10px;background:linear-gradient(180deg,#0f172ac7,#082f49c2);border-color:#fbbf243d}.coinclicker-face{border-radius:10px;background:linear-gradient(135deg,#f59e0b,#facc15 54%,#22d3ee);color:#082f49;box-shadow:0 18px 38px -26px #facc15f2}.coinclicker-help{position:relative;z-index:1;color:#e0f2fe!important}.coinclicker-table{width:min(100%,920px)}.coinclicker-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:18px}.coinclicker-mint,.coinclicker-command{min-width:0}.coinclicker-rank-card,.coinclicker-tide-card,.coinclicker-event-banner,.coinclicker-contract,.coinclicker-upgrade{border-radius:8px;background:#0f172a94;border:1px solid rgba(125,211,252,.18);box-shadow:inset 0 1px #ffffff14}.coinclicker-rank-card,.coinclicker-tide-card{width:min(100%,276px);padding:12px;display:grid;gap:8px}.coinclicker-rank-label,.coinclicker-tide-heading{color:#f8fafc;font-weight:900}.coinclicker-rank-next,.coinclicker-tide-heading span{color:#bae6fd;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.coinclicker-rank-meter,.coinclicker-tide-meter,.coinclicker-contract-bar{height:8px;overflow:hidden;border-radius:999px;background:#082f49d1}.coinclicker-rank-meter span,.coinclicker-tide-meter span,.coinclicker-contract-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#facc15);transition:width .22s ease}.coin-clicker-button{width:min(100%,254px);border:4px solid rgba(254,240,138,.38);background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.94) 0 8%,rgba(255,255,255,.22) 9% 18%,transparent 19%),radial-gradient(circle at center,#fde68a 0 42%,#f59e0b 62%,#92400e);box-shadow:inset 0 0 0 9px #fde0474d,inset 0 -16px 24px #92400e33,0 0 0 10px #0ea5e914,0 26px 42px #02061757;isolation:isolate;transition:transform .12s ease,filter .16s ease}.coin-clicker-button:hover{filter:brightness(1.06) saturate(1.08)}.coin-clicker-button:active{transform:scale(.965) rotate(-1deg)}.coin-clicker-skull{color:#451a03d6}.coinclicker-float-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.coinclicker-float{position:absolute;bottom:30%;z-index:2;color:#082f49;font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,.48);animation:coinClickerFloat .9s ease-out forwards}.coinclicker-float-crit{color:#7c2d12;font-size:1.35rem}@keyframes coinClickerFloat{0%{opacity:0;transform:translate(-50%,18px) scale(.8)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-74px) scale(1.15)}}.coinclicker-command{display:grid;gap:12px}.coinclicker-event-banner{padding:14px;display:grid;gap:4px;color:#cbd5e1}.coinclicker-event-banner.is-active{border-color:#facc1594;background:radial-gradient(circle at 88% 22%,rgba(250,204,21,.32),transparent 28%),#4338ca9e}.coinclicker-event-kicker,.coinclicker-contract-text{color:#bae6fd;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.coinclicker-event-banner strong{color:#fef3c7;font-size:1.08rem}.coinclicker-contracts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.coinclicker-contract{min-height:128px;padding:12px;display:grid;gap:7px;color:inherit;text-align:left;cursor:pointer}.coinclicker-contract-title{color:#f8fafc;font-weight:900}.coinclicker-contract strong{margin-top:auto;color:#facc15}.coinclicker-contract.is-complete{border-color:#facc157a}.coinclicker-contract.is-claimed{opacity:.58;cursor:default}.coinclicker-shop{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.coinclicker-upgrade{min-height:136px;padding:12px}.coinclicker-upgrade:not(.is-disabled):hover{transform:translateY(-2px);border-color:#facc156b}.coinclicker-upgrade-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#facc15,#22d3ee);color:#082f49;font-weight:950}.coinclicker-upgrade.is-locked{filter:grayscale(.45)}.coinclicker-card{width:min(100%,920px);padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 30%),linear-gradient(160deg,#d9f7fb,#a7e8ef 42%,#f8d58a);border-color:#0e74902e;box-shadow:0 26px 70px -48px #082f49b8}.coinclicker-card:before{opacity:.42;background:linear-gradient(90deg,rgba(8,145,178,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(8,145,178,.06) 1px,transparent 1px);background-size:56px 56px}.coinclicker-topbar{width:min(100%,680px);grid-template-columns:minmax(130px,1fr) minmax(140px,170px) minmax(130px,1fr);gap:10px}.coinclicker-counter-block,.coinclicker-stat-card{border-radius:8px;background:#ffffffb8;border:1px solid rgba(14,116,144,.16);box-shadow:0 12px 26px -24px #082f49ad}.coinclicker-counter-label,.coinclicker-stat-label,.coinclicker-upgrade-meta{color:#0f766e;letter-spacing:.1em}.coinclicker-counter-value,.coinclicker-stat-value{color:#0f172a}.coinclicker-face{border-radius:8px;background:#0f766e;color:#ecfeff;box-shadow:0 16px 30px -24px #0f766ee6}.coinclicker-help{width:min(100%,680px);margin:0 auto 12px;color:#164e63!important;font-weight:800}.coinclicker-table{width:min(100%,860px)}.coinclicker-layout{grid-template-columns:minmax(240px,310px) minmax(0,1fr);align-items:stretch;gap:16px}.coinclicker-mint{align-content:start;padding:12px;border-radius:12px;background:#ffffff6b;border:1px solid rgba(14,116,144,.12)}.coinclicker-rank-card,.coinclicker-tide-card,.coinclicker-event-banner,.coinclicker-contract,.coinclicker-upgrade,.coinclicker-shop-heading{border-radius:8px;background:#ffffffc7;border:1px solid rgba(14,116,144,.14);box-shadow:0 14px 28px -26px #082f499e}.coinclicker-rank-card,.coinclicker-tide-card{width:100%}.coinclicker-rank-label,.coinclicker-tide-heading,.coinclicker-contract-title,.coinclicker-upgrade-title,.coinclicker-shop-heading strong{color:#0f172a}.coinclicker-rank-next,.coinclicker-tide-heading span,.coinclicker-panel-kicker,.coinclicker-event-kicker,.coinclicker-contract-text{color:#0f766e;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.coinclicker-rank-meter,.coinclicker-tide-meter,.coinclicker-contract-bar{height:7px;background:#0e749024}.coinclicker-rank-meter span,.coinclicker-tide-meter span,.coinclicker-contract-bar span{background:linear-gradient(90deg,#0891b2,#f59e0b)}.coin-clicker-button{width:min(100%,240px);border-color:#92400e3d;box-shadow:inset 0 0 0 8px #fde04747,inset 0 -16px 24px #92400e24,0 18px 34px -20px #92400e9e}.coinclicker-command{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px}.coinclicker-event-banner{min-height:auto;padding:12px 14px;color:#164e63}.coinclicker-event-banner strong{color:#0f172a}.coinclicker-event-banner span:last-child{font-size:.86rem}.coinclicker-event-banner.is-active{border-color:#f59e0b61;background:linear-gradient(135deg,#fffbebeb,#fef3c7db)}.coinclicker-contracts{display:block}.coinclicker-contract{width:100%;min-height:0;padding:12px 14px;cursor:pointer}.coinclicker-contract strong{color:#b45309}.coinclicker-contract.is-complete{border-color:#f59e0b7a;background:#fffbeb}.coinclicker-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coinclicker-shop-heading{grid-column:1 / -1;padding:12px 14px;display:grid;gap:2px}.coinclicker-upgrade{min-height:112px;padding:12px;grid-template-columns:auto minmax(0,1fr);align-items:start}.coinclicker-upgrade-icon{width:auto;min-width:42px;height:24px;padding-inline:8px;border-radius:999px;background:#ccfbf1;color:#0f766e;font-size:.68rem;letter-spacing:.04em}.coinclicker-upgrade-title,.coinclicker-upgrade-bonus,.coinclicker-upgrade-meta{grid-column:2}.coinclicker-upgrade-bonus{color:#b45309}.coinclicker-upgrade.is-disabled{opacity:.66}.coinclicker-upgrade.is-locked{opacity:.48}.chess-board,.checkers-board{display:grid;grid-template-columns:repeat(8,1fr);gap:0;width:min(100%,720px);margin:0 auto;aspect-ratio:1;border-radius:26px 26px 22px 22px;overflow:hidden;border:1px solid rgba(148,163,184,.18);background:#0f172a8c}.checkers-card{position:relative;width:min(100%,760px);padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 34%),radial-gradient(circle at 82% 18%,rgba(14,165,233,.22),transparent 24%),linear-gradient(180deg,#bae6fdfa,#7dd3fcf5)}.checkers-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(125,211,252,.24),transparent 18%),radial-gradient(circle at 84% 18%,rgba(2,132,199,.18),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}.checkers-topbar,.checkers-help{position:relative;z-index:1;padding-inline:16px}.checkers-topbar{grid-template-columns:repeat(2,minmax(150px,180px));justify-content:center}.checkers-counter-block{background:#ffffffdb;box-shadow:inset 0 0 0 1px #e2e8f0eb;border:0}.checkers-counter-label{color:#0f766e}.checkers-counter-value{color:#111827}.checkers-help{margin:0 0 10px;text-align:center;color:#374151!important;font-weight:600}.checkers-mode-switch{display:flex;justify-content:center;gap:10px;margin:0 0 12px}.checkers-mode-button{min-width:128px;background:#f0f9ffd1;color:#0f172a;border:1px solid rgba(125,211,252,.78);box-shadow:0 12px 24px -22px #082f498f}.checkers-mode-button:hover{background:#082f49e0;color:#f8fafc;border-color:#7dd3fcd1;box-shadow:0 16px 28px -22px #082f49b8;filter:none}.checkers-mode-button.is-active{background:linear-gradient(135deg,#0e7490f5,#0ea5e9e6);color:#fff;border-color:#bae6fd73;box-shadow:0 18px 30px -24px #0e7490a8}.checkers-mode-button.is-active:hover{filter:none}.checkers-table{position:relative;z-index:1;margin-top:-5px;overflow:hidden;border-radius:24px 24px 22px 22px}.checkers-table.is-menu-open>:not(.checkers-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.checkers-menu-overlay{position:absolute;inset:16px 0 0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px 24px 22px 22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.checkers-menu-overlay.is-entering{animation:checkersMenuFadeIn .26s ease}.checkers-menu-overlay.hidden{display:none}.checkers-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.checkers-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 36%),linear-gradient(180deg,#bae6fdfa,#7dd3fcf5);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.checkers-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.checkers-menu-title{margin:0;font-size:2rem;color:#0f172a}.checkers-menu-text{margin:0;color:#374151!important;font-weight:600;line-height:1.45}.checkers-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@keyframes checkersMenuFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.chess-board{position:relative;padding:14px;margin-top:-2px;border:1px solid rgba(59,130,246,.24);background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.22),transparent 18%),radial-gradient(circle at 74% 22%,rgba(255,255,255,.1),transparent 16%),radial-gradient(circle at 50% 120%,rgba(8,47,73,.52),transparent 42%),repeating-linear-gradient(90deg,#ffffff06 0 18px,#0f172a0a 18px 36px),linear-gradient(180deg,rgba(186,230,253,.18),transparent 20%),linear-gradient(135deg,#0b2f49,#134e6f 24%,#1e7496 50%,#14556f 74%,#0e3b50);box-shadow:inset 0 0 0 1px #ffffff14,0 24px 46px -34px #0f172ac7}.checkers-board{position:relative;padding:10px;border:1px solid rgba(56,189,248,.26);background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.12),transparent 16%),radial-gradient(circle at 50% 120%,rgba(8,47,73,.72),transparent 42%),repeating-linear-gradient(0deg,#ffffff07 0 18px,#0f172a0d 18px 36px),linear-gradient(180deg,rgba(186,230,253,.2),transparent 22%),linear-gradient(135deg,#082637,#0c4664 28%,#11739a 56%,#0a3552);box-shadow:inset 0 0 0 1px #ffffff14,0 20px 40px -30px #0f172ad1}.chess-board:before,.checkers-board:before{content:"";position:absolute;inset:8px;border-radius:18px 18px 14px 14px;pointer-events:none;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.08),transparent 12%),radial-gradient(circle at 82% 24%,rgba(255,255,255,.06),transparent 12%),linear-gradient(135deg,rgba(255,255,255,.06),transparent 30%,transparent 70%,rgba(15,23,42,.12)),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px)}.chess-board.is-check{box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #f8717133,0 20px 40px -30px #0f172ad6,0 0 28px #f8717124}.chess-board.is-checkmate{box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #facc1538,0 20px 40px -30px #0f172ad6,0 0 34px #facc152e}.chess-cell,.checkers-cell{position:relative;width:100%;aspect-ratio:1;min-width:0;min-height:0;padding:0;border:0;display:grid;place-items:center;cursor:pointer}.chess-cell:hover,.chess-cell:focus-visible,.checkers-cell:hover,.checkers-cell:focus-visible{transform:none;filter:none}.chess-cell.is-light{background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.22),transparent 18%),linear-gradient(135deg,rgba(255,255,255,.16),transparent 54%),linear-gradient(180deg,#b8ddf4,#78b9e6 72%,#3e7fb4)}.chess-cell.is-dark{background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.12),transparent 18%),linear-gradient(180deg,#135f8f,#0d4568 68%,#08263d)}.checkers-cell.is-light{background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.18),transparent 18%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 54%),linear-gradient(180deg,#a9d5f2,#6dafe0 72%,#356e9f)}.checkers-cell.is-dark{background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.1),transparent 18%),linear-gradient(180deg,#116a96,#0d4c6d 68%,#08283c)}.chess-cell.is-selected,.checkers-cell.is-selected{box-shadow:inset 0 0 0 4px #facc15f2}.chess-cell.is-capture-hit,.checkers-cell.is-capture-hit{animation:boardCaptureFlash .32s ease-out}.chess-cell.is-check-king{animation:chessKingInCheck .82s ease-in-out infinite}.chess-cell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%),linear-gradient(315deg,rgba(15,23,42,.08),transparent 48%);pointer-events:none}.chess-coordinate{position:absolute;font-size:.72rem;font-weight:800;letter-spacing:.04em;pointer-events:none;z-index:1}.chess-coordinate-rank{top:6px;left:7px;color:#0f172aa6}.chess-cell.is-dark .chess-coordinate-rank{color:#fef9c3db}.chess-coordinate-file{right:7px;bottom:6px;color:#0f172ab3}.chess-cell.is-dark .chess-coordinate-file{color:#fef9c3e0}.chess-cell.is-move:after,.checkers-cell.is-move:after{content:"";width:14px;height:14px;border-radius:50%;background:#22c55ef2;position:absolute}.chess-piece{position:relative;z-index:1;width:100%;height:100%;font-size:clamp(1.7rem,4vw,2.3rem);display:inline-grid;place-items:center;line-height:1;font-family:Segoe UI Symbol,Arial Unicode MS,sans-serif;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.2),0 0 1px rgba(8,47,73,.18),0 8px 12px rgba(15,23,42,.22);will-change:transform,opacity,filter}.chess-piece-white{color:#f8fafc;text-shadow:-.6px 0 rgba(8,47,73,.72),.6px 0 rgba(8,47,73,.72),0 -.6px rgba(8,47,73,.72),0 .6px rgba(8,47,73,.72),0 1px 0 rgba(255,255,255,.35),0 2px 3px rgba(8,47,73,.62),0 8px 12px rgba(15,23,42,.22)}.chess-piece-black{color:#08263d;text-shadow:-.6px 0 rgba(255,248,220,.52),.6px 0 rgba(255,248,220,.52),0 -.6px rgba(255,248,220,.52),0 .6px rgba(255,248,220,.52),0 1px 0 rgba(255,255,255,.12),0 2px 3px rgba(15,23,42,.38),0 8px 12px rgba(15,23,42,.28)}.chess-board.is-dragging-piece .chess-piece{cursor:grabbing}.chess-piece.is-drag-source{opacity:.22;transform:scale(.94)}.chess-piece.is-drag-target{filter:drop-shadow(0 0 10px rgba(74,222,128,.9))}.chess-drag-ghost{position:fixed;left:0;top:0;width:56px;height:56px;display:grid;place-items:center;pointer-events:none;z-index:100;transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 10px 18px rgba(15,23,42,.36))}.checkers-board.is-dragging-piece .checkers-piece{cursor:grabbing}.checkers-piece{width:62%;height:62%;position:relative;border-radius:50%;box-shadow:inset 0 6px 10px #fff3,inset 0 -5px 10px #0f172a2e,0 4px 10px #0f172a4d;will-change:transform,opacity,filter}.checkers-piece.is-drag-source{opacity:.22;transform:scale(.94)}.checkers-piece.is-drag-target{filter:drop-shadow(0 0 10px rgba(74,222,128,.9))}.checkers-drag-ghost{position:fixed;left:0;top:0;width:58px;height:58px;display:grid;place-items:center;pointer-events:none;z-index:100;transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 10px 18px rgba(15,23,42,.38))}.checkers-drag-ghost .checkers-piece{width:62%;height:62%}.checkers-piece.is-red{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.28),transparent 16%),radial-gradient(circle at 36% 34%,#fb7185,#e11d48 64%,#881337)}.checkers-piece.is-black{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.18),transparent 16%),radial-gradient(circle at 36% 34%,#64748b,#0f172a 66%,#020617)}.checkers-piece:before,.checkers-piece:after{content:"";position:absolute;border-radius:50%}.checkers-piece:before{inset:14%;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.22),transparent 42%),linear-gradient(180deg,#ffffff2e,#0f172a0f);box-shadow:inset 0 0 0 2px #ffffff24,inset 0 -8px 12px #0f172a29}.checkers-piece:after{inset:6%;border:2px solid rgba(255,255,255,.12)}.checkers-piece.is-king:after{content:"\e2\161\201c";display:grid;place-items:center;width:100%;height:100%;font-weight:900;color:#f8fafc;font-size:.9rem;text-shadow:0 1px 2px rgba(15,23,42,.4)}.checkers-piece.is-king:after{content:"\e2\2122\203a";font-size:1rem}.chess-piece.is-moving,.checkers-piece.is-moving{animation:boardPieceMove .32s cubic-bezier(.22,1,.36,1)}.chess-piece.is-knight-move{animation:boardKnightMove .36s cubic-bezier(.22,1,.36,1)}.checkers-piece.is-king:after{content:"\265b";inset:0;border:none;font-size:1rem}.chess-piece.is-capture-move,.checkers-piece.is-capture-move{animation:boardPieceCapture .36s cubic-bezier(.22,1,.36,1)}@keyframes boardPieceMove{0%{transform:translate(calc(var(--move-x, 0) * 100%),calc(var(--move-y, 0) * 100%)) scale(.96);opacity:.82}68%{transform:translate(0) scale(1.06);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes boardPieceCapture{0%{transform:translate(calc(var(--move-x, 0) * 100%),calc(var(--move-y, 0) * 100%)) scale(.92);opacity:.84;filter:saturate(.9)}55%{transform:translate(0) scale(1.12);opacity:1;filter:saturate(1.25)}to{transform:translate(0) scale(1);opacity:1;filter:none}}@keyframes boardKnightMove{0%{transform:translate(calc(var(--move-x, 0) * 100%),calc(var(--move-y, 0) * 100%)) scale(.96);opacity:.82}42%{transform:translate(calc(var(--move-mid-x, 0) * 100%),calc(var(--move-mid-y, 0) * 100%)) scale(1.02);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes boardCaptureFlash{0%{box-shadow:inset 0 0 #f8717100,0 0 #f8717100}40%{box-shadow:inset 0 0 0 4px #f871719e,0 0 18px #f871713d}to{box-shadow:inset 0 0 #f8717100,0 0 #f8717100}}@keyframes chessKingInCheck{0%,to{box-shadow:inset 0 0 #f8717100,0 0 #f8717100}50%{box-shadow:inset 0 0 0 4px #f87171d1,0 0 18px #f871713d}}.board-capture-particle{position:absolute;left:var(--particle-origin-x, 50%);top:var(--particle-origin-y, 50%);width:var(--particle-size, 6px);height:var(--particle-size, 6px);border-radius:999px;pointer-events:none;transform:translate(-50%,-50%);animation:boardCaptureParticle .42s ease-out forwards;animation-delay:var(--particle-delay, 0ms);z-index:5}.board-capture-particle.is-light{background:radial-gradient(circle,#f8fafc 0 28%,#fde68a 52%,#fff0 72%);box-shadow:0 0 10px #fff4b88c}.board-capture-particle.is-dark{background:radial-gradient(circle,#cbd5e1 0 28%,#64748b 52%,#fff0 72%);box-shadow:0 0 10px #64748b73}.board-capture-particle.is-red{background:radial-gradient(circle,#fecdd3 0 28%,#fb7185 52%,#fff0 72%);box-shadow:0 0 10px #f472b66b}@keyframes boardCaptureParticle{0%{transform:translate(-50%,-50%) scale(.55);opacity:1}to{transform:translate(calc(-50% + var(--particle-x, 0px)),calc(-50% + var(--particle-y, 0px))) scale(.08);opacity:0}}.airhockey-mode-switch{display:flex;gap:12px;margin-bottom:14px;justify-content:center;flex-wrap:wrap}.airhockey-card{position:relative;width:min(100%,760px);overflow:hidden;background:radial-gradient(circle at 16% 16%,rgba(254,240,138,.14),transparent 16%),radial-gradient(circle at 84% 18%,rgba(125,211,252,.18),transparent 18%),linear-gradient(180deg,#155e75f5,#082f49fa)}.airhockey-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 24%,rgba(255,255,255,.1),transparent 10%),radial-gradient(circle at 86% 22%,rgba(255,255,255,.08),transparent 12%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%,transparent 76%,rgba(8,47,73,.16))}.airhockey-board{position:relative;width:min(100%,880px);margin:0 auto;aspect-ratio:2 / 1;border-radius:24px;overflow:hidden;background:linear-gradient(90deg,transparent 49.4%,rgba(255,255,255,.55) 49.4% 50.6%,transparent 50.6%),radial-gradient(circle at center,transparent 0 82px,rgba(255,255,255,.34) 82px 86px,transparent 86px),radial-gradient(circle at 20% 18%,rgba(255,255,255,.26) 0 10%,transparent 11%),radial-gradient(circle at 72% 28%,rgba(255,255,255,.18) 0 12%,transparent 13%),radial-gradient(circle at 38% 76%,rgba(255,255,255,.14) 0 11%,transparent 12%),linear-gradient(180deg,#bae6fdf5,#7dd3fcf2 34%,#38bdf8e6 68%,#0e7490eb);border:1px solid rgba(186,230,253,.5);box-shadow:inset 0 0 0 1px #ffffff2e,0 18px 36px -26px #082f4999}.airhockey-board.is-menu-open>:not(.airhockey-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.airhockey-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:28px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.airhockey-menu-overlay.hidden{display:none}.airhockey-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.airhockey-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.airhockey-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(254,240,138,.16),transparent 20%),radial-gradient(circle at 82% 18%,rgba(125,211,252,.18),transparent 24%),linear-gradient(180deg,#155e75fa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.airhockey-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fef08a}.airhockey-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.airhockey-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.airhockey-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.airhockey-board:before,.airhockey-board:after{content:"";position:absolute;inset:0;pointer-events:none}.airhockey-board:before{background:radial-gradient(circle at 16% 22%,rgba(255,255,255,.14) 0 3%,transparent 4%),radial-gradient(circle at 34% 68%,rgba(255,255,255,.1) 0 4%,transparent 5%),radial-gradient(circle at 62% 26%,rgba(255,255,255,.12) 0 3%,transparent 4%),radial-gradient(circle at 78% 72%,rgba(255,255,255,.1) 0 4%,transparent 5%),radial-gradient(circle at 48% 52%,rgba(255,255,255,.08) 0 6%,transparent 7%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%,transparent 76%,rgba(8,47,73,.08));mix-blend-mode:screen}.airhockey-board:after{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 22%,transparent 78%,rgba(8,47,73,.18)),linear-gradient(90deg,rgba(255,255,255,.14),transparent 14%,transparent 86%,rgba(255,255,255,.12))}.airhockey-countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:4;font-size:clamp(3.8rem,11vw,6.8rem);font-weight:900;letter-spacing:.04em;color:#f0f9fff5;text-shadow:0 0 22px rgba(56,189,248,.34);background:radial-gradient(circle at center,rgba(15,23,42,.12),rgba(15,23,42,.02) 48%,transparent 72%);pointer-events:none}.airhockey-goal{position:absolute;top:50%;width:18px;height:48%;transform:translateY(-50%);border-radius:14px;border:2px solid rgba(240,249,255,.9);background:linear-gradient(90deg,#ffffff38,#ffffff0f),#0e74902e;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 18px #ffffff29;pointer-events:none;z-index:1}.airhockey-goal-left{left:0;border-left:0;border-radius:0 14px 14px 0;border-color:#fecacaf2;background:linear-gradient(90deg,#ffffff29,#ffffff0a),#ef444438;box-shadow:inset 0 0 0 1px #ffffff14,0 0 18px #ef444433}.airhockey-goal-right{right:0;border-right:0;border-radius:14px 0 0 14px;border-color:#bfdbfef2;background:linear-gradient(90deg,#ffffff29,#ffffff0a),#3b82f638;box-shadow:inset 0 0 0 1px #ffffff14,0 0 18px #3b82f638}.airhockey-paddle,.airhockey-puck{position:absolute;top:0;left:0;pointer-events:none}.airhockey-paddle{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(255,255,255,.18) 24%,transparent 25%);box-shadow:0 10px 18px -10px #0f172acc}.airhockey-paddle-left{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(255,255,255,.18) 24%,transparent 25%),radial-gradient(circle at 50% 50%,#fb7185,#dc2626 70%,#7f1d1d)}.airhockey-paddle-right{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(255,255,255,.18) 24%,transparent 25%),radial-gradient(circle at 50% 50%,#60a5fa,#2563eb 70%,#1e3a8a)}.airhockey-paddle:before,.airhockey-paddle:after{content:"";position:absolute}.airhockey-paddle:before{inset:14px;border-radius:50%;border:2px solid rgba(255,255,255,.28)}.airhockey-paddle:after{left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffe6}.airhockey-puck{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f8fafc,#cbd5e1 42%,#0f172a);box-shadow:0 12px 20px -14px #0f172ae6}@keyframes airhockey-piece-spawn{0%{opacity:0}to{opacity:1}}.airhockey-puck.is-spawning,.airhockey-paddle.is-spawning{animation:airhockey-piece-spawn .35s ease-out both}.reaction-lantern{width:min(100%,360px);aspect-ratio:.8;margin:0 auto;position:relative;display:grid;place-items:center;border-radius:30px;border:0;cursor:pointer;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.12),transparent 14%),radial-gradient(circle at 50% 88%,rgba(15,23,42,.12),transparent 18%),linear-gradient(180deg,#0f172a0a,#0f172a03);box-shadow:0 18px 34px -28px #0f172abd;transition:transform .16s ease,filter .16s ease;z-index:1}.reaction-card{position:relative;width:min(100%,860px);overflow:hidden;background:radial-gradient(circle at 18% 16%,rgba(251,191,36,.14),transparent 16%),radial-gradient(circle at 84% 18%,rgba(125,211,252,.16),transparent 18%),linear-gradient(180deg,#334155f5,#0f172afc)}.reaction-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 24%,rgba(255,255,255,.1),transparent 10%),radial-gradient(circle at 84% 20%,rgba(255,255,255,.08),transparent 12%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 24%,transparent 76%,rgba(15,23,42,.16))}.reaction-topbar{display:flex;justify-content:center;align-items:stretch;gap:14px;width:fit-content;margin:8px auto 12px}.reaction-counter-block{min-width:168px;padding:12px 14px;border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.16),transparent 58%),linear-gradient(180deg,#451a03eb,#1e293be6);border:1px solid rgba(245,158,11,.22);box-shadow:inset 0 1px #ffffff14,0 16px 28px -24px #0f172ab3}.reaction-counter-label{color:#fef08ad6}.reaction-counter-value{color:#fb923c;text-shadow:0 0 14px rgba(251,146,60,.16)}.reaction-table{position:relative;z-index:1;width:min(100%,520px);min-height:580px;margin:0 auto;overflow:hidden;padding:30px 22px 26px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(180deg,#192230f5,#0f172afa);box-shadow:inset 0 0 0 1px #ffffff14,0 24px 44px -34px #0f172ae0}.reaction-backdrop{position:absolute;inset:0;pointer-events:none;opacity:.9}.reaction-backdrop-mast,.reaction-backdrop-rope,.reaction-backdrop-flag,.reaction-backdrop-barrel,.reaction-backdrop-crate,.reaction-backdrop-hook{position:absolute}.reaction-backdrop-mast{left:50%;top:18px;bottom:102px;width:18px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#864e1eeb,#442411fa);box-shadow:inset 2px 0 #ffffff14,inset -2px 0 #0f172a42}.reaction-backdrop-rope{top:56px;width:3px;height:160px;background:repeating-linear-gradient(180deg,#bf9567d9 0 8px,#6f4e37e6 8px 16px);opacity:.78}.reaction-backdrop-rope-left{left:calc(50% - 116px);transform:rotate(11deg)}.reaction-backdrop-rope-right{right:calc(50% - 116px);transform:rotate(-11deg)}.reaction-backdrop-flag{top:70px;right:78px;width:104px;height:62px;border-radius:12px 18px 16px 10px;background:radial-gradient(circle at 68% 48%,rgba(255,255,255,.08),transparent 12%),linear-gradient(180deg,#334155ad,#0f172aeb);clip-path:polygon(0 0,92% 0,100% 50%,88% 100%,0 100%,8% 54%);opacity:.38;box-shadow:inset 0 0 0 1px #ffffff0a}.reaction-backdrop-barrel,.reaction-backdrop-crate{bottom:36px;background:linear-gradient(180deg,#331e11d1,#161211f0);opacity:.72}.reaction-backdrop-barrel{width:70px;height:90px;border-radius:22px 22px 18px 18px;box-shadow:inset 0 0 0 2px #6e4421b3,inset 0 16px #0f172a33,inset 0 -16px #0f172a47}.reaction-backdrop-barrel:before,.reaction-backdrop-barrel:after{content:"";position:absolute;left:10px;right:10px;height:7px;border-radius:999px;background:#4755692e;box-shadow:0 0 0 1px #94a3b814}.reaction-backdrop-barrel:before{top:20px}.reaction-backdrop-barrel:after{bottom:20px}.reaction-backdrop-barrel-left{left:34px;transform:rotate(-6deg)}.reaction-backdrop-barrel-right{right:32px;transform:rotate(8deg)}.reaction-backdrop-crate{left:112px;width:88px;height:76px;border-radius:12px;transform:rotate(-7deg);box-shadow:inset 0 0 0 2px #6f4e378a,inset 0 18px #0f172a2e}.reaction-backdrop-crate:before,.reaction-backdrop-crate:after{content:"";position:absolute}.reaction-backdrop-crate:before{inset:10px;border-top:2px solid rgba(148,100,65,.44);border-bottom:2px solid rgba(148,100,65,.44)}.reaction-backdrop-crate:after{inset:0;background:linear-gradient(45deg,transparent 47%,rgba(148,100,65,.34) 47% 53%,transparent 53%),linear-gradient(-45deg,transparent 47%,rgba(148,100,65,.34) 47% 53%,transparent 53%)}.reaction-backdrop-hook{top:126px;left:90px;width:54px;height:84px;border:6px solid rgba(148,163,184,.18);border-top-color:transparent;border-left-color:transparent;border-radius:0 0 36px;transform:rotate(18deg);opacity:.42}.reaction-table:before,.reaction-table:after{content:"";position:absolute;inset:0;pointer-events:none}.reaction-table:before{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),linear-gradient(180deg,rgba(15,23,42,.08),transparent 72%,rgba(15,23,42,.3));opacity:.82}.reaction-table:after{inset:auto 24px 18px;height:86px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(30,41,59,.22),rgba(15,23,42,.12) 68%,transparent 100%);transform:translateY(8px);opacity:.42;transition:opacity .18s ease,transform .18s ease,background .18s ease}.reaction-table.is-armed:after{opacity:.85;transform:translateY(2px) scale(1.03)}.reaction-table.is-armed:before{opacity:.9}.reaction-table.is-lit:before{background:radial-gradient(circle at 50% 24%,rgba(255,244,166,.22),transparent 20%),radial-gradient(circle at 50% 54%,rgba(255,208,84,.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%);opacity:1}.reaction-table.is-lit:after{opacity:1;transform:translateY(-2px) scale(1.08)}.reaction-table.is-menu-open>:not(.reaction-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.reaction-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:22px;border-radius:30px;background:#0f172a2e;opacity:1;transition:opacity .26s ease,transform .26s ease}.reaction-menu-overlay.hidden{display:none}.reaction-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.reaction-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.reaction-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(251,191,36,.16),transparent 20%),radial-gradient(circle at 82% 18%,rgba(125,211,252,.18),transparent 24%),linear-gradient(180deg,#334155fa,#0f172afa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.reaction-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#fde68a}.reaction-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.reaction-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.reaction-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reaction-table.is-armed .reaction-lantern{transform:translateY(-2px) scale(1.01)}.reaction-table.is-lit .reaction-lantern{transform:translateY(-6px) scale(1.04);filter:drop-shadow(0 0 26px rgba(251,191,36,.28))}.reaction-table.is-extinguishing .reaction-lantern{animation:reactionLanternSnuff .36s ease-out}.reaction-lantern:before{content:"";position:absolute;inset:44px 20px 14px;border-radius:36px;background:radial-gradient(circle at 50% 46%,rgba(2,6,23,.54),rgba(2,6,23,.3) 34%,rgba(2,6,23,.1) 58%,transparent 76%);pointer-events:none;transition:opacity .14s ease,transform .14s ease,background .14s ease}.reaction-lantern:after{content:"";position:absolute;left:50%;top:122px;width:126px;height:20px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#ffffff29,#78350f14),linear-gradient(90deg,#4a2c12f5,#b45309eb 50%,#4a2c12f5);box-shadow:inset 0 1px #ffffff29,0 6px 10px -10px #0f172acc}.reaction-lantern-handle{position:absolute;top:10px;left:50%;width:96px;height:52px;border:6px solid rgba(120,53,15,.94);border-bottom:0;border-radius:999px 999px 0 0;transform:translate(-50%);box-shadow:inset 0 2px #ffffff1f,0 4px 10px -8px #0f172ab3}.reaction-lantern-chain{position:absolute;top:48px;left:50%;width:18px;height:42px;transform:translate(-50%);border-radius:999px;background:repeating-linear-gradient(180deg,#ae7f35f5 0 8px,#5c3317f5 8px 16px);box-shadow:inset 0 0 0 1px #ffffff14}.reaction-lantern-cap,.reaction-lantern-base{position:absolute;left:50%;transform:translate(-50%);width:162px;background:linear-gradient(180deg,#fcd34d,#b45309 42%,#4a2c12);box-shadow:inset 0 1px #ffffff2e,0 8px 16px -14px #0f172ab8}.reaction-lantern-cap{top:78px;height:32px;border-radius:20px 20px 12px 12px}.reaction-lantern-base{bottom:24px;height:30px;border-radius:12px 12px 22px 22px}.reaction-lantern-vent{position:absolute;top:88px;left:50%;width:110px;height:16px;transform:translate(-50%);border-radius:999px;background:repeating-linear-gradient(90deg,#4a2c12f0 0 10px,#b45309eb 10px 18px);box-shadow:inset 0 1px #ffffff1f}.reaction-lantern-frame{position:absolute;top:106px;left:50%;width:206px;height:238px;transform:translate(-50%);border-radius:36px 36px 28px 28px;background:linear-gradient(90deg,#4a2c12fa,#b45309e0 14% 86%,#4a2c12fa),linear-gradient(180deg,#5c3317f5,#a16207db 18%,#92400ee0 82%,#4a2c12f5);box-shadow:inset 0 0 0 2px #ffffff14,0 22px 30px -24px #0f172ab8}.reaction-lantern-crossbar{position:absolute;left:30px;right:30px;height:12px;border-radius:999px;background:linear-gradient(180deg,#ffffff24,#ffffff05),linear-gradient(90deg,#4a2c12fa,#b45309eb 50%,#4a2c12fa);box-shadow:inset 0 1px #ffffff1f}.reaction-lantern-crossbar-top{top:26px}.reaction-lantern-crossbar-bottom{bottom:26px}.reaction-lantern-frame:before{content:"";position:absolute;inset:18px 20px;border-radius:22px;background:linear-gradient(180deg,#fff8dc1f,#38bdf80a),radial-gradient(circle at 50% 24%,rgba(255,255,255,.12),transparent 28%);border:1px solid rgba(251,191,36,.16)}.reaction-lantern-frame:after{content:"";position:absolute;inset:24px 32px;background:linear-gradient(58deg,transparent 47%,rgba(74,44,18,.75) 47% 53%,transparent 53%),linear-gradient(122deg,transparent 47%,rgba(74,44,18,.75) 47% 53%,transparent 53%);opacity:.85}.reaction-lantern-pane{position:absolute;top:24px;bottom:24px;width:18px;border-radius:999px;background:linear-gradient(180deg,#d97706f5,#4a2c12fa);box-shadow:inset 0 0 0 1px #ffffff14}.reaction-lantern-pane-left{left:56px}.reaction-lantern-pane-right{right:56px}.reaction-lantern-core{position:absolute;left:50%;top:50%;width:122px;height:122px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 46%,rgba(250,204,21,.22),rgba(245,158,11,.08) 38%,rgba(15,23,42,.02) 68%,transparent 70%);box-shadow:0 0 24px #f59e0b1f;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.reaction-lantern-flame{position:absolute;left:50%;top:50%;width:60px;height:90px;transform:translate(-50%,-52%);border-radius:58% 42% 48% 52%/68% 64% 36% 32%;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.98),rgba(255,255,255,.2) 18%,transparent 19%),linear-gradient(180deg,#fef08afa,#f59e0bf5 48%,#dc2626d1 88%);clip-path:polygon(50% 0,64% 10%,74% 28%,86% 42%,80% 64%,66% 86%,50% 100%,34% 84%,20% 62%,16% 40%,28% 20%);opacity:.24;filter:blur(.2px);transition:opacity .14s ease,transform .14s ease,box-shadow .14s ease}.reaction-lantern-rivet{position:absolute;top:192px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffffd6,#fbbf24bd 36%,#78350ff5);box-shadow:0 0 0 2px #4a2c126b}.reaction-lantern-rivet-left{left:calc(50% - 116px)}.reaction-lantern-rivet-right{right:calc(50% - 116px)}.reaction-lantern.is-armed .reaction-lantern-core{background:radial-gradient(circle at 50% 46%,rgba(96,165,250,.3),rgba(59,130,246,.12) 38%,rgba(15,23,42,.02) 68%,transparent 70%);box-shadow:0 0 32px #38bdf83d;transform:translate(-50%,-50%) scale(1.04)}.reaction-lantern.is-armed:before{background:radial-gradient(circle at 50% 46%,rgba(15,23,42,.32),rgba(15,23,42,.16) 34%,rgba(56,189,248,.08) 58%,transparent 76%)}.reaction-lantern.is-lit .reaction-lantern-core{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.96),rgba(250,204,21,.78) 22%,rgba(245,158,11,.44) 46%,rgba(220,38,38,.12) 66%,transparent 74%);box-shadow:0 0 54px #facc1594,0 0 94px #f59e0b3d;transform:translate(-50%,-50%) scale(1.08)}.reaction-lantern.is-lit .reaction-lantern-flame{opacity:1;transform:translate(-50%,-54%) scale(1.08);box-shadow:0 0 26px #facc158a,0 0 40px #ef44442e}.reaction-lantern.is-lit:before{opacity:.12;transform:scale(.92);background:radial-gradient(circle at 50% 46%,rgba(250,204,21,.16),rgba(245,158,11,.08) 34%,transparent 70%)}.reaction-table.is-extinguishing .reaction-lantern:before{animation:reactionLanternSmoke .42s ease-out}.reaction-table.is-extinguishing .reaction-lantern-core{animation:reactionLanternCoreOut .42s ease-out forwards}.reaction-table.is-extinguishing .reaction-lantern-flame{animation:reactionLanternFlameOut .42s ease-out forwards}.reaction-table.is-extinguishing:before{animation:reactionLanternSceneFade .42s ease-out forwards}.reaction-table.is-extinguishing:after{animation:reactionLanternGlowDrop .42s ease-out forwards}@keyframes reactionLanternSnuff{0%{transform:translateY(-6px) scale(1.04)}24%{transform:translateY(-10px) rotate(-2deg) scale(1.06)}58%{transform:translateY(-2px) rotate(2deg) scale(.98)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes reactionLanternFlameOut{0%{opacity:1;transform:translate(-50%,-54%) scale(1.08);filter:blur(.2px)}18%{opacity:1;transform:translate(-50%,-68%) scale(.92,1.18)}54%{opacity:.22;transform:translate(-50%,-78%) scale(.62,.84);filter:blur(1.2px)}to{opacity:0;transform:translate(-50%,-86%) scale(.28,.5);filter:blur(2px)}}@keyframes reactionLanternCoreOut{0%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 54px #facc1594,0 0 94px #f59e0b3d}22%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 68px #fff4a6b8,0 0 120px #f59e0b47}to{transform:translate(-50%,-50%) scale(.82);box-shadow:0 0 #0000;background:radial-gradient(circle at 50% 46%,rgba(71,85,105,.22),rgba(15,23,42,.08) 42%,transparent 72%)}}@keyframes reactionLanternSmoke{0%{opacity:.12;transform:scale(.92)}45%{opacity:.3;transform:translateY(-12px) scale(1.08)}to{opacity:0;transform:translateY(-24px) scale(1.22)}}@keyframes reactionLanternGlowDrop{0%{opacity:1;transform:translateY(-2px) scale(1.08)}to{opacity:.24;transform:translateY(10px) scale(.92)}}@keyframes reactionLanternSceneFade{0%{opacity:1}to{opacity:.6}}.baieberry-stage{position:relative;width:min(100%,360px);margin:0 auto}.baieberry-canvas,.breakout-canvas{display:block;width:100%;border-radius:24px;border:1px solid rgba(148,163,184,.18);background:#0f172aa6;touch-action:none}.breakout-canvas{position:relative;z-index:1;width:100%;height:auto;max-width:none;margin:16px 0 0;border-top:0;border-left:0;border-right:0;border-bottom:0;border-radius:24px 24px 22px 22px;box-shadow:0 20px 44px -30px #082f49e6,inset 0 0 0 1px #ffffff0d}.coinclicker-help,.chess-help,.checkers-help,.airhockey-help,.reaction-help,.baieberry-help,.breakout-help{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}.baieberry-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,360px);margin:14px auto 0}.baieberry-meta-card{padding:12px 14px;border-radius:18px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff29;backdrop-filter:blur(8px)}.baieberry-meta-label{display:block;margin-bottom:4px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffc7}.baieberry-meta-value{color:#f8fafc;font-size:.95rem}.baieberry-drop-guide{position:absolute;top:10px;left:0;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,255,255,.18) 24%,transparent 25%),radial-gradient(circle at 50% 50%,var(--baieberry-guide-color, #60a5fa),rgba(15,23,42,.72) 100%);box-shadow:0 10px 18px -14px #0f172ab8;border:2px solid rgba(255,255,255,.26);pointer-events:none;z-index:3}.baieberry-drop-line{position:absolute;top:44px;left:0;width:4px;border-radius:999px;background:linear-gradient(180deg,#fff0,#ffffffeb 10% 90%,#fff0),repeating-linear-gradient(to bottom,#fffffff5 0 8px,#ffffff2e 8px 16px),linear-gradient(90deg,#ffffff24,#fffffff2,#ffffff24);mask:linear-gradient(180deg,transparent 0,black 8%,black 92%,transparent 100%);-webkit-mask:linear-gradient(180deg,transparent 0,black 8%,black 92%,transparent 100%);box-shadow:0 0 0 1px #ffffff1f,0 0 16px #ffffff2e,0 0 26px #60a5fa1f;opacity:.92;transition:opacity .24s ease;transform-origin:top center;pointer-events:none;z-index:2}.baieberry-drop-line:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.8) 0 3px,transparent 3px 16px);opacity:.7}.baieberry-stage{transition:transform .11s ease}.baieberry-card{position:relative;width:min(100%,760px);padding:16px 0 0;overflow:hidden;background:radial-gradient(circle at 16% 14%,rgba(255,255,255,.16),transparent 20%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.18),transparent 24%),linear-gradient(180deg,#93c5fdfa,#14b8a6f5)}.baieberry-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.16),transparent 18%),radial-gradient(circle at 84% 18%,rgba(14,165,233,.16),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 40%)}.baieberry-card.games-panel{overflow:hidden}.baieberry-topbar,.baieberry-help,.baieberry-layout{position:relative;z-index:1;padding-inline:16px}.baieberry-topbar{grid-template-columns:repeat(3,minmax(132px,172px));justify-content:center}.baieberry-counter-block{background:#ffffffdb;box-shadow:inset 0 0 0 1px #bfdbfeeb;border:0}.baieberry-counter-label{color:#1d4ed8}.baieberry-counter-value{color:#111827}.baieberry-counter-block-preview{gap:4px}.baieberry-next-preview{--baieberry-preview-color: #60a5fa;width:36px;height:36px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,255,255,.18) 24%,transparent 25%),radial-gradient(circle at 50% 50%,var(--baieberry-preview-color),rgba(15,23,42,.72) 100%);box-shadow:inset 0 0 0 1px #ffffff52,0 10px 18px -14px #0f172ab8}.baieberry-help{color:#374151!important;font-weight:600;margin-bottom:0}.baieberry-layout{display:flex;justify-content:center;margin-top:14px;padding-inline:0}.baieberry-table{position:relative;z-index:1;width:100%;margin-top:0;margin-left:0;margin-right:0;overflow:hidden;border-radius:28px 28px 0 0;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.18),transparent 22%),radial-gradient(circle at 86% 24%,rgba(45,212,191,.18),transparent 24%),linear-gradient(180deg,#dbeafe,#93c5fd 18%,#38bdf8 65%,#0f766e);box-shadow:inset 0 1px #ffffff42,0 -16px 38px -34px #0f172ab3}.baieberry-table:before,.baieberry-table:after{content:"";position:absolute;inset:0;pointer-events:none}.baieberry-table:before{background:radial-gradient(circle at 7% 84%,rgba(255,255,255,.18) 0 4px,transparent 5px),radial-gradient(circle at 92% 72%,rgba(255,255,255,.14) 0 5px,transparent 6px),radial-gradient(circle at 14% 52%,rgba(255,255,255,.12) 0 3px,transparent 4px),radial-gradient(circle at 82% 44%,rgba(255,255,255,.1) 0 3px,transparent 4px);opacity:.9}.baieberry-table:after{background:linear-gradient(78deg,transparent 0 8%,rgba(16,185,129,.22) 8.5% 9.5%,transparent 10% 100%),linear-gradient(104deg,transparent 0 90%,rgba(6,95,70,.18) 90.5% 91.5%,transparent 92% 100%);opacity:.62}.baieberry-card.is-menu-open .baieberry-layout{filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.baieberry-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:28px;background:#1e40af2e;opacity:1;transition:opacity .26s ease,transform .26s ease}.baieberry-menu-overlay.is-entering{animation:baieberryMenuFadeIn .26s ease}.baieberry-menu-overlay.hidden{display:none}.baieberry-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.baieberry-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 16% 14%,rgba(255,255,255,.16),transparent 20%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.18),transparent 24%),linear-gradient(180deg,#93c5fdfa,#14b8a6f5);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.baieberry-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#1d4ed8}.baieberry-menu-title{margin:0;font-size:2rem;color:#0f172a}.baieberry-menu-text{margin:0;color:#374151!important;font-weight:600;line-height:1.45}.baieberry-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@keyframes baieberryMenuFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.baieberry-stage{position:relative;z-index:1;width:min(100%,444px);margin:12px auto 0}.baieberry-canvas{position:relative;z-index:1;width:100%;height:auto;max-width:none;margin:0;border-top:0;border-left:0;border-right:0;border-bottom:0;border-radius:0;background:transparent;box-shadow:none;touch-action:none}@media(max-width:760px){.baieberry-table{width:100%;margin-left:auto;margin-right:auto}}.game-home-art-airhockey:before,.game-home-art-airhockey:after,.game-home-art-baieberry:before,.game-home-art-baieberry:after,.game-home-art-breakout:before,.game-home-art-breakout:after,.game-home-art-chess:before,.game-home-art-chess:after,.game-home-art-coinclicker:before,.game-home-art-coinclicker:after,.game-home-art-checkers:before,.game-home-art-checkers:after,.game-home-art-reaction:before,.game-home-art-reaction:after{content:"";position:absolute}.game-home-art-airhockey,.game-home-art-coinclicker,.game-home-art-chess,.game-home-art-checkers,.game-home-art-reaction,.game-home-art-baieberry,.game-home-art-breakout{background-position:center;background-repeat:no-repeat;background-size:cover}.game-home-art-airhockey{background-image:url(assets/games/game-airhockey.svg)}.game-home-art-airhockey:before{content:none}.game-home-art-airhockey:after{content:none}.game-home-art-coinclicker{background-image:url(assets/games/game-coinclicker.svg)}.game-home-art-coinclicker:before{content:none}.game-home-art-coinclicker:after{content:none}.game-home-art-chess{background-image:url(assets/games/game-chess-knight.svg)}.game-home-art-chess:before{content:none}.game-home-art-chess:after{content:none}.game-home-art-checkers{background-image:url(assets/games/game-checkers.svg)}.game-home-art-checkers:before{content:none}.game-home-art-checkers:after{content:none}.game-home-art-reaction{background-image:url(assets/games/game-reaction.svg)}.game-home-art-reaction:before{content:none}.game-home-art-reaction:after,.game-home-art-baieberry:after,.game-home-art-breakout:after{content:none}.game-home-art-baieberry{background-image:url(assets/games/game-baieberry.svg)}.game-home-art-baieberry:before{content:none}.game-home-art-breakout{background-image:url(assets/games/game-break-it.svg)}.game-home-art-breakout:before{content:none}@media(max-width:600px){.coinclicker-topbar,.chess-topbar,.checkers-topbar,.airhockey-topbar,.reaction-topbar,.baieberry-topbar,.breakout-topbar,.coinclicker-layout,.coinclicker-shop,.coinclicker-contracts{grid-template-columns:1fr}.coinclicker-card{padding-inline:12px}}.harborrun-card.games-panel-active{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.harborrun-card .harborrun-topbar{position:absolute;z-index:3;top:24px;left:28px;right:28px;display:flex!important;justify-content:space-between;gap:12px;margin:0!important;pointer-events:none}.harborrun-card .harborrun-table{width:100%;height:100%}.harborrun-card .harborrun-board{width:100%;height:min(76vh,780px);min-height:640px}.magicsort-card .magicsort-table{width:min(100%,840px)}.magicsort-card .magicsort-board{grid-template-columns:repeat(var(--magicsort-columns, 4),minmax(82px,1fr))}@media(max-width:700px){.harborrun-card .harborrun-topbar{top:18px;left:16px;right:16px}.harborrun-card .harborrun-board{height:min(78vh,700px);min-height:560px}.magicsort-card .magicsort-board{grid-template-columns:repeat(3,minmax(74px,1fr))}}@media screen and (max-width:430px)and (pointer:coarse){.chess-piece-white{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc;-webkit-text-stroke:1px rgba(8,47,73,.88);text-shadow:0 1px 0 rgba(255,255,255,.42),0 2px 4px rgba(8,47,73,.68),0 8px 12px rgba(15,23,42,.22)}.chess-piece-black{color:#08263d!important;-webkit-text-fill-color:#08263d;-webkit-text-stroke:.7px rgba(255,248,220,.42)}}.game-home-art-blockblast{background:url(assets/games/game-blockline.svg) center / cover no-repeat}.game-home-art-blockblast:before{content:none}.game-home-art-uno{background:url(assets/games/game-buno.svg) center / cover no-repeat}.game-home-art-uno:before{content:none}.game-home-art-bomb{background:url(assets/games/game-bomb.svg) center / cover no-repeat}.game-home-art-bomb:before{content:none}.blockblast-card,.uno-card,.bomb-card{position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 34%),linear-gradient(180deg,#f8fafcf5,#e2e8f0f0)}.blockblast-card{color:#111827}.blockblast-card:before,.uno-card:before,.bomb-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(125,211,252,.18),transparent 18%),radial-gradient(circle at 84% 18%,rgba(250,204,21,.14),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}.blockblast-topbar,.uno-topbar,.bomb-topbar{position:relative;z-index:1;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.blockblast-counter-block,.uno-counter-block,.bomb-counter-block{display:grid;gap:4px;padding:14px 18px;min-width:112px;border-radius:18px;background:#ffffffdb;box-shadow:inset 0 0 0 1px #e2e8f0eb}.blockblast-counter-label,.uno-counter-label,.bomb-counter-label,.blockblast-sidebar-label,.uno-status-label,.bomb-sidebar-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#115e59}.blockblast-counter-value,.uno-counter-value,.uno-status-value,.bomb-counter-value{font-size:1.45rem;font-weight:800;color:#111827}.blockblast-face,.uno-face,.game-menu-primary-button{border:0;border-radius:999px;padding:14px 24px;font-weight:800;color:#f8fafc;cursor:pointer;background:linear-gradient(135deg,#0f766e,#0ea5e9);box-shadow:0 16px 28px -20px #082f49d1}.game-menu-secondary-button{padding:14px 20px;border-radius:14px;font-weight:700;background:#0f172ab3;color:var(--text-color);border:1px solid rgba(99,102,241,.18)}.games-panel>p[class$=-help]{display:none}.blockblast-help,.uno-help,#unoHelpText,#unoMenuText,.bomb-help{position:relative;z-index:1;margin:18px 0 0;color:#374151!important;opacity:1;font-weight:600}.blockblast-table{position:relative;z-index:1;width:100%;margin:0 auto;border-radius:24px}.blockblast-table.is-menu-open>:not(.blockblast-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.blockblast-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#082f493d;opacity:1;transition:opacity .26s ease,transform .26s ease}.blockblast-menu-overlay.hidden{display:none}.blockblast-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.blockblast-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.blockblast-menu-card{width:min(100%,440px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(96,165,250,.2),transparent 22%),radial-gradient(circle at 82% 18%,rgba(52,211,153,.16),transparent 22%),linear-gradient(180deg,#122c46fa,#082f49fa);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.blockblast-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#60a5fa}.blockblast-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.blockblast-menu-text{margin:0;color:#e2e8f0!important;font-weight:600;line-height:1.45}.blockblast-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.blockblast-shell{position:relative;z-index:1;margin-top:22px;display:grid;gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:start}.bomb-table{position:relative;z-index:1;margin-top:22px;border-radius:24px}.bomb-table.is-menu-open>:not(.bomb-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.bomb-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;border-radius:24px;background:#0f172a5c;opacity:1;transition:opacity .26s ease,transform .26s ease}.bomb-menu-overlay.hidden{display:none}.bomb-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.bomb-menu-overlay.is-entering{animation:pongMenuFadeIn .26s ease}.bomb-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at 14% 18%,rgba(248,113,113,.24),transparent 24%),radial-gradient(circle at 82% 18%,rgba(251,146,60,.2),transparent 24%),radial-gradient(circle at 26% 82%,rgba(254,215,170,.14),transparent 24%),linear-gradient(180deg,#3c1212fa,#0f172afa);box-shadow:0 24px 48px -30px #7f1d1df5;display:grid;gap:14px;text-align:center}.bomb-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:#fca5a5}.bomb-menu-title{margin:0;font-size:1.9rem;color:#f8fafc}.bomb-menu-text{margin:0;color:#fde4d1!important;font-weight:600;line-height:1.45}.bomb-menu-mode-switch{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.bomb-menu-mode-button{padding:8px 16px;border-radius:999px;border:1px solid rgba(253,186,116,.4);background:#0f172a80;color:#fde4d1;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.bomb-menu-mode-button:hover{border-color:#fb923c;color:#ffedd5}.bomb-menu-mode-button.is-active{background:linear-gradient(135deg,#ef4444,#f97316);border-color:#fca5a5;color:#1f2937;transform:translateY(-1px)}.bomb-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.bomb-main-shell{display:grid;gap:22px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:start}.bomb-stage-card,.bomb-sidebar-card{border-radius:26px;background:linear-gradient(180deg,#ffffffd1,#ffffffad),linear-gradient(135deg,#7dd3fc1f,#fbbf2414);box-shadow:inset 0 0 0 1px #ffffff80,0 22px 40px -34px #0f172a85}.bomb-stage-card{padding:24px;display:grid;gap:18px}.bomb-status-row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.bomb-status-banner{margin:0;color:#374151!important;font-weight:700}.bomb-restart-button{white-space:nowrap}.bomb-core{position:relative;overflow:hidden;display:grid;gap:16px;align-items:center;grid-template-columns:132px minmax(0,1fr);padding:24px;border-radius:24px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.16),transparent 22%),linear-gradient(180deg,#0f172afa,#115e59f5 54%,#7f1d1deb);color:#f8fafc}.bomb-core-device{position:relative;width:108px;height:108px;margin-inline:auto}.bomb-core-body,.bomb-core-light{position:absolute;border-radius:999px}.bomb-core-body{inset:16px;background:radial-gradient(circle at 34% 32%,rgba(255,255,255,.2),transparent 18%),linear-gradient(180deg,#374151,#111827);box-shadow:inset 0 0 0 2px #ffffff14}.bomb-core-light{inset:34px;background:radial-gradient(circle,#f87171fa,#dc2626e6);box-shadow:0 0 22px #f8717185;animation:bombPulse 1.1s ease-in-out infinite}.bomb-core-fuse{position:absolute;left:50%;top:0;width:8px;height:34px;border-radius:999px;background:linear-gradient(180deg,#f59e0b,#92400e);transform:translate(-50%)}.bomb-core-fuse:after{content:"";position:absolute;left:50%;top:-10px;width:22px;height:22px;border-radius:999px 999px 999px 0;background:linear-gradient(135deg,#fde68a,#f97316 60%,#dc2626);transform:translate(-50%) rotate(-44deg);box-shadow:0 0 18px #f9731675}.bomb-core-copy{display:grid;gap:6px}.bomb-core-label{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#e2e8f0d6}.bomb-core-syllable{font-size:clamp(2rem,5vw,3.5rem);line-height:1;letter-spacing:.08em;text-transform:uppercase}.bomb-core-player{margin:0;color:#f8fafceb;font-weight:700}.bomb-word-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.bomb-sidebar{display:grid;gap:16px}.bomb-sidebar-card{padding:18px}.bomb-players-board,.bomb-used-words{margin-top:14px}.bomb-players-board{display:grid;gap:10px}.bomb-player-chip{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#f1f5f9f0;box-shadow:inset 0 0 0 1px #cbd5e1bd}.bomb-player-chip.is-active{background:linear-gradient(135deg,#facc1533,#fb923c29),#fffffff5;box-shadow:inset 0 0 0 1px #fbbf2485,0 18px 28px -24px #ea580c8f}.bomb-player-chip.is-you{outline:2px solid rgba(14,165,233,.22)}.bomb-player-chip.is-eliminated{opacity:.58;filter:grayscale(.22)}.bomb-player-head{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.bomb-player-name{font-weight:800;color:#111827}.bomb-player-role{font-size:.78rem;font-weight:700;color:#0f766e}.bomb-player-meta{display:flex;gap:10px;flex-wrap:wrap;color:#475569;font-weight:700}.bomb-used-words{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.bomb-used-word-chip{padding:7px 10px;border-radius:999px;background:#e2e8f0eb;color:#334155;font-size:.88rem;font-weight:700}@keyframes bombPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.15)}}@media(max-width:900px){.bomb-main-shell{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.bomb-word-form,.bomb-core{grid-template-columns:minmax(0,1fr)}.bomb-core-device{width:92px;height:92px}}.blockblast-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:18px;touch-action:none;border-radius:28px;background:linear-gradient(180deg,#0c4a6ef0,#0e7490eb 52%,#0891b2e0),linear-gradient(135deg,rgba(255,255,255,.12),transparent 36%);box-shadow:inset 0 0 0 1px #bae6fd38,0 22px 40px -30px #082f49eb}.blockblast-cell{aspect-ratio:1;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,#ffffff14,#0f172a1f),#0369a157;box-shadow:inset 0 0 0 1px #bae6fd1f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.blockblast-cell:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff38,0 12px 18px -16px #ffffff52}.blockblast-cell.is-filled{box-shadow:inset 0 0 0 1px #ffffff47,0 12px 20px -16px #0f172acc}.blockblast-cell.is-clearing{animation:blockBlastClear .22s ease forwards}.blockblast-cell.is-preview-valid{box-shadow:inset 0 0 0 2px #facc15f2,0 0 0 1px #ffffff2e;filter:brightness(1.08)}.blockblast-cell.is-preview-invalid{box-shadow:inset 0 0 0 2px #f87171f0;filter:saturate(.84)}.blockblast-cell.is-sun,.blockblast-piece-cell.is-sun{background:linear-gradient(180deg,#facc15,#f59e0b)}.blockblast-cell.is-lagoon,.blockblast-piece-cell.is-lagoon{background:linear-gradient(180deg,#67e8f9,#0ea5e9)}.blockblast-cell.is-gold,.blockblast-piece-cell.is-gold{background:linear-gradient(180deg,#fde68a,#f59e0b)}.blockblast-cell.is-reef,.blockblast-piece-cell.is-reef{background:linear-gradient(180deg,#86efac,#14b8a6)}.blockblast-cell.is-sand,.blockblast-piece-cell.is-sand{background:linear-gradient(180deg,#fdba74,#fb7185)}.blockblast-cell.is-coral,.blockblast-piece-cell.is-coral{background:linear-gradient(180deg,#fda4af,#ef4444)}.blockblast-sidebar{display:grid;gap:16px}.blockblast-sidebar-card{padding:18px;border-radius:22px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #ffffff73}.blockblast-sidebar-text{margin:12px 0 0;color:#374151!important}.blockblast-pieces{margin-top:14px;display:grid;gap:14px}.blockblast-piece,.blockblast-piece-slot{min-height:88px;border-radius:20px}.blockblast-piece{border:0;cursor:pointer;user-select:none;touch-action:none;padding:14px;display:grid;justify-content:center;align-content:center;grid-template-columns:repeat(var(--piece-columns, 1),22px);grid-template-rows:repeat(var(--piece-rows, 1),22px);gap:6px;background:#e0f2fedb;box-shadow:inset 0 0 0 1px #7dd3fc47;transition:transform .14s ease,box-shadow .14s ease}.blockblast-piece.is-selected{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 0 0 1px #facc1561,0 18px 26px -24px #082f49e0}.breakout-topbar,.breakout-help{position:relative;z-index:1;padding-inline:16px}.breakout-topbar{grid-template-columns:repeat(2,minmax(150px,180px));justify-content:center}.breakout-counter-block{background:#ffffffdb;box-shadow:inset 0 0 0 1px #e2e8f0eb;border:0}.breakout-counter-label{color:#115e59}.breakout-counter-value{color:#111827}.breakout-face{background:linear-gradient(135deg,#0f766e,#0ea5e9);box-shadow:0 16px 28px -20px #082f49d1}.breakout-help{color:#374151!important;font-weight:600;margin-bottom:0}.breakout-table{position:relative;z-index:1;margin-top:12px}.breakout-table.is-menu-open>:not(.breakout-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.breakout-menu-overlay{position:absolute;inset:16px 0 0;z-index:5;display:grid;place-items:center;padding:28px;border-radius:24px 24px 22px 22px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.breakout-menu-overlay.hidden{display:none}.breakout-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.breakout-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 36%),linear-gradient(180deg,#bae6fdfa,#7dd3fcf5);box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.breakout-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.breakout-menu-title{margin:0;font-size:2rem;color:#0f172a}.breakout-menu-text{margin:0;color:#374151!important;opacity:1;font-weight:600;line-height:1.45}.breakout-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.blockblast-piece-cell{width:22px;height:22px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff3d}.blockblast-piece-slot.is-empty{background:#bae6fd3d;box-shadow:inset 0 0 0 1px dashed #0e749038}@keyframes blockBlastClear{0%{transform:scale(1);filter:brightness(1);opacity:1}to{transform:scale(.52);filter:brightness(1.6);opacity:.1}}.uno-mode-switch{display:flex;justify-content:center;align-items:center;width:100%;gap:10px;flex-wrap:wrap;margin:0 0 12px}.uno-table{position:relative;z-index:1;margin-top:12px;min-height:620px;padding:18px 28px 0;border-radius:28px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,#082f49fa,#0f766ef2 56%,#064e3bf0);box-shadow:inset 0 0 0 1px #bae6fd14,0 22px 42px -34px #0f172af5;display:flex;flex-direction:column}.uno-table.is-menu-open>:not(.uno-menu-overlay){filter:blur(7px) saturate(.86);pointer-events:none;user-select:none}.uno-menu-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:28px;background:#082f492e;opacity:1;transition:opacity .26s ease,transform .26s ease}.uno-menu-overlay.hidden{display:none}.uno-menu-overlay.is-closing{opacity:0;transform:scale(1.02)}.pong-menu-overlay,.game-2048-menu-overlay,.memory-menu-overlay,.tictactoe-menu-overlay,.connect4-menu-overlay,.flappy-menu-overlay,.mentalmath-menu-overlay,.chess-menu-overlay,.checkers-menu-overlay,.baieberry-menu-overlay,.breakout-menu-overlay,.uno-menu-overlay{pointer-events:none}.pong-menu-card,.game-2048-menu-card,.memory-menu-card,.tictactoe-menu-card,.connect4-menu-card,.flappy-menu-card,.mentalmath-menu-card,.chess-menu-card,.checkers-menu-card,.baieberry-menu-card,.breakout-menu-card,.uno-menu-card{pointer-events:auto}.pong-table,.game-2048-table,.memory-table,.tictactoe-table,.connect4-table,.flappy-table,.mentalmath-table,.chess-table,.checkers-table,.breakout-table,.uno-table{overflow:visible}.uno-menu-card{width:min(100%,420px);padding:26px 24px;border-radius:28px;background:#fffffff5;box-shadow:0 24px 48px -30px #0f172af0;display:grid;gap:14px;text-align:center}.uno-menu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.uno-menu-title{margin:0;font-size:2rem;color:#0f172a}.uno-menu-text{margin:0;color:#374151!important;opacity:1;font-weight:600;line-height:1.45}.uno-menu-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.uno-opponents-top{display:flex;justify-content:center;min-height:88px;margin-bottom:6px}.uno-opponents-side{position:absolute;top:104px;bottom:130px;width:92px;display:flex;align-items:center;pointer-events:none}.uno-opponents-side.is-left{left:12px;justify-content:flex-start}.uno-opponents-side.is-right{right:12px;justify-content:flex-end}.uno-opponent{display:grid;gap:8px;justify-items:center}.uno-opponent.is-active .uno-opponent-head{background:#facc1529;box-shadow:inset 0 0 0 1px #facc1547}.uno-opponent-head{padding:8px 12px;border-radius:16px;display:flex;gap:8px;align-items:center;justify-content:center;background:#0f172a3d;box-shadow:inset 0 0 0 1px #bae6fd1a;white-space:nowrap}.uno-opponent-name{color:#e0f2fe;font-size:.84rem;font-weight:700}.uno-opponent-count{color:#fef3c7;font-size:.95rem}.uno-opponent-cards{position:relative;display:flex}.uno-opponent-cards.is-top .uno-opponent-back-shell+.uno-opponent-back-shell{margin-left:-52px}.uno-opponent-back-shell.is-opponent-drawn{animation:unoOpponentDrawIn .32s cubic-bezier(.22,1,.36,1)}.uno-opponent-cards.is-side{flex-direction:column}.uno-opponent-cards.is-side .uno-opponent-back-shell+.uno-opponent-back-shell{margin-top:-92px}.uno-center-table{margin-top:10px;display:grid;gap:24px;grid-template-columns:138px 138px minmax(150px,190px);justify-content:center;align-items:center;min-height:220px}.uno-draw-pile,.uno-discard-pile{min-height:168px;border-radius:22px;display:grid;place-items:center}.uno-draw-pile{border:0;cursor:pointer;color:#f8fafc;background:#0f172a2e;box-shadow:inset 0 0 0 1px #ffffff0f;grid-template-rows:auto auto auto;gap:8px}.uno-draw-stack{position:relative;width:82px;height:108px;display:block}.uno-draw-stack:before,.uno-draw-stack:after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,#1e3a8a,#0f172a);box-shadow:inset 0 0 0 1px #bfdbfe1f}.uno-draw-stack:before{transform:rotate(-6deg) translate(-7px,6px);opacity:.84}.uno-draw-stack:after{background:url(assets/branding/logo-baie-cartoon.svg) center / 64% 64% no-repeat,linear-gradient(135deg,#1e3a8a,#0f172a);box-shadow:inset 0 0 0 1px #bfdbfe1f,0 14px 24px -20px #0f172ae6}.uno-draw-label{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:#e0f2fe}.uno-draw-pile.is-pulse{animation:unoPilePulse 1.1s ease-in-out infinite}.uno-status-card{min-height:168px;padding:16px 14px;border-radius:22px;background:#0f172a3d;box-shadow:inset 0 0 0 1px #bae6fd1a;color:#f8fafc;display:grid;gap:8px;align-content:center}.uno-status-label{font-size:.74rem;letter-spacing:.1em}.uno-status-value{color:#f8fafc;font-size:1rem;line-height:1.1;white-space:nowrap}.uno-status-value.is-red{color:#fecaca}.uno-status-value.is-yellow{color:#fde68a}.uno-status-value.is-green{color:#bbf7d0}.uno-status-value.is-blue{color:#bfdbfe}.uno-event-banner{min-height:40px;padding:8px 10px;border-radius:18px;color:#fefce8;background:#0f172a52;box-shadow:inset 0 0 0 1px #bae6fd14;display:grid;align-items:center;font-size:.8rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uno-event-banner.is-pop{animation:unoEventPop .32s ease}.uno-hand{margin-top:auto;display:flex;gap:0;justify-content:center;flex-wrap:wrap;align-items:flex-end;padding-top:4px;padding-bottom:0;overflow:visible}.uno-hand .uno-card-face+.uno-card-face{margin-left:-18px}.uno-hand .uno-card-face{transform:translateY(0) scale(1)}.uno-card-face{position:relative;width:98px;height:144px;border:0;border-radius:22px;cursor:default;color:#f8fafc;display:grid;place-items:center;overflow:hidden;box-shadow:0 18px 26px -20px #0f172aeb;transition:transform .16s ease,box-shadow .16s ease;backface-visibility:hidden;transform-origin:center bottom;will-change:transform,box-shadow}.uno-card-face:before{content:"";position:absolute;inset:10px;border-radius:999px;background:#fff8dc24;transform:rotate(-18deg) scale(.92);box-shadow:inset 0 0 0 1px #fff8dc24}.uno-card-face.is-compact{pointer-events:none}.uno-card-face.is-playable{cursor:pointer;transform:translateY(0)}.uno-hand .uno-card-face:hover{transform:translateY(-18px) scale(1.03);box-shadow:0 28px 38px -24px #0f172a;z-index:6}.uno-card-face.is-playable{cursor:pointer}.uno-card-face.is-played{animation:unoCardPlay .26s cubic-bezier(.22,1,.36,1)}.uno-card-face.is-drawn{animation:unoCardDraw .32s cubic-bezier(.22,1,.36,1)}.uno-card-face.is-back{background:linear-gradient(135deg,#1e3a8a,#0f172a)}.uno-card-face.is-back:before{inset:8px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at center,rgba(250,204,21,.12),transparent 62%);box-shadow:inset 0 0 0 1px #bfdbfe1f}.uno-card-face.is-back-compact{width:72px;height:108px;border-radius:18px}.uno-card-back-mark{position:relative;z-index:1;width:72%;height:72%;display:block;background:url(assets/branding/logo-baie-cartoon.svg) center / contain no-repeat;filter:drop-shadow(0 4px 10px rgba(15,23,42,.36))}.uno-card-face.is-red{background:linear-gradient(180deg,#ef4444,#991b1b)}.uno-card-face.is-yellow{color:#78350f;background:linear-gradient(180deg,#facc15,#d97706)}.uno-card-face.is-green{background:linear-gradient(180deg,#22c55e,#166534)}.uno-card-face.is-blue{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.uno-card-face.is-wild{background:conic-gradient(from 180deg,#ef4444,#facc15,#22c55e,#3b82f6,#ef4444)}.uno-card-corner,.uno-card-center{position:relative;z-index:1;font-weight:900}.uno-card-corner{position:absolute;top:12px;left:12px;font-size:.9rem}.uno-card-center{font-size:1.55rem;letter-spacing:.04em}.uno-card-wild-icon{position:relative;z-index:1;width:42px;height:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;transform:rotate(-12deg)}.uno-card-wild-icon.is-draw4:after{content:"+4";position:absolute;inset:0;display:grid;place-items:center;font-size:1.5rem;font-weight:900;color:#f8fafc;text-shadow:0 2px 6px rgba(15,23,42,.55)}.uno-card-wild-dot{border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff29}.uno-card-wild-dot.is-red{background:#ef4444}.uno-card-wild-dot.is-yellow{background:#facc15}.uno-card-wild-dot.is-green{background:#22c55e}.uno-card-wild-dot.is-blue{background:#3b82f6}.uno-card-subtitle{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:1;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff8dceb}.uno-card-face.is-yellow .uno-card-subtitle{color:#78350feb}.uno-color-picker{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.uno-color-picker.is-waiting{opacity:.62;filter:saturate(.82);pointer-events:none}.uno-color-choice{border:0;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer;color:#f8fafc;box-shadow:0 14px 22px -18px #0f172aeb}.uno-color-choice.is-red{background:#dc2626}.uno-color-choice.is-yellow{color:#78350f;background:#facc15}.uno-color-choice.is-green{background:#16a34a}.uno-color-choice.is-blue{background:#2563eb}.uno-empty-hand{color:#e0f2fe}.uno-card-travel{position:fixed;left:0;top:0;z-index:40;pointer-events:none;opacity:0}.uno-card-travel.is-active{opacity:1}.uno-card-travel .uno-card-face{box-shadow:0 28px 40px -24px #0f172af2}.uno-card-travel.is-active .uno-card-face{animation:unoCardGlide .52s cubic-bezier(.22,1,.36,1) forwards}@keyframes unoCardPlay{0%{transform:translateY(16px) scale(.92);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}@keyframes unoCardDraw{0%{transform:translateY(22px) scale(.9);opacity:0}70%{transform:translateY(-4px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes unoCardGlide{0%{transform:translateZ(0) scale(.92) rotate(-8deg);opacity:.2}12%{opacity:1}to{transform:translate3d(var(--uno-travel-x),var(--uno-travel-y),0) scale(1) rotate(0);opacity:.96}}@keyframes unoOpponentDrawIn{0%{transform:translateY(-14px) scale(.9);opacity:.2}to{transform:translateY(0) scale(1);opacity:1}}@keyframes unoPilePulse{0%,to{transform:translateY(0);box-shadow:inset 0 0 0 1px #ffffff1f}50%{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #facc153d,0 16px 26px -22px #facc1599}}@keyframes unoEventPop{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:960px){.uno-opponents-side{display:none}.blockblast-shell{grid-template-columns:1fr}.uno-center-table{grid-template-columns:1fr;min-height:auto}.uno-draw-pile,.uno-discard-pile{min-height:156px}}