.pg-play{--accent:#c8a45c;--ink:#f3eedf;--ink-dim:rgba(243,238,223,0.72);--ink-faint:rgba(243,238,223,0.50);--line:rgba(243,238,223,0.08);--sq-light:#d4bd8a;--sq-dark:#8d6840;min-height:100%;line-height:normal;font-family:var(--font-inter),system-ui,-apple-system,sans-serif;color:var(--ink);min-height:100vh;display:flex;flex-direction:column}.pg-play [hidden]{display:none!important}.pg-play:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 1100px 800px at 85% -10%,rgba(200,164,92,.22) 0,rgba(200,164,92,.1) 18%,rgba(200,164,92,.04) 38%,transparent 60%),radial-gradient(ellipse 900px 700px at 70% 20%,rgba(255,200,120,.1) 0,transparent 50%),#0a0c10}.pg-play main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:18px 24px 48px;display:flex;flex-direction:column;gap:16px}.pg-play #pageHead:empty{display:none}.pg-play #hubCard{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative}.pg-play .bf-floor{left:-80vw;right:-80vw;bottom:0;height:200vh;background-image:conic-gradient(rgba(200,164,92,.55) 90deg,transparent 90deg 180deg,rgba(200,164,92,.55) 180deg 270deg,transparent 270deg);background-size:120px 120px;background-position:bottom;opacity:.16;transform:perspective(650px) rotateX(55deg) scale(1.2);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 15%,#000 26%,#000);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 15%,#000 26%,#000)}.pg-play #hubCard:after,.pg-play .bf-floor{position:fixed;z-index:-1;pointer-events:none}.pg-play #hubCard:after{content:"";left:0;right:0;bottom:22vh;height:28vh;background:radial-gradient(ellipse 62% 90% at 50% 96%,rgba(241,201,122,.1) 0,transparent 70%),linear-gradient(180deg,transparent,rgba(10,12,16,.45) 30%,rgba(10,12,16,.94) 55%,rgba(10,12,16,.98) 66%,rgba(10,12,16,.45) 86%,transparent)}.pg-play .bf{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:12px 20px 6vh}.pg-play .bf-title{font-family:var(--font-fraunces),serif;font-size:clamp(42px,5vw,62px);font-weight:600;letter-spacing:-.01em;line-height:1.05;background:linear-gradient(180deg,#fff7e0,#ecdcbc 55%,#c8a45c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(241,201,122,.18))}.pg-play .bf-rule{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;line-height:1;opacity:.9;text-shadow:0 0 12px rgba(200,164,92,.55)}.pg-play .bf-rule:after,.pg-play .bf-rule:before{content:"";height:1px;width:92px}.pg-play .bf-rule:before{background:linear-gradient(90deg,transparent,rgba(200,164,92,.55))}.pg-play .bf-rule:after{background:linear-gradient(90deg,rgba(200,164,92,.55),transparent)}.pg-play .bf-sub{font-size:15px;color:var(--ink-dim);line-height:1.7;max-width:52ch}.pg-play .battle-btn{margin-top:26px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:.06em;color:#1a1408;padding:17px 58px;border-radius:14px;border:1px solid rgba(241,201,122,.85);background:radial-gradient(ellipse 160px 70px at 24% 18%,rgba(255,245,200,.55) 0,transparent 70%),linear-gradient(135deg,#f1c97a,#d9ad62 50%,#c8a45c);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 20px -4px rgba(200,164,92,.55);animation:play-battle-pulse 2.6s ease-in-out infinite;transition:transform .15s,filter .15s}.pg-play .battle-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.pg-play .battle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes play-battle-pulse{0%,to{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 20px -4px rgba(200,164,92,.55)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 20px -4px rgba(200,164,92,.55),0 0 34px rgba(241,201,122,.42)}}@media (prefers-reduced-motion:reduce){.pg-play .battle-btn{animation:none}}.pg-play .hub-hint{text-align:center;margin-top:8px;min-height:16px;letter-spacing:.03em}.pg-play .back-modes,.pg-play .hub-hint{font-size:12px;color:var(--ink-faint);transition:color .15s}.pg-play .back-modes{align-self:flex-start;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;display:inline-flex;align-items:center;gap:5px;padding:0;margin-bottom:2px}.pg-play .back-modes:hover{color:var(--ink)}@media (max-width:640px){.pg-play .bf{padding-bottom:4vh}.pg-play .bf-sub{font-size:13.5px}.pg-play .bf-rule:after,.pg-play .bf-rule:before{width:52px}.pg-play .bf-floor{background-size:64px 64px;height:44vh}.pg-play .battle-btn{width:100%;max-width:340px;padding:15px 26px;font-size:16px}}.pg-play .panel{border-radius:16px;background:linear-gradient(180deg,rgba(13,15,20,.88),rgba(8,9,14,.94));border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.4)}.pg-play .center-card{max-width:460px;margin:40px auto 0;padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.pg-play .center-card h2{font-family:var(--font-fraunces),serif;font-size:24px;font-weight:600}.pg-play .center-card p{font-size:13px;color:var(--ink-dim);line-height:1.6;max-width:340px}.pg-play .gold-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;color:#1a1408;background:linear-gradient(180deg,var(--accent),rgba(200,164,92,.78));border:1px solid rgba(200,164,92,.85);padding:12px 26px;border-radius:9px;cursor:pointer;font-family:inherit;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 10px rgba(200,164,92,.3);transition:transform .15s,filter .15s}.pg-play .gold-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.pg-play .gold-btn:disabled{opacity:.5;cursor:wait;transform:none}.pg-play .ghost-btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-dim);background:rgba(255,255,255,.04);border:1px solid var(--line);padding:10px 20px;border-radius:9px;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.pg-play .ghost-btn:hover{color:var(--ink);border-color:rgba(255,255,255,.2)}.pg-play .dev-id{margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.34)}.pg-play .gate-guest-note{margin-top:-8px;font-size:11.5px;color:var(--ink-faint);letter-spacing:.02em}.pg-play .err{color:#ff8f8f;font-size:12.5px;text-align:center}.pg-play .search-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding-bottom:4vh}.pg-play .search-stage h2{font-family:var(--font-fraunces),serif;font-size:26px;font-weight:600;color:var(--ink)}.pg-play .radar{position:relative;width:230px;height:230px;margin-bottom:4px}.pg-play .radar-rings{background:repeating-radial-gradient(circle at 50% 50%,rgba(200,164,92,.16) 0 1px,transparent 1px 28px)}.pg-play .radar-rings,.pg-play .radar-sweep{position:absolute;inset:0;border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 45%,transparent 72%);mask-image:radial-gradient(circle,#000 45%,transparent 72%)}.pg-play .radar-sweep{background:conic-gradient(transparent 0deg 260deg,rgba(200,164,92,.22) 350deg,transparent 1turn);animation:play-radar-sweep 3s linear infinite}@keyframes play-radar-sweep{to{transform:rotate(1turn)}}.pg-play .radar-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(200,164,92,.45);animation:play-radar-pulse 2.2s ease-out infinite backwards}.pg-play .radar-pulse.p2{animation-delay:-1.1s}@keyframes play-radar-pulse{0%{transform:scale(.32);opacity:.9}to{transform:scale(1);opacity:0}}.pg-play .radar-core{position:absolute;top:50%;left:50%;width:96px;height:96px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.pg-play .radar-spin{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(200,164,92,.18);border-top:3px solid var(--accent);animation:play-spin .9s linear infinite}.pg-play .radar-avatar{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-fraunces),serif;font-size:30px;font-weight:600;color:var(--accent);background:radial-gradient(circle at 35% 30%,rgba(255,235,180,.2),transparent 60%),linear-gradient(155deg,#232630,#12141b);border:1px solid rgba(200,164,92,.35);box-shadow:0 0 24px rgba(200,164,92,.28),inset 0 1px 0 rgba(255,255,255,.08)}.pg-play .rated-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--accent);background:rgba(200,164,92,.1);border:1px solid rgba(200,164,92,.4);padding:7px 16px;border-radius:999px}.pg-play .search-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pg-play .search-pills .pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink);padding:8px 16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.pg-play .search-pills .pill-ico{font-size:12px}.pg-play .search-hint{font-size:12.5px;color:var(--ink-faint);letter-spacing:.02em}.pg-play .cancel-btn{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.03em;color:#ffb3b3;background:rgba(245,101,101,.1);border:1px solid rgba(245,101,101,.4);padding:13px 34px;border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.pg-play .cancel-btn:hover{background:rgba(245,101,101,.18);border-color:rgba(245,101,101,.6);transform:translateY(-1px)}.pg-play .found-check{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5fdc9c;background:rgba(95,220,156,.12);box-shadow:0 0 32px rgba(95,220,156,.35);animation:play-found-pop .4s cubic-bezier(.34,1.56,.64,1)}.pg-play .found-check svg{width:46px;height:46px}@keyframes play-found-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pg-play .found-check,.pg-play .radar-pulse,.pg-play .radar-sweep{animation:none}.pg-play .radar-pulse{opacity:.25;transform:scale(.7)}}.pg-play .spinner{width:34px;height:34px;border:3px solid rgba(200,164,92,.2);border-top:3px solid var(--accent);border-radius:50%;animation:play-spin .9s linear infinite}@keyframes play-spin{to{transform:rotate(1turn)}}.pg-play .game-grid{display:none;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);gap:18px;justify-content:center;align-items:stretch;flex:1;min-height:0}.pg-play .board-col{display:flex;flex-direction:column;gap:10px;min-height:0}.pg-play.in-game{height:100vh;overflow:hidden}.pg-play.in-game .footer-wrap{display:none}.pg-play.in-game main{flex:1;min-height:0;overflow:hidden;padding-bottom:18px}.pg-play .player-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px}.pg-play .player-bar .who{display:flex;align-items:center;gap:10px;min-width:0}.pg-play .player-bar .pav{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,rgba(200,164,92,.35),rgba(95,182,162,.3));border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.pg-play .player-bar .pname{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-play .player-bar .prating{font-size:11px;color:var(--ink-faint)}.pg-play .clock{font-family:var(--font-inter),monospace;font-size:22px;font-weight:800;letter-spacing:.03em;padding:6px 14px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--line);min-width:96px;text-align:center}.pg-play .clock.active{color:var(--accent);border-color:rgba(200,164,92,.5);box-shadow:0 0 12px rgba(200,164,92,.18)}.pg-play .clock.low{color:#ff8f8f;border-color:rgba(255,91,91,.5)}.pg-play .board3d-wrap{position:relative;flex:1 1 0;min-height:0;aspect-ratio:1/1;max-width:100%;margin:0 auto}.pg-play .action-row{display:flex;gap:10px;justify-content:center}.pg-play .side-col{display:flex;flex-direction:column;gap:12px}.pg-play .side-box{padding:16px 18px}.pg-play .side-box h3{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}.pg-play .movelist{display:grid;grid-template-columns:34px 1fr 1fr;gap:3px 8px;font-size:12.5px;max-height:300px;overflow-y:auto}.pg-play .movelist .n{color:var(--ink-faint)}.pg-play .movelist .m{color:var(--ink-dim);font-weight:600}.pg-play .draw-banner{padding:12px 16px;border-radius:12px;border:1px solid rgba(200,164,92,.45);background:rgba(200,164,92,.1);font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pg-play .status-line{font-size:12px;color:var(--ink-faint);text-align:center}.pg-play .result-card{text-align:center;padding:26px 22px}.pg-play .result-card .headline{font-family:var(--font-fraunces),serif;font-size:26px;font-weight:700;margin-bottom:6px}.pg-play .result-card .reason{font-size:13px;color:var(--ink-dim);margin-bottom:8px}.pg-play .result-card .delta{font-size:15px;font-weight:800;margin-bottom:16px}.pg-play .result-card .delta.up{color:#38d39f}.pg-play .result-card .delta.down{color:#ff8f8f}@media (max-width:1023px){.pg-play .game-grid{grid-template-columns:minmax(0,1fr)}.pg-play .side-col{order:2}}@media (max-width:767px){.pg-play main{padding:14px 12px 32px}.pg-play .clock{font-size:18px;min-width:82px}}