/* Okey Premium – Tisch & Warteraum im Poker-Stil (rein visuell, keine Logik). Lädt NACH allen anderen Stylesheets. */
:root{--okp-gold:#e2b560;--okp-gold2:#fbe39a;--okp-ink:#f6ecd2;--okp-dark:linear-gradient(180deg,#2b2412,#0d0b06);--okp-rim:linear-gradient(135deg,#fff0b0,#d9a441 20%,#8a5e14 45%,#e9c46a 70%,#7a5210 92%,#d9a441)}
body.pg-mode.pg-south{background:radial-gradient(circle at 22% 10%,#ffcf7a 0 1.2%,#ffb24a44 3%,transparent 13%),radial-gradient(circle at 82% 14%,#ffcf7a 0 1.2%,#ffb24a44 3%,transparent 13%),linear-gradient(180deg,#0c1a14,#07110d 40%,#0b0a07)!important}
/* ---------- Kopfzeile ---------- */
body.pg-mode.pg-south .pg-top{background:none;border:0;box-shadow:none}
body.pg-mode.pg-south .pg-icon-button{border:1.5px solid var(--okp-gold);background:var(--okp-dark);color:var(--okp-gold2);box-shadow:inset 0 0 6px #000;border-radius:10px}
body.pg-mode.pg-south .pg-wordmark{font:700 26px/1 Georgia,"Times New Roman",serif;color:var(--okp-gold2);text-shadow:0 1px 0 #3a2508,0 0 12px #d9a44166;background:none;-webkit-text-fill-color:currentColor}
body.pg-mode.pg-south .pg-pot{border:1px solid #c9a24f99;background:linear-gradient(180deg,#2a2412e6,#0a0905e6);box-shadow:inset 0 0 10px #000;border-radius:12px}
body.pg-mode.pg-south .pg-pot strong{font-family:Georgia,"Times New Roman",serif;color:#fff}
body.pg-mode.pg-south .pg-pot span,body.pg-mode.pg-south .pg-pot small{color:#cdbb86}
body.pg-mode.pg-south .turn-timer,body.pg-mode.pg-south .turn-timer b{color:var(--okp-gold2);font-family:Georgia,serif}
/* ---------- Tisch (eckig, Gold + Leder) ---------- */
body.pg-mode.pg-south .pg-felt{border:9px solid transparent;border-radius:30px;margin:6px 8px 12px;background:
 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 .1  0 0 0 0 .4  0 0 0 0 .2  0 0 0 .2 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>") padding-box,
 radial-gradient(ellipse at 50% 46%,#1f7a47 0%,#145c37 42%,#0b3b25 80%,#072a1a 100%) padding-box,var(--okp-rim) border-box;
 box-shadow:0 0 0 6px #2b160d,0 0 0 8px #5a3320,0 10px 26px #000,inset 0 0 34px #000e,inset 0 0 0 3px #0a2a1b;overflow:visible}
body.pg-mode.pg-south .pg-table-frame{inset:7px;border:1.5px solid #d9b25e66;outline:0;border-radius:21px;box-shadow:inset 0 0 0 1px #0007}
body.pg-mode.pg-south .pg-skyline{display:none}
/* ---------- Spielerboxen (kompakt) ---------- */
body.pg-mode.pg-south .pg-player{border:1.5px solid var(--okp-gold);background:linear-gradient(180deg,#201a0c,#080704);box-shadow:inset 0 0 8px #000,0 3px 8px #000a;border-radius:10px;z-index:7}
body.pg-mode.pg-south .pg-avatar{border:1.5px solid var(--okp-gold);background:radial-gradient(circle at 35% 30%,#3a3320,#0c0a06);color:var(--okp-gold2);box-shadow:none}
body.pg-mode.pg-south .pg-player strong{color:#fff}
body.pg-mode.pg-south .pg-player small{color:#e9dcb6}
body.pg-mode.pg-south .pg-player em{color:var(--okp-gold2);border:1px solid var(--okp-gold);border-radius:99px;padding:1px 5px}
body.pg-mode.pg-south .pg-player.is-turn{border:1.5px solid #4be08c;background:linear-gradient(180deg,#201a0c,#080704);box-shadow:inset 0 0 8px #000,0 0 0 1.5px #4be08c,0 0 16px #4be08c88}
body.pg-mode.pg-south .pg-player.is-turn .pg-avatar{background:radial-gradient(circle at 35% 30%,#3a3320,#0c0a06);border-color:#4be08c;color:#7fe3a8}
body.pg-mode.pg-south .pg-player .pg-turn-badge,body.pg-mode.pg-south .pg-player-0 .pg-turn-badge,body.pg-mode.pg-south .pg-player-2 .pg-turn-badge{position:absolute;top:-9px;right:-8px;bottom:auto;left:auto;max-width:none;padding:2px 7px;border-radius:99px;background:linear-gradient(180deg,#2fa862,#0a5a2d);border:1px solid #a8f0c6;font:800 8px/1.1 system-ui;color:#fff;letter-spacing:.04em;box-shadow:none}
body.pg-mode.pg-south .pg-player .pg-turn-badge:empty{display:none}
/* Seitenspieler mittig (vertikal) im Tisch */
body.pg-mode.pg-south .pg-player-1,body.pg-mode.pg-south .pg-player-3{top:50%;transform:translateY(-50%)}
/* ---------- Gegner-Bretter (klein), Name immer außen ---------- */
body.pg-mode.pg-south .pg-opponent-rack{border:1px solid #e9c46a;background:linear-gradient(180deg,#b97a3c,#7a4a1f);box-shadow:0 3px 6px #000a;border-radius:6px}
body.pg-mode.pg-south .pg-opponent-2{left:50%;transform:translateX(-50%);width:52%;max-width:210px;top:58px;height:26px}
body.pg-mode.pg-south .pg-opponent-1,body.pg-mode.pg-south .pg-opponent-3{top:50%;transform:translateY(-50%);height:34%;max-height:190px;width:19px}
body.pg-mode.pg-south .pg-backtile{background:linear-gradient(160deg,#f3d9a6,#c99556);border:1px solid #6b4318;box-shadow:inset 0 0 0 2px #e8c487,inset 0 0 0 3px #a66f33}
body.pg-mode.pg-south .pg-opponent-rack>small{background:#0c0a06;border:1.5px solid var(--okp-gold);color:var(--okp-gold2);font-weight:800}
/* ---------- Mitte: Taş çek + Gösterge mittig ---------- */
body.pg-mode.pg-south .pg-draw-area{left:50%;top:50%;transform:translate(-50%,-50%)}
body.pg-mode.pg-south .pg-draw-area small{color:#d8c78f;letter-spacing:.04em}
body.pg-mode.pg-south .finish-drop-target{border-radius:10px}
/* Ablagen: diagonal vorne rechts, symmetrisch zur Mitte */
body.pg-mode.pg-south .pg-discard-0{top:68%;right:26%}
body.pg-mode.pg-south .pg-discard-1{top:22%;right:26%}
body.pg-mode.pg-south .pg-discard-2{top:22%;left:26%}
body.pg-mode.pg-south .pg-discard-3{top:68%;left:26%}
body.pg-mode.pg-south .pg-discard.available{border-color:#ee6a66;background:#e0524f26;box-shadow:0 0 12px #e0524f55}
/* ---------- Brett & Buttons ---------- */
body.pg-mode.pg-south .pg-rack-mini .btn{border:1.5px solid #8a6a2c;background:linear-gradient(180deg,#201a0c,#080704);color:#e9dcb6;border-radius:9px}
body.pg-mode.pg-south .pg-rack-mini .btn.active,body.pg-mode.pg-south .pg-rack-mini .btn.selected{border-color:var(--okp-gold2);color:var(--okp-gold2)}
body.pg-mode.pg-south .pg-rack{background:linear-gradient(180deg,#b9773a 0%,#8d5427 45%,#6d3f1b 100%);border:2px solid #e9c46a;border-radius:14px;box-shadow:0 0 0 2px #2b160d,0 8px 18px #000d,inset 0 2px 0 #f3cf86,inset 0 -8px 14px #0006}
body.pg-mode.pg-south .pg-controls{border-top:1.5px solid #6d4f17;background:linear-gradient(180deg,#171209,#060503)}
body.pg-mode.pg-south .pg-play{border:1.5px solid var(--okp-gold);border-radius:10px;font-weight:800;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -6px 10px #0006,0 3px 8px #000a}
body.pg-mode.pg-south .pg-play.secondary{background:linear-gradient(180deg,#3a2f17,#14100a);color:#e9dcb6}
body.pg-mode.pg-south .pg-play.primary{background:linear-gradient(180deg,#2fa862,#0a5a2d);color:#fff}
body.pg-mode.pg-south .pg-balance{border:1.5px solid var(--okp-gold);border-radius:10px;background:linear-gradient(180deg,#6b4a22,#2e1d0b);color:var(--okp-gold2)}

/* =================== Warteraum =================== */
body.pool-wait-mode,body.pool-wait{background:radial-gradient(circle at 22% 6%,#ffcf7a 0 1.2%,#ffb24a44 3%,transparent 13%),linear-gradient(180deg,#0c1a14,#07110d 40%,#0b0a07)!important}
body.pool-wait-mode .app-shell{background:none}
.pool-waiting{border:0;border-radius:0;background:none}
.pool-waiting .pool-wait-header{gap:8px}
.pool-waiting .pool-stake-pill,.pool-waiting .pool-occupancy{border:1.5px solid var(--okp-gold);background:var(--okp-dark);color:var(--okp-gold2);box-shadow:inset 0 0 8px #000;border-radius:99px}
.pool-waiting .pool-wait-leave{border:1.5px solid #fff0b0;background:linear-gradient(180deg,#f3d98a,#b9892c);color:#2a1c05;border-radius:99px;font-weight:800}
.pool-waiting .signed-user{color:#cdbb86}
.pool-waiting .pool-wait-arena{border:9px solid transparent;border-radius:30px;margin:8px 10px 14px;background:
 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 .1  0 0 0 0 .4  0 0 0 0 .2  0 0 0 .2 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>") padding-box,
 radial-gradient(ellipse at 50% 46%,#1f7a47 0%,#145c37 42%,#0b3b25 80%,#072a1a 100%) padding-box,var(--okp-rim) border-box;
 box-shadow:0 0 0 6px #2b160d,0 0 0 8px #5a3320,0 10px 26px #000,inset 0 0 34px #000e,inset 0 0 0 3px #0a2a1b}
.pool-waiting .pool-wait-art{background:none;opacity:1;box-shadow:inset 0 0 0 7px transparent;border:1.5px solid #d9b25e66;inset:7px;border-radius:21px}
.pool-waiting .pool-seat-avatar{border:1.5px solid var(--okp-gold);background:radial-gradient(circle at 35% 30%,#3a3320,#0c0a06)}
.pool-waiting .pool-seat-avatar>.icon{color:var(--okp-gold2)}
.pool-waiting .pool-seat-avatar>i{background:#4be08c;border-color:#0c0a06;box-shadow:0 0 6px #4be08c}
.pool-waiting .pool-wait-seat strong{border:1.5px solid var(--okp-gold);background:linear-gradient(180deg,#201a0c,#080704);color:#fff;border-radius:10px;box-shadow:inset 0 0 8px #000,0 3px 8px #000a}
.pool-waiting .pool-wait-seat small{color:#7fe3a8;font-weight:700}
.pool-waiting .pool-wait-seat.pos-0 small{color:var(--okp-gold2)}
.pool-waiting .pool-idle-rack{border:1px solid #e9c46a;border-radius:6px;background:linear-gradient(180deg,#b97a3c,#7a4a1f);box-shadow:0 3px 6px #000a}
.pool-waiting .pool-idle-rack>i{background:linear-gradient(160deg,#f3d9a6,#c99556);border:1px solid #6b4318;box-shadow:inset 0 0 0 2px #e8c487,inset 0 0 0 3px #a66f33}
/* Spieler links/rechts etwas tiefer */
.pool-waiting .pool-wait-seat.pos-1,.pool-waiting .pool-wait-seat.pos-3{top:54%}
.pool-waiting .pool-wait-center{top:42%}
.pool-waiting .pool-wait-center h2{color:#f6ecd2}
.pool-waiting .pool-wait-center>strong{color:var(--okp-gold2);text-shadow:0 0 12px #e2b56055}
.pool-waiting .pool-wait-spinner{border-color:#e2b56033;border-top-color:var(--okp-gold2)}
.pool-waiting .pool-wait-metrics{border:1px solid #c9a24f99;border-radius:12px;background:linear-gradient(180deg,#2a2412e6,#0a0905e6);box-shadow:inset 0 0 10px #000;padding:8px 6px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.pool-waiting .pool-wait-metrics>span{border-right:1px solid #c9a24f44;color:#cdbb86;text-transform:uppercase;letter-spacing:.08em;font-size:9px}
.pool-waiting .pool-wait-metrics>span:last-child{border:0}
.pool-waiting .pool-wait-metrics strong{font-family:Georgia,serif;color:#fff;letter-spacing:0;text-transform:none}
.pool-waiting .match-wait-buttons .btn.gold{border:1.5px solid #a8f0c6;background:linear-gradient(180deg,#2fa862,#0a5a2d);color:#fff;border-radius:11px;font-weight:800;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -6px 10px #0006,0 4px 12px #000a,0 0 18px #2fa86255;min-width:200px}
.pool-waiting .pool-wait-bottom>small{color:#cdbb86}
.pool-waiting .pool-wait-bottom>small strong{color:#f6ecd2}
/* Führungsrahmen beim Halten eines Steins (Zustände kommen unverändert aus dem Spiel) */
body.pg-mode .pg-felt.finish-drag-ready .finish-drop-label{font:800 13px/1.2 system-ui;letter-spacing:.06em;color:#fbe39a;text-shadow:0 1px 3px #000}
body.pg-mode.pg-south .pg-felt.finish-drag-ready .finish-drop-target{border-color:#f0cf72;background:#f0cf7218;box-shadow:0 0 14px #f0cf7255,inset 0 0 14px #f0cf7233}
.pool-waiting .pool-wait-seat.pos-1{right:16px}.pool-waiting .pool-wait-seat.pos-3{left:16px}
/* ---------- Anpassung an Handygrößen ---------- */
@media (max-width:370px){body.pg-mode.pg-south .pg-wordmark{font-size:20px}body.pg-mode.pg-south .pg-title{gap:6px}}
@media (max-height:620px){
 body.pg-mode.pg-south .pg-player{min-height:30px;padding:2px 6px;width:118px}
 body.pg-mode.pg-south .pg-avatar{width:20px;height:20px;font-size:9px}
 body.pg-mode.pg-south .pg-player-1,body.pg-mode.pg-south .pg-player-3{width:54px;min-height:48px;padding:3px 2px}
 body.pg-mode.pg-south .pg-player-1 .pg-avatar,body.pg-mode.pg-south .pg-player-3 .pg-avatar{display:none}
 body.pg-mode.pg-south .pg-player strong{font-size:9px}
 body.pg-mode.pg-south .pg-player small{font-size:8px}
 body.pg-mode.pg-south .pg-opponent-2{top:42px;height:18px;width:46%}
 body.pg-mode.pg-south .pg-opponent-1,body.pg-mode.pg-south .pg-opponent-3{height:32%;width:14px}
 body.pg-mode.pg-south .pg-draw-area{gap:10px}
 body.pg-mode.pg-south .pg-indicator>.tile,body.pg-mode.pg-south .pg-stock-tiles{width:26px;height:36px}
 body.pg-mode.pg-south .pg-indicator>.tile b{font-size:20px}body.pg-mode.pg-south .pg-stock-tiles>b{font-size:15px}
 body.pg-mode.pg-south .pg-discard .tile{width:20px;height:27px;padding:1px}body.pg-mode.pg-south .pg-discard .tile b{font-size:13px}
 body.pg-mode.pg-south .pg-discard-1,body.pg-mode.pg-south .pg-discard-2{top:25%}
 body.pg-mode.pg-south .pg-discard-0,body.pg-mode.pg-south .pg-discard-3{top:66%}
 body.pg-mode.pg-south .pg-felt{margin:4px 8px 10px}
}
@media (min-height:780px){
 body.pg-mode.pg-south .pg-indicator>.tile,body.pg-mode.pg-south .pg-stock-tiles{width:42px;height:58px}
 body.pg-mode.pg-south .pg-indicator>.tile b{font-size:34px}body.pg-mode.pg-south .pg-stock-tiles>b{font-size:24px}
 body.pg-mode.pg-south .pg-discard .tile{width:34px;height:46px}body.pg-mode.pg-south .pg-discard .tile b{font-size:22px}
 body.pg-mode.pg-south .pg-player{width:158px;min-height:48px}
 body.pg-mode.pg-south .pg-player-1,body.pg-mode.pg-south .pg-player-3{width:74px;min-height:86px}
 body.pg-mode.pg-south .pg-player strong{font-size:12px}
 body.pg-mode.pg-south .pg-opponent-2{height:28px}
 body.pg-mode.pg-south .pg-opponent-1,body.pg-mode.pg-south .pg-opponent-3{width:22px}
}
.pool-waiting .pool-wait-seat.pos-1,.pool-waiting .pool-wait-seat.pos-3{width:27%;max-width:none}
.pool-waiting .pool-wait-seat.pos-1 strong,.pool-waiting .pool-wait-seat.pos-3 strong{white-space:nowrap}

/* ====== v2: kompakte Boxen wie im Design, alles vertikal mittig im Tisch ====== */
body.pg-mode.pg-south .pg-avatar{width:22px;height:22px;min-width:22px;font-size:9px;border-width:1.5px}
body.pg-mode.pg-south .pg-player-0,body.pg-mode.pg-south .pg-player-2{width:auto;min-width:104px;min-height:30px;padding:4px 10px 4px 5px;gap:6px}
body.pg-mode.pg-south .pg-player-0{bottom:8px}
body.pg-mode.pg-south .pg-player-2{top:8px}
body.pg-mode.pg-south .pg-player-1,body.pg-mode.pg-south .pg-player-3{width:54px;min-width:0;min-height:0;padding:6px 2px 5px;gap:3px;top:50%;transform:translateY(-50%)}
body.pg-mode.pg-south .pg-player-1 .pg-person strong,body.pg-mode.pg-south .pg-player-3 .pg-person strong{font-size:8px}
body.pg-mode.pg-south .pg-player-1{right:6px}body.pg-mode.pg-south .pg-player-3{left:6px}
body.pg-mode.pg-south .pg-opponent-1{right:calc(6px + 54px + 4px)}
body.pg-mode.pg-south .pg-opponent-3{left:calc(6px + 54px + 4px)}
body.pg-mode.pg-south .pg-opponent-1,body.pg-mode.pg-south .pg-opponent-3{top:50%;transform:translateY(-50%);width:17px;height:36%;max-height:200px}
body.pg-mode.pg-south .pg-opponent-2{top:46px;height:24px;width:46%;max-width:200px}
body.pg-mode.pg-south .pg-draw-area{top:50%;left:50%;transform:translate(-50%,-50%)}
body.pg-mode.pg-south .pg-discard-1,body.pg-mode.pg-south .pg-discard-2{top:23%}
body.pg-mode.pg-south .pg-discard-0,body.pg-mode.pg-south .pg-discard-3{top:70%}
body.pg-mode.pg-south .pg-felt:after{content:"OKEY";position:absolute;left:0;right:0;bottom:15%;text-align:center;font:700 22px/1 Georgia,serif;letter-spacing:.2em;color:#c7a85c;opacity:.28;pointer-events:none;text-shadow:0 -1px 0 #0006}
/* Warteraum: Spieler klein, links/rechts mittig */
.pool-waiting .pool-seat-avatar{width:26px;height:26px}
.pool-waiting .pool-seat-avatar>.icon{width:16px;height:16px}
.pool-waiting .pool-wait-seat strong{font-size:9px;padding:3px 7px}
.pool-waiting .pool-wait-seat small{font-size:8px}
.pool-waiting .pool-wait-seat.pos-1,.pool-waiting .pool-wait-seat.pos-3{top:50%;transform:translateY(-50%);width:auto;max-width:none}
.pool-waiting .pool-wait-seat.pos-1{right:14px}.pool-waiting .pool-wait-seat.pos-3{left:14px}
.pool-waiting .pool-wait-center{top:40%}
/* ====== Lobby-Rahmen stabil: kein Nachrutschen durch Scroll-Snap beim Wechsel Okey/Poker ====== */
.fs-lobby-games .fs-game-track{scroll-padding-inline:2px;scroll-behavior:auto}
.fs-lobby-games .fs-game-track>*{transition:none}
.fs-lobby-games{contain:layout}
/* ====== Kein Aufblitzen von Okey, wenn Poker-Lobby/Rückkehr aus Poker geladen wird ====== */
html.fs-poker-pending body:not(.fs-poker-inline) .fixed-lobby.pool-premium{visibility:hidden}
html.okey-fresh-login body.fs-poker-inline .fixed-lobby.pool-premium{visibility:hidden}
@media(max-height:620px){body.pg-mode.pg-south .pg-felt:after{display:none}}
#tile-rack .rack-slot{will-change:transform}
/* Okey-Kachel in der Poker-Lobby: sauber zentriertes Bild statt schief beschnittenem Original */
body.fs-poker-inline .fs-poker-games .fs-okey-switch{background:#06231b url("poker-v127/okey-tile-v3.webp") center/cover no-repeat!important}
body.fs-poker-inline .fs-poker-games .fs-okey-switch img{visibility:hidden!important}

/* Lobby: kein Springen durch Scroll-Anker */
body.pool-lobby-mode,body.fs-poker-inline{overflow-anchor:none}

/* Ziehen: Quellstein außerhalb des Bretts (Ablage) nicht als blasse Kopie zeigen */
#tile-rack .tile.touch-sorting.okl-away{opacity:0!important;box-shadow:none!important;transition:none!important}

/* Okey-Tisch: gleiche Außenfarbe wie bei Poker (Holzring hinter dem Gold, dunkler Grund statt Grün) */
body.pg-mode.pg-south .app-shell.player-shell,body.pg-mode .app-shell.player-shell{background:transparent!important}
body.pool-wait-mode .app-shell{background:transparent!important}
body.pg-mode.pg-south .pg-felt{margin:6px 11px 12px;box-shadow:0 0 0 7px #2b160d,0 0 0 9px #5a3320,0 10px 26px #000,inset 0 0 34px #000e,inset 0 0 0 3px #0a2a1b}
.pool-waiting .pool-wait-arena{margin:8px 11px 14px;box-shadow:0 0 0 7px #2b160d,0 0 0 9px #5a3320,0 10px 26px #000,inset 0 0 34px #000e,inset 0 0 0 3px #0a2a1b}

/* ===== Okey-Kopfzeile wie bei Poker: Symbol + OKEY PREMIUM, Punkte-Pille, Ton-Knöpfe, Zierstrich darunter ===== */
body.pg-mode.pg-south .pg-top{display:flex!important;flex-wrap:wrap;align-items:center;gap:5px;padding:4px 4px 0}
body.pg-mode.pg-south .pg-title{display:contents}
body.pg-mode.pg-south .pg-title>div{order:1;flex:1 1 auto;min-width:0;position:relative;display:block;padding:0 0 7px 2px}
body.pg-mode.pg-south .pg-title .signed-user,body.pg-mode.pg-south .pg-title h1,body.pg-mode.pg-south .pg-title p{display:none}
body.pg-mode.pg-south .pg-wordmark{display:inline-flex;align-items:center;gap:5px;font:700 16px/1 Georgia,"Times New Roman",serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
body.pg-mode.pg-south .pg-wordmark::before{content:"✶";font-size:22px;line-height:1;color:var(--okp-gold);text-shadow:0 0 8px #d9a44166;-webkit-text-fill-color:var(--okp-gold)}
body.pg-mode.pg-south .pg-wordmark::after{content:"PREMIUM";font:inherit;margin-left:1px}
body.pg-mode.pg-south .pg-title>div::after{content:"";position:absolute;left:26px;right:0;bottom:0;height:5px;background:linear-gradient(90deg,transparent,var(--okp-gold) 30%,var(--okp-gold) 70%,transparent) center/100% 1px no-repeat}
body.pg-mode.pg-south .pg-title>div::before{content:"";position:absolute;left:calc(26px + (100% - 26px)/2);bottom:0;width:5px;height:5px;background:var(--okp-gold);transform:translateX(-50%) rotate(45deg)}
body.pg-mode.pg-south .okh-wallet{order:2;display:flex;align-items:center;gap:6px;height:32px;padding:0 11px 0 4px;border-radius:99px;border:1.5px solid var(--okp-gold);background:var(--okp-dark);box-shadow:inset 0 0 8px #000,0 0 8px #d9a44133;flex:none}
body.pg-mode.pg-south .okh-wallet strong{font:800 13px/1 system-ui;color:#fff;white-space:nowrap}
body.pg-mode.pg-south .okh-coin{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2b0,#e2a92b 45%,#8a5a0c);border:1.5px solid #fbe39a;position:relative;flex:none}
body.pg-mode.pg-south .okh-coin::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px solid #8a5a0c88}
body.pg-mode.pg-south .pg-tools{order:3;gap:5px;flex:none}
body.pg-mode.pg-south .pg-tools .pg-icon-button,body.pg-mode.pg-south .pg-title>.pg-icon-button{width:30px;height:30px;min-width:30px;padding:0;border-radius:9px}
body.pg-mode.pg-south .pg-title>.pg-icon-button{order:4;flex:none}
body.pg-mode.pg-south .pg-pot{order:5;flex:1 1 100%}
@media(max-width:380px){body.pg-mode.pg-south .pg-tools .pg-icon-button[data-action="fullscreen"]{display:none}body.pg-mode.pg-south .pg-wordmark{font-size:14px}body.pg-mode.pg-south .okh-wallet{padding-right:8px}}

/* Kopfzeile: auf Handys in einer Reihe halten */
body.pg-mode.pg-south .pg-wordmark{font-size:clamp(12.5px,3.9vw,16px)}
body.pg-mode.pg-south .pg-wordmark::before{font-size:clamp(17px,5.3vw,22px)}
body.pg-mode.pg-south .pg-title>div{flex:1 1 0}
body.pg-mode.pg-south .pg-title>div::after{left:22px}
body.pg-mode.pg-south .pg-title>div::before{left:calc(22px + (100% - 22px)/2)}
body.pg-mode.pg-south .okh-wallet{height:30px;gap:5px;padding:0 9px 0 3px}
body.pg-mode.pg-south .okh-wallet strong{font-size:12.5px}
body.pg-mode.pg-south .okh-coin{width:22px;height:22px}
body.pg-mode.pg-south .pg-tools{gap:4px}
body.pg-mode.pg-south .pg-tools .pg-icon-button,body.pg-mode.pg-south .pg-title>.pg-icon-button{width:28px;height:28px;min-width:28px}
@media(max-width:440px){body.pg-mode.pg-south .pg-tools .pg-icon-button[data-action="fullscreen"]{display:none}}

/* ===== Kopfzeile exakt im Poker-Look + gleicher Hintergrund ===== */
html:has(body.pg-mode.pg-south),html:has(body.pool-wait-mode){background:#050c09}
body.pg-mode.pg-south,body.pool-wait-mode{background-color:#050c09!important;background-image:radial-gradient(circle at 24% 17%,#ffcf7a 0 2%,#ffb24a55 4%,transparent 14%),radial-gradient(circle at 80% 21%,#ffcf7a 0 2%,#ffb24a55 4%,transparent 14%),radial-gradient(circle at 12% 40%,#2e7a4a55,transparent 22%),radial-gradient(circle at 92% 46%,#2e7a4a44,transparent 22%),linear-gradient(180deg,#0c1a14 0%,#07110d 38%,#0b0a07 100%)!important;background-attachment:fixed}
body.pg-mode.pg-south .pg-wordmark::before{content:"";width:clamp(14px,4.2vw,19px);height:clamp(17px,5.3vw,24px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0b0'/%3E%3Cstop offset='.45' stop-color='%23e2b560'/%3E%3Cstop offset='1' stop-color='%238a5e14'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='1' y='1' width='18' height='24' rx='4.5' fill='url(%23g)'/%3E%3Crect x='4' y='4' width='12' height='18' rx='2.5' fill='none' stroke='%233a2508' stroke-opacity='.55' stroke-width='1.2'/%3E%3Ccircle cx='10' cy='13' r='3.6' fill='%233a2508' fill-opacity='.8'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 6px #d9a44166);-webkit-text-fill-color:initial;font-size:0}
body.pg-mode.pg-south .pg-wordmark{gap:6px;color:var(--okp-gold2);-webkit-text-fill-color:var(--okp-gold2)}
body.pg-mode.pg-south .pg-top{gap:5px;padding:8px 8px 4px}
body.pg-mode.pg-south .pg-tools{display:contents}
body.pg-mode.pg-south .pg-tools [data-action="stone-sound"]{order:3}
body.pg-mode.pg-south .pg-tools [data-action="turn-sound"]{order:4}
body.pg-mode.pg-south .pg-title>.pg-icon-button{order:5}
body.pg-mode.pg-south .pg-tools [data-action="game-menu"]{order:6}
body.pg-mode.pg-south .pg-tools [data-action="fullscreen"]{order:7}
body.pg-mode.pg-south .okh-wallet{height:32px;padding:0 10px 0 4px;background:linear-gradient(180deg,#2b2412,#0d0b06);box-shadow:inset 0 0 8px #000,0 0 8px #d9a44133}
body.pg-mode.pg-south .okh-wallet strong{font:800 13px/1 system-ui;letter-spacing:.01em}
body.pg-mode.pg-south .okh-coin{width:23px;height:23px;box-shadow:0 0 6px #e2a92b88}
body.pg-mode.pg-south .pg-top .pg-icon-button{width:28px;height:28px;min-width:28px;border-radius:8px;background:linear-gradient(180deg,#2b2412,#0d0b06)}
body.pg-mode.pg-south .pg-top .pg-icon-button svg{width:16px;height:16px}
@media(max-width:350px){body.pg-mode.pg-south .pg-tools [data-action="turn-sound"]{display:none}}

/* Wie im Poker-Vorbild: drei Knöpfe (Ton, Zurück, Menü); Zug-Ton und Vollbild-Knopf auf Handys ausgeblendet */
@media(max-width:440px){body.pg-mode.pg-south .pg-tools [data-action="turn-sound"],body.pg-mode.pg-south .pg-tools [data-action="fullscreen"]{display:none}}
@media(max-width:380px){body.pg-mode.pg-south .okh-wallet{padding:0 8px 0 3px;gap:4px}body.pg-mode.pg-south .okh-coin{width:20px;height:20px}body.pg-mode.pg-south .okh-wallet strong{font-size:12px}body.pg-mode.pg-south .pg-top{gap:4px;padding:8px 6px 4px}}

body.pg-mode.pg-south .pg-pot{order:9}