:root {
  --game-brown-950: #2b170f;
  --game-brown-900: #3c2115;
  --game-brown-700: #7b4426;
  --game-caramel: #d18a49;
  --game-cream: #fff7ea;
  --game-sand: #f1dfc5;
  --game-green: #48634c;
  --game-white: #fffefd;
  --game-text: #322820;
  --game-muted: #6b5b50;
  --game-shadow: 0 18px 50px rgba(60, 33, 21, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--game-text);
  background: var(--game-cream);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.games-container { width: min(calc(100% - 32px), 1120px); margin-inline: auto; }
.games-skip-link { position: fixed; z-index: 999; top: 8px; left: 8px; padding: 10px 14px; transform: translateY(-150%); border-radius: 10px; background: var(--game-white); color: var(--game-brown-900); }
.games-skip-link:focus { transform: none; }
.games-header { border-bottom: 1px solid rgba(123, 68, 38, .13); background: rgba(255, 247, 234, .94); }
.games-nav { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.games-brand { display: flex; align-items: center; gap: 12px; font-weight: 900; color: var(--game-brown-900); letter-spacing: -.025em; }
.games-brand-mark { width: 56px; height: 56px; display: grid; place-items: center; overflow: hidden; border: 2px solid var(--game-brown-900); border-radius: 50%; background: var(--game-white); box-shadow: 0 8px 18px rgba(123, 68, 38, .12); }
.games-brand-mark .mascot-sprite { width: 68px; flex: 0 0 68px; }
.games-brand small { display: block; color: var(--game-caramel); font-size: .67rem; letter-spacing: .14em; line-height: 1; text-transform: uppercase; }
.games-nav-links { display: flex; align-items: center; gap: 24px; color: var(--game-muted); font-size: .92rem; font-weight: 800; }
.games-nav-links a:hover { color: var(--game-brown-700); }
.games-theme-button { width: 42px; height: 42px; border: 1px solid #dfcdb8; border-radius: 13px; cursor: pointer; background: var(--game-white); color: var(--game-brown-900); }
.mascot-sprite { display: block; aspect-ratio: 1; background: url('../assets/mascot/salsicha-sprites-official.png') 0 0 / 400% 200% no-repeat; }
.mascot-sprite--idle { background-position: 0 0; }
.mascot-sprite--run { background-position: 33.333% 0; }
.mascot-sprite--jump { background-position: 33.333% 100%; }
.games-hero { position: relative; overflow: hidden; padding: 78px 0 88px; background: radial-gradient(circle at 84% 12%, rgba(72, 99, 76, .16), transparent 30%), radial-gradient(circle at 10% 82%, rgba(209, 138, 73, .2), transparent 30%); }
.games-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; }
.games-kicker { display: inline-flex; padding: 7px 12px; border-radius: 999px; background: rgba(123, 68, 38, .1); color: var(--game-brown-700); font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.games-hero h1 { max-width: 720px; margin: 18px 0 0; color: var(--game-brown-900); font-size: clamp(2.8rem, 7vw, 5.8rem); line-height: .92; letter-spacing: -.065em; }
.games-hero h1 span { color: var(--game-brown-700); }
.games-hero p { max-width: 620px; margin: 22px 0 0; color: var(--game-muted); font-size: 1.1rem; }
.games-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.games-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 21px; border: 1px solid transparent; border-radius: 14px; cursor: pointer; background: var(--game-brown-700); color: white; font-weight: 900; transition: transform .18s ease, background .18s ease; }
.games-button:hover { transform: translateY(-2px); background: var(--game-brown-900); }
.games-button--light { border-color: #e7ceb0; background: var(--game-white); color: var(--game-brown-900); }
.games-button--light:hover { background: #fff; }
.games-hero-art { min-height: 390px; position: relative; display: grid; place-items: center; }
.games-mascot-hero { width: min(100%, 520px); filter: drop-shadow(0 24px 20px rgba(60,33,21,.16)); transform: rotate(-2deg); }
.long-dog { position: relative; width: min(100%, 500px); height: 180px; filter: drop-shadow(0 24px 22px rgba(60, 33, 21, .18)); }
.long-dog-body { position: absolute; left: 15%; right: 14%; top: 47px; height: 91px; border-radius: 46px; background: linear-gradient(135deg, #aa6134, #754022); }
.long-dog-head { position: absolute; right: 4%; top: 22px; width: 118px; height: 122px; border-radius: 56% 52% 48% 48%; background: #9a5530; }
.long-dog-ear { position: absolute; right: 19%; top: 42px; width: 70px; height: 106px; border-radius: 60% 35% 60% 42%; transform: rotate(13deg); background: #61331e; }
.long-dog-snout { position: absolute; right: -1%; top: 79px; width: 61px; height: 40px; border-radius: 40% 70% 65% 40%; background: #b97145; }
.long-dog-snout::after { content: ''; position: absolute; right: 2px; top: 8px; width: 19px; height: 18px; border-radius: 50%; background: #2c1a13; }
.long-dog-eye { position: absolute; z-index: 2; right: 50px; top: 54px; width: 12px; height: 12px; border: 3px solid white; border-radius: 50%; background: #21130e; }
.long-dog-leg { position: absolute; top: 120px; width: 28px; height: 46px; border-radius: 8px 8px 15px 15px; background: #754022; }
.long-dog-leg--one { left: 23%; transform: rotate(8deg); }
.long-dog-leg--two { right: 24%; transform: rotate(-8deg); }
.long-dog-tail { position: absolute; left: 4%; top: 68px; width: 96px; height: 25px; border-radius: 80% 20% 20% 80%; transform: rotate(-20deg); transform-origin: right; background: #754022; }
.games-section { padding: 86px 0; background: white; }
.games-section--soft { background: var(--game-cream); }
.games-section-heading { max-width: 720px; margin-bottom: 32px; }
.games-section-heading h2 { margin: 11px 0 0; color: var(--game-brown-900); font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1; letter-spacing: -.04em; }
.games-section-heading p { color: var(--game-muted); }
.games-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.game-card { overflow: hidden; min-height: 335px; display: flex; flex-direction: column; border: 1px solid #ecd9c1; border-radius: 25px; background: #fffdfa; box-shadow: 0 10px 30px rgba(60, 33, 21, .07); }
.game-card-visual { min-height: 170px; display: grid; place-items: center; background: linear-gradient(145deg, #efd2aa, #f8eada); font-size: 4rem; }
.game-card-mascot { width: min(78%, 245px); filter: drop-shadow(0 12px 9px rgba(60,33,21,.14)); }
.game-card-copy { flex: 1; display: flex; flex-direction: column; padding: 23px; }
.game-card-copy h3 { margin: 0; color: var(--game-brown-900); font-size: 1.25rem; }
.game-card-copy p { color: var(--game-muted); font-size: .93rem; }
.game-card-copy .games-button { align-self: flex-start; margin-top: auto; }
.game-card--soon { opacity: .72; }
.game-status { width: fit-content; margin-bottom: 8px; color: var(--game-green); font-size: .7rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.games-footer { padding: 42px 0; background: var(--game-brown-950); color: rgba(255,255,255,.75); }
.games-footer-row { display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.games-footer a { color: #f0c494; font-weight: 800; }
:focus-visible { outline: 3px solid var(--game-caramel); outline-offset: 4px; }
@media (max-width: 800px) {
  .games-hero-grid { grid-template-columns: 1fr; }
  .games-hero-art { min-height: 260px; }
  .games-grid { grid-template-columns: 1fr 1fr; }
  .games-nav-links a:not(:last-child) { display: none; }
}
@media (max-width: 560px) {
  .games-brand span:last-child { font-size: .92rem; }
  .games-hero { padding: 54px 0 64px; }
  .games-hero h1 { font-size: clamp(2.75rem, 15vw, 4rem); }
  .games-hero-art { min-height: 210px; }
  .long-dog { transform: scale(.82); }
  .games-grid { grid-template-columns: 1fr; }
  .games-footer-row { flex-direction: column; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
[data-theme="night"] {
  --game-cream: #0b111a;
  --game-white: #111925;
  --game-text: #f5d8a2;
  --game-muted: #b7a68c;
  --game-brown-900: #f5d8a2;
  --game-brown-700: #d8a16a;
  --game-sand: #1b2430;
}
[data-theme="night"] body { background: #080e16; }
[data-theme="night"] .games-header,
[data-theme="night"] .runner-game-header { border-color: #564631; background: #09101a; color: #f5d8a2; }
[data-theme="night"] .games-hero { background: radial-gradient(circle at 80% 15%, rgba(216,161,106,.12), transparent 28%), #0b111a; }
[data-theme="night"] .games-section { background: #0e1621; }
[data-theme="night"] .games-section--soft { background: #0b111a; }
[data-theme="night"] .game-card,
[data-theme="night"] .games-theme-button { border-color: #564631; background: #111925; }
[data-theme="night"] .game-card-visual { background: linear-gradient(145deg, #17212e, #101821); }
[data-theme="night"] .games-footer { background: #050910; }

/* Portal Games — vitrine */
.portal-home{overflow-x:hidden;background:#fff9ef}.portal-header{position:relative;z-index:20}.portal-live{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(123,68,38,.15);border-radius:999px;background:rgba(255,255,255,.65);color:var(--game-brown-700);font-size:.72rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.portal-live i,.game-status i{width:7px;height:7px;border-radius:50%;background:#4d7d4f;box-shadow:0 0 0 5px rgba(77,125,79,.12)}
.portal-hero{position:relative;overflow:hidden;padding:74px 0 0;background:radial-gradient(circle at 12% 18%,rgba(229,167,97,.18),transparent 23%),radial-gradient(circle at 84% 28%,rgba(72,99,76,.17),transparent 25%),#fff9ef}.portal-hero::before{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:radial-gradient(#9a6947 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}.portal-hero-grid{position:relative;z-index:2;min-height:585px;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.portal-hero-copy{padding-bottom:72px}.portal-hero h1{max-width:760px;margin:20px 0 0;color:var(--game-brown-950);font-size:clamp(3.2rem,6.6vw,6.25rem);line-height:.88;letter-spacing:-.072em}.portal-hero h1 span{color:#a95f2f}.portal-hero-copy>p{max-width:610px;margin:25px 0 0;color:var(--game-muted);font-size:clamp(1rem,1.4vw,1.17rem);line-height:1.65}.portal-primary span{font-size:1.2rem}.portal-proof{display:flex;gap:24px;margin-top:34px;color:var(--game-muted);font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.portal-proof span{display:flex;align-items:center;gap:8px}.portal-proof b{color:var(--game-brown-900);font-size:1.15rem}
.portal-stage{--look-x:0px;--look-y:0px;position:relative;min-height:470px;border:1.5px solid rgba(86,51,31,.55);border-radius:46% 46% 28px 28px;background:linear-gradient(#e9f0e3 0 67%,#f0d8b4 67%);box-shadow:0 26px 80px rgba(67,39,22,.15),inset 0 0 0 10px rgba(255,255,255,.45)}.portal-stage::after{content:"";position:absolute;left:7%;right:7%;bottom:31.5%;height:2px;background:#725039}.portal-dog{position:absolute;z-index:4;width:min(84%,440px);left:6%;bottom:14%;transform:translate(var(--look-x),var(--look-y)) rotate(-1deg);filter:drop-shadow(0 24px 15px rgba(60,33,21,.22));animation:portal-bob 1.8s ease-in-out infinite}.portal-badge{position:absolute;z-index:5;top:10%;right:-7%;width:104px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--game-brown-900);border-radius:50%;transform:rotate(7deg);background:#e0a15f;color:#3a2116;box-shadow:7px 9px 0 rgba(60,33,21,.13);text-align:center;line-height:1}.portal-badge span,.portal-badge small{font-size:.59rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.portal-badge strong{margin:4px 0;font-size:1.35rem}
.portal-cloud{position:absolute;width:75px;height:23px;border:2px solid #9ba99a;border-radius:30px;background:#f8fbf5}.portal-cloud::before,.portal-cloud::after{content:"";position:absolute;bottom:5px;border:2px solid #9ba99a;border-bottom:0;border-radius:50% 50% 0 0;background:#f8fbf5}.portal-cloud::before{left:12px;width:27px;height:24px}.portal-cloud::after{left:34px;width:33px;height:34px}.portal-cloud--a{top:24%;left:8%;transform:scale(.75)}.portal-cloud--b{top:16%;right:16%;transform:scale(.55)}.portal-star{position:absolute;color:#b16b36;font-size:1.7rem}.portal-star--a{top:18%;left:35%}.portal-star--b{top:36%;right:10%;font-size:1.2rem}.portal-ground{position:absolute;z-index:1;left:7%;right:7%;bottom:13%;display:flex;gap:16px}.portal-ground i{width:35px;height:3px;border-radius:50%;background:rgba(114,80,57,.35)}.portal-treat{position:absolute;right:8%;bottom:18%;z-index:3;width:45px;height:45px;display:grid;place-items:center;border:2px solid #3d281c;border-radius:13px;background:#e0a15f;color:#3d281c;font-size:1.1rem;transform:rotate(7deg)}.portal-orbit{position:absolute;color:#bd7b45;opacity:.55;font-size:2rem}.portal-orbit--one{top:10%;left:3%;transform:rotate(-14deg)}.portal-orbit--two{top:18%;right:3%}
.portal-marquee{position:relative;z-index:5;overflow:hidden;border-block:1px solid #8e5935;background:#8e5935;color:#fff7e9;transform:rotate(-1deg) scale(1.02)}.portal-marquee div{width:max-content;padding:13px 0;font-size:.75rem;font-weight:950;letter-spacing:.18em;word-spacing:.5em;animation:portal-marquee 24s linear infinite}.portal-marquee span{color:#f1bd78}
.portal-library{padding:108px 0 100px;background:#fffefd}.portal-section-head{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:end;margin-bottom:42px}.portal-section-head h2,.portal-next h2{margin:13px 0 0;color:var(--game-brown-950);font-size:clamp(2.4rem,5vw,4.3rem);line-height:.95;letter-spacing:-.055em}.portal-section-head p{margin:0;color:var(--game-muted);font-size:1rem}.portal-games{display:grid;grid-template-columns:1fr 1fr;gap:24px}.portal-game{overflow:hidden;position:relative;display:block;border:1px solid #dfc5a8;border-radius:28px;background:#fffaf3;box-shadow:0 18px 45px rgba(66,38,22,.09);transition:transform .25s ease,box-shadow .25s ease}.portal-game:hover{transform:translateY(-7px);box-shadow:0 27px 60px rgba(66,38,22,.15)}
.portal-game-scene{position:relative;overflow:hidden;height:300px;border-bottom:1px solid rgba(75,45,28,.2)}.portal-game--runner .portal-game-scene{background:linear-gradient(#dfeee6 0 72%,#e9c995 72%)}.portal-game--runner .portal-game-scene::after{content:"";position:absolute;left:0;right:0;bottom:26%;height:2px;background:#70472f}.portal-game-dog{position:absolute;z-index:3;width:70%;left:4%;bottom:5%;filter:drop-shadow(0 15px 10px rgba(55,31,19,.18));transition:transform .25s ease}.portal-game:hover .portal-game-dog{transform:translate(18px,-7px) rotate(-2deg)}.scene-sun{position:absolute;right:11%;top:13%;width:48px;height:48px;border:2px solid #856344;border-radius:50%;background:#f5bd63}.scene-cloud{position:absolute;left:9%;top:18%;width:80px;height:25px;border:2px solid #9ea89d;border-radius:30px;background:#f8fbf7}.scene-bone{position:absolute;z-index:2;right:8%;bottom:18%;width:50px;height:50px;display:grid;place-items:center;border:2px solid #53341f;border-radius:15px;background:#e19d59;color:#56341f}.scene-line{position:absolute;bottom:7%;left:9%;width:70px;height:3px;border-radius:5px;background:rgba(88,53,31,.24)}
.portal-game--infinite .portal-game-scene{background:#17263a}.infinite-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:30px 30px}.infinite-treat{position:absolute;right:12%;top:18%;width:43px;height:43px;display:grid;place-items:center;border:2px solid #ffe5ba;border-radius:50%;background:#dda05b;color:#36251c;box-shadow:0 0 30px rgba(244,184,102,.45)}.portal-infinite-dog{position:absolute;left:12%;top:44%;width:70%;height:74px;transition:width .35s ease}.portal-game:hover .portal-infinite-dog{width:76%}.portal-infinite-dog .body{position:absolute;left:9%;right:11%;top:10px;height:54px;border:2px solid #170f0a;border-radius:28px;background:#3e2e27}.portal-infinite-dog .head{position:absolute;right:0;top:0;width:72px;height:72px;display:grid;place-items:center;border:2px solid #170f0a;border-radius:48% 52% 48% 52%;background:#9f5c32;color:#1c100a;font-style:normal;letter-spacing:11px;padding-left:10px}.portal-infinite-dog .tail{position:absolute;left:0;top:22px;width:65px;height:14px;border-radius:100% 0 0 100%;transform:rotate(-14deg);background:#3e2e27}
.portal-game-info{padding:27px 29px 29px}.portal-game-info h3{margin:9px 0 8px;color:var(--game-brown-950);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1;letter-spacing:-.04em}.portal-game-info p{min-height:52px;margin:0;color:var(--game-muted);font-size:.93rem}.portal-game-info .game-status{display:flex;align-items:center;gap:8px;margin:0}.portal-game-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px dashed #ddc4a8;color:var(--game-muted);font-size:.77rem;font-weight:800}.portal-game-meta strong{color:var(--game-brown-700);font-size:1rem}.portal-game-meta b{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:6px;border-radius:50%;background:var(--game-brown-700);color:white}
.portal-next{padding:100px 0;background:#f4e4cd}.portal-next-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.portal-next-copy p{max-width:500px;color:var(--game-muted)}.portal-coming{display:grid;gap:14px}.portal-coming article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid #d9b98f;border-radius:20px;background:rgba(255,254,253,.72);box-shadow:0 12px 30px rgba(70,39,20,.07)}.coming-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#9d5d34;color:white;font-size:1.75rem;font-weight:900}.portal-coming small{color:#9d5d34;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.portal-coming h3{margin:2px 0 0;color:#3a2116;font-size:1.17rem}.portal-coming p{margin:2px 0 0;color:#766052;font-size:.82rem}.portal-coming article>b{padding:7px 10px;border-radius:999px;background:#f1dfc5;color:#754022;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.portal-coming-secret{opacity:.7}.portal-footer .games-footer-row>div{display:flex;gap:24px}
@keyframes portal-bob{50%{transform:translate(var(--look-x),calc(var(--look-y) - 6px)) rotate(1deg)}}@keyframes portal-marquee{to{transform:translateX(-50%)}}
[data-theme="night"] .portal-home{background:#080e16}[data-theme="night"] .portal-hero{background:radial-gradient(circle at 12% 18%,rgba(216,161,106,.13),transparent 23%),radial-gradient(circle at 84% 28%,rgba(69,94,117,.2),transparent 25%),#0b111a}[data-theme="night"] .portal-live{background:rgba(17,25,37,.7);border-color:#594934}[data-theme="night"] .portal-stage{border-color:#a98158;background:linear-gradient(#17263a 0 67%,#30283a 67%);box-shadow:0 26px 80px rgba(0,0,0,.28),inset 0 0 0 10px rgba(255,255,255,.03)}[data-theme="night"] .portal-library{background:#0e1621}[data-theme="night"] .portal-game{border-color:#4b4033;background:#111925}[data-theme="night"] .portal-game--runner .portal-game-scene{background:linear-gradient(#17263a 0 72%,#30283a 72%)}[data-theme="night"] .portal-next{background:#0b111a}[data-theme="night"] .portal-coming article{border-color:#4c4032;background:#111925}[data-theme="night"] .portal-coming h3{color:#f5d8a2}[data-theme="night"] .portal-coming p{color:#b7a68c}[data-theme="night"] .portal-coming article>b{background:#2b3645;color:#e6bc88}[data-theme="night"] .portal-marquee{background:#bd8050}
[data-theme="night"] .portal-hero h1,[data-theme="night"] .portal-section-head h2,[data-theme="night"] .portal-next h2,[data-theme="night"] .portal-game-info h3{color:#f5d8a2}
@media(max-width:900px){.portal-hero-grid{grid-template-columns:1fr;gap:0}.portal-hero-copy{padding-bottom:30px}.portal-stage{width:min(100%,600px);min-height:400px;margin:0 auto 75px}.portal-section-head,.portal-next-grid{grid-template-columns:1fr}.portal-games{grid-template-columns:1fr}.portal-next-grid{gap:36px}.portal-proof{flex-wrap:wrap}}
@media(max-width:600px){.portal-hero{padding-top:48px}.portal-hero h1{font-size:clamp(3rem,15vw,4.4rem)}.portal-stage{min-height:310px;border-radius:42% 42% 24px 24px}.portal-badge{right:-2%;width:80px}.portal-proof{gap:11px 20px}.portal-proof span{font-size:.66rem}.portal-library,.portal-next{padding:72px 0}.portal-section-head{gap:18px}.portal-game-scene{height:235px}.portal-game-info{padding:23px}.portal-game-info p{min-height:0}.portal-coming article{grid-template-columns:auto 1fr}.portal-coming article>b{grid-column:2;width:max-content}.portal-coming-secret{display:none}.portal-footer .games-footer-row>div{display:flex;gap:18px}}
.portal-game-cover{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease}.portal-game:hover .portal-game-cover{transform:scale(1.035)}.portal-game--runner .portal-game-cover{object-position:center 48%}.portal-game--infinite .portal-game-cover{object-position:center 51%}