:root{--blue:#4285f4;--red:#ea4335;--yellow:#fbbc05;--green:#34a853;--ink:#17191d;--muted:#646a73;--line:#e6e9f0;--bg:#f7f9fd;--card:#fff;--shadow:0 18px 50px rgba(32,33,36,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,233,240,.8)}.topbar-inner{width:min(calc(100% - 24px),1080px);height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.portal-brand{display:flex;align-items:center;gap:10px}.brand-dots{display:grid;grid-template-columns:repeat(2,10px);gap:3px;transform:rotate(-7deg)}.brand-dots i{width:10px;height:10px;border-radius:4px}.brand-dots i:nth-child(1){background:var(--blue)}.brand-dots i:nth-child(2){background:var(--red)}.brand-dots i:nth-child(3){background:var(--yellow)}.brand-dots i:nth-child(4){background:var(--green)}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:.93rem}.brand-copy small{font-size:.68rem;color:var(--muted);margin-top:5px}.back-home{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:999px;font-size:.8rem;font-weight:850}.page-shell{width:min(calc(100% - 24px),980px);margin:0 auto;padding:28px 0 50px}.page-hero{text-align:center;margin:8px auto 25px;max-width:760px}.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950;color:var(--blue)}.page-hero h1{font-size:clamp(2rem,7vw,4rem);letter-spacing:-.045em;line-height:.95;margin:10px 0 13px}.page-hero p{color:var(--muted);line-height:1.5;margin:0 auto;max-width:680px}.game-card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(18px,4vw,34px);overflow:hidden}.primary-button,.secondary-button{border:0;border-radius:15px;font-weight:900;padding:13px 18px;transition:.2s}.primary-button{background:linear-gradient(135deg,#3979ec,#4a8eff);color:#fff;box-shadow:0 10px 24px rgba(66,133,244,.25)}.primary-button:hover{transform:translateY(-1px)}.secondary-button{background:#eef2f8;color:#30343b}.game-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.game-note{margin:20px auto 0;max-width:720px;color:var(--muted);font-size:.78rem;line-height:1.45;text-align:center}.footer{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:26px 18px;color:var(--muted);font-size:.76rem}.toast{position:fixed;z-index:90;left:50%;bottom:22px;transform:translate(-50%,18px);background:#202124;color:#fff;border-radius:999px;padding:10px 15px;font-weight:800;font-size:.78rem;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
body.theme-night{--ink:#f6f8ff;--muted:#c2c9d8;--bg:#0c1220;--card:#111a2d;--line:rgba(213,224,255,.13)}body.theme-night .topbar{background:rgba(11,17,31,.78);border-color:rgba(213,224,255,.1)}body.theme-night .back-home{background:#121d31;border-color:rgba(213,224,255,.13)}body.theme-night .secondary-button{background:#1b2940;color:#f5f8ff}
@media(max-width:600px){.brand-copy small{display:none}.page-shell{padding-top:20px}.game-card{border-radius:22px}}

/* 5 de Oro */
.gold-stage{position:relative;min-height:300px;display:grid;place-items:center;padding:28px 8px;background:radial-gradient(circle at 50% 30%,rgba(251,188,5,.16),transparent 43%);border-radius:22px}.gold-balls{display:flex;justify-content:center;gap:clamp(8px,2vw,16px);flex-wrap:wrap}.gold-ball{--ball:#34a853;width:clamp(58px,15vw,92px);height:clamp(58px,15vw,92px);border-radius:50%;display:grid;place-items:center;position:relative;isolation:isolate;border:3px solid rgba(255,255,255,.92);background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.92) 0 7%,#34a853 27%,#2b8e46 76%,#1f6833 100%);box-shadow:inset -10px -13px 22px rgba(0,0,0,.16),inset 8px 9px 17px rgba(255,255,255,.42),0 13px 24px rgba(20,30,50,.18);font-size:clamp(1.35rem,5vw,2.15rem);font-weight:950;transform:translateY(18px) scale(.75);opacity:0;color:#202124}.gold-ball::before{content:"";position:absolute;z-index:0;width:66%;height:66%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 42%,#f7f8fa 72%,#e7e9ee 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.15)}.gold-ball::after{content:"";position:absolute;z-index:1;width:25%;height:11%;border-radius:50%;background:rgba(255,255,255,.78);left:17%;top:14%;transform:rotate(-25deg);filter:blur(.5px)}.gold-ball b{position:relative;z-index:2;font:inherit;color:#202124;text-shadow:0 1px 0 #fff}.gold-ball.ball-green{--ball:#34a853;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.92) 0 7%,#56bd70 27%,#34a853 76%,#22743a 100%)}.gold-ball.ball-orange{--ball:#ef7c2b;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.92) 0 7%,#f5a35f 27%,#ef7c2b 76%,#ad4f15 100%)}.gold-ball.ball-yellow{--ball:#e9bb15;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.92) 0 7%,#f8da55 27%,#e9bb15 76%,#aa8100 100%)}.gold-ball.ball-red{--ball:#c7434f;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.92) 0 7%,#e36f77 27%,#c7434f 76%,#842b34 100%)}.gold-ball.reveal{animation:ballReveal .55s cubic-bezier(.17,.89,.32,1.4) forwards}.gold-result-title{text-align:center;font-weight:900;color:#805b00;margin-bottom:18px}.gold-placeholder{color:var(--muted);text-align:center;font-weight:800}.share-row{display:flex;justify-content:center;margin-top:12px}.share-button{border:0;background:transparent;color:var(--blue);font-weight:900;padding:9px 12px}.official-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-weight:850}.responsible{font-size:.74rem;color:var(--muted);margin-top:10px;text-align:center}@keyframes ballReveal{to{opacity:1;transform:translateY(0) scale(1)}}
/* Gato */
.cat-game{display:grid;gap:18px}.cat-status{text-align:center;min-height:52px}.cat-status strong{font-size:1.1rem;display:block}.cat-status span{font-size:.78rem;color:var(--muted)}.cat-board-wrap{overflow:auto;padding:10px 2px 14px;overscroll-behavior:contain}.cat-board{width:max-content;margin:auto;display:grid;gap:4px;user-select:none}.cat-row{display:flex;gap:4px}.cat-row:nth-child(even){transform:translateX(18px)}.cat-cell{width:34px;height:34px;border-radius:50%;border:2px solid #dbe2eb;background:#fff;display:grid;place-items:center;padding:0;box-shadow:0 4px 8px rgba(29,41,57,.06);transition:.12s;position:relative}.cat-cell:hover:not(.blocked):not(.cat){border-color:#9fc1ff;transform:scale(1.06)}.cat-cell.blocked{background:linear-gradient(145deg,#4fc06d,#269445);border-color:#21843d;box-shadow:inset 0 2px 2px rgba(255,255,255,.25)}.cat-cell.cat{background:#fff5d8;border-color:#f4b72a;box-shadow:0 0 0 4px rgba(251,188,5,.12),0 6px 12px rgba(168,110,0,.13)}.cat-cell.cat::before{content:"🐈";font-size:21px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.cat-cell.last-move{animation:catHop .25s ease}.cat-stats{display:flex;justify-content:center;gap:18px;font-size:.77rem;color:var(--muted)}.cat-stats b{color:var(--ink)}.cat-message{padding:12px 14px;border-radius:15px;text-align:center;font-weight:850;background:#f4f7fb}.cat-message.win{background:#eaf8ef;color:#24773b}.cat-message.lose{background:#fff0ee;color:#a93428}body.theme-night .cat-cell{background:#17243a;border-color:#33425b}body.theme-night .cat-cell.blocked{background:linear-gradient(145deg,#3dad5b,#1f7936);border-color:#62c57b}body.theme-night .cat-cell.cat{background:#554515;border-color:#f0b92f}body.theme-night .cat-message{background:#17243a}body.theme-night .cat-message.win{background:#173b28;color:#94e2aa}body.theme-night .cat-message.lose{background:#41201e;color:#ffaaa1}@keyframes catHop{50%{transform:translateY(-5px) scale(1.08)}}
@media(max-width:480px){.cat-board{gap:3px}.cat-row{gap:3px}.cat-row:nth-child(even){transform:translateX(14px)}.cat-cell{width:27px;height:27px}.cat-cell.cat::before{font-size:17px}}

/* V2.11 · Juegos */
.mini-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.mini-stats span{background:#f2f5fa;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.77rem;color:var(--muted)}.mini-stats b{color:var(--ink);margin-left:4px}body.theme-night .mini-stats span{background:#17243a}
/* Memotest */
.memory-board{width:min(100%,520px);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-card{aspect-ratio:1;border:2px solid transparent;border-radius:18px;background:linear-gradient(145deg,#3979ec,#5f98ff);color:#fff;position:relative;transition:background .22s,border-color .22s,transform .15s,box-shadow .22s;box-shadow:0 7px 16px rgba(66,133,244,.2);overflow:hidden}.memory-card:active{transform:scale(.96)}.memory-card span{position:absolute;inset:0;display:grid;place-items:center;font-weight:950;transition:opacity .16s,transform .2s}.memory-back{font-size:1.8rem;opacity:1}.memory-face{font-size:clamp(1.6rem,8vw,2.7rem);opacity:0;transform:scale(.72)}.memory-card.open,.memory-card.matched{background:var(--pair);border-color:#c7ccd5;color:#202124;box-shadow:0 8px 18px rgba(30,50,80,.14)}.memory-card.open .memory-back,.memory-card.matched .memory-back{opacity:0;transform:scale(.6)}.memory-card.open .memory-face,.memory-card.matched .memory-face{opacity:1;transform:scale(1)}.memory-card.matched{box-shadow:0 0 0 3px rgba(52,168,83,.24),0 8px 18px rgba(30,50,80,.14)}body.theme-night .memory-card.open,body.theme-night .memory-card.matched{color:#17191d}
/* Flechazo a la manzana */
.archery-game{display:grid;gap:18px}.archery-field{position:relative;width:min(100%,760px);height:clamp(270px,48vw,390px);margin:auto;overflow:hidden;border-radius:22px;border:1px solid #cfe0ef;background:linear-gradient(#aeddff 0 63%,#dff0b8 63% 100%);touch-action:manipulation;user-select:none;cursor:crosshair}.archery-field::before{content:"";position:absolute;left:-4%;right:-4%;bottom:0;height:25%;background:linear-gradient(#8cc56e,#65a84b)}.archery-cloud{position:absolute;font-size:clamp(2.4rem,8vw,4.5rem);opacity:.8}.archery-cloud.one{top:8%;left:17%}.archery-cloud.two{top:15%;left:51%;transform:scale(.8)}.archery-tree{position:absolute;right:3%;bottom:11%;font-size:clamp(7rem,22vw,12rem);line-height:1;filter:drop-shadow(0 8px 8px rgba(0,0,0,.12));pointer-events:none}.archery-aim{position:absolute;left:10%;right:12%;top:50%;border-top:2px dashed rgba(50,70,90,.28);transform:translateY(-1px);pointer-events:none}.archery-bow{position:absolute;left:3%;top:50%;font-size:clamp(2.7rem,8vw,4.2rem);transform:translateY(-50%);filter:drop-shadow(0 4px 4px rgba(0,0,0,.14));z-index:4}.archery-apple{position:absolute;right:13%;top:50%;font-size:clamp(2.6rem,8vw,4.1rem);transform:translate(50%,-50%);z-index:5;filter:drop-shadow(0 5px 5px rgba(0,0,0,.18));will-change:top}.archery-apple.hit{animation:appleHit .42s ease}.archery-arrow{position:absolute;left:11%;top:50%;width:72px;height:4px;background:#6f472d;border-radius:999px;transform:translateY(-50%);z-index:6;opacity:0}.archery-arrow::before{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-left:14px solid #555;border-top:7px solid transparent;border-bottom:7px solid transparent}.archery-arrow::after{content:"";position:absolute;left:-7px;top:50%;width:16px;height:16px;border-left:5px solid #d34b3f;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translateY(-50%)}.archery-arrow.shoot{opacity:1;animation:arrowShoot .48s linear forwards}.archery-help{text-align:center;font-size:.8rem;color:var(--muted);font-weight:800;margin:0}.archery-fire{min-width:180px}.archery-fire:disabled{opacity:.62;cursor:default}body.theme-night .archery-field{border-color:#334861;filter:saturate(.88) brightness(.82)}@keyframes arrowShoot{from{left:11%}to{left:83%}}@keyframes appleHit{25%{transform:translate(50%,-50%) rotate(-18deg) scale(1.18)}60%{transform:translate(50%,-50%) rotate(16deg) scale(.88)}100%{transform:translate(50%,-50%) rotate(0) scale(1)}}
/* Ta-Te-Ti */
.ttt-board{width:min(100%,430px);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ttt-cell{border:2px solid var(--line);background:#f7f9fd;border-radius:18px;font-size:clamp(2.2rem,13vw,4.4rem);font-weight:950;color:var(--blue);transition:.15s}.ttt-cell:hover:not(.filled){transform:translateY(-2px);border-color:#aac7fa}.ttt-cell.filled{background:#fff}.ttt-cell:nth-child(odd).filled{color:#e34c40}.ttt-cell.winner{box-shadow:0 0 0 4px rgba(52,168,83,.25);border-color:#42a85b;background:#eaf8ef}body.theme-night .ttt-cell{background:#17243a;border-color:#34445d}body.theme-night .ttt-cell.filled{background:#1b2a43}body.theme-night .ttt-cell.winner{background:#173b28}
/* Sopa */
.soup-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.soup-toolbar label{font-size:.78rem;font-weight:900;color:var(--muted);display:flex;align-items:center;gap:8px}.soup-toolbar select{font:inherit;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:10px 12px;font-weight:850}.soup-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:start}.soup-board{width:min(100%,580px);aspect-ratio:1;display:grid;grid-template-columns:repeat(12,1fr);gap:2px;touch-action:none;user-select:none}.soup-cell{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;background:#f3f6fb;border:1px solid #e3e8f0;font-size:clamp(.58rem,2.3vw,1rem);font-weight:950}.soup-cell.selecting{background:#dbe9ff;border-color:#8db6f8}.soup-cell.word-found{background:#dff4e5;border-color:#78c78d;color:#1d6b34}.soup-words{background:#f7f9fd;border:1px solid var(--line);border-radius:16px;padding:14px}.soup-words strong{display:block;margin-bottom:10px}.soup-words div{display:grid;gap:7px}.soup-words span{font-size:.77rem;font-weight:850;color:var(--muted);word-break:break-word}.soup-words span.found{text-decoration:line-through;color:var(--green)}body.theme-night .soup-toolbar select,body.theme-night .soup-words{background:#17243a}body.theme-night .soup-cell{background:#17243a;border-color:#2c3b53}body.theme-night .soup-cell.selecting{background:#224372}body.theme-night .soup-cell.word-found{background:#173b28;color:#9ee2b1}
@media(max-width:600px){.memory-board{gap:7px}.memory-card{border-radius:14px}.archery-field{height:300px}.archery-tree{right:-2%}.archery-apple{right:15%}.ttt-board{gap:7px}.ttt-cell{border-radius:14px}.soup-layout{grid-template-columns:1fr}.soup-words{order:-1}.soup-words div{display:flex;gap:8px 12px;flex-wrap:wrap}.soup-board{width:100%}}

/* V2.21 · pantalla índice de Juegos */
.game-menu-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:820px;margin:0 auto}.game-menu-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.game-menu-card:hover{transform:translateY(-2px)}.game-menu-card>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#eef4ff;font-size:1.55rem}.game-menu-card div{display:grid;gap:4px}.game-menu-card strong{font-size:1rem}.game-menu-card small{color:var(--muted);line-height:1.35}.game-menu-card>b{font-size:1.55rem;color:var(--blue)}body.theme-night .game-menu-card>span{background:#182943}@media(min-width:720px){.game-menu-grid{grid-template-columns:repeat(2,1fr)}}