/* PLAYACE1 customer-exclusive black-and-gold tournament screen */
.playace1-page {
  background: #030303;
  color: #f7edcf;
  overflow: hidden;
}

.playace1-screen {
  --pa-gold: #e9b54a;
  --pa-gold-bright: #ffdc7a;
  --pa-gold-dark: #7a4d0e;
  --pa-panel: rgba(16, 13, 8, .9);
  position: relative;
  width: 100vw;
  height: 100vh;
  min-width: 1000px;
  min-height: 620px;
  display: grid;
  grid-template-rows: 14.5vh 52.5vh 27vh 6vh;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 38%, rgba(207, 143, 26, .16), transparent 34%),
    radial-gradient(circle at 4% 54%, rgba(203, 126, 18, .1), transparent 25%),
    linear-gradient(135deg, #020202 0%, #0b0905 45%, #030303 100%);
  font-family: "Arial Narrow", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.playace1-screen::before,
.playace1-screen::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 8;
}

.playace1-screen::before {
  inset: 0;
  box-shadow: inset 0 0 9vw 2vw #000;
}

.playace1-screen::after {
  inset: 9px;
  border: 1px solid rgba(233, 181, 74, .18);
}

.playace1-backdrop {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(120deg, transparent 42%, rgba(240, 187, 78, .045) 42.1%, transparent 42.35%),
    linear-gradient(60deg, transparent 64%, rgba(240, 187, 78, .04) 64.1%, transparent 64.35%);
}

.playace1-grid {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .4;
  background-image:
    linear-gradient(rgba(234, 181, 74, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(234, 181, 74, .04) 1px, transparent 1px);
  background-size: 4.3vw 4.3vw;
  mask-image: radial-gradient(circle at center, #000, transparent 80%);
}

.playace1-suit {
  position: absolute;
  z-index: -1;
  color: rgba(228, 171, 64, .035);
  font-family: Georgia, serif;
  font-size: 31vw;
  line-height: 1;
  user-select: none;
}

.playace1-suit-left { left: -8vw; top: 15vh; transform: rotate(-12deg); }
.playace1-suit-right { right: -8vw; top: 3vh; transform: rotate(168deg); }

.playace1-header {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 25% 50% 25%;
  align-items: center;
  border-bottom: 1px solid rgba(233, 181, 74, .35);
  background: linear-gradient(90deg, rgba(0,0,0,.93), rgba(17,13,7,.74), rgba(0,0,0,.93));
}

.playace1-header::after {
  content: "";
  position: absolute;
  left: 24%;
  right: 24%;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--pa-gold-bright), transparent);
  box-shadow: 0 0 18px rgba(233,181,74,.5);
}

.playace1-brand {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 3vw;
}

.playace1-brand img {
  width: min(8.8vw, 15.5vh);
  height: min(8.8vw, 15.5vh);
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(226, 164, 52, .22));
}

.playace1-title { min-width: 0; text-align: center; text-transform: uppercase; }
.playace1-title span {
  display: block;
  color: #a89062;
  font-size: clamp(9px, .62vw, 14px);
  letter-spacing: .45em;
  margin-bottom: .8vh;
}
.playace1-title h1 {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #f5d986;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 2.25vw, 48px);
  font-weight: 500;
  letter-spacing: .08em;
  text-shadow: 0 5px 22px rgba(222, 151, 29, .18);
}

.playace1-live {
  justify-self: end;
  margin-right: 3vw;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: .35vw .55vw;
  color: #c4ad7b;
  font-size: clamp(9px,.58vw,13px);
  letter-spacing: .22em;
}
.playace1-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--pa-gold); box-shadow: 0 0 10px var(--pa-gold); animation: playace1Pulse 1.8s ease-in-out infinite; }
.playace1-live b { grid-column: 1/3; text-align: right; color: #776c58; font-family: Georgia,serif; font-size: clamp(12px,.82vw,17px); font-weight: 500; letter-spacing: .12em; }
.playace1-live.status-paused i,
.playace1-live.status-ready i { background: #7b725f; box-shadow: none; animation: none; }

.playace1-fullscreen {
  position: absolute;
  z-index: 10;
  right: 1.1vw;
  top: 1.2vh;
  min-width: 48px;
  padding: .55vh .6vw;
  border: 1px solid rgba(233,181,74,.25);
  border-radius: 2px;
  color: #9d8553;
  background: rgba(0,0,0,.55);
  cursor: pointer;
  font-size: 11px;
  letter-spacing: .12em;
}
.playace1-fullscreen:hover { color: #ffe19a; border-color: rgba(233,181,74,.65); }

.playace1-main {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 22.5% 55% 22.5%;
  min-height: 0;
}

.playace1-stats,
.playace1-next {
  padding: 3.2vh 2.1vw 2vh;
  background: linear-gradient(90deg, rgba(0,0,0,.46), rgba(17,13,7,.18));
}
.playace1-stats { border-right: 1px solid rgba(233,181,74,.14); }
.playace1-next { border-left: 1px solid rgba(233,181,74,.14); background: linear-gradient(270deg, rgba(0,0,0,.46), rgba(17,13,7,.18)); }

.playace1-section-label { display: flex; align-items: center; gap: .7vw; padding-bottom: 1.5vh; border-bottom: 1px solid rgba(233,181,74,.17); color: #8f7b54; font-size: clamp(8px,.48vw,11px); letter-spacing: .28em; }
.playace1-section-label i { width: 6px; height: 6px; background: var(--pa-gold); transform: rotate(45deg); box-shadow: 0 0 8px rgba(233,181,74,.45); }

.playace1-stats > article { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: end; padding: 1.35vh 0; border-bottom: 1px solid rgba(233,181,74,.09); }
.playace1-stats article span,
.playace1-next article span,
.playace1-mini-stats span { color: #c3b89f; font-size: clamp(10px,.58vw,13px); letter-spacing: .1em; }
.playace1-stats article em,
.playace1-next article em { color: #6d6556; font-size: clamp(7px,.42vw,9px); font-style: normal; letter-spacing: .2em; margin-top: .4vh; }
.playace1-stats article strong { grid-column: 2; grid-row: 1/3; color: #edcf83; font-family: Georgia,serif; font-size: clamp(20px,1.6vw,34px); font-weight: 500; }

.playace1-focus {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.3vh 2.5vw 1.7vh;
  background: radial-gradient(ellipse at center, rgba(205,139,25,.085), transparent 68%);
}
.playace1-focus::before,
.playace1-focus::after { content:""; position:absolute; left:5%; right:5%; height:1px; background:linear-gradient(90deg,transparent,var(--pa-gold-dark),var(--pa-gold-bright),var(--pa-gold-dark),transparent); opacity:.66; }
.playace1-focus::before { top: 2vh; }.playace1-focus::after { bottom: 1.4vh; }

.playace1-level-kicker { display:flex; align-items:center; gap:.8vw; color:#aa8b51; font-size:clamp(10px,.62vw,14px); letter-spacing:.32em; }
.playace1-level-kicker i { width:2.5vw; height:1px; background:linear-gradient(90deg,transparent,var(--pa-gold)); }
.playace1-level-kicker i:last-child { transform:rotate(180deg); }
.playace1-clock {
  margin: 1.1vh 0 .65vh;
  color: transparent;
  background: linear-gradient(180deg,#fff7d7 4%,#f3d177 43%,#c17b1a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Georgia,"Times New Roman",serif;
  font-size: clamp(78px,9vw,188px);
  font-weight: 500;
  line-height: .88;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  filter: drop-shadow(0 10px 26px rgba(210, 142, 25, .16));
}

.playace1-blinds { min-width: 70%; display:flex; align-items:center; justify-content:center; gap:1.5vw; padding:1.2vh 1.8vw; border:1px solid rgba(233,181,74,.2); background:linear-gradient(100deg,transparent,rgba(233,181,74,.06),transparent); }
.playace1-blinds > div { display:grid; grid-template-columns:auto auto; align-items:baseline; column-gap:.55vw; text-align:center; }
.playace1-blinds div span { color:#a49473; font-size:clamp(9px,.56vw,12px); letter-spacing:.15em; }
.playace1-blinds div em { color:#5f594d; font-size:clamp(7px,.38vw,9px); font-style:normal; letter-spacing:.16em; }
.playace1-blinds div strong { grid-column:1/3; color:#f5d381; font-family:Georgia,serif; font-size:clamp(28px,2.55vw,54px); font-weight:500; line-height:1.1; }
.playace1-blinds > i { color:#70501c; font-family:Georgia,serif; font-size:2.1vw; font-style:normal; }
.playace1-blinds > b { color:#93805c; font-size:clamp(9px,.52vw,12px); font-weight:400; letter-spacing:.14em; padding-left:1.2vw; border-left:1px solid rgba(233,181,74,.16); }
.playace1-blinds > b strong { color:#e2bb66; font-size:1.3em; }
.playace1-break-label { display:block !important; color:#f0ce7b; font-family:Georgia,serif; font-size:clamp(30px,3vw,64px); letter-spacing:.2em; }

.playace1-next-level { margin-top: 1.4vh; padding: 1.3vh 1vw 1.5vh; border:1px solid rgba(233,181,74,.16); background:linear-gradient(135deg,rgba(233,181,74,.075),transparent); }
.playace1-next-level span,.playace1-next-level em { display:block; }
.playace1-next-level strong { display:block; margin:1vh 0 .35vh; color:#f0cc78; font-family:Georgia,serif; font-size:clamp(26px,2.2vw,46px); font-weight:500; }
.playace1-next-level b { display:block; color:#c4aa73; font-family:Georgia,serif; font-size:clamp(17px,1.25vw,27px); font-weight:500; }
.playace1-mini-stats { margin-top:1.2vh; }
.playace1-mini-stats article { display:flex; align-items:center; justify-content:space-between; padding:1.05vh 0; border-bottom:1px solid rgba(233,181,74,.09); }
.playace1-mini-stats strong { color:#d8bf88; font-family:Georgia,serif; font-size:clamp(15px,1vw,22px); font-weight:500; }

.playace1-chip-shelf {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 15.5vw 1fr;
  border-top: 1px solid rgba(233,181,74,.28);
  border-bottom: 1px solid rgba(233,181,74,.23);
  background: linear-gradient(180deg,rgba(13,10,6,.96),rgba(3,3,3,.98));
  box-shadow: inset 0 12px 35px rgba(0,0,0,.6), 0 -8px 35px rgba(202,135,22,.035);
}
.playace1-chip-shelf::before { content:""; position:absolute; left:15.5vw; top:0; bottom:0; width:1px; background:linear-gradient(transparent,var(--pa-gold-dark),transparent); }
.playace1-chip-heading { display:flex; flex-direction:column; justify-content:center; padding:0 2.5vw; }
.playace1-chip-heading span { color:#dfb04f; font-family:Georgia,serif; font-size:clamp(15px,1.15vw,25px); letter-spacing:.18em; }
.playace1-chip-heading strong { color:#f0e4ca; font-size:clamp(18px,1.25vw,27px); font-weight:500; letter-spacing:.15em; margin:.65vh 0; }
.playace1-chip-heading em { color:#6e624d; font-size:clamp(7px,.42vw,10px); font-style:normal; letter-spacing:.22em; }
.playace1-chip-list { display:grid; grid-template-columns:repeat(5,1fr); align-items:center; height:100%; padding:1.2vh 2vw .8vh; }
.playace1-chip-card { --chip-color:#111; min-width:0; height:100%; display:grid; grid-template-columns:minmax(72px,8.2vw) 1fr; align-items:center; gap:.4vw; padding:0 .65vw; border-right:1px solid rgba(233,181,74,.075); }
.playace1-chip-card:last-child { border-right:0; }
.playace1-chip-stack { position:relative; width:min(7.8vw,14vh); height:min(8.9vw,16vh); align-self:center; filter:drop-shadow(0 9px 12px rgba(0,0,0,.72)); }
.playace1-chip-stack i { position:absolute; left:5%; width:90%; height:23%; border-radius:50%; background:var(--chip-color); border:2px solid #e99c05; box-shadow:inset 0 -5px 0 rgba(0,0,0,.28),inset 0 4px 0 rgba(255,255,255,.08); }
.playace1-chip-stack i:nth-child(1){bottom:2%;}.playace1-chip-stack i:nth-child(2){bottom:10%;}.playace1-chip-stack i:nth-child(3){bottom:18%;}
.playace1-chip-face { position:absolute; left:5%; top:0; width:90%; aspect-ratio:1; border-radius:50%; overflow:hidden; background-image:url('/assets/playace1-chip-sprite.png'); background-size:500% auto; background-repeat:no-repeat; box-shadow:0 0 0 2px #e99c05,0 4px 0 #8f5a00,0 12px 18px rgba(0,0,0,.65); }
.playace1-chip-black { --chip-color:#070707; }.playace1-chip-black .playace1-chip-face { background-position:0 0; }
.playace1-chip-white { --chip-color:#f3f1ec; }.playace1-chip-white .playace1-chip-face { background-position:25% 0; }
.playace1-chip-pink { --chip-color:#e6619a; }.playace1-chip-pink .playace1-chip-face { background-position:50% 0; }
.playace1-chip-blue { --chip-color:#74c4cc; }.playace1-chip-blue .playace1-chip-face { background-position:75% 0; }
.playace1-chip-red { --chip-color:#d72a1f; }.playace1-chip-red .playace1-chip-face { background-position:100% 0; }
.playace1-chip-value { min-width:0; display:flex; flex-direction:column; }
.playace1-chip-value span { color:#665e52; font-size:clamp(6px,.35vw,8px); letter-spacing:.12em; }
.playace1-chip-value strong { overflow:hidden; text-overflow:ellipsis; color:#f1ce7a; font-family:Georgia,serif; font-size:clamp(16px,1.25vw,27px); font-weight:500; }

.playace1-footer { position:relative; z-index:3; display:grid; grid-template-columns:5vw 1fr auto; align-items:center; background:#050403; }
.playace1-footer > span { color:var(--pa-gold); font-size:1.2vw; text-align:center; }
.playace1-footer p { margin:0; color:#918776; font-size:clamp(9px,.56vw,12px); letter-spacing:.13em; }
.playace1-footer b { padding-right:2.3vw; color:#675d4c; font-size:clamp(8px,.46vw,10px); font-weight:400; letter-spacing:.2em; }

.playace1-settings-section,
.playace1-chip-settings { border-color: rgba(208, 158, 57, .34); }
.playace1-chip-settings .section-title { align-items: center; }

@keyframes playace1Pulse { 50% { opacity:.3; transform:scale(.75); } }

@media (max-aspect-ratio: 4/3) {
  .playace1-screen { grid-template-rows:14vh 54vh 26vh 6vh; }
  .playace1-main { grid-template-columns:20% 57% 23%; }
  .playace1-stats,.playace1-next { padding-left:1.5vw; padding-right:1.5vw; }
  .playace1-chip-shelf { grid-template-columns:13vw 1fr; }
  .playace1-chip-shelf::before { left:13vw; }
  .playace1-chip-heading { padding:0 1.2vw; }
}

@media (prefers-reduced-motion: reduce) {
  .playace1-screen * { animation:none !important; }
}

/* PLAYACE1 visual balance pass v2: stronger hierarchy for large-screen viewing */
.playace1-screen {
  --pa-gold: #efbb4f;
  --pa-gold-bright: #ffe49a;
  --pa-gold-dark: #9c681b;
  grid-template-rows: 15vh 54vh 25vh 6vh;
  background:
    radial-gradient(circle at 50% 38%, rgba(224, 154, 29, .25), transparent 38%),
    radial-gradient(circle at 4% 54%, rgba(203, 126, 18, .13), transparent 26%),
    linear-gradient(135deg, #020202 0%, #0d0a05 45%, #030303 100%);
}

.playace1-screen::after { border-color: rgba(239, 187, 79, .34); }
.playace1-header { border-bottom-color: rgba(239, 187, 79, .58); }
.playace1-brand { padding-left: 4vw; }
.playace1-brand img {
  width: min(10.2vw, 17vh);
  height: min(10.2vw, 17vh);
  filter: drop-shadow(0 0 24px rgba(237, 182, 68, .3));
}
.playace1-title span {
  color: #d1b77e;
  font-size: clamp(12px, .8vw, 17px);
  font-weight: 700;
  letter-spacing: .4em;
}
.playace1-title h1 {
  color: #ffe09a;
  font-size: clamp(38px, 3vw, 64px);
  font-weight: 700;
  letter-spacing: .065em;
  text-shadow: 0 0 30px rgba(224, 159, 34, .22), 0 6px 20px #000;
}
.playace1-live {
  margin-right: 3.5vw;
  color: #dec58e;
  font-size: clamp(12px, .75vw, 16px);
  font-weight: 700;
}
.playace1-live b {
  color: #b6a47e;
  font-size: clamp(16px, 1.05vw, 22px);
  font-weight: 700;
}
.playace1-screen .sound-unlock-button {
  top: auto;
  right: 2.1vw;
  bottom: 1.25vh;
  left: auto;
  min-width: 92px;
  min-height: 34px;
  padding: 7px 14px;
  border-radius: 3px;
  border-color: rgba(239, 187, 79, .55);
  background: rgba(24, 17, 7, .94);
  color: #f8d990;
  font-size: 14px;
  box-shadow: 0 0 20px rgba(224, 159, 34, .15);
}
.playace1-screen .voice-capability-notice { top:auto; right:2.1vw; bottom:5.5vh; }

.playace1-main { grid-template-columns: 23% 54% 23%; }
.playace1-stats,
.playace1-next { padding: 3.5vh 2.25vw 2.2vh; }
.playace1-stats { border-right-color: rgba(239, 187, 79, .29); }
.playace1-next { border-left-color: rgba(239, 187, 79, .29); }
.playace1-section-label {
  gap: .8vw;
  padding-bottom: 1.8vh;
  border-bottom-color: rgba(239, 187, 79, .35);
  color: #c8a866;
  font-size: clamp(11px, .65vw, 14px);
  font-weight: 800;
}
.playace1-section-label i { width: 8px; height: 8px; }
.playace1-stats > article {
  padding: 1.75vh 0;
  border-bottom-color: rgba(239, 187, 79, .16);
}
.playace1-stats article span,
.playace1-next article span,
.playace1-mini-stats span {
  color: #e0d4bc;
  font-size: clamp(18px, 1.05vw, 24px);
  font-weight: 800;
}
.playace1-stats article em,
.playace1-next article em {
  color: #9c8b6d;
  font-size: clamp(9px, .5vw, 11px);
  font-weight: 700;
}
.playace1-stats article strong {
  color: #ffdc86;
  font-size: clamp(34px, 2.15vw, 46px);
  font-weight: 700;
  text-shadow: 0 0 18px rgba(233, 177, 67, .14);
}

.playace1-focus {
  padding: 1vh 2vw 1.6vh;
  background:
    radial-gradient(ellipse at center, rgba(223, 151, 27, .15), transparent 67%),
    linear-gradient(90deg, transparent, rgba(238, 184, 75, .025), transparent);
}
.playace1-focus::before,
.playace1-focus::after { opacity: .92; }
.playace1-level-kicker {
  color: #d4ad61;
  font-size: clamp(14px, .8vw, 18px);
  font-weight: 800;
}
.playace1-level-kicker i { width: 3.7vw; }
.playace1-clock {
  margin: 1.25vh 0 .8vh;
  font-family: var(--font-number), "Arial Black", "DIN Alternate", sans-serif;
  font-size: clamp(125px, 11.5vw, 240px);
  font-weight: 900;
  line-height: .82;
  letter-spacing: -.025em;
  background: linear-gradient(180deg,#fff5cd 0%,#ffd976 35%,#e39a28 78%,#ad6712 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 12px 28px rgba(219, 146, 23, .25));
}
.playace1-blinds {
  min-width: 82%;
  gap: 2vw;
  padding: 1.5vh 2vw;
  border-color: rgba(239, 187, 79, .43);
  background: linear-gradient(100deg,rgba(18,12,4,.72),rgba(233,181,74,.105),rgba(18,12,4,.72));
  box-shadow: inset 0 0 24px rgba(210, 141, 21, .05);
}
.playace1-blinds div span { color:#d7c39a; font-size:clamp(12px,.72vw,16px); font-weight:800; }
.playace1-blinds div em { color:#8e7e61; font-size:clamp(9px,.5vw,11px); font-weight:700; }
.playace1-blinds div strong {
  color:#ffdc86;
  font-size:clamp(46px,3.2vw,68px);
  font-weight:700;
}
.playace1-blinds > i { color:#a97521; font-size:2.7vw; }
.playace1-blinds > b { color:#c5ad7c; font-size:clamp(12px,.7vw,15px); font-weight:700; }
.playace1-blinds > b strong { color:#ffcd69; font-size:1.45em; }

.playace1-next-level {
  margin-top: 1.8vh;
  padding: 1.8vh 1.2vw;
  border-color: rgba(239, 187, 79, .38);
  background: linear-gradient(135deg,rgba(233,181,74,.12),rgba(0,0,0,.12));
  box-shadow: inset 0 0 28px rgba(218, 145, 22, .045);
}
.playace1-next-level strong { margin:1.2vh 0 .45vh; color:#ffdc86; font-size:clamp(42px,2.8vw,60px); font-weight:700; }
.playace1-next-level b { color:#e3c17d; font-size:clamp(25px,1.65vw,36px); font-weight:700; }
.playace1-mini-stats { margin-top:1.6vh; }
.playace1-mini-stats article { padding:1.35vh 0; border-bottom-color:rgba(239,187,79,.16); }
.playace1-mini-stats strong { color:#f0d293; font-size:clamp(22px,1.3vw,29px); font-weight:700; }

.playace1-chip-shelf {
  grid-template-columns: 17vw 1fr;
  border-top-color: rgba(239, 187, 79, .52);
  border-bottom-color: rgba(239, 187, 79, .34);
  background: linear-gradient(180deg,rgba(17,12,5,.98),rgba(2,2,2,.99));
}
.playace1-chip-shelf::before { left:17vw; background:linear-gradient(transparent,var(--pa-gold),transparent); opacity:.55; }
.playace1-chip-heading { padding:0 2.7vw; }
.playace1-chip-heading span { color:#efbb52; font-size:clamp(22px,1.35vw,30px); font-weight:700; }
.playace1-chip-heading strong { color:#fff0cd; font-size:clamp(25px,1.55vw,34px); font-weight:800; }
.playace1-chip-heading em { color:#9e8a64; font-size:clamp(10px,.56vw,13px); font-weight:700; }
.playace1-chip-list { padding: .8vh 1.8vw .7vh; }
.playace1-chip-card {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  justify-items: center;
  gap: 0;
  padding: .4vh .8vw .75vh;
  border-right-color: rgba(239, 187, 79, .14);
}
.playace1-chip-stack {
  width: min(8.6vw, 15.7vh);
  height: min(9.65vw, 17.6vh);
  justify-self: center;
}
.playace1-chip-value { align-items:center; margin-top:-.15vh; }
.playace1-chip-value span { color:#9b8b6f; font-size:clamp(9px,.48vw,11px); font-weight:700; letter-spacing:.18em; }
.playace1-chip-value strong { color:#ffdc86; font-size:clamp(24px,1.55vw,34px); font-weight:800; line-height:1.05; }

.playace1-footer > span { font-size:1.55vw; }
.playace1-footer p { color:#c2b59d; font-size:clamp(12px,.7vw,15px); font-weight:600; }
.playace1-footer b { color:#918163; font-size:clamp(10px,.58vw,13px); font-weight:700; }

@media (max-aspect-ratio: 4/3) {
  .playace1-screen { grid-template-rows:15vh 55vh 24vh 6vh; }
  .playace1-chip-shelf { grid-template-columns:15vw 1fr; }
  .playace1-chip-shelf::before { left:15vw; }
}

/* PLAYACE1 v3 header containment */
.playace1-header { overflow: hidden; }
.playace1-brand {
  align-self: stretch;
  min-height: 0;
  overflow: hidden;
}
.playace1-brand img {
  width: min(8.2vw, 12.2vh);
  height: min(8.2vw, 12.2vh);
  max-height: calc(100% - 18px);
  max-width: calc(100% - 4vw);
}
.playace1-screen .sound-unlock-button {
  top: 1.2vh;
  right: 5.7vw;
  bottom: auto;
  left: auto;
}
.playace1-screen .voice-capability-notice {
  top: 5.6vh;
  right: 2.1vw;
  bottom: auto;
}

/* PLAYACE1 v4 official four-chip set */
.playace1-chip-list {
  grid-template-columns: repeat(4, 1fr);
  padding-left: 3vw;
  padding-right: 3vw;
}
.playace1-chip-card {
  padding-left: 1.2vw;
  padding-right: 1.2vw;
}
.playace1-chip-stack {
  width: min(9.4vw, 17vh);
  height: min(10.5vw, 19vh);
}

/* PLAYACE1 Android TV app: fit high-density 16:9 WebViews without changing browser projection. */
.playace1-apk .playace1-screen {
  min-width: 0;
  min-height: 0;
  grid-template-rows: 14.5vh 52.5vh 27vh 6vh;
}
.playace1-apk .playace1-main {
  grid-template-columns: 24% 52% 24%;
}
.playace1-apk .playace1-stats,
.playace1-apk .playace1-next {
  min-width: 0;
  overflow: hidden;
  padding: 2.7vh 1.7vw 1.3vh;
}
.playace1-apk .playace1-stats > article {
  min-width: 0;
  gap: .7vw;
  padding: 1.2vh 0;
}
.playace1-apk .playace1-stats article span,
.playace1-apk .playace1-next article span {
  font-size: clamp(15px, .9vw, 18px);
  white-space: nowrap;
}
.playace1-apk .playace1-stats article strong {
  flex: 0 0 auto;
  font-size: clamp(28px, 1.8vw, 36px);
  white-space: nowrap;
}
.playace1-apk .playace1-next-level {
  margin-top: 1.2vh;
  padding: 1.25vh 1vw;
}
.playace1-apk .playace1-next-level strong {
  margin: .8vh 0 .3vh;
  font-size: clamp(34px, 2.3vw, 46px);
}
.playace1-apk .playace1-next-level b {
  font-size: clamp(20px, 1.3vw, 27px);
  white-space: nowrap;
}
.playace1-apk .playace1-mini-stats {
  margin-top: 1vh;
}
.playace1-apk .playace1-mini-stats article {
  min-width: 0;
  gap: .8vw;
  padding: 1vh 0;
}
.playace1-apk .playace1-mini-stats span {
  flex: 0 0 auto;
  font-size: clamp(14px, .85vw, 17px);
  white-space: nowrap;
}
.playace1-apk .playace1-mini-stats strong {
  min-width: 0;
  font-size: clamp(18px, 1.1vw, 23px);
  white-space: nowrap;
}
.playace1-apk .playace1-chip-shelf {
  grid-template-columns: 20vw 1fr;
}
.playace1-apk .playace1-chip-shelf::before {
  left: 20vw;
}
.playace1-apk .playace1-chip-heading {
  padding: 0 1.6vw;
}
.playace1-apk .playace1-chip-heading span,
.playace1-apk .playace1-chip-heading strong,
.playace1-apk .playace1-chip-heading em {
  white-space: nowrap;
}
.playace1-apk .playace1-chip-heading span {
  font-size: clamp(17px, 1.1vw, 22px);
  letter-spacing: .12em;
}
.playace1-apk .playace1-chip-heading strong {
  font-size: clamp(19px, 1.25vw, 24px);
  line-height: 1.25;
  letter-spacing: .06em;
}
.playace1-apk .playace1-chip-heading em {
  font-size: clamp(8px, .5vw, 11px);
  letter-spacing: .13em;
}
.playace1-apk .playace1-chip-list {
  padding-top: .25vh;
  padding-bottom: .2vh;
}
.playace1-apk .playace1-chip-stack {
  width: min(8.6vw, 15.5vh);
  height: min(9.4vw, 17vh);
}
.playace1-apk .playace1-chip-value strong {
  font-size: clamp(20px, 1.35vw, 28px);
}
.playace1-apk .playace1-live {
  margin-right: 13vw;
}
.playace1-apk .playace1-fullscreen {
  display: none;
}
.playace1-apk .playace1-screen .sound-unlock-button {
  right: 1.1vw;
}

/* PLAYACE1-8 v17: pure black canvas, black type, smaller chips and larger numbers. */
.playace1-page,
.playace1-screen,
.playace1-backdrop,
.playace1-header,
.playace1-stats,
.playace1-next,
.playace1-focus,
.playace1-blinds,
.playace1-next-level,
.playace1-chip-shelf,
.playace1-footer {
  background: #000;
}

.playace1-grid,
.playace1-suit {
  display: none;
}

.playace1-screen,
.playace1-screen * {
  font-family: Arial, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-variant-numeric: tabular-nums;
}

.playace1-live b {
  font-size: clamp(18px, 1.155vw, 24px);
}

.playace1-stats article strong {
  font-size: clamp(37px, 2.365vw, 51px);
}

.playace1-clock {
  color: #f2c14e;
  font-size: clamp(138px, 12.65vw, 264px);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #f2c14e;
  text-shadow: 0 0 24px rgba(242, 193, 78, .14);
}

.playace1-blinds div strong {
  font-size: clamp(51px, 3.52vw, 75px);
}

.playace1-blinds > i {
  font-size: 2.97vw;
}

.playace1-blinds > b strong {
  font-size: 1.595em;
}

.playace1-next-level strong {
  font-size: clamp(46px, 3.08vw, 66px);
}

.playace1-next-level b {
  font-size: clamp(28px, 1.815vw, 40px);
}

.playace1-mini-stats strong {
  font-size: clamp(24px, 1.43vw, 32px);
}

.playace1-chip-stack {
  width: min(7.05vw, 12.75vh);
  height: min(7.875vw, 14.25vh);
}

.playace1-chip-value strong {
  font-size: clamp(26px, 1.705vw, 37px);
}

.playace1-apk .playace1-stats article strong {
  font-size: clamp(31px, 1.98vw, 40px);
}

.playace1-apk .playace1-next-level strong {
  font-size: clamp(37px, 2.53vw, 51px);
}

.playace1-apk .playace1-next-level b {
  font-size: clamp(22px, 1.43vw, 30px);
}

.playace1-apk .playace1-mini-stats strong {
  font-size: clamp(20px, 1.21vw, 25px);
}

.playace1-apk .playace1-chip-stack {
  width: min(6.45vw, 11.625vh);
  height: min(7.05vw, 12.75vh);
}

.playace1-apk .playace1-chip-value strong {
  font-size: clamp(22px, 1.485vw, 31px);
}

/* PLAYACE1-9: four selectable room identities. */
.playace-room-setting {
  margin: 16px 0 18px;
  padding: 16px;
  border: 1px solid rgba(239, 187, 79, .32);
  border-radius: 10px;
  background: rgba(0, 0, 0, .2);
}

.playace-room-setting-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 13px;
}

.playace-room-setting-heading > div { display: grid; gap: 5px; }
.playace-room-setting-heading strong { color: #fff2cb; font-size: 16px; }
.playace-room-setting-heading span { color: #9aa9c4; font-size: 13px; }
.playace-room-setting-heading > em {
  color: #f1c761;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
  white-space: nowrap;
}

.playace-room-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
}

.playace-room-option {
  position: relative;
  min-width: 0;
  min-height: 142px;
  display: grid;
  grid-template-rows: 88px auto;
  align-items: center;
  padding: 10px 11px 11px;
  overflow: hidden;
  border: 1px solid rgba(95, 159, 255, .24);
  border-radius: 9px;
  background: #02050b;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.playace-room-option:hover { border-color: rgba(239, 187, 79, .58); transform: translateY(-1px); }
.playace-room-option.is-selected {
  border-color: #e6b44b;
  box-shadow: inset 0 0 0 1px rgba(239, 187, 79, .22), 0 0 22px rgba(210, 148, 31, .1);
  background: linear-gradient(180deg, rgba(74, 48, 10, .22), #02050b);
}
.playace-room-option > input { position: absolute; opacity: 0; pointer-events: none; }
.playace-room-option-logo {
  min-width: 0;
  width: 100%;
  height: 82px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.playace-room-option-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
  filter: brightness(0) saturate(100%) invert(80%) sepia(58%) saturate(737%) hue-rotate(350deg) brightness(101%) contrast(96%);
}
.playace-room-option-name {
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 7px;
  color: #f9e7bc;
}
.playace-room-option-name strong { color: #f9e7bc; font-size: 16px; }
.playace-room-option-name em {
  color: #a68c58;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .12em;
}
.playace-room-option > b {
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 3px 6px;
  border-radius: 999px;
  color: #221603;
  background: #e8b84f;
  font-size: 9px;
  opacity: 0;
}
.playace-room-option.is-selected > b { opacity: 1; }

.playace1-screen { min-width: 0; min-height: 0; }
.playace1-room-brand { gap: .75vw; padding: 1vh 1.2vw 1vh 1.8vw; }
.playace1-room-brand .playace1-master-logo {
  flex: 0 0 auto;
  width: min(6vw, 10vh);
  height: min(6vw, 10vh);
  max-width: none;
  max-height: none;
  object-fit: contain;
  filter: drop-shadow(0 0 15px rgba(239, 187, 79, .22));
}
.playace1-brand-divider {
  flex: 0 0 auto;
  width: 1px;
  height: 7vh;
  background: linear-gradient(transparent, rgba(239, 187, 79, .62), transparent);
}
.playace1-room-logo-viewport {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  width: min(13.8vw, 30vh);
  height: min(9.5vh, 9vw);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.playace1-room-brand .playace1-room-logo-viewport img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  transform: none;
  filter: brightness(0) saturate(100%) invert(80%) sepia(58%) saturate(737%) hue-rotate(350deg) brightness(101%) contrast(96%) drop-shadow(0 0 13px rgba(239, 187, 79, .2));
}

@media (max-width: 980px) {
  .playace-room-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 540px) {
  .playace-room-options { grid-template-columns: 1fr; }
  .playace-room-setting-heading { align-items: flex-start; flex-direction: column; }
}

/* Short and ultra-wide projection windows: keep the full hierarchy visible. */
@media (max-height: 620px) and (orientation: landscape), (min-aspect-ratio: 2/1) {
  .playace1-header { grid-template-columns: 29% 44% 27%; }
  .playace1-room-brand { gap: .55vw; padding: .7vh .9vw .7vh 1.25vw; }
  .playace1-room-brand .playace1-master-logo { width: min(4.8vw, 9vh); height: min(4.8vw, 9vh); }
  .playace1-brand-divider { height: 7.2vh; }
  .playace1-room-logo-viewport { width: min(16.2vw, 28vh); height: 10vh; }
  .playace1-title span { margin-bottom: .45vh; font-size: min(.78vw, 2.2vh); }
  .playace1-title h1 { font-size: min(3vw, 6.5vh); }
  .playace1-live { margin-right: 2.7vw; font-size: min(.78vw, 2.5vh); }
  .playace1-live b { font-size: min(1.15vw, 3.2vh); }
  .playace1-main { grid-template-columns: 23% 54% 23%; }
  .playace1-stats, .playace1-next { padding: 2.5vh 2vw 1.6vh; }
  .playace1-section-label { padding-bottom: 1.4vh; font-size: min(.72vw, 2.2vh); }
  .playace1-stats > article { padding: 1.25vh 0; }
  .playace1-stats article span, .playace1-next article span, .playace1-mini-stats span { font-size: min(1.05vw, 2.9vh); }
  .playace1-stats article em, .playace1-next article em { margin-top: .25vh; font-size: min(.52vw, 1.55vh); }
  .playace1-stats article strong { font-size: min(2.4vw, 5.2vh); }
  .playace1-focus { padding: .7vh 1.7vw 1vh; }
  .playace1-level-kicker { font-size: min(.82vw, 2.3vh); }
  .playace1-clock { margin: .8vh 0 .55vh; font-size: min(12vw, 25vh); }
  .playace1-blinds { min-width: 76%; gap: 1.4vw; padding: 1vh 1.5vw; }
  .playace1-blinds div span { font-size: min(.72vw, 2.2vh); }
  .playace1-blinds div em { font-size: min(.5vw, 1.5vh); }
  .playace1-blinds div strong { font-size: min(3.25vw, 7.5vh); }
  .playace1-blinds > i { font-size: min(2.6vw, 6.2vh); }
  .playace1-blinds > b { font-size: min(.72vw, 2.2vh); }
  .playace1-next-level { margin-top: 1.2vh; padding: 1.2vh 1vw; }
  .playace1-next-level strong { margin: .7vh 0 .25vh; font-size: min(3.05vw, 6.5vh); }
  .playace1-next-level b { font-size: min(1.85vw, 4.2vh); }
  .playace1-mini-stats { margin-top: 1vh; }
  .playace1-mini-stats article { padding: .85vh 0; }
  .playace1-mini-stats strong { font-size: min(1.5vw, 3.7vh); }
  .playace1-chip-heading span { font-size: min(1.35vw, 3.5vh); }
  .playace1-chip-heading strong { font-size: min(1.55vw, 4vh); }
  .playace1-chip-heading em { font-size: min(.58vw, 1.7vh); }
  .playace1-chip-value span { font-size: min(.5vw, 1.45vh); }
  .playace1-chip-value strong { font-size: min(1.75vw, 4.3vh); }
  .playace1-footer p { font-size: min(.72vw, 1.85vh); }
  .playace1-footer b { font-size: min(.6vw, 1.55vh); }
}