/* Play page: a full-screen player with a slim top bar. Paywall and continue screens sit on top of the game. */
body.playpage{overflow:hidden;background:#06050b}
.player{position:fixed;inset:0;display:flex;flex-direction:column;background:#06050b;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.testbar+.player,.testbar~.player{top:26px}
.pbar{position:relative;z-index:10;display:flex;align-items:center;gap:10px;padding-block:7px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:var(--bg)}
.pbar .t{font-family:var(--display);font-size:18px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbar .right{display:flex;align-items:center;gap:8px}
.pbtn{font:600 14px var(--body);background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer;text-decoration:none;white-space:nowrap}
.pbtn:hover{border-color:var(--muted)}
.trial{font:700 13px var(--mono);color:var(--amber);background:rgba(255,181,71,.12);border-radius:8px;padding:6px 10px;white-space:nowrap}
.trial.low{color:#ff8fb0;background:rgba(255,93,143,.14)}
.stage{position:relative;flex:1;min-height:0}
.stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:block}
.cover-msg{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font:600 16px var(--body)}
.gate{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;background:rgba(6,5,11,.82);backdrop-filter:blur(4px)}
.gate.solid{background:#0b0a14}
.gate .card{width:min(460px,100%);margin:auto;background:var(--panel);border:2px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:12px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.gate .card h2{font-size:clamp(26px,5vw,34px);line-height:1.05}
.gate .card p{margin:0;color:var(--muted)}
.gate .card .big{font-family:var(--display);font-size:44px;color:var(--amber);line-height:1}
.gate .btn{justify-content:center}
.gate .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.gate .row .btn{flex:1;min-width:150px}
.gate .small{font-size:14px}
.gate img{width:100%;border-radius:14px;aspect-ratio:63/50;object-fit:cover}
.rotate{display:none}
@media (max-width:640px) and (orientation:portrait){
  .player[data-orient="landscape"] .rotate{display:block;font:500 12px var(--mono);color:var(--amber);padding:6px 12px;text-align:center;border-bottom:1px solid var(--line)}
}
@media (max-width:640px){ .pbar{gap:6px} .pbar .t{display:none} .pbar .trial{margin-left:auto} #pFull{display:none} .pbar .right .btn.sm{padding:7px 10px;font-size:14px} .pbar .right .shopbtn{display:none} }