/* PokerHafen zentrale Public-/Landing-Oberfläche.
   Quelle: GUI-Styleguide 1.25.63. Helle Seiten nutzen ausschließlich die ph-color-, ph-space-, ph-radius- und ph-font-Tokens.
   Keine PHP-Inline-Styles für Farben, Fonts, Spacing, Border oder Schatten; Inline-Styles sind nur Runtime-Werten vorbehalten. */
:root{
  color-scheme:light;
  /* Kanonische Light-Tokens kommen aus ph-light-ui.css. */
  /* Legacy-Aliase fuer vorhandene Public-Komponenten; neue Regeln sollen die ph-color-* Tokens direkt verwenden. */
  --ph-navy:var(--ph-color-navy);
  --ph-deep:var(--ph-color-navy-deep);
  --ph-gold:var(--ph-color-gold);
  --ph-gold-soft:var(--ph-color-gold-soft);
  --ph-cream:var(--ph-color-cream);
  --ph-sky:var(--ph-color-sky);
  --ph-paper:var(--ph-color-paper);
  --ph-text:var(--ph-color-text);
  --ph-muted:var(--ph-color-text-muted);
  --ph-line:var(--ph-color-border);
  --ph-shadow:0 24px 70px var(--ph-color-shadow-panel-legacy-66c263d);
  --ph-soft-shadow:0 14px 38px var(--ph-color-shadow-panel);
}

/* Landingpage: aus index.php ausgelagert und auf Styleguide-Tokens gemappt. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body.ph-landing-page{margin:var(--ph-space-content-stack-legacy-0);min-height:100vh;background:radial-gradient(circle at 16% 0,var(--ph-color-surface-page-legacy-90dc628),transparent 30rem),radial-gradient(circle at 82% 10%,var(--ph-color-surface-page-legacy-e33784d),transparent 34rem),linear-gradient(180deg,var(--ph-color-cream) 0,var(--ph-color-surface-page-legacy-bc94c52) 48%,var(--ph-color-cream) 100%);color:var(--ph-text);font-family:var(--ph-font-sans);line-height: var(--ph-leading-body);overflow-x:hidden;}body.ph-landing-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--ph-color-surface-page-legacy-8faed85) 1px,transparent 1px),linear-gradient(var(--ph-color-surface-page-legacy-7b48a0d) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,var(--ph-color-text-primary-legacy-5428afb),transparent 65%);}.ph-landing-page a{color:inherit}.ph-shell{position:relative;width:min(1440px,calc(100% - 26px));margin:var(--ph-space-content-stack-legacy-0) auto;border:1px solid var(--ph-color-border-default-legacy-bc3a847);border-radius:12px 12px 16px 16px;background:var(--ph-color-surface-page-legacy-1f49903);box-shadow:0 30px 95px var(--ph-color-shadow-panel-legacy-8f64451);overflow:hidden;}.ph-wrap{width:min(1320px,calc(100% - 42px));margin:var(--ph-space-content-stack-legacy-0) auto;}.ph-topbar{position:sticky;top:0;z-index:20;background:var(--ph-color-surface-page-legacy-2830725);border-bottom:1px solid var(--ph-color-border-default-legacy-9b012a5);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);}.ph-topbar-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:var(--ph-space-layout-gap-legacy-20px);}.ph-brand{display:flex;align-items:center;gap:var(--ph-space-layout-gap-legacy-14px);text-decoration:none;}.ph-brand img{width:68px;height:68px;flex:0 0 auto;filter:drop-shadow(0 10px 20px var(--ph-color-shadow-panel-legacy-8f64451));}.ph-brand-text{display:flex;flex-direction:column;line-height: var(--ph-leading-heading)}.ph-brand-title{font-family:var(--ph-font-serif);font-size:var(--ph-type-card-title-lg);font-weight:var(--ph-font-weight-bold);letter-spacing: var(--ph-tracking-brand);color:var(--ph-navy)}.ph-brand-subtitle{margin-top:var(--ph-space-heading-body-legacy-8px);color:var(--ph-navy);font-size:var(--ph-type-body-lg);font-weight:var(--ph-font-weight-bold);letter-spacing: var(--ph-tracking-brand);text-transform:uppercase;}.ph-nav{display:flex;align-items:center;justify-content:flex-end;gap:var(--ph-space-nav-group-legacy-10px);flex-wrap:wrap;}.ph-nav-link,.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ph-space-nav-group-legacy-10px);min-height:42px;padding:var(--ph-space-control-padding-block-legacy-10px) var(--ph-space-control-padding-inline-legacy-18px);border:1px solid var(--ph-color-border-default-legacy-60d94c8);border-radius:8px;background:var(--ph-color-action-secondary-bg-legacy-5976559);color:var(--ph-navy);text-decoration:none;font-weight:var(--ph-font-weight-bold);box-shadow:0 5px 16px var(--ph-color-shadow-action-legacy-64d4b0c);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}.ph-nav-link:hover,.ph-btn:hover{transform:translateY(-1px);border-color:var(--ph-color-border-default-legacy-0fdac4b);box-shadow:0 12px 26px var(--ph-color-shadow-action-legacy-5e93337);text-decoration:none;}.ph-btn-primary{border-color:var(--ph-color-border-default-legacy-27675c4);background:linear-gradient(180deg,var(--ph-color-action-primary-bg-legacy-bd3f613) 0,var(--ph-color-action-primary-bg-legacy-e5fe8ed) 45%,var(--ph-color-action-primary-bg-legacy-aee6ee3) 100%);color:var(--ph-color-navy-deep);text-shadow:0 1px 0 var(--ph-color-shadow-action-legacy-63b7ea2);box-shadow:0 12px 26px var(--ph-color-shadow-action-legacy-5ba1cb7),inset 0 1px 0 var(--ph-color-shadow-action-legacy-a7d7499);}.ph-btn-outline{background:var(--ph-color-action-secondary-bg-legacy-30dfc6f);}.ph-btn-lobby{border-color:var(--ph-color-border-default-legacy-78905cd);background:linear-gradient(180deg,var(--ph-color-action-secondary-bg-legacy-6f43733),var(--ph-color-action-secondary-bg-legacy-34d5c59));}.ph-hero{position:relative;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(560px,1.35fr);align-items:stretch;min-height:410px}.ph-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:84px;background:linear-gradient(to bottom,var(--ph-color-surface-page-legacy-c033f78),var(--ph-color-surface-page-legacy-5b5023d));pointer-events:none;}.ph-hero-copy{position:relative;z-index:2;padding:clamp(38px,4.8vw,72px) var(--ph-space-card-padding-all-legacy-0) clamp(42px,4.2vw,62px);align-self:center;}.ph-trust-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ph-space-layout-gap-legacy-14px);margin:var(--ph-space-content-stack-legacy-0) var(--ph-space-content-stack-legacy-0) var(--ph-space-content-stack-legacy-16px);color:var(--ph-navy);font-weight:var(--ph-font-weight-regular);}.ph-trust-line span{position:relative}.ph-trust-line span+span::before{content:"•";margin-right:var(--ph-space-content-stack-legacy-14px);color:var(--ph-gold);font-weight:var(--ph-font-weight-regular);}.ph-hero-title{max-width:640px;margin:var(--ph-space-heading-body-legacy-0);font-family:var(--ph-font-serif);font-size:var(--ph-type-display);line-height: var(--ph-leading-display);letter-spacing: var(--ph-tracking-display);color:var(--ph-deep);text-wrap:balance;text-shadow:0 2px 0 var(--ph-color-shadow-panel-legacy-f025232);}.ph-hero-lead{max-width:620px;margin:var(--ph-space-section-stack-legacy-18px) var(--ph-space-section-stack-legacy-0) var(--ph-space-section-stack-legacy-0);color:var(--ph-color-navy-soft);font-size:var(--ph-type-body-lg);font-weight:var(--ph-font-weight-regular);}.ph-hero-actions{display:flex;flex-wrap:wrap;gap:var(--ph-space-button-group-legacy-18px);margin-top:var(--ph-space-section-stack-legacy-28px);}.ph-hero-art{position:relative;min-height:430px;overflow:hidden}.ph-hero-art img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center right;display:block}.ph-hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ph-color-surface-page-legacy-b7286ca) 0,var(--ph-color-surface-page-legacy-2c9ec8f) 18%,var(--ph-color-surface-page-legacy-c033f78) 45%);pointer-events:none;}.ph-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ph-color-surface-page-legacy-85f89ec),var(--ph-color-surface-page-legacy-5eeb4d7));pointer-events:none;}.ph-badge-row{position:relative;z-index:3;display:flex;gap:var(--ph-space-layout-gap-legacy-12px);flex-wrap:wrap;margin-top:-20px;padding:var(--ph-space-control-padding-block-start-legacy-0) var(--ph-space-control-padding-inline-legacy-0) var(--ph-space-control-padding-block-end-legacy-18px);}.ph-badge{display:flex;align-items:center;gap:var(--ph-space-layout-gap-legacy-10px);min-height:48px;padding:var(--ph-space-control-padding-block-legacy-9px) var(--ph-space-control-padding-inline-legacy-14px);border:1px solid var(--ph-color-status-danger-border-legacy-b6329e5);border-radius:8px;background:var(--ph-color-status-danger-surface-legacy-2917bdb);box-shadow:var(--ph-soft-shadow);font-size:var(--ph-type-meta);font-weight:var(--ph-font-weight-medium);color:var(--ph-color-navy-soft);}.ph-badge img{width:32px;height:32px;object-fit:contain;flex:0 0 auto}.ph-section{position:relative;padding:var(--ph-space-card-padding-block-start-legacy-24px) var(--ph-space-card-padding-inline-legacy-0) var(--ph-space-card-padding-block-end-legacy-6px);}.ph-section-heading{display:flex;align-items:center;justify-content:center;gap:var(--ph-space-layout-gap-legacy-18px);margin:var(--ph-space-heading-body-legacy-0) var(--ph-space-heading-body-legacy-0) var(--ph-space-heading-body-legacy-20px);text-align:center;}.ph-section-heading img{width:150px;height:auto;object-fit:contain;flex:0 0 auto}.ph-section-heading h2{margin:var(--ph-space-heading-body-legacy-0);font-family:var(--ph-font-serif);font-size:var(--ph-type-section-title);line-height: var(--ph-leading-heading);letter-spacing: var(--ph-tracking-section);text-transform:uppercase;color:var(--ph-deep);}.ph-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ph-space-section-grid-legacy-18px);}.ph-game-card{position:relative;min-height:180px;border:2px solid var(--ph-color-border-default-legacy-e77ac99);border-radius:12px;overflow:hidden;background:var(--ph-navy);box-shadow:var(--ph-soft-shadow);isolation:isolate;}.ph-game-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ph-color-surface-panel-legacy-459f944) 0,var(--ph-color-surface-panel-legacy-d23e348) 45%,var(--ph-color-surface-panel-legacy-caa4878) 100%);}.ph-game-card::after{content:"⚓";position:absolute;left:50%;bottom:-20px;z-index:4;transform:translateX(-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--ph-gold);background:var(--ph-navy);color:var(--ph-gold-soft);font-size:var(--ph-type-small);box-shadow:0 8px 18px var(--ph-color-shadow-panel-legacy-25f904e);}.ph-game-card:hover img{transform:scale(1.045)}.ph-game-card:hover .ph-game-action{transform:translateX(4px)}.ph-game-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ph-game-content{position:relative;z-index:2;padding:var(--ph-space-card-padding-block-start-legacy-24px) var(--ph-space-card-padding-inline-legacy-24px) var(--ph-space-card-padding-block-end-legacy-36px);min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}.ph-game-content h3{margin:var(--ph-space-heading-body-legacy-0);font-family:var(--ph-font-serif);color:var(--ph-gold-soft);font-size:var(--ph-type-card-title);line-height: var(--ph-leading-card-title);letter-spacing: var(--ph-tracking-card);text-transform:uppercase;text-shadow:0 2px 10px var(--ph-color-shadow-panel-legacy-5428afb);}.ph-game-content p{max-width:260px;margin:var(--ph-space-content-stack-legacy-12px) var(--ph-space-content-stack-legacy-0) var(--ph-space-content-stack-legacy-20px);color:var(--ph-color-text-primary-legacy-5fac976);font-weight:var(--ph-font-weight-regular);}.ph-game-action{display:inline-flex;align-items:center;gap:var(--ph-space-button-group-legacy-16px);min-height:42px;padding:var(--ph-space-control-padding-block-legacy-9px) var(--ph-space-control-padding-inline-legacy-18px);border:2px solid var(--ph-gold);border-radius:8px;background:var(--ph-color-action-secondary-bg-legacy-7565939);color:var(--ph-color-action-secondary-text-legacy-27cf206);text-decoration:none;font-weight:var(--ph-font-weight-bold);transition:transform .18s ease,background .18s ease;}.ph-game-action:hover{background:var(--ph-color-surface-hover-legacy-320c12f);text-decoration:none;}.ph-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ph-space-section-grid-legacy-24px);margin-top:var(--ph-space-content-stack-legacy-10px);}.ph-feature-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ph-space-layout-gap-legacy-18px);align-items:center;min-height:92px;padding:var(--ph-space-card-padding-block-legacy-18px) var(--ph-space-card-padding-inline-legacy-20px);border:1px solid var(--ph-color-border-default-legacy-06cf011);border-radius:12px;background:var(--ph-color-surface-panel-legacy-2830725);box-shadow:var(--ph-soft-shadow);}.ph-feature-card img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 8px 14px var(--ph-color-shadow-panel-legacy-d0102b0));}.ph-feature-card h3{margin:var(--ph-space-heading-body-legacy-0);font-family:var(--ph-font-serif);color:var(--ph-deep);font-size:var(--ph-type-card-title);letter-spacing: var(--ph-tracking-card);text-transform:uppercase;}.ph-feature-card p{margin:var(--ph-space-section-stack-legacy-5px) var(--ph-space-section-stack-legacy-0) var(--ph-space-section-stack-legacy-0);color:var(--ph-color-navy-soft);font-size:var(--ph-type-body);font-weight:var(--ph-font-weight-regular);}.ph-cta{position:relative;margin:var(--ph-space-content-stack-legacy-22px) var(--ph-space-content-stack-legacy-0) var(--ph-space-content-stack-legacy-26px);min-height:104px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--ph-space-layout-gap-legacy-20px);align-items:center;padding:var(--ph-space-content-padding-block-start-legacy-15px) var(--ph-space-content-padding-inline-end-legacy-30px) var(--ph-space-content-padding-block-end-legacy-15px) var(--ph-space-content-padding-inline-start-legacy-24px);border:2px solid var(--ph-color-border-default-legacy-0fdac4b);border-radius:13px;background:linear-gradient(90deg,var(--ph-color-surface-page-legacy-7056f2a) 0,var(--ph-color-surface-page-legacy-cef9742) 52%,var(--ph-color-surface-page-legacy-1dba7f1) 100%);box-shadow:0 22px 55px var(--ph-color-shadow-panel-legacy-7505c13);overflow:hidden;}.ph-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,var(--ph-color-surface-page-legacy-f09bc9f),transparent 20rem),linear-gradient(180deg,var(--ph-color-surface-page-legacy-128f8e6),transparent);pointer-events:none;}.ph-cta>*{position:relative;z-index:1}.ph-cta-compass{width:146px;height:100px;object-fit:contain;margin-left:-8px;filter:drop-shadow(0 12px 20px var(--ph-color-shadow-panel-legacy-b20cb29));}.ph-cta-rope{position:absolute;left:0;bottom:-74px;width:240px;opacity:.7}.ph-cta-bollard{width:130px;align-self:end;object-fit:contain;margin:var(--ph-space-content-stack-legacy-0) -12px -14px var(--ph-space-content-stack-legacy-0);filter:drop-shadow(0 12px 24px var(--ph-color-shadow-panel-legacy-a85bf71));}.ph-cta h2{margin:var(--ph-space-heading-body-legacy-0);font-family:var(--ph-font-serif);color:var(--ph-gold-soft);font-size:var(--ph-type-section-title);letter-spacing: var(--ph-tracking-section);}.ph-cta p{max-width:640px;margin:var(--ph-space-content-stack-legacy-6px) var(--ph-space-content-stack-legacy-0) var(--ph-space-content-stack-legacy-0);color:var(--ph-color-text-primary-legacy-5fac976);font-weight:var(--ph-font-weight-bold);}.ph-footer{display:flex;justify-content:space-between;gap:var(--ph-space-layout-gap-legacy-20px);align-items:center;padding:var(--ph-space-content-padding-block-start-legacy-24px) var(--ph-space-content-padding-inline-legacy-0) var(--ph-space-content-padding-block-end-legacy-32px);border-top:1px solid var(--ph-color-border-default-legacy-1e3b196);}.ph-footer nav{display:flex;gap:var(--ph-space-nav-group-legacy-12px) var(--ph-space-nav-group-legacy-22px);flex-wrap:wrap;}.ph-footer a{color:var(--ph-color-navy-soft);text-decoration:none;font-weight:var(--ph-font-weight-bold)}.ph-footer a:hover{text-decoration:underline}.ph-footer-note{display:flex;align-items:center;gap:var(--ph-space-layout-gap-legacy-10px);max-width:360px;padding:var(--ph-space-content-padding-block-legacy-10px) var(--ph-space-content-padding-inline-legacy-14px);border:1px solid var(--ph-color-border-default-legacy-bc3a847);border-radius:9px;background:var(--ph-color-surface-page-legacy-b67e9e7);color:var(--ph-color-navy-soft);font-size:var(--ph-type-meta);font-weight:var(--ph-font-weight-medium);}.ph-footer-note strong{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--ph-color-border-strong-legacy-51f2468);border-radius:50%;flex:0 0 auto;font-size:var(--ph-type-meta);}.ph-sr-only{position:absolute;width:1px;height:1px;padding:var(--ph-space-content-padding-all-legacy-0);margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media(max-width:1160px){.ph-hero{grid-template-columns:1fr}.ph-hero-copy{padding-bottom:var(--ph-space-card-padding-block-legacy-22px);}.ph-hero-art{min-height:360px;border-top:1px solid var(--ph-color-border-strong-legacy-22c09a1);}.ph-hero-art img{min-height:360px}.ph-hero-art::before{background:linear-gradient(180deg,var(--ph-color-surface-page-legacy-d77e769),var(--ph-color-surface-page-legacy-9e03598) 35%,var(--ph-color-surface-page-legacy-5eeb4d7));}.ph-game-grid,.ph-feature-grid{grid-template-columns:1fr}.ph-game-content{min-height:230px}.ph-cta{grid-template-columns:auto 1fr auto}.ph-cta .ph-btn{grid-column:2/3;justify-self:start}.ph-cta-bollard{grid-row:1/3;grid-column:3/4}}@media(max-width:820px){.ph-shell{width:100%;border-left:0;border-right:0;border-radius:0}.ph-wrap{width:min(calc(100% - 24px),1320px)}.ph-topbar-inner{align-items:flex-start;flex-direction:column;padding:var(--ph-space-content-padding-block-legacy-12px) var(--ph-space-content-padding-inline-legacy-0);}.ph-brand img{width:58px;height:58px}.ph-brand-subtitle{letter-spacing: var(--ph-tracking-brand)}.ph-nav{justify-content:flex-start}.ph-nav-link,.ph-btn{min-height:40px;padding:var(--ph-space-control-padding-block-legacy-9px) var(--ph-space-control-padding-inline-legacy-12px);}.ph-hero-title{font-size:var(--ph-type-display)}.ph-trust-line{gap:var(--ph-space-layout-gap-legacy-6px) var(--ph-space-layout-gap-legacy-10px);}.ph-trust-line span+span::before{margin-right:var(--ph-space-content-stack-legacy-10px);}.ph-badge-row{margin-top:var(--ph-space-content-stack-legacy-0);}.ph-badge{flex:1 1 calc(50% - 12px)}.ph-section-heading{gap:var(--ph-space-layout-gap-legacy-8px);}.ph-section-heading img{width:74px}.ph-section-heading h2{letter-spacing: var(--ph-tracking-section)}.ph-feature-card{grid-template-columns:1fr;text-align:center;justify-items:center}.ph-cta{grid-template-columns:1fr;padding:var(--ph-space-content-padding-all-legacy-24px);text-align:center;}.ph-cta .ph-btn{grid-column:auto;justify-self:center}.ph-cta-compass,.ph-cta-bollard{display:none}.ph-footer{align-items:flex-start;flex-direction:column}.ph-footer-note{max-width:none}}@media(max-width:520px){.ph-game-content{padding:var(--ph-space-card-padding-block-start-legacy-22px) var(--ph-space-card-padding-inline-legacy-18px) var(--ph-space-card-padding-block-end-legacy-38px);}.ph-hero-actions{display:grid}.ph-btn{width:100%}.ph-badge{flex-basis:100%}.ph-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:var(--ph-space-nav-group-legacy-10px);}.ph-footer a{padding:var(--ph-space-content-padding-all-legacy-8px);border:1px solid var(--ph-color-border-default-legacy-5e93337);border-radius:8px;background:var(--ph-color-surface-page-legacy-72c5f11);text-align:center;}}

/* v1.25.141: Öffentliche Footer-Linkleiste einzeilig und identisch scrollbar. */
.ph-footer nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.ph-footer nav a {
  flex: 0 0 auto;
  white-space: nowrap;
}
@media(max-width:520px){
  .ph-footer nav {
    display: flex;
    grid-template-columns: none;
    width: 100%;
    gap: var(--ph-space-nav-group-legacy-10px);
  }
  .ph-footer nav a {
    flex: 0 0 auto;
  }
}