body:has(.jp-portal){background:#09090c url('/assets/portal-spiele/hintergrund.png') center top/cover fixed no-repeat}.jp-portal{padding:24px 0 36px;color:#f5eee1}.jp-hero{overflow:hidden;background:#0b0b10;border:1px solid #684730;border-radius:16px;box-shadow:0 16px 48px #0009;margin-bottom:26px}.jp-hero>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}.jp-hero>div{padding:22px 28px;background:linear-gradient(110deg,#161115,#080a0e)}.jp-hero h1{font-size:clamp(1.4rem,2.5vw,2.3rem);margin:0 0 8px;color:#efcf88}.jp-hero p{margin:0;color:#d6c9c7}.jp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.jp-card{overflow:hidden;background:#0d0d12f5;border:1px solid #4f343a;border-radius:14px;box-shadow:0 12px 24px #0008;transition:transform .18s,border-color .18s}.jp-card:hover{transform:translateY(-4px);border-color:#bd9360}.jp-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.jp-card-body{padding:22px;display:flex;flex-direction:column;height:240px;box-sizing:border-box}.jp-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#c6a66c}.jp-card h2{font-size:1.45rem;color:#f4d58c;margin:8px 0 12px}.jp-card p{font-size:1rem;line-height:1.6;margin:0 0 18px;color:#d1c9ca}.jp-play,.jp-soon{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 16px}.jp-play{color:#fff!important;text-decoration:none;background:linear-gradient(120deg,#8f2539,#581727);border:1px solid #bd6170}.jp-play:hover{filter:brightness(1.18)}.jp-play:focus-visible{outline:3px solid #f4d58c;outline-offset:4px}.jp-soon{background:#25232a;color:#b8b3be}.jp-note{text-align:center;color:#cfc2bb;background:#0b0b10ed;padding:15px;border-radius:9px;margin-top:24px}@media(max-width:1000px){.jp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.jp-grid{grid-template-columns:1fr;gap:18px}.jp-hero>div{padding:18px}.jp-card-body{height:auto;min-height:225px}.jp-portal{padding:14px 10px 26px}.jp-hero>img{min-height:150px;object-fit:cover}body:has(.jp-portal){background-attachment:scroll}}@media(prefers-reduced-motion:reduce){.jp-card{transition:none}.jp-card:hover{transform:none}}

.jp-game-symbol{aspect-ratio:3/2;display:grid;place-items:center;font-size:6rem;background:radial-gradient(ellipse at center,#50313a,#0b0c13 75%);border-bottom:1px solid #4f343a}

.jp-card-body{height:auto;min-height:260px}.jp-portal{font-family:system-ui,sans-serif;max-width:1280px;margin:auto;padding-inline:20px;box-sizing:border-box}
