/* 跑得快 · 星港牌局舞台(原型 games/pdk/style.css, 选择器限定在 .pdk-stage 里) */
.pdk-stage{color-scheme:dark;--gold:#e6c48a;--muted:#9fb5ba}.pdk-stage *{box-sizing:border-box}.pdk-stage{margin:0;background:#07161e;color:#f2eee5;font:15px system-ui,'Microsoft YaHei',sans-serif;overflow:hidden}.pdk-stage canvas{position:absolute;inset:0;width:100%;height:100%}.pdk-stage #characters{pointer-events:none;z-index:2}.pdk-stage header{position:absolute;top:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:linear-gradient(#06141ded,transparent);z-index:5}.pdk-stage a{color:var(--muted);text-decoration:none}.pdk-stage .brand{font:26px Georgia,serif;letter-spacing:4px;color:var(--gold)}.pdk-stage .brand small{display:block;font:10px system-ui;letter-spacing:3px;text-align:center;margin-top:9px;color:var(--muted)}.pdk-stage button,.pdk-stage select{font:inherit;border:1px solid #8dadb344;background:#102630dc;border-radius:7px;color:#dce5e7;padding:12px 22px;cursor:pointer}.pdk-stage button:hover{border-color:var(--gold);color:var(--gold)}.pdk-stage button:disabled{opacity:.4;cursor:default}.pdk-stage .room{position:absolute;top:110px;left:50%;transform:translateX(-50%);font-size:12px;color:#a9bfc3;display:flex;gap:15px;align-items:center;z-index:3;white-space:nowrap}.pdk-stage .room span:last-child{padding-left:18px;border-left:1px solid #68898d44;font-size:10px}.pdk-stage .dot{width:6px;height:6px;background:#83d6ae;border-radius:50%;box-shadow:0 0 12px #83d6ae}.pdk-stage .seat{position:absolute;top:49%;z-index:3;width:200px;pointer-events:none}.pdk-stage .left{left:4%}.pdk-stage .right{right:4%;text-align:right}.pdk-stage .seat small{font-size:9px;letter-spacing:3px;color:var(--gold)}.pdk-stage .seat h2{font:25px Georgia,serif;margin:8px 0}.pdk-stage .seat>span{display:inline-block;background:#102b35cc;border:1px solid #739ba055;border-radius:20px;padding:5px 14px;color:#e2cfaa;font-size:13px}.pdk-stage .seat p{font-size:12px;color:#b2c7c9}.pdk-stage .seat.active h2{color:#ffdfa4;text-shadow:0 0 20px #e6c48a80}.pdk-stage #table-label{position:absolute;top:39%;left:50%;transform:translateX(-50%);text-align:center;color:#c0c9ad38;pointer-events:none}.pdk-stage #table-label span{font:25px Georgia,serif;letter-spacing:8px}.pdk-stage #table-label small{display:block;margin-top:12px;font-size:10px;letter-spacing:3px}.pdk-stage .status{position:absolute;top:53%;left:50%;transform:translateX(-50%);text-align:center;z-index:4;width:50%;pointer-events:none}.pdk-stage #turn{font-size:12px;color:var(--gold);letter-spacing:3px}.pdk-stage #message{font-size:14px;color:#cfdddc}.pdk-stage .actions{position:absolute;bottom:35%;left:50%;transform:translateX(-50%);display:flex;gap:14px;z-index:4}.pdk-stage .actions button{min-width:90px}.pdk-stage .primary{background:linear-gradient(135deg,#e9cf9f,#bd9560);color:#1b292e;border:0!important;min-width:135px!important;font-weight:bold;box-shadow:0 6px 30px #d7b17a25}.pdk-stage .primary span{margin-left:22px}.pdk-stage footer{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:22px 35px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#07161e)}.pdk-stage footer strong{display:block;font-size:20px}.pdk-stage footer small{font-size:11px;margin-left:12px;font-weight:normal;color:var(--muted)}.pdk-stage footer span{display:block;font-size:11px;color:var(--gold);margin-top:7px}.pdk-stage .options{display:flex;gap:10px}.pdk-stage .options button,.pdk-stage .options select{font-size:12px;padding:9px 13px}.pdk-stage #loading{position:absolute;inset:0;z-index:20;background:#081922;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gold)}.pdk-stage #loading[hidden],.pdk-stage #cutin[hidden]{display:none}.pdk-stage .spinner{width:42px;height:42px;border:1px solid #e6c48a33;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdk-stage #loading p{color:var(--muted);font-size:13px}.pdk-stage #cutin{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 30% 50%,#487987,#142c3c 55%,#08121e);animation:reveal .3s ease-out}.pdk-stage.cinematic #characters{z-index:8}.pdk-stage.cinematic header,.pdk-stage.cinematic footer,.pdk-stage.cinematic .seat,.pdk-stage.cinematic .status,.pdk-stage.cinematic .actions,.pdk-stage.cinematic .room,.pdk-stage.cinematic #table-label{visibility:hidden}.pdk-stage .slashes{position:absolute;inset:0;background:repeating-linear-gradient(-24deg,transparent 0 70px,#93cacc09 72px 74px,transparent 76px 140px);border-block:60px solid #030b13bb}.pdk-stage .cut-copy{position:absolute;top:36%;right:12%;z-index:9}.pdk-stage .cut-copy small{letter-spacing:6px;color:var(--gold);font-size:12px}.pdk-stage .cut-copy #skill{font:italic 110px Georgia,serif;margin:15px 0;color:#fff0cc;text-shadow:0 0 50px #daa55688}.pdk-stage .cut-copy p{letter-spacing:6px;color:#c0d9df}.pdk-stage #skip{position:absolute;bottom:30px;right:35px;z-index:10}.pdk-stage #cutin{z-index:7}.pdk-stage .cut-copy{pointer-events:none}.pdk-stage dialog{max-width:580px;border:1px solid #c1a77855;background:#102732;color:#d7e4e4;border-radius:14px;padding:35px;line-height:1.9}.pdk-stage dialog::backdrop{background:#0009}.pdk-stage dialog small{color:var(--gold);letter-spacing:4px}.pdk-stage dialog h2{color:#f1d7a9}.pdk-stage #close-rules{float:right;padding:0 10px;font-size:25px}@keyframes reveal{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.pdk-stage header{padding:0 15px;height:75px}.pdk-stage .brand{font-size:18px}.pdk-stage header a,.pdk-stage header button{font-size:11px}.pdk-stage header button{padding:8px}.pdk-stage .room{top:86px}.pdk-stage .seat{top:44%;width:130px}.pdk-stage .seat h2{font-size:20px}.pdk-stage .seat p{font-size:10px}.pdk-stage .left{left:3%}.pdk-stage .right{right:3%}.pdk-stage .status{width:80%;top:53%}.pdk-stage .actions{gap:8px;bottom:32%}.pdk-stage .actions button{min-width:65px;padding:10px 15px}.pdk-stage .primary{min-width:100px!important}.pdk-stage footer{padding:12px;align-items:flex-end}.pdk-stage .options{flex-wrap:wrap;justify-content:flex-end;max-width:260px;gap:5px}.pdk-stage .options button,.pdk-stage .options select{padding:7px;font-size:10px}.pdk-stage #table-label span{font-size:16px;letter-spacing:3px}.pdk-stage .cut-copy{right:6%;top:55%}.pdk-stage .cut-copy #skill{font-size:66px}.pdk-stage .cut-copy small{font-size:9px;letter-spacing:2px}}
.pdk-stage #zoom-played{position:absolute;left:50%;top:47%;transform:translateX(-50%);z-index:4;padding:5px 12px;border-radius:20px;font-size:11px;background:#142c33e0}.pdk-stage #zoom-played[hidden],.pdk-stage #played-preview[hidden]{display:none}.pdk-stage #played-preview{position:absolute;z-index:6;top:18%;left:50%;transform:translateX(-50%);width:min(900px,92vw);padding:18px;background:#132932f5;box-shadow:0 15px 70px #0008;border:1px solid #d9ba8050;border-radius:16px}.pdk-stage #played-preview>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#e8d4ae;font-size:13px;margin-bottom:12px}.pdk-stage #close-played{padding:0 9px;font-size:24px;border:0;background:transparent}.pdk-stage #played-images{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.pdk-stage #played-images img{width:clamp(75px,9vw,115px);height:auto;flex-shrink:0;border-radius:6px;box-shadow:0 2px 8px #0005}.pdk-stage.cinematic #zoom-played,.pdk-stage.cinematic #played-preview{visibility:hidden}@media(max-width:700px){.pdk-stage #zoom-played{top:49%}.pdk-stage .options{max-width:290px}.pdk-stage .options select{max-width:145px}.pdk-stage #played-preview{top:17%;padding:12px}}

/* 站点里的舞台: 页面内 16:9, 默认页面内全屏(account.js 加 html.game-full) */
.pdk-stage{position:relative;width:min(100%,calc((100vh - 100px)*16/9));aspect-ratio:16/9;margin:0 auto;border-radius:18px}
html.game-full,html.game-full body{overflow:hidden}
html.game-full .pdk-stage{position:fixed;inset:0;z-index:50;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;border-radius:0}
html.game-full .chat-fab{display:none}
.pdk-stage .game-header-tools button{padding:8px 14px}
.pdk-stage [data-full-toggle]{display:inline-flex;align-items:center}