.games-theme{--g-bg:#eef1f4;--g-bg2:#e4e8ee;--g-surface:#fff;--g-ink:#263143;--g-ink2:#5a6675;--g-ink3:#5f6b7a;--g-sun-ink:#a85500;--g-coral-ink:#c63a2a;--g-teal-ink:#0b7373;--g-on-accent:#141a24;--g-line:#d8dee6;--g-coral:#ff6f61;--g-sun:#ff9f1c;--g-teal:#12a4a4;--g-palm:#2ec4a6;--g-sky:#3aa0ff;--g-plum:#7b6cf6;background:radial-gradient(1100px 520px at 12% -8%, #2ec4a629, transparent 60%), radial-gradient(900px 480px at 92% 0%, #ff9f1c26, transparent 58%), radial-gradient(800px 600px at 60% 108%, #3aa0ff1f, transparent 60%), var(--g-bg);min-height:100vh;color:var(--g-ink);font-family:var(--sans)}.games-theme em{color:var(--g-coral-ink);font-style:italic}.games-theme .g-serif{font-family:var(--serif)}.g-card{background:var(--g-surface);border:1px solid var(--g-line);border-radius:18px;box-shadow:0 10px 30px -18px #26314359}.g-chip{border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-ink2);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;transition:transform .15s,border-color .15s,background .15s,color .15s}.g-chip:hover{transform:translateY(-1px)}.g-chip[data-on=true]{background:var(--g-teal);border-color:var(--g-teal);color:var(--g-on-accent)}.g-btn{background:linear-gradient(120deg, var(--g-coral), var(--g-sun));color:var(--g-on-accent);cursor:pointer;letter-spacing:.02em;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 8px 20px -10px #ff6f61b3}.g-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px #ff6f61cc}.g-btn:active{transform:translateY(0)}.g-btn[disabled]{filter:grayscale(.6)opacity(.6);cursor:not-allowed;transform:none}.g-btn.ghost{background:var(--g-surface);color:var(--g-teal-ink);border:1px solid var(--g-line);box-shadow:none}.g-shelf{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:18px;margin-bottom:40px;display:grid}.g-shelf-hero{min-height:300px;color:var(--g-ink);background:radial-gradient(420px 260px at 85% 10%, color-mix(in srgb, var(--acc) 34%, transparent), transparent 70%), var(--g-surface);flex-direction:column;justify-content:flex-end;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.g-shelf-hero .g-shelf-emoji{font-size:120px;line-height:1;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:14px;right:22px;transform:rotate(-8deg)}.g-shelf-hero:hover .g-shelf-emoji,.g-shelf-hero:focus-visible .g-shelf-emoji{transform:rotate(4deg)scale(1.06)}.g-shelf-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--g-sun-ink);margin-bottom:6px;font-size:10.5px;font-weight:700}.g-shelf-hero .g-shelf-title{margin-bottom:6px;font-size:clamp(1.875rem,1.6vw + 1.2rem,2.625rem);line-height:1.02}.g-shelf-tag{color:var(--g-ink2);font-size:13.5px}.g-shelf-play{background:var(--acc);color:var(--g-on-accent);border-radius:10px;align-self:flex-start;margin-top:16px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-block}.g-shelf-rest{align-content:stretch;gap:14px;display:grid}.g-shelf-row{color:var(--g-ink);border-left:6px solid var(--acc);background:linear-gradient(90deg, color-mix(in srgb, var(--acc) 12%, var(--g-surface)), var(--g-surface) 60%);border-radius:4px 14px 14px 4px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:grid;box-shadow:0 10px 26px -20px #26314366}.g-shelf-row .g-shelf-emoji{text-align:center;font-size:44px;line-height:1}.g-shelf-txt{gap:2px;min-width:0;display:grid}.g-shelf-row .g-shelf-title{font-size:21px}.g-shelf-row .g-shelf-play{align-self:center;margin-top:0}.g-shelf-hero:focus-visible,.g-shelf-row:focus-visible{outline:3px solid var(--g-teal-ink);outline-offset:3px}@media (max-width:720px){.g-shelf{grid-template-columns:minmax(0,1fr)}.g-shelf-hero{min-height:240px;padding:24px}.g-shelf-hero .g-shelf-emoji{font-size:88px}.g-shelf-row{grid-template-columns:48px minmax(0,1fr)}.g-shelf-row .g-shelf-play{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.g-shelf-hero .g-shelf-emoji{transition:none}}.g-flip{transition:transform .3s cubic-bezier(.2,.7,.2,1),background .2s}.g-flip:hover{transform:translateY(-1px)}@keyframes gPop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.g-pop{animation:.32s cubic-bezier(.2,.8,.2,1) both gPop}@keyframes gShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.g-shake{animation:.28s gShake}@keyframes gGlow{0%,to{box-shadow:0 0 #2ec4a600}50%{box-shadow:0 0 0 6px #2ec4a638}}.g-win{animation:1.1s infinite gGlow}.g-landmark{isolation:isolate;border:1px solid var(--g-line);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 14px 40px -22px #26314373}.g-landmark:before{content:"";z-index:-2;background-image:var(--img);background-position:50%;background-size:cover;transition:transform 7s;position:absolute;inset:0;transform:scale(1.03)}.g-landmark:hover:before{transform:scale(1.1)}.g-landmark:after{content:"";z-index:-1;background:linear-gradient(157deg,#ffffffe0,#ffffffed 62%,#eef1f4f5);position:absolute;inset:0}.g-landmark>*{position:relative}@media (prefers-reduced-motion:reduce){.g-landmark:hover:before{transform:scale(1.03)}}@keyframes gFall{to{opacity:1;transform:translateY(115vh)rotate(680deg)}}.g-confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.g-confetti i{opacity:.95;border-radius:2px;width:9px;height:14px;animation:linear forwards gFall;position:absolute;top:-12px}@media (prefers-reduced-motion:reduce){.games-theme *,.g-flip,.g-pop,.g-shake,.g-win,.g-btn,.g-chip{transition:none!important;animation:none!important}.g-confetti{display:none!important}}