.header-right-actions[data-v-64eb9f0c]{justify-self:end;display:flex;align-items:center;gap:12px}.user-pill[data-v-64eb9f0c]{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.user-pill[data-v-64eb9f0c]:hover,.user-pill--active[data-v-64eb9f0c]{border-color:#123b70;box-shadow:0 4px 14px #123b701f}.user-pill[data-v-64eb9f0c]:active{transform:translateY(1px)}.lang-switch-btn[data-v-64eb9f0c]{height:36px;width:36px;border-radius:50%;border:1px solid var(--stroke-strong, #ccc);background:transparent;color:var(--text-primary);font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lang-switch-btn[data-v-64eb9f0c]:hover{background:#0000000d;transform:scale(1.05)}.lang-switch-btn[data-v-64eb9f0c]:active{transform:scale(.95)}.premium-board-home[data-v-1c2518dd]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;padding:48px;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden;min-height:380px}.premium-board-home[data-v-1c2518dd]:before{content:"";position:absolute;top:-20%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.template-home-copy[data-v-1c2518dd]{max-width:480px;z-index:2}.game-subtitle-premium[data-v-1c2518dd]{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#818cf8;font-weight:700;margin-bottom:12px}.template-home-copy h1[data-v-1c2518dd]{font-size:44px;font-weight:850;margin:0 0 16px;background:linear-gradient(to right,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.game-description-premium[data-v-1c2518dd]{font-size:16px;line-height:1.6;color:#94a3b8;display:block;margin-bottom:32px}.play-button-premium[data-v-1c2518dd]{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 8px 24px #4f46e566;transition:all .3s cubic-bezier(.16,1,.3,1)}.play-button-premium[data-v-1c2518dd]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4f46e580;background:linear-gradient(135deg,#6366f1,#4f46e5)}.play-button-premium[data-v-1c2518dd]:active{transform:translateY(0)}.play-icon-premium[data-v-1c2518dd]{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #ffffff}.premium-tictactoe-preview[data-v-1c2518dd]{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:10px;background:#ffffff08;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 10px #0003;z-index:2}.premium-cell[data-v-1c2518dd]{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;transition:all .5s}.premium-cell.filled.cell-x[data-v-1c2518dd]{background:#6366f11a;border-color:#6366f14d;color:#818cf8;text-shadow:0 0 15px rgba(99,102,241,.5);animation:cellGlow-1c2518dd 2s infinite alternate}.premium-cell.filled.cell-o[data-v-1c2518dd]{background:#ec48991a;border-color:#ec48994d;color:#f472b6;text-shadow:0 0 15px rgba(236,72,153,.5);animation:cellGlowPink-1c2518dd 2s infinite alternate}@keyframes cellGlow-1c2518dd{0%{transform:scale(1)}to{transform:scale(1.03);box-shadow:0 0 10px #6366f133}}@keyframes cellGlowPink-1c2518dd{0%{transform:scale(1)}to{transform:scale(1.03);box-shadow:0 0 10px #ec489933}}@media (max-width: 768px){.premium-board-home[data-v-1c2518dd]{flex-direction:column;padding:32px;gap:32px;align-items:flex-start}.premium-tictactoe-preview[data-v-1c2518dd]{align-self:center}}.xiangqi-home[data-v-2924730a]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#2e1d0c,#170d05);border-radius:24px;padding:48px;color:#fff;border:1px solid rgba(217,168,95,.15);box-shadow:0 20px 50px #0006;position:relative;overflow:hidden;min-height:380px}.xiangqi-home[data-v-2924730a]:before{content:"";position:absolute;top:-20%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(217,168,95,.1) 0%,transparent 70%);pointer-events:none}.template-home-copy[data-v-2924730a]{max-width:480px;z-index:2}.game-subtitle-premium[data-v-2924730a]{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#d9a85f;font-weight:700;margin-bottom:12px}.template-home-copy h1[data-v-2924730a]{font-size:44px;font-weight:850;margin:0 0 16px;background:linear-gradient(to right,#fff,#f5d09e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.game-description-premium[data-v-2924730a]{font-size:16px;line-height:1.6;color:#c4b5a6;display:block;margin-bottom:32px}.play-button-premium[data-v-2924730a]{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#a16207,#78350f);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 8px 24px #78350f66;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(217,168,95,.3)}.play-button-premium[data-v-2924730a]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #78350f80;background:linear-gradient(135deg,#ca8a04,#a16207)}.play-button-premium[data-v-2924730a]:active{transform:translateY(0)}.play-icon-premium[data-v-2924730a]{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #ffffff}.premium-xiangqi-preview[data-v-2924730a]{display:flex;justify-content:center;align-items:center;z-index:2}.wooden-board-mock[data-v-2924730a]{width:200px;height:220px;background:#edc77b;border:4px solid #6f4a22;border-radius:12px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 25px #0000004d,inset 0 0 40px #6f4a224d}.wooden-board-mock[data-v-2924730a]:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#6f4a2266}.river-mock[data-v-2924730a]{font-size:14px;color:#6f4a22;font-weight:800;letter-spacing:4px;z-index:1}.piece-mock[data-v-2924730a]{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff7dc,#e4bb68 72%);border:2.5px solid #7c4f20;box-shadow:0 4px 8px #0000004d;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;position:absolute}.piece-mock.red[data-v-2924730a]{color:#b3261e;bottom:24px;left:30px;transform:rotate(-10deg)}.piece-mock.black[data-v-2924730a]{color:#202124;top:24px;right:30px;transform:rotate(15deg)}@media (max-width: 768px){.xiangqi-home[data-v-2924730a]{flex-direction:column;padding:32px;gap:32px;align-items:flex-start}.premium-xiangqi-preview[data-v-2924730a]{align-self:center}}.gobang-home[data-v-7a86ce22]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1c1d21,#090a0c);border-radius:24px;padding:48px;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden;min-height:380px}.gobang-home[data-v-7a86ce22]:before{content:"";position:absolute;top:-20%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.template-home-copy[data-v-7a86ce22]{max-width:480px;z-index:2}.game-subtitle-premium[data-v-7a86ce22]{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#94a3b8;font-weight:700;margin-bottom:12px}.template-home-copy h1[data-v-7a86ce22]{font-size:44px;font-weight:850;margin:0 0 16px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.game-description-premium[data-v-7a86ce22]{font-size:16px;line-height:1.6;color:#94a3b8;display:block;margin-bottom:32px}.play-button-premium[data-v-7a86ce22]{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#3f3f46,#18181b);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 8px 24px #0006;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.15)}.play-button-premium[data-v-7a86ce22]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ffffff1a;background:linear-gradient(135deg,#52525b,#27272a)}.play-button-premium[data-v-7a86ce22]:active{transform:translateY(0)}.play-icon-premium[data-v-7a86ce22]{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #ffffff}.premium-gobang-preview[data-v-7a86ce22]{display:flex;justify-content:center;align-items:center;z-index:2}.gobang-board-mock[data-v-7a86ce22]{width:200px;height:200px;background:#d8b48f;border:3px solid #7c5a3d;border-radius:12px;position:relative;box-shadow:0 10px 25px #0000004d}.gobang-board-mock[data-v-7a86ce22]:before{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;background-size:34px 34px;background-image:linear-gradient(to right,#7c5a3d 1px,transparent 1px),linear-gradient(to bottom,#7c5a3d 1px,transparent 1px)}.stone-mock[data-v-7a86ce22]{width:28px;height:28px;border-radius:50%;position:absolute;box-shadow:0 3px 6px #0000004d}.stone-mock.black[data-v-7a86ce22]{background:radial-gradient(circle at 30% 30%,#444,#111 80%);top:40px;left:40px}.stone-mock.white[data-v-7a86ce22]{background:radial-gradient(circle at 30% 30%,#fff,#ddd 80%);bottom:40px;right:40px;border:1px solid #ccc}.stone-mock.black.center[data-v-7a86ce22]{top:86px;left:86px}@media (max-width: 768px){.gobang-home[data-v-7a86ce22]{flex-direction:column;padding:32px;gap:32px;align-items:flex-start}.premium-gobang-preview[data-v-7a86ce22]{align-self:center}}.doudizhu-home[data-v-23608e02]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#075e54,#004d40);border-radius:24px;padding:48px;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden;min-height:380px}.doudizhu-home[data-v-23608e02]:before{content:"";position:absolute;top:-20%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(79,110,138,.15) 0%,transparent 70%);pointer-events:none}.template-home-copy[data-v-23608e02]{max-width:480px;z-index:2}.game-subtitle-premium[data-v-23608e02]{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#a7f3d0;font-weight:700;margin-bottom:12px}.template-home-copy h1[data-v-23608e02]{font-size:44px;font-weight:850;margin:0 0 16px;background:linear-gradient(to right,#fff,#a7f3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.game-description-premium[data-v-23608e02]{font-size:16px;line-height:1.6;color:#a7f3d0;opacity:.85;display:block;margin-bottom:32px}.play-button-premium[data-v-23608e02]{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 8px 24px #04785766;transition:all .3s cubic-bezier(.16,1,.3,1)}.play-button-premium[data-v-23608e02]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #04785780;background:linear-gradient(135deg,#34d399,#10b981)}.play-button-premium[data-v-23608e02]:active{transform:translateY(0)}.play-icon-premium[data-v-23608e02]{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #ffffff}.premium-doudizhu-preview[data-v-23608e02]{display:flex;justify-content:center;align-items:center;z-index:2}.cards-fan[data-v-23608e02]{position:relative;width:140px;height:180px}.card-mock[data-v-23608e02]{width:90px;height:130px;background:#fff;border:1px solid #ddd;border-radius:8px;position:absolute;box-shadow:0 6px 15px #0000004d;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:850;transform-origin:bottom center}.red-joker[data-v-23608e02]{color:#ef4444;transform:rotate(-15deg) translate(-20px,10px);z-index:1}.spade-a[data-v-23608e02]{color:#1f2937;transform:rotate(0);z-index:2}.heart-k[data-v-23608e02]{color:#ef4444;transform:rotate(15deg) translate(20px,10px);z-index:3}@media (max-width: 768px){.doudizhu-home[data-v-23608e02]{flex-direction:column;padding:32px;gap:32px;align-items:flex-start}.premium-doudizhu-preview[data-v-23608e02]{align-self:center;margin-top:20px}}.premium-board-home[data-v-184dd8e1]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;padding:48px;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden;min-height:380px}.premium-board-home[data-v-184dd8e1]:before{content:"";position:absolute;top:-20%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.template-home-copy[data-v-184dd8e1]{max-width:480px;z-index:2}.game-subtitle-premium[data-v-184dd8e1]{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#818cf8;font-weight:700;margin-bottom:12px}.template-home-copy h1[data-v-184dd8e1]{font-size:44px;font-weight:850;margin:0 0 16px;background:linear-gradient(to right,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.game-description-premium[data-v-184dd8e1]{font-size:16px;line-height:1.6;color:#94a3b8;display:block;margin-bottom:32px}.play-button-premium[data-v-184dd8e1]{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 8px 24px #4f46e566;transition:all .3s cubic-bezier(.16,1,.3,1)}.play-button-premium[data-v-184dd8e1]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4f46e580;background:linear-gradient(135deg,#6366f1,#4f46e5)}.play-button-premium[data-v-184dd8e1]:active{transform:translateY(0)}.play-icon-premium[data-v-184dd8e1]{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #ffffff}.premium-chess-preview[data-v-184dd8e1]{display:grid;grid-template-columns:repeat(8,28px);grid-template-rows:repeat(8,28px);background:#1e293b;padding:8px;border-radius:12px;border:4px solid #334155;box-shadow:0 15px 30px #0006;z-index:2}.premium-chess-cell[data-v-184dd8e1]{display:flex;align-items:center;justify-content:center;font-size:18px;-webkit-user-select:none;user-select:none}.cell-light[data-v-184dd8e1]{background-color:#e2e8f0}.cell-dark[data-v-184dd8e1]{background-color:#475569}.preview-piece.white[data-v-184dd8e1]{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 4px rgba(255,255,255,.4)}.preview-piece.black[data-v-184dd8e1]{color:#0f172a;text-shadow:0 1px 2px rgba(255,255,255,.4)}@media (max-width: 768px){.premium-board-home[data-v-184dd8e1]{flex-direction:column;padding:32px;gap:32px;align-items:flex-start}.premium-chess-preview[data-v-184dd8e1]{align-self:center}}.default-game-home[data-v-7d5b83c7]{width:100%}.play-surface[data-v-7d5b83c7]{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 36px #00000014}.play-surface img[data-v-7d5b83c7]{width:100%;height:100%;object-fit:cover}.play-overlay[data-v-7d5b83c7]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:34px;color:#fff}.play-overlay h1[data-v-7d5b83c7]{margin:0;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.5px}.play-overlay p[data-v-7d5b83c7]{margin:6px 0 20px;color:#ffffffb3;font-size:15px;font-weight:600}.play-button[data-v-7d5b83c7]{align-self:flex-start;height:48px;padding:0 32px;background:var(--accent);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0067b84d;transition:transform .2s,background-color .2s}.play-button[data-v-7d5b83c7]:hover{background:var(--accent-hover, #005a9e);transform:translateY(-2px)}@media (max-width: 655px){.play-overlay[data-v-7d5b83c7]{padding:20px}}.mobile-category-carousel[data-v-92bdbb41]{display:flex;overflow-x:auto;gap:16px;padding:16px 0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-category-carousel[data-v-92bdbb41]::-webkit-scrollbar{display:none}.carousel-item[data-v-92bdbb41]{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;min-width:56px;background:transparent;border:none;padding:0;flex-shrink:0}.carousel-item img[data-v-92bdbb41]{width:48px;height:48px;object-fit:contain;border-radius:12px;transition:transform .2s ease}.carousel-item.active img[data-v-92bdbb41]{transform:scale(1.1)}.carousel-item span[data-v-92bdbb41]{font-size:13px;color:#666;white-space:nowrap}.carousel-item.active span[data-v-92bdbb41]{font-weight:600;color:#242424}.board-game-container[data-v-f2c2ea17]{width:100%;max-width:960px;display:flex;flex-direction:column;gap:20px}.board-game-header[data-v-f2c2ea17]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 4px 16px #0000000a}.status-title[data-v-f2c2ea17]{font-size:24px;font-weight:800;color:var(--text-primary);margin-top:4px}.board-game-play-area[data-v-f2c2ea17]{display:grid;grid-template-columns:minmax(0,560px) 300px;gap:20px;align-items:start}.board-game-view[data-v-f2c2ea17]{background:#0f172a;border-radius:20px;padding:24px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0f172a26;width:100%;box-sizing:border-box}.example-board[data-v-f2c2ea17]{width:100%;height:100%;max-width:440px;max-height:440px;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px}.example-cell[data-v-f2c2ea17]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:min(48px,10vw);font-weight:900;transition:all .25s cubic-bezier(.16,1,.3,1);aspect-ratio:1;position:relative;overflow:hidden}.example-cell[data-v-f2c2ea17]:hover:not(.filled){background:#ffffff14;transform:translateY(-2px)}.example-cell.filled[data-v-f2c2ea17]{background:#ffffff0d;cursor:default}.mark-x[data-v-f2c2ea17]{color:#818cf8;text-shadow:0 0 12px rgba(129,140,248,.4)}.mark-o[data-v-f2c2ea17]{color:#f472b6;text-shadow:0 0 12px rgba(244,114,182,.4)}.example-cell.latest[data-v-f2c2ea17]{border-color:#34a853;box-shadow:inset 0 0 0 3px #34a853}.board-game-sidebar[data-v-f2c2ea17]{display:flex;flex-direction:column;gap:16px}.sidebar-card[data-v-f2c2ea17]{background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;box-shadow:0 4px 12px #00000005}.scrollable-card[data-v-f2c2ea17]{max-height:320px;overflow-y:auto}.mode-val[data-v-f2c2ea17]{font-size:16px;color:var(--text-primary);display:block;margin-top:4px}.history-item[data-v-f2c2ea17]{display:inline-flex;align-items:center;gap:6px}.history-mark[data-v-f2c2ea17]{display:inline-flex;width:20px;height:20px;border-radius:4px;align-items:center;justify-content:center;font-weight:900;font-size:11px}.history-mark.is-x[data-v-f2c2ea17]{background:#818cf826;color:#818cf8}.history-mark.is-o[data-v-f2c2ea17]{background:#f472b626;color:#f472b6}@media (max-width: 799px){.board-game-play-area[data-v-f2c2ea17]{grid-template-columns:1fr;gap:12px}.board-game-view[data-v-f2c2ea17]{padding:12px;border-radius:12px}.example-cell[data-v-f2c2ea17]{border-radius:10px}}@media (max-height: 540px) and (orientation: landscape){.board-game-play-area[data-v-f2c2ea17]{grid-template-columns:auto 1fr;gap:16px}.board-game-view[data-v-f2c2ea17]{padding:8px;border-radius:12px;height:100%;width:auto}.example-board[data-v-f2c2ea17]{width:auto;height:100%}}.fade-enter-active[data-v-4e3305aa],.fade-leave-active[data-v-4e3305aa]{transition:opacity .3s ease}.fade-enter-from[data-v-4e3305aa],.fade-leave-to[data-v-4e3305aa]{opacity:0}.gobang-classic-shell[data-v-4e3305aa]{position:relative;width:100%;max-width:960px;height:calc(100vh - 160px);min-height:580px;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #00000059;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}@media (max-width: 799px) and (orientation: portrait){.gobang-classic-shell[data-v-4e3305aa]{height:auto!important;min-height:0!important;border-radius:8px!important;box-shadow:0 8px 24px #0003!important;overflow:visible!important}}.gobang-classic-shell.theme-wood[data-v-4e3305aa]{background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 12px),linear-gradient(to right,#0000004d,#0000 25%,#0000 75%,#0000004d),radial-gradient(circle at 50% 30%,#543315,#1e1106)!important;color:#fdf6e2!important}.gobang-classic-shell.theme-zen[data-v-4e3305aa]{background:radial-gradient(circle at 50% 30%,#e8e4d9,#b8b3a0)!important;color:#1a1a1a!important}.gobang-classic-shell.theme-neon[data-v-4e3305aa]{background:radial-gradient(circle at 50% 30%,#0c1b2b,#03070b)!important;color:#fff!important}.gobang-classic-shell.theme-glass[data-v-4e3305aa]{background:linear-gradient(135deg,#eef2f6,#cbd5e1)!important;color:#0f172a!important}.gobang-menu-screen[data-v-4e3305aa]{position:relative;width:100%;min-height:580px;display:flex;justify-content:center;align-items:center;z-index:80;box-sizing:border-box}@media (max-width: 767px){.gobang-menu-screen[data-v-4e3305aa]{min-height:480px}}.gobang-menu-card[data-v-4e3305aa]{width:min(90vw,420px);background:#ecd9b1;border:4px double #8d7348;border-radius:12px;box-shadow:0 16px 40px #00000080,inset 0 0 16px #6f4a2226;padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:28px;box-sizing:border-box;text-align:center}.classic-logo-border[data-v-4e3305aa]{border:3px double #a18353;padding:12px 28px;background:#fdfaf2;box-shadow:inset 0 0 6px #0000000f}.classic-logo-text[data-v-4e3305aa]{font-family:Times New Roman,Times,serif;font-size:38px;font-weight:900;letter-spacing:4px;margin:0;background:linear-gradient(to bottom,#d2a452,#856124);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.25))}.logo-sub[data-v-4e3305aa]{font-family:Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:6px;color:#8d7348;margin-top:4px;text-indent:6px}.menu-action-buttons[data-v-4e3305aa]{display:flex;flex-direction:column;gap:16px;width:100%}.skeuo-card[data-v-4e3305aa]{background:linear-gradient(to bottom,#fcf6e7,#dfcd9f);border:2px solid #5d4624;border-radius:4px;padding:2px;box-shadow:0 4px 10px #00000038,inset 0 1px #fff9;cursor:pointer;transition:all .15s ease;box-sizing:border-box;display:inline-flex}.skeuo-card-inner[data-v-4e3305aa]{border:1px solid rgba(93,70,36,.45);width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;position:relative}.skeuo-card-inner[data-v-4e3305aa]:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1.5px solid transparent;border-image:radial-gradient(circle at 0 0,transparent 4px,rgba(93,70,36,.25) 5px) 1;pointer-events:none}.skeuo-card[data-v-4e3305aa]:hover{background:linear-gradient(to bottom,#fff,#e6d7b4);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.skeuo-card[data-v-4e3305aa]:active{transform:translateY(1px);box-shadow:0 2px 4px #00000026,inset 0 2px 4px #00000026;background:#dfcd9f}.skeuo-icon[data-v-4e3305aa]{width:28px;height:28px;display:block}.skeuo-s[data-v-4e3305aa]{width:22px;height:22px}.menu-bottom-hud[data-v-4e3305aa]{display:flex;gap:20px;margin-top:10px}.skeuo-btn-circle[data-v-4e3305aa]{border-radius:50%;padding:2px}.circle-inner[data-v-4e3305aa]{border-radius:50%;padding:10px}.config-section[data-v-4e3305aa]{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.config-group[data-v-4e3305aa]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.divider-line[data-v-4e3305aa]{width:80%;height:2px;background:radial-gradient(circle,#8d7348 20%,transparent 80%);margin:4px 0}.brain-difficulty-hud[data-v-4e3305aa]{display:flex;align-items:center;gap:24px}.brain-profile-svg[data-v-4e3305aa]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.difficulty-arrows[data-v-4e3305aa]{display:flex;flex-direction:column;gap:10px}.arrow-btn[data-v-4e3305aa]{background:transparent;border:none;width:0;height:0;cursor:pointer;padding:0;transition:transform .1s}.arrow-btn[data-v-4e3305aa]:active:not(:disabled){transform:scale(.9)}.arrow-btn[data-v-4e3305aa]:disabled{opacity:.2;cursor:not-allowed}.triangle-l[data-v-4e3305aa]{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:15px solid #8d7348}.triangle-r[data-v-4e3305aa]{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #8d7348}.pvp-type-selector[data-v-4e3305aa]{display:flex;gap:16px}.pvp-type-card[data-v-4e3305aa]{width:80px;height:52px}.pvp-type-card.active[data-v-4e3305aa]{border-color:#34a853;box-shadow:0 0 12px #34a85373;background:linear-gradient(to bottom,#f2fbf4,#cceecd)}.side-selector-chips[data-v-4e3305aa]{display:flex;gap:16px}.side-chip[data-v-4e3305aa]{width:60px;height:60px}.side-chip.active[data-v-4e3305aa]{border-color:#34a853;box-shadow:0 0 12px #34a85373;background:linear-gradient(to bottom,#f2fbf4,#cceecd);transform:translateY(-2px)}.stone-w-preview[data-v-4e3305aa],.stone-b-preview[data-v-4e3305aa],.stone-half-b-w[data-v-4e3305aa]{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 4px #0000004d}.stone-w-preview[data-v-4e3305aa]{background:radial-gradient(circle at 35% 35%,#fff,#e5e5e5 60%,#b5b5b5);border:1px solid #dcdcdc}.stone-b-preview[data-v-4e3305aa]{background:radial-gradient(circle at 35% 35%,#4a4a4a,#1a1a1a 60%,#000);border:1px solid #111}.stone-half-b-w[data-v-4e3305aa]{background:linear-gradient(135deg,#4a4a4a 50%,#fff 50%);border:1.5px solid #8d7348;color:#d2a452;font-weight:900;font-size:14px;line-height:22px;text-align:center;font-family:Times New Roman,serif}.config-bottom-nav[data-v-4e3305aa]{display:flex;gap:40px}.confirm-play-btn[data-v-4e3305aa]{background:linear-gradient(to bottom,#e2fbe2,#bcedbc);border-color:#34a853}.gobang-game-layout[data-v-4e3305aa]{display:flex;justify-content:center;align-items:center;width:100%}.gobang-pillar[data-v-4e3305aa]{width:80px;height:480px;background:#dfcd9f;border:2px solid #8d7348;border-radius:8px;box-shadow:inset 0 0 12px #00000026,0 8px 20px #0000004d;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;padding:24px 8px}.pillar-label[data-v-4e3305aa]{display:flex;flex-direction:column;align-items:center;gap:8px}.pillar-icon[data-v-4e3305aa]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.mini-indicator-stone[data-v-4e3305aa]{width:16px;height:16px;border-radius:50%;box-shadow:0 1px 3px #0000004d}.mini-indicator-stone.b-stone[data-v-4e3305aa]{background:radial-gradient(circle at 35% 35%,#444,#000)}.mini-indicator-stone.w-stone[data-v-4e3305aa]{background:radial-gradient(circle at 35% 35%,#fff,#ccc);border:1px solid #dcdcdc}.turn-highlight[data-v-4e3305aa]{width:16px;height:16px;border-radius:50%;background:#c5b494;border:2px solid #7c6742;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:all .25s}.turn-highlight.active[data-v-4e3305aa]{background:#34a853;border-color:#257e3c;box-shadow:0 0 10px #34a853,inset 0 1px #fff6}.turn-highlight.active .light-dot[data-v-4e3305aa]{width:4px;height:4px;border-radius:50%;background:#fff;opacity:.9}.pillar-bottom-btn[data-v-4e3305aa]{width:46px;height:46px}.pillar-bottom-btn .skeuo-card-inner[data-v-4e3305aa]{padding:6px}.pillar-spacer[data-v-4e3305aa]{height:46px}.gobang-board-view[data-v-4e3305aa]{position:relative;background:#d4b88a;border:6px solid #fdfaf2;border-radius:8px;box-shadow:0 12px 30px #0006,inset 0 0 20px #00000026;box-sizing:border-box;max-width:480px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.gobang-board-svg[data-v-4e3305aa]{width:100%;height:100%;display:block}.grid-line[data-v-4e3305aa]{stroke:#735a34;stroke-width:1.2px;opacity:.6}.star-point[data-v-4e3305aa]{fill:#735a34;opacity:.8}.stone-group[data-v-4e3305aa]{cursor:pointer}.stone-shadow[data-v-4e3305aa]{fill:#00000073;filter:blur(1.5px)}.stone-b .stone-body[data-v-4e3305aa]{fill:url(#blackStoneGradient);stroke:#111;stroke-width:.5px}.stone-w .stone-body[data-v-4e3305aa]{fill:url(#whiteStoneGradient);stroke:#d0d0d0;stroke-width:.5px}.gobang-board-svg[data-v-4e3305aa]{background-image:radial-gradient(circle,#f3e5c8 60%,#dfcd9f)}.hover-stone-preview[data-v-4e3305aa]{opacity:.6;pointer-events:none}.preview-black[data-v-4e3305aa]{fill:#1a1a1a}.preview-white[data-v-4e3305aa]{fill:#fff;stroke:#ccc;stroke-width:.5px}.board-helper-lines[data-v-4e3305aa]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.helper-line-h[data-v-4e3305aa]{position:absolute;left:20px;right:20px;height:1px;background:#b52c2c40;border-top:1px dashed rgba(181,44,44,.35);transform:translateY(-.5px)}.helper-line-v[data-v-4e3305aa]{position:absolute;top:20px;bottom:20px;width:1px;background:#b52c2c40;border-left:1px dashed rgba(181,44,44,.35);transform:translate(-.5px)}.last-move-marker[data-v-4e3305aa]{animation:marker-pulse-4e3305aa 1.2s infinite alternate}.marker-on-black[data-v-4e3305aa]{fill:#ff3b30;stroke:#fff;stroke-width:.5px}.marker-on-white[data-v-4e3305aa]{fill:#ff3b30;stroke:#000;stroke-width:.5px}@keyframes marker-pulse-4e3305aa{0%{r:2.5;opacity:.7}to{r:4.5;opacity:1}}.gobang-setting-overlay[data-v-4e3305aa]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center}.gobang-setting-panel[data-v-4e3305aa]{width:min(85vw,360px);background:#ecd9b1;border:4px double #8d7348;border-radius:12px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;box-sizing:border-box;padding:24px;gap:20px}.setting-content[data-v-4e3305aa]{display:flex;flex-direction:column;gap:24px}.control-grid-btns[data-v-4e3305aa]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-menu-btn[data-v-4e3305aa]{height:52px;display:flex}.grid-menu-btn .skeuo-card-inner[data-v-4e3305aa]{padding:10px}.setting-options-list[data-v-4e3305aa]{display:flex;flex-direction:column;gap:16px}.setting-row-item[data-v-4e3305aa]{display:flex;justify-content:space-between;align-items:center;height:36px}.skeuo-icon-small[data-v-4e3305aa]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.option-slider[data-v-4e3305aa]{display:flex;align-items:center;gap:8px;background:#fdfaf2;border:1.5px solid #8d7348;border-radius:4px;padding:3px 8px}.theme-name-display[data-v-4e3305aa]{font-family:monospace;font-size:11px;font-weight:800;color:#5d4624;min-width:60px;text-align:center}.arrow-arrow[data-v-4e3305aa]{background:transparent;border:none;font-size:12px;cursor:pointer;color:#8d7348;font-weight:950;padding:0 4px}.switch-toggle[data-v-4e3305aa]{position:relative;display:inline-block;width:44px;height:22px}.switch-toggle input[data-v-4e3305aa]{opacity:0;width:0;height:0}.slider[data-v-4e3305aa]{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#c5b494;transition:.2s;border-radius:22px;border:1px solid #7c6742}.slider[data-v-4e3305aa]:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fdfaf2;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0006}input:checked+.slider[data-v-4e3305aa]{background-color:#34a853}input:checked+.slider[data-v-4e3305aa]:before{transform:translate(22px)}.setting-footer[data-v-4e3305aa]{display:flex;justify-content:center;gap:30px;border-top:1.5px solid #8d7348;padding-top:16px;margin-top:4px}.result-panel[data-v-4e3305aa]{align-items:center;gap:24px}.result-header[data-v-4e3305aa]{display:flex;justify-content:center;width:100%}.cup-svg[data-v-4e3305aa]{filter:drop-shadow(0 4px 10px rgba(210,164,82,.4))}.result-content-body[data-v-4e3305aa]{display:flex;justify-content:center;align-items:center;height:80px;width:100%}.winner-stone-display[data-v-4e3305aa]{position:relative;width:64px;height:64px}.stone-shadow-large[data-v-4e3305aa]{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:#00000073;filter:blur(3px);transform:translateY(4px)}.winner-stone-display.stone-b .stone-body-large[data-v-4e3305aa]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#555,#111 60%,#000);border:1.5px solid #000;box-shadow:inset 0 2px 2px #fff3}.winner-stone-display.stone-w .stone-body-large[data-v-4e3305aa]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#eee 60%,#bbb);border:1.5px solid #ccc;box-shadow:inset 0 2px 2px #fff9}.draw-display[data-v-4e3305aa]{display:flex;gap:12px;justify-content:center;align-items:center}.mini-stone[data-v-4e3305aa]{width:32px;height:32px;border-radius:50%;box-shadow:0 3px 6px #0000004d}.b-mini[data-v-4e3305aa]{background:radial-gradient(circle at 35% 35%,#555,#000)}.w-mini[data-v-4e3305aa]{background:radial-gradient(circle at 35% 35%,#fff,#ccc);border:1px solid #ccc}.result-footer[data-v-4e3305aa]{display:flex;gap:40px;justify-content:center;width:100%}.xiangqi-shell[data-v-48a2d4ef]{width:100%;max-width:960px;display:flex;flex-direction:column;gap:20px}.xiangqi-topbar[data-v-48a2d4ef]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 4px 16px #0000000a}.xiangqi-status[data-v-48a2d4ef]{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}.xiangqi-dot[data-v-48a2d4ef]{width:14px;height:14px;border-radius:50%;border:1px solid currentColor}.xiangqi-dot.red[data-v-48a2d4ef]{background:#c5221f;color:#c5221f}.xiangqi-dot.black[data-v-48a2d4ef]{background:#202124;color:#202124}.check-indicator[data-v-48a2d4ef]{padding:2px 8px;border-radius:12px;background:#fce8e6;color:#b3261e;font-size:12px}.xiangqi-actions[data-v-48a2d4ef]{display:flex;gap:10px}.xiangqi-layout[data-v-48a2d4ef]{display:grid;grid-template-columns:minmax(0,560px) 300px;gap:20px;align-items:start}.xiangqi-board-wrap[data-v-48a2d4ef]{padding:20px;background:linear-gradient(135deg,#8a5d272e,#ffffff42),#d9a85f;border:1px solid rgba(85,50,20,.24);border-radius:var(--radius);box-shadow:0 10px 30px #37201026;width:100%;box-sizing:border-box}.xiangqi-board[data-v-48a2d4ef]{position:relative;width:100%;height:100%;max-width:480px;max-height:calc(480px * 10 / 9);aspect-ratio:9 / 10;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);background:#edc77b;border:2px solid #6f4a22;border-radius:8px;overflow:hidden}.xiangqi-board[data-v-48a2d4ef]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to right,transparent 0,transparent calc(11.111% - .5px),rgba(111,74,34,.5) calc(11.111% - .5px),rgba(111,74,34,.5) calc(11.111% + .5px)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(10% - .5px),rgba(111,74,34,.5) calc(10% - .5px),rgba(111,74,34,.5) calc(10% + .5px))}.xiangqi-river[data-v-48a2d4ef]{position:absolute;left:0;right:0;top:40%;height:10%;display:flex;align-items:center;justify-content:center;z-index:1;background:#edc77b;border-top:1.5px solid rgba(111,74,34,.76);border-bottom:1.5px solid rgba(111,74,34,.76);color:#4c2d12d1;font-weight:800;font-size:18px;pointer-events:none;letter-spacing:12px}.xiangqi-point[data-v-48a2d4ef]{position:relative;z-index:2;width:100%;aspect-ratio:1;border:0;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer}.xiangqi-board.disabled .xiangqi-point[data-v-48a2d4ef]{cursor:default}.xiangqi-point.legal[data-v-48a2d4ef]:after,.xiangqi-point.selected[data-v-48a2d4ef]:after,.xiangqi-point.last[data-v-48a2d4ef]:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.xiangqi-point.legal[data-v-48a2d4ef]:after{width:14px;height:14px;background:#0067b84d}.xiangqi-point.selected[data-v-48a2d4ef]:after{top:5%;right:5%;bottom:5%;left:5%;border:3.5px solid rgba(0,103,184,.7)}.xiangqi-point.last[data-v-48a2d4ef]:after{top:12%;right:12%;bottom:12%;left:12%;border:2px dashed rgba(52,168,83,.75)}.xiangqi-piece[data-v-48a2d4ef]{position:relative;z-index:3;width:82%;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff7dc,#e4bb68 72%);border:2px solid #7c4f20;box-shadow:0 4px 8px #4c2d1238,inset 0 0 0 2px #fff4cd9e;font-size:20px;font-weight:850;-webkit-user-select:none;user-select:none}.xiangqi-piece.red[data-v-48a2d4ef]{color:#b3261e}.xiangqi-piece.black[data-v-48a2d4ef]{color:#202124}.xiangqi-side[data-v-48a2d4ef]{display:flex;flex-direction:column;gap:16px}.sidebar-card[data-v-48a2d4ef]{background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;box-shadow:0 4px 12px #00000005}.scrollable-card[data-v-48a2d4ef]{max-height:320px;overflow-y:auto}.xiangqi-side-label[data-v-48a2d4ef]{margin:0;color:var(--text-secondary);font-size:12px;font-weight:700}.xiangqi-side-value[data-v-48a2d4ef]{margin:4px 0 0;font-weight:850;font-size:16px}.xiangqi-moves[data-v-48a2d4ef]{display:flex;flex-direction:column;gap:6px;margin:6px 0 0;padding-left:18px;color:var(--text-primary);font-size:13px}.xiangqi-empty[data-v-48a2d4ef]{margin:6px 0 0;color:var(--text-secondary);font-size:13px}@media (max-width: 799px){.xiangqi-layout[data-v-48a2d4ef]{grid-template-columns:1fr;gap:12px}.xiangqi-board-wrap[data-v-48a2d4ef]{padding:12px;border-radius:12px}}@media (max-height: 540px) and (orientation: landscape){.xiangqi-layout[data-v-48a2d4ef]{grid-template-columns:auto 1fr;gap:16px}.xiangqi-board-wrap[data-v-48a2d4ef]{padding:8px;border-radius:12px;height:100%;width:auto;aspect-ratio:9 / 10}.xiangqi-board[data-v-48a2d4ef]{width:auto;height:100%}}.chess-shell[data-v-4bf5e39f]{width:100%;max-width:960px;display:flex;flex-direction:column;gap:20px}.chess-topbar[data-v-4bf5e39f]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 20px #0003}.chess-status[data-v-4bf5e39f]{display:flex;align-items:center;gap:12px}.status-indicator[data-v-4bf5e39f]{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 10px #ffffff4d}.status-indicator.white[data-v-4bf5e39f]{background-color:#f8fafc;box-shadow:0 0 12px #fff9}.status-indicator.black[data-v-4bf5e39f]{background-color:#020617;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 8px #000c}.status-msg[data-v-4bf5e39f]{font-size:16px;font-weight:700;color:#f1f5f9}.check-badge[data-v-4bf5e39f]{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 12px #ef444466}.chess-layout[data-v-4bf5e39f]{display:grid;grid-template-columns:minmax(0,560px) 300px;gap:20px;align-items:start}.chess-board-wrapper[data-v-4bf5e39f]{background:#0f172a;border-radius:20px;padding:24px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 40px #0006;position:relative;width:100%;box-sizing:border-box}.chess-board[data-v-4bf5e39f]{width:100%;height:100%;max-width:460px;max-height:460px;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:6px solid #334155;border-radius:8px;overflow:hidden;box-shadow:0 8px 30px #0009;position:relative}.chess-board.disabled[data-v-4bf5e39f]{pointer-events:none}.chess-square[data-v-4bf5e39f]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.square-light[data-v-4bf5e39f]{background-color:#cbd5e1}.square-dark[data-v-4bf5e39f]{background-color:#475569}.chess-square[data-v-4bf5e39f]:hover{filter:brightness(1.1)}.square-selected[data-v-4bf5e39f]{background-color:#6366f199!important;box-shadow:inset 0 0 0 3px #6366f1}.square-last-move[data-v-4bf5e39f]{box-shadow:inset 0 0 0 3px #10b981}.square-check[data-v-4bf5e39f]{background-color:#ef444480!important;animation:pulse-red-4bf5e39f 1.5s infinite alternate}@keyframes pulse-red-4bf5e39f{0%{box-shadow:inset 0 0 0 3px #ef4444}to{box-shadow:inset 0 0 0 6px #b91c1c}}.dest-marker[data-v-4bf5e39f]{width:16px;height:16px;border-radius:50%;background-color:#6366f180;position:absolute;pointer-events:none;z-index:10}.dest-marker.has-piece[data-v-4bf5e39f]{width:90%;height:90%;border-radius:50%;border:4px solid rgba(99,102,241,.6);background-color:transparent}.chess-piece[data-v-4bf5e39f]{font-size:38px;z-index:5;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.chess-piece[data-v-4bf5e39f]:hover{transform:scale(1.12)}.white-piece[data-v-4bf5e39f]{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 5px rgba(255,255,255,.5)}.black-piece[data-v-4bf5e39f]{color:#1e293b;text-shadow:0 1px 1px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.8)}.selected-piece[data-v-4bf5e39f]{transform:scale(1.15)}.coord-label[data-v-4bf5e39f]{position:absolute;font-size:9px;font-weight:800;opacity:.65;pointer-events:none;z-index:1}.square-light .coord-label[data-v-4bf5e39f]{color:#1e293b}.square-dark .coord-label[data-v-4bf5e39f]{color:#cbd5e1}.col-label[data-v-4bf5e39f]{bottom:2px;right:4px}.row-label[data-v-4bf5e39f]{top:2px;left:4px}.board-flipped .col-label[data-v-4bf5e39f]{bottom:2px;right:4px}.chess-sidebar[data-v-4bf5e39f]{display:flex;flex-direction:column;gap:16px}.sidebar-card[data-v-4bf5e39f]{background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-label[data-v-4bf5e39f]{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#94a3b8;margin-bottom:4px}.sidebar-value[data-v-4bf5e39f]{font-size:16px;font-weight:700;color:#f1f5f9}.move-history-card[data-v-4bf5e39f]{flex-grow:1;display:flex;flex-direction:column;min-height:280px}.history-list-container[data-v-4bf5e39f]{overflow-y:auto;max-height:320px;margin-top:10px;flex-grow:1}.move-history-list[data-v-4bf5e39f]{padding-left:0;list-style:none}.history-row[data-v-4bf5e39f]{display:flex;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);font-family:monospace;font-size:14px;color:#cbd5e1}.move-index[data-v-4bf5e39f]{width:40px;color:#64748b}.move-white[data-v-4bf5e39f]{width:100px;font-weight:700}.move-black[data-v-4bf5e39f]{width:100px;color:#94a3b8}.empty-history[data-v-4bf5e39f]{color:#64748b;font-size:14px;text-align:center;margin-top:30px}.promotion-modal-overlay[data-v-4bf5e39f]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;border-radius:20px}.promotion-card[data-v-4bf5e39f]{background:#1e293b;border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:16px;text-align:center;max-width:320px;box-shadow:0 15px 30px #00000080}.promotion-card h3[data-v-4bf5e39f]{color:#f1f5f9;font-size:18px;font-weight:800;margin-bottom:20px}.promotion-choices[data-v-4bf5e39f]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.promotion-btn[data-v-4bf5e39f]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease}.promotion-btn[data-v-4bf5e39f]:hover{background:#ffffff14;transform:translateY(-2px);border-color:#6366f1}.promo-piece-char[data-v-4bf5e39f]{font-size:32px;line-height:1}.promo-piece-name[data-v-4bf5e39f]{font-size:11px;color:#94a3b8;font-weight:700}.cancel-btn[data-v-4bf5e39f]{width:100%;padding:10px;border-radius:8px}.animate-pulse[data-v-4bf5e39f]{animation:pulse-4bf5e39f 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-4bf5e39f{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 799px){.chess-layout[data-v-4bf5e39f]{grid-template-columns:1fr;gap:12px}.chess-board-wrapper[data-v-4bf5e39f]{padding:12px;border-radius:12px}}@media (max-height: 540px) and (orientation: landscape){.chess-layout[data-v-4bf5e39f]{grid-template-columns:auto 1fr;gap:16px}.chess-board-wrapper[data-v-4bf5e39f]{padding:8px;border-radius:12px;height:100%;width:auto}.chess-board[data-v-4bf5e39f]{width:auto;height:100%}}.points-page[data-v-9ac827f4]{--navy: #092f63;--blue: #0b61a4;width:min(100%,1360px);margin:0 auto;padding:34px var(--side-padding) 72px;color:#102d4f}.points-hero[data-v-9ac827f4]{min-height:440px;border-radius:28px;padding:clamp(32px,5vw,68px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;overflow:hidden;position:relative;background:#0756ba url(/assets/points-mall/points-hero-bg.jpg) center / cover no-repeat;color:#fff}.points-hero-copy[data-v-9ac827f4],.balance-card[data-v-9ac827f4]{position:relative;z-index:1}.eyebrow[data-v-9ac827f4],.section-kicker[data-v-9ac827f4]{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.14em}.points-hero h1[data-v-9ac827f4]{margin:0;font-size:clamp(40px,5vw,66px);line-height:1.05;font-weight:650}.hero-subtitle[data-v-9ac827f4]{margin:18px 0 0;font-size:clamp(18px,2vw,24px);color:#ffffffd1}.hero-features[data-v-9ac827f4]{display:flex;gap:clamp(18px,3vw,42px);margin-top:46px}.hero-features>div[data-v-9ac827f4]{display:flex;align-items:center;gap:12px}.hero-features>div>span[data-v-9ac827f4]{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#ffffff26;font-size:22px;box-shadow:inset 0 0 0 1px #ffffff14}.hero-features svg[data-v-9ac827f4]{width:23px;height:23px}.hero-features p[data-v-9ac827f4]{margin:0}.hero-features strong[data-v-9ac827f4],.hero-features small[data-v-9ac827f4]{display:block}.hero-features strong[data-v-9ac827f4]{font-size:14px;line-height:1.35}.hero-features small[data-v-9ac827f4]{margin-top:4px;color:#ffffffb8;font-size:11px}.balance-card[data-v-9ac827f4]{background:#fffffff2;color:var(--navy);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:30px;box-shadow:0 24px 60px #031f423d}.balance-topline[data-v-9ac827f4],.balance-meta[data-v-9ac827f4]{display:flex;justify-content:space-between;align-items:center;gap:14px}.balance-topline>span[data-v-9ac827f4]:first-child{color:#5c6f85}.flight-chip[data-v-9ac827f4]{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#e9f4fa;color:#096598;font-size:12px;font-weight:700}.flight-chip svg[data-v-9ac827f4]{width:14px;height:14px}.balance-main[data-v-9ac827f4]{min-height:136px;display:flex;align-items:center;justify-content:space-between;gap:20px}.balance-main>strong[data-v-9ac827f4]{display:block;font-size:clamp(54px,6vw,82px);line-height:1;letter-spacing:-.04em}.points-orbit[data-v-9ac827f4]{width:112px;height:92px;display:grid;place-items:center;position:relative}.points-orbit[data-v-9ac827f4]:before,.points-orbit[data-v-9ac827f4]:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(38,120,223,.2);transform:rotate(-12deg)}.points-orbit[data-v-9ac827f4]:before{width:110px;height:48px}.points-orbit[data-v-9ac827f4]:after{width:74px;height:74px}.points-orbit span[data-v-9ac827f4]{width:68px;height:68px;display:grid;place-items:center;position:relative;z-index:1;border-radius:22px;color:#fff;background:linear-gradient(145deg,#dcecff,#72adff);border:2px solid #fff;box-shadow:0 10px 25px #3884e252,inset 0 0 15px #ffffffbf;font-size:35px;text-shadow:0 2px 8px #3c79c6}.points-orbit svg[data-v-9ac827f4]{width:38px;height:38px;stroke-width:1.5}.balance-meta[data-v-9ac827f4]{padding-top:17px;border-top:1px solid #dde6ed;color:#6c7c8d;font-size:12px}.balance-meta button[data-v-9ac827f4]{border:0;background:none;padding:0;color:var(--blue);font-weight:700;cursor:pointer}.exchange-section[data-v-9ac827f4],.mall-section[data-v-9ac827f4]{padding-top:74px}.section-heading[data-v-9ac827f4]{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px}.section-kicker[data-v-9ac827f4]{color:#397499;margin:0 0 8px}.section-heading h2[data-v-9ac827f4],.earn-banner h2[data-v-9ac827f4]{margin:0;display:flex;align-items:center;gap:12px;color:var(--navy);font-size:clamp(28px,3vw,40px);font-weight:650}.ratio-chip[data-v-9ac827f4]{padding:10px 16px;border-radius:999px;background:#fff;color:#58708a;font-size:12px;box-shadow:0 8px 26px #1e436a0f}.ratio-chip i[data-v-9ac827f4]{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#31b678}.exchange-panel[data-v-9ac827f4]{background:#fff;border:1px solid #dce4eb;border-radius:24px;padding:14px 30px 14px 36px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);align-items:stretch;gap:30px;box-shadow:0 15px 38px #1b385212}.exchange-summary[data-v-9ac827f4]{display:flex;flex-direction:column;justify-content:center;padding:20px 0}.exchange-flow[data-v-9ac827f4]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(22px,4vw,50px)}.exchange-side[data-v-9ac827f4]{min-width:0;display:flex;align-items:center;gap:14px}.brand-badge[data-v-9ac827f4]{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;flex:0 0 auto;font-size:23px;font-weight:800}.brand-badge svg[data-v-9ac827f4]{width:26px;height:26px}.game-brand[data-v-9ac827f4]{color:#fff;background:linear-gradient(135deg,#31a26f,#0b6e9c)}.airline-brand[data-v-9ac827f4]{color:#0c4d83;background:#e7f1f8}.exchange-side span[data-v-9ac827f4]{display:block;margin-bottom:5px;color:#708093;font-size:13px}.exchange-side strong[data-v-9ac827f4]{font-size:clamp(26px,3vw,38px);color:var(--navy)}.exchange-arrow[data-v-9ac827f4]{display:flex;flex-direction:column;align-items:center;color:#74879a}.exchange-arrow span[data-v-9ac827f4]{font-size:11px}.exchange-arrow b[data-v-9ac827f4]{font-size:30px;font-weight:400}.exchange-tip[data-v-9ac827f4]{display:flex;align-items:center;gap:12px;margin-top:30px;padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,#f1f6fd,#f7f9fc);color:#68809a}.exchange-tip>span[data-v-9ac827f4]{font-size:18px}.exchange-tip svg[data-v-9ac827f4]{width:18px;height:18px}.exchange-tip p[data-v-9ac827f4]{margin:0}.exchange-tip strong[data-v-9ac827f4],.exchange-tip small[data-v-9ac827f4]{display:block}.exchange-tip strong[data-v-9ac827f4]{font-size:12px}.exchange-tip small[data-v-9ac827f4]{margin-top:3px;font-size:11px}.exchange-control[data-v-9ac827f4]{display:flex;flex-direction:column;justify-content:center;padding:28px 0 28px 30px;border-left:1px solid #e1e7ec}.exchange-control label[data-v-9ac827f4]{display:block;margin-bottom:8px;color:#617489;font-size:12px}.input-shell[data-v-9ac827f4]{height:52px;display:grid;grid-template-columns:52px 1fr 52px;border:1px solid #b9d0e7;border-radius:10px;overflow:hidden}.input-shell button[data-v-9ac827f4]{border:0;background:#f2f6f9;cursor:pointer}.input-shell input[data-v-9ac827f4]{min-width:0;border:0;text-align:center;color:var(--navy);font-weight:800;outline:0}.input-shell input[data-v-9ac827f4]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.primary-button[data-v-9ac827f4]{width:100%;border:0;border-radius:10px;padding:15px 18px;margin-top:12px;color:#fff;background:linear-gradient(100deg,#1856e8,#1489f5);font-weight:750;cursor:pointer;box-shadow:0 9px 20px #146beb33}.primary-button[data-v-9ac827f4]:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.exchange-control small[data-v-9ac827f4]{display:block;margin-top:9px;color:#7b8996;line-height:1.45}.mall-heading[data-v-9ac827f4]{align-items:center}.mileage-balance[data-v-9ac827f4]{text-align:right;padding:10px 16px;border:1px solid #d9e2e9;border-radius:12px;background:#fff}.mileage-balance span[data-v-9ac827f4]{display:block;color:#738294;font-size:11px}.mileage-balance strong[data-v-9ac827f4]{color:var(--navy);font-size:22px}.mall-category-grid[data-v-9ac827f4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,34px)}.mall-category-card[data-v-9ac827f4],.mall-category-card button[data-v-9ac827f4]{min-width:0}.mall-category-card button[data-v-9ac827f4]{width:100%;border:0;padding:0;background:transparent;color:var(--navy);text-align:left;cursor:pointer}.category-image-wrap[data-v-9ac827f4]{display:block;position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:20px;background:#e8edf0}.category-image-wrap[data-v-9ac827f4]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(4,31,65,.62),transparent 44%);opacity:0;transition:opacity .3s ease}.category-image-wrap img[data-v-9ac827f4]{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.category-hover-label[data-v-9ac827f4]{position:absolute;z-index:1;left:26px;right:26px;bottom:25px;display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.5);color:#fff;font-size:18px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.category-hover-label b[data-v-9ac827f4],.category-copy b[data-v-9ac827f4]{font-size:29px;font-weight:400;line-height:.7}.mall-category-card button:hover .category-image-wrap[data-v-9ac827f4]:after,.mall-category-card button:focus-visible .category-image-wrap[data-v-9ac827f4]:after{opacity:1}.mall-category-card button:hover img[data-v-9ac827f4],.mall-category-card button:focus-visible img[data-v-9ac827f4]{transform:scale(1.035)}.mall-category-card button:hover .category-hover-label[data-v-9ac827f4],.mall-category-card button:focus-visible .category-hover-label[data-v-9ac827f4]{opacity:1;transform:translateY(0)}.mall-category-card button[data-v-9ac827f4]:focus-visible{outline:3px solid #4e9bcc;outline-offset:6px;border-radius:20px}.category-copy[data-v-9ac827f4]{display:block;padding-top:22px}.category-copy strong[data-v-9ac827f4]{display:flex;align-items:center;justify-content:space-between;font-size:clamp(23px,2.3vw,33px);font-weight:550;letter-spacing:-.025em}.category-copy small[data-v-9ac827f4]{display:block;min-height:3.2em;margin-top:13px;color:#536b83;font-size:15px;line-height:1.65}.mall-detail-page[data-v-9ac827f4]{min-height:70vh;padding-top:28px}.detail-back[data-v-9ac827f4]{border:0;padding:8px 0;background:transparent;color:#4e6880;cursor:pointer}.detail-back span[data-v-9ac827f4]{margin-right:7px}.detail-heading[data-v-9ac827f4]{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:46px 0 34px}.detail-heading h1[data-v-9ac827f4]{margin:0;color:var(--navy);font-size:clamp(38px,5vw,60px);font-weight:600}.detail-heading>div>p[data-v-9ac827f4]:last-child{margin:14px 0 0;color:#60768a;font-size:17px}.reward-grid[data-v-9ac827f4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.reward-card[data-v-9ac827f4]{overflow:hidden;border:1px solid #e0e5e9;border-radius:18px;background:#fff;transition:transform .22s ease,box-shadow .22s ease}.reward-card[data-v-9ac827f4]:hover{transform:translateY(-4px);box-shadow:0 16px 32px #1931481a}.reward-art[data-v-9ac827f4]{height:230px;position:relative;display:grid;place-items:center;overflow:hidden}.reward-art[data-v-9ac827f4]:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.65);border-radius:50%}.reward-emoji[data-v-9ac827f4]{width:82px;height:82px;position:relative;z-index:1;display:grid;place-items:center;border-radius:26px;color:#244e70;background:#ffffffb3;box-shadow:0 14px 30px #232f3924}.reward-emoji svg[data-v-9ac827f4]{width:45px;height:45px;stroke-width:1.5}.reward-tag[data-v-9ac827f4]{position:absolute;z-index:2;top:16px;left:16px;padding:6px 9px;border-radius:999px;background:#ffffffdb;color:#294863;font-size:11px;font-weight:700}.meal-art[data-v-9ac827f4]{background:linear-gradient(145deg,#e8eee4,#b8d6c0)}.coffee-art[data-v-9ac827f4]{background:linear-gradient(145deg,#f3e5d3,#d8b992)}.wifi-art[data-v-9ac827f4]{background:linear-gradient(145deg,#e0eef7,#94c4df)}.kit-art[data-v-9ac827f4]{background:linear-gradient(145deg,#e9e5f2,#b9acd3)}.headphone-art[data-v-9ac827f4]{background:linear-gradient(145deg,#e4e8ec,#a9b8c5)}.cup-art[data-v-9ac827f4]{background:linear-gradient(145deg,#e6eef1,#b0d2d8)}.airline-art[data-v-9ac827f4]{background:linear-gradient(145deg,#e0eef7,#94c4df)}.reward-copy[data-v-9ac827f4]{padding:18px}.reward-copy>p[data-v-9ac827f4]{margin:0 0 7px;color:#6c7f90;font-size:12px}.reward-copy h3[data-v-9ac827f4]{margin:0;color:#193a5c;font-size:19px;font-weight:650}.reward-footer[data-v-9ac827f4]{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.reward-footer strong[data-v-9ac827f4]{color:var(--navy);font-size:19px}.reward-footer small[data-v-9ac827f4]{font-size:11px;color:#758596}.reward-footer button[data-v-9ac827f4]{border:1px solid #0b416f;border-radius:999px;background:#fff;color:#0b416f;padding:8px 16px;font-weight:700;cursor:pointer}.reward-footer button[data-v-9ac827f4]:hover{background:#0b416f;color:#fff}.earn-banner[data-v-9ac827f4]{margin-top:72px;border-radius:22px;padding:28px 34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:#e9f2f5}.earn-icon[data-v-9ac827f4]{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;background:#2e8ca2;font-size:25px}.earn-icon svg[data-v-9ac827f4]{width:27px;height:27px}.earn-banner p[data-v-9ac827f4]{margin:0 0 4px;color:#587386;font-size:13px}.earn-banner h2[data-v-9ac827f4]{font-size:clamp(22px,2.5vw,31px)}.earn-banner button[data-v-9ac827f4]{border:0;border-radius:999px;padding:12px 20px;color:#fff;background:var(--navy);font-weight:700;cursor:pointer}.earn-banner button span[data-v-9ac827f4]{margin-left:9px}.modal-backdrop[data-v-9ac827f4]{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0313238f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.points-modal[data-v-9ac827f4]{width:min(100%,440px);position:relative;border-radius:22px;padding:34px;background:#fff;color:#253f59;box-shadow:0 28px 70px #00000040}.modal-close[data-v-9ac827f4]{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;border-radius:50%;background:#edf2f5;color:#52687a;font-size:22px;cursor:pointer}.modal-icon[data-v-9ac827f4]{width:84px;height:84px;display:grid;place-items:center;border-radius:22px;margin-bottom:24px;font-size:40px}.modal-icon svg[data-v-9ac827f4]{width:42px;height:42px}.points-modal h2[data-v-9ac827f4]{margin:0;color:var(--navy);font-size:27px}.points-modal p[data-v-9ac827f4]:not(.section-kicker),.points-modal li[data-v-9ac827f4]{color:#637487;line-height:1.65}.points-modal ul[data-v-9ac827f4]{padding-left:20px}.points-toast[data-v-9ac827f4]{position:fixed;z-index:110;left:50%;bottom:30px;transform:translate(-50%);padding:13px 20px;border-radius:999px;background:#173b5e;color:#fff;box-shadow:0 10px 35px #00000038}@media (max-width: 980px){.points-hero[data-v-9ac827f4]{grid-template-columns:1fr;gap:28px}.exchange-panel[data-v-9ac827f4]{grid-template-columns:1fr;padding:28px}.exchange-control[data-v-9ac827f4]{padding:24px 0 0;border-left:0;border-top:1px solid #e1e7ec}.reward-grid[data-v-9ac827f4]{grid-template-columns:repeat(2,minmax(0,1fr))}.mall-category-grid[data-v-9ac827f4]{gap:18px}}@media (max-width: 655px){.points-page[data-v-9ac827f4]{padding-top:18px;padding-bottom:44px}.points-hero[data-v-9ac827f4]{min-height:0;border-radius:20px;padding:28px 22px}.eyebrow[data-v-9ac827f4]{margin-top:0}.hero-features[data-v-9ac827f4]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.hero-features>div[data-v-9ac827f4]{flex-direction:column;align-items:flex-start;gap:8px}.hero-features>div>span[data-v-9ac827f4]{width:40px;height:40px}.hero-features small[data-v-9ac827f4]{display:none}.balance-card[data-v-9ac827f4]{padding:20px}.balance-main[data-v-9ac827f4]{min-height:106px}.points-orbit[data-v-9ac827f4]{width:92px;transform:scale(.82);transform-origin:right center}.balance-meta[data-v-9ac827f4]{align-items:flex-start}.exchange-section[data-v-9ac827f4],.mall-section[data-v-9ac827f4]{padding-top:50px}.section-heading[data-v-9ac827f4]{align-items:flex-start;flex-direction:column}.exchange-panel[data-v-9ac827f4]{padding:22px;grid-template-columns:1fr}.exchange-flow[data-v-9ac827f4]{gap:12px}.exchange-arrow[data-v-9ac827f4]{flex-direction:row;justify-content:center;gap:10px;transform:rotate(90deg)}.exchange-side[data-v-9ac827f4]{justify-content:center;flex-direction:column;text-align:center}.brand-badge[data-v-9ac827f4]{width:50px;height:50px}.exchange-tip[data-v-9ac827f4]{align-items:flex-start}.exchange-control[data-v-9ac827f4]{grid-column:auto}.mileage-balance[data-v-9ac827f4]{text-align:left}.mall-category-grid[data-v-9ac827f4],.reward-grid[data-v-9ac827f4]{grid-template-columns:1fr}.category-image-wrap[data-v-9ac827f4]{aspect-ratio:5 / 4}.category-hover-label[data-v-9ac827f4]{opacity:1;transform:none}.category-image-wrap[data-v-9ac827f4]:after{opacity:.78}.category-copy small[data-v-9ac827f4]{min-height:0}.detail-heading[data-v-9ac827f4]{align-items:flex-start;flex-direction:column;margin-top:34px}.reward-art[data-v-9ac827f4]{height:210px}.earn-banner[data-v-9ac827f4]{grid-template-columns:auto 1fr;padding:24px}.earn-banner button[data-v-9ac827f4]{grid-column:1 / -1}}:root{color-scheme:light;--page-bg: #f7f7f7;--card-bg: #ffffff;--text-primary: #1c1c1c;--text-secondary: #5f5f5f;--stroke: rgba(0, 0, 0, .08);--stroke-strong: rgba(0, 0, 0, .14);--accent: #0067b8;--accent-hover: #005da6;--content-width: 1360px;--room-content-width: var(--content-width);--side-padding: clamp(16px, 3.4vw, 56px);--grid-column-gap: clamp(12px, 1.25vw, 18px);--grid-row-gap: clamp(30px, 4.2vw, 52px);--game-card-min: clamp(190px, 20vw, 236px);--radius: 8px;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif;background:var(--page-bg);color:var(--text-primary)}*{box-sizing:border-box}body{margin:0;min-width:343px;background:var(--page-bg)}button,input{font:inherit}button{color:inherit}.site-header{position:sticky;top:0;z-index:10;background:#f7f7f7f0;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-inner{width:min(100%,var(--content-width));margin:0 auto;padding:clamp(12px,1.5vw,16px) var(--side-padding) 10px;display:grid;grid-template-columns:minmax(132px,1fr) minmax(220px,var(--search-box-width, 760px)) minmax(88px,1fr);align-items:center;gap:clamp(12px,1.8vw,24px)}.channel-mark,.game-card,.hero-tile,.rail-card,.back-link,.category-chip{border:0;background:transparent;cursor:pointer;text-align:left;padding:0}.channel-mark{display:inline-flex;align-items:center;gap:10px;min-width:0;justify-self:start;font-weight:650;font-size:18px}.mark-icon{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#34a853 0 48%,transparent 49%),linear-gradient(45deg,#fbbc04 0,#fbbc04 50%,#4285f4 51%,#4285f4);box-shadow:inset 0 0 0 1px #00000014;flex:0 0 auto}.mark-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{width:min(100%,var(--search-box-width, 760px));height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--stroke-strong);border-radius:22px;background:#fff;box-shadow:0 1px 2px #0000000a}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary)}.search-icon,.likes-icon{width:18px;height:18px;flex:0 0 auto;background:currentColor;opacity:.78}.search-icon{mask:url(/assets/source/source-004-eb827634a5ec.svg) center / contain no-repeat;-webkit-mask:url(/assets/source/source-004-eb827634a5ec.svg) center / contain no-repeat}.likes-icon{width:16px;height:16px;mask:url(/assets/source/source-007-9aa689813359.svg) center / contain no-repeat;-webkit-mask:url(/assets/source/source-007-9aa689813359.svg) center / contain no-repeat}.user-pill{justify-self:end;display:inline-flex;align-items:baseline;gap:4px;padding:8px 12px;border:1px solid var(--stroke);border-radius:18px;background:#fff;font-weight:650}.user-pill small{color:var(--text-secondary);font-size:12px;font-weight:500}.category-strip{width:min(100%,var(--content-width));margin:0 auto;padding:0 var(--side-padding) 12px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;padding:7px 14px;border-radius:18px;background:transparent;color:var(--text-secondary);font-weight:600;white-space:nowrap}.category-chip.active{background:#1f1f1f;color:#fff}.page-frame{width:min(100%,var(--content-width));margin:0 auto;padding:24px var(--side-padding) 0}.page-frame--game-room{width:min(100%,var(--room-content-width));height:100dvh;padding:24px var(--side-padding);overflow:hidden}.hero-heading{display:flex;flex-direction:column;gap:clamp(8px,1.4vw,16px);margin:0 0 clamp(22px,3.4vw,36px)}.hero-heading h1,.hero-heading p{margin:0;color:var(--text-primary);letter-spacing:0}.hero-heading h1{font-size:clamp(30px,3vw,42px);line-height:1.08;font-weight:650}.hero-heading p{font-size:clamp(20px,2.15vw,30px);line-height:1.18;font-weight:450}.landing-hero{--hero-gap: clamp(12px, 1.25vw, 18px);--hero-track-count: 5;--hero-small-visible: 3;display:grid;grid-template-columns:repeat(var(--hero-track-count),minmax(0,1fr));gap:var(--hero-gap);align-items:stretch;margin-bottom:clamp(26px,3.4vw,40px);overflow:visible}.hero-tile{position:relative;grid-column:span 2;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;aspect-ratio:16 / 9.211;overflow:hidden;border-radius:clamp(18px,1.8vw,24px);background:var(--featured-card-color, #496b76);box-shadow:0 6px 20px #1b262e1f;transition:transform .22s ease,box-shadow .22s ease}.hero-tile img,.play-surface>img{width:100%;height:100%;object-fit:cover;display:block}.play-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014,#000000a3)}.hero-image-shell{position:relative;min-height:0;overflow:hidden}.hero-image-shell:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--featured-card-color) 82%,transparent));pointer-events:none}.hero-rule-summary{position:absolute;z-index:1;right:clamp(18px,2vw,28px);bottom:14px;left:clamp(18px,2vw,28px);display:-webkit-box;overflow:hidden;color:#ffffffe6;font-size:clamp(12px,1.1vw,14px);line-height:1.45;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hero-card-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px;padding:12px clamp(18px,2vw,28px) 14px;background:var(--featured-card-color, #496b76);color:#fff}.hero-copy{display:flex;flex-direction:column;gap:2px;min-width:0;color:#fff}.hero-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.5vw,20px);line-height:1.3;font-weight:700}.hero-meta{overflow:hidden;color:#ffffffc2;font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.hero-play-pill{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:8px 12px;border-radius:18px;background:#ffffff2e;color:#fff;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff2e}.hero-tile:hover,.hero-tile:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 16px 36px #1b262e33}.hero-tile:hover img,.hero-tile:focus-visible img{transform:scale(1.025)}.eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;opacity:.86}.feature-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - ((var(--hero-small-visible) - 1) * var(--hero-gap))) / var(--hero-small-visible));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--hero-gap);width:100%;height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.feature-rail::-webkit-scrollbar{display:none}.feature-rail-shell{position:relative;grid-column:span var(--hero-small-visible);min-width:0}.feature-arrow{position:absolute;top:50%;z-index:4;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fffffff0;box-shadow:0 4px 12px #0000002e;cursor:pointer;transform:translateY(-50%)}.feature-arrow span{display:block;font-size:36px;line-height:1;transform:translateY(-2px)}.feature-arrow-prev{left:0;transform:translate(-50%,-50%)}.feature-arrow-next{right:0;transform:translate(50%,-50%)}.immersive-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;aspect-ratio:16 / 9;overflow:hidden;border:0;border-radius:18px;background:var(--featured-card-color, #496b76);box-shadow:0 3px 10px #1b262e1a;cursor:pointer;padding:0;scroll-snap-align:start;transition:transform .22s ease,box-shadow .22s ease}.immersive-image-shell{position:relative;min-height:0;overflow:hidden}.immersive-image-shell:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--featured-card-color) 60%,transparent));pointer-events:none}.immersive-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .36s ease}.immersive-footer{display:flex;flex-direction:column;gap:1px;min-width:0;min-height:48px;padding:7px 12px 8px;background:var(--featured-card-color, #496b76);color:#fff}.immersive-footer .hero-title{font-size:13px;line-height:18px}.immersive-footer .hero-meta{font-size:10px;line-height:14px}.immersive-card:hover,.immersive-card:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 12px 24px #1b262e33}.immersive-card:hover img,.immersive-card:focus-visible img{transform:scale(1.04)}.content-section,.detail-page{display:flex;flex-direction:column;gap:18px}.content-section{scroll-margin-top:132px;padding-bottom:56px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading h1,.right-rail h2,.detail-body h2{margin:0;font-size:24px;line-height:32px;letter-spacing:0}.section-heading span{color:var(--text-secondary);font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--game-card-min, 266px),1fr));gap:var(--grid-row-gap) var(--grid-column-gap)}.game-list-ad{position:relative;grid-column:1 / -1;min-width:0;overflow:hidden;border:1px solid rgba(73,81,88,.12);border-radius:14px;background:#f7f1df;box-shadow:0 2px 10px #141c2214}.game-list-ad picture,.game-list-ad img{display:block;width:100%}.game-list-ad img{height:auto}.game-list-ad-label{position:absolute;left:7px;bottom:6px;padding:2px 6px;border:1px solid rgba(255,255,255,.42);border-radius:5px;background:#111f2db3;color:#fff;font-size:10px;line-height:14px;letter-spacing:.06em}.game-card{position:relative;z-index:0;display:block;width:100%;min-width:0;isolation:isolate}.game-card-surface{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:18px;background:var(--game-card-color, #496b76);box-shadow:0 1px 2px #141c2214;transition:transform .22s cubic-bezier(.2,.75,.25,1),box-shadow .22s ease}.image-shell{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:0;background:#e4e4e4}.image-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;filter:blur(10px);transform:scale(1.2)}.image-shell img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s cubic-bezier(.2,.75,.25,1)}.image-shell:after{content:"";position:absolute;z-index:2;right:0;bottom:0;left:0;height:36%;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--game-card-color) 72%,transparent) 100%);pointer-events:none}.game-card:hover .image-shell img,.game-card:focus-visible .image-shell img{transform:scale(1.05)}.game-info{display:flex;flex-direction:column;gap:4px;min-height:66px;padding:10px 14px 12px;min-width:0;color:#fff;background:var(--game-card-color, #496b76)}.game-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:22px;font-weight:650}.game-details{display:flex;align-items:center;gap:4px;min-width:0;color:#ffffffc7;font-size:13px;line-height:18px;font-weight:600}.game-card .likes-icon{color:#fff;opacity:.72}.game-hover-panel{position:absolute;z-index:1;top:-10px;bottom:-10px;left:calc(100% + 8px);width:calc(100% - 6px);display:none;flex-direction:column;gap:10px;padding:14px;border-radius:20px;background:#fffffffa;box-shadow:0 18px 42px #1b262e33;color:var(--text-primary);opacity:0;pointer-events:none;transform:translate(-12px) scale(.98);transform-origin:left center;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1)}.game-card[data-expand=left] .game-hover-panel{right:calc(100% + 8px);left:auto;transform-origin:right center}.hover-status-card,.hover-quote-card{display:flex;min-width:0;border-radius:14px;background:#f5f5f4}.hover-status-card{align-items:center;gap:10px;padding:12px}.hover-status-card>span:last-child,.hover-quote-card{flex-direction:column}.hover-status-card strong,.hover-status-card small,.hover-quote-card strong,.hover-quote-card small{overflow:hidden;text-overflow:ellipsis}.hover-status-card strong{display:block;font-size:13px;line-height:18px}.hover-status-card small,.hover-quote-card small{display:block;color:var(--text-secondary);font-size:11px;line-height:16px}.hover-status-dot{width:28px;height:28px;flex:0 0 auto;border:6px solid color-mix(in srgb,var(--game-card-color) 28%,white);border-radius:50%;background:var(--game-card-color)}.hover-quote-card{flex:1;justify-content:center;gap:5px;padding:12px}.hover-quote-card strong{display:-webkit-box;font-size:13px;line-height:19px;font-weight:600;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hover-play-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--text-secondary);font-size:12px}.hover-play-row strong{display:inline-flex;align-items:center;gap:4px;padding:7px 11px;border-radius:16px;background:var(--game-card-color);color:#fff;font-size:12px}@media (hover: hover) and (pointer: fine) and (min-width: 980px){.game-hover-panel{display:flex}.game-card:hover,.game-card:focus-visible{z-index:20;outline:none}.game-card:hover .game-card-surface,.game-card:focus-visible .game-card-surface{transform:translateY(-6px);box-shadow:0 18px 42px #1b262e3d}.game-card:hover .game-hover-panel,.game-card:focus-visible .game-hover-panel{opacity:1;transform:translate(0) scale(1)}}@media (hover: none),(pointer: coarse){.game-card:active .game-card-surface{transform:scale(.98)}}@media (prefers-reduced-motion: reduce){.game-card-surface,.image-shell img,.game-hover-panel{transition:none}}.likes{display:inline-flex;align-items:center;gap:4px}.empty-state{margin:30px 0;color:var(--text-secondary)}.back-link{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--accent);font-weight:650;line-height:1.25}.back-link-icon{width:22px;height:22px;flex:0 0 22px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.back-link-label{display:block;line-height:inherit}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:24px;align-items:start}.game-stage{min-width:0}.play-surface{position:relative;aspect-ratio:16 / 9;min-height:360px;overflow:hidden;border-radius:var(--radius);background:#202020}.play-overlay{position:absolute;inset:auto 28px 26px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#fff}.play-overlay h1{margin:0;font-size:36px;line-height:44px;letter-spacing:0}.play-overlay p{margin:0;font-weight:600}.template-home{min-height:420px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:clamp(24px,5vw,56px);align-items:center;padding:clamp(26px,5vw,54px);border-radius:var(--radius);background:linear-gradient(135deg,rgba(0,103,184,.12),transparent 42%),#fff;border:1px solid var(--stroke);overflow:hidden}.template-home-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.template-home-copy p,.template-home-copy h1,.template-home-copy span{margin:0}.template-home-copy p{color:var(--accent);font-weight:800}.template-home-copy h1{font-size:clamp(34px,6vw,58px);line-height:1;letter-spacing:0}.template-home-copy span{max-width:560px;color:var(--text-secondary);font-size:17px;line-height:1.7}.template-preview{aspect-ratio:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.template-preview-cell{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:#f4f7fb;border:1px solid var(--stroke);color:var(--accent);font-size:clamp(34px,7vw,62px);font-weight:850}.template-preview-cell.filled{background:#fff;box-shadow:0 14px 30px #1d2c3d1f}.play-button{min-width:96px;height:42px;border:0;border-radius:21px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.play-button:hover{background:var(--accent-hover)}.detail-body{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:18px 0 0}.detail-body p{margin:8px 0 0;color:var(--text-secondary);line-height:1.55}.game-icon{width:92px;height:92px;overflow:hidden;border-radius:var(--radius);background:#ddd}.game-icon img{width:100%;height:100%;object-fit:cover;display:block}.right-rail,.rail-list{display:flex;flex-direction:column;gap:12px}.rail-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:center}.rail-card img{width:116px;aspect-ratio:16 / 9;border-radius:var(--radius);object-fit:cover;display:block;background:#ddd}.rail-card span{min-width:0;display:flex;flex-direction:column;gap:4px}.rail-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}.rail-card small{color:var(--text-secondary);font-size:12px;line-height:16px}@media (max-width: 343px){:root{--search-box-width: calc(100vw - (2 * var(--side-padding)))}}@media (min-width: 343px) and (max-width: 643px){:root{--search-box-width: calc(100vw - (2 * var(--side-padding)))}}@media (min-width: 644px) and (max-width: 955px){:root{--search-box-width: clamp(360px, 52vw, 500px)}}@media (min-width: 956px) and (max-width: 1267px){:root{--search-box-width: clamp(460px, 44vw, 620px)}}@media (min-width: 1268px){:root{--search-box-width: clamp(600px, 52vw, 760px)}}@media (max-width: 1303px){.landing-hero{--hero-track-count: 4;--hero-small-visible: 2}.detail-layout{grid-template-columns:1fr}.right-rail .rail-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 979px){:root{--game-card-min: clamp(172px, 23vw, 218px)}.header-inner{grid-template-columns:auto 1fr auto;gap:12px}.mark-text{display:none}.landing-hero{--hero-track-count: 3;--hero-small-visible: 1}.play-surface{min-height:300px}}@media (max-width: 655px){:root{--side-padding: 16px;--search-box-width: calc(100vw - (2 * var(--side-padding)))}.header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px}.channel-mark,.user-pill{display:inline-flex}.search-box{grid-column:1 / -1;grid-row:2;justify-self:center;width:min(var(--search-box-width),100%);min-width:calc(343px - (2 * var(--side-padding)))}.category-strip{display:none}.page-frame{padding-top:18px}.landing-hero{display:block;gap:14px;margin-bottom:26px}.feature-rail-shell{display:none}.immersive-card{border-radius:18px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.hero-tile{border-radius:18px;width:100%;aspect-ratio:16 / 9.211}.hero-copy{left:24px;right:24px;bottom:28px}.hero-copy strong{font-size:26px;line-height:32px}.hero-heading{gap:8px;margin-bottom:18px}.hero-heading h1{font-size:30px;line-height:34px}.hero-heading p{font-size:22px;line-height:28px}.section-heading h1,.right-rail h2,.detail-body h2{font-size:22px;line-height:30px}.game-title{font-size:14px;line-height:20px}.game-details{font-size:12px}.play-surface{min-height:218px}.template-home{grid-template-columns:1fr;min-height:0}.template-preview{width:min(100%,320px)}.play-overlay{inset:auto 18px 18px}.play-overlay h1{font-size:28px;line-height:34px}.detail-body{grid-template-columns:72px minmax(0,1fr)}.game-icon{width:72px;height:72px}.right-rail .rail-list{grid-template-columns:1fr}}.game-room{display:flex;flex-direction:column;gap:24px;flex:1;width:100%;height:100%;min-height:0;overflow:hidden}.room-register{max-width:400px;margin:80px auto;text-align:center}.room-register h2{font-size:28px;margin:0 0 8px}.room-register p{color:var(--text-secondary);margin:0 0 24px}.register-form{display:flex;flex-direction:column;gap:12px}.register-input{height:48px;padding:0 16px;border:1px solid var(--stroke-strong);border-radius:var(--radius);font-size:16px;outline:none;background:#fff}.register-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #0067b826}.error-text{color:#d32f2f;font-size:14px;margin-top:8px}.room-lobby{max-width:600px;margin:0 auto}.room-header{text-align:center;margin-bottom:24px}.room-header h2{font-size:28px;margin:0 0 4px}.room-subtitle{color:var(--text-secondary);margin:0}.room-status{display:flex;justify-content:center}.room-creating{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px;color:var(--text-secondary)}.spinner{width:36px;height:36px;border:3px solid var(--stroke);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.room-info{width:100%;display:flex;flex-direction:column;gap:20px}.room-id-display{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);font-size:14px}.room-id-display strong{font-family:monospace;font-size:16px;letter-spacing:1px}.copy-btn{padding:4px 12px;border:1px solid var(--stroke-strong);border-radius:4px;background:var(--page-bg);font-size:12px;cursor:pointer}.copy-btn:hover{background:#e8e8e8}.player-list{display:flex;flex-direction:column;gap:8px}.player-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);transition:border-color .2s}.player-item.ready{border-color:#34a853;background:#f0faf3}.player-item.offline{opacity:.6}.player-item.empty{border-style:dashed;opacity:.5}.player-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.player-avatar.small{width:28px;height:28px;font-size:11px}.player-name{flex:1;font-weight:600}.player-status{color:var(--text-secondary);font-size:13px}.player-item.ready .player-status{color:#34a853;font-weight:600}.room-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.ready-btn{min-width:140px}.ready-btn:disabled{background:#34a853;opacity:.8;cursor:default}.secondary-btn{height:42px;padding:0 24px;border:1px solid var(--stroke-strong);border-radius:21px;background:transparent;font-weight:600;cursor:pointer}.secondary-btn:hover{background:#0000000a}.secondary-btn.compact{height:34px;padding:0 14px;border-radius:17px;font-size:13px}.secondary-btn:disabled{opacity:.45;cursor:default}.game-active{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;min-height:0}.board-game-active{min-height:0;justify-content:center}.board-game-mode-select{width:min(100%,720px);margin:56px auto;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 12px 36px #1e1c1814}.mode-copy p,.mode-copy h2,.mode-copy span{margin:0}.mode-copy p{color:var(--text-secondary);font-weight:700}.mode-copy h2{margin-top:6px;font-size:30px;line-height:36px;letter-spacing:0}.mode-copy span{display:block;margin-top:8px;max-width:420px;color:var(--text-secondary);line-height:1.6}.mode-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.match-screen{display:flex;justify-content:center;padding:40px 0}.match-card{width:100%;max-width:480px;background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:40px 32px;text-align:center;box-shadow:0 4px 24px #0000000f}.match-card h2{margin:0 0 24px;font-size:28px}.match-spinner{display:flex;justify-content:center;margin-bottom:20px}.match-status p{color:var(--text-secondary);margin:0 0 16px;font-size:15px}.match-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.room-code-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.room-code-input{width:100%;height:44px;border:1px solid var(--stroke);border-radius:8px;padding:0 12px;font:700 16px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;color:var(--text-primary);text-transform:uppercase;background:var(--page-bg);box-sizing:border-box}.room-code-input:focus{outline:2px solid rgba(0,113,227,.2);border-color:var(--primary)}.match-room-id{font-size:13px!important;color:var(--text-secondary)!important}.match-room-id strong{font-family:monospace;color:var(--text-primary)}.match-players{display:flex;flex-direction:column;gap:8px;margin:16px 0}.match-player{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--page-bg);border:1px solid var(--stroke);border-radius:var(--radius);font-size:14px}.match-player.ready{border-color:#34a853;background:#f0faf3}.match-player.offline{border-color:#ea4335;background:#fff3f1}.match-player.empty{border-style:dashed;opacity:.5}.match-player .player-avatar{width:32px;height:32px;font-size:12px}.match-player-status{margin-left:auto;color:var(--text-secondary);font-size:12px}.match-player.ready .match-player-status{color:#34a853;font-weight:600}.match-player.offline .match-player-status{color:#d93025;font-weight:600}.match-hint{color:var(--text-secondary);font-size:14px;margin:12px 0 20px}.match-status .play-button{margin-top:8px}.opponent-left-card{text-align:center}.opponent-left-card h2{color:var(--text-primary);font-size:24px;margin:0 0 12px}.opponent-left-card p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 24px}.opponent-left-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.opponent-left-secondary{background:#f4f7fb;border:1px solid var(--stroke);color:var(--text-primary)}.opponent-left-secondary:hover{background:#e8eef6}@media (max-width: 560px){.match-actions,.room-code-form{grid-template-columns:1fr}}.iframe-game-container{width:100%;height:calc(100vh - 80px);min-height:500px;border-radius:var(--radius);overflow:hidden;background:#000}.game-viewport{width:100%;height:100%;max-width:var(--room-content-width);flex:1;min-height:0;display:grid;place-items:stretch;overflow:hidden;border-radius:16px;background:var(--game-viewport-bg, #020617);box-shadow:0 12px 36px #00000026}.game-viewport--configured{position:relative;place-items:center}.game-viewport--configured .game-iframe{position:absolute;top:50%;left:50%;flex:0 0 auto;min-height:auto;max-width:none;max-height:none;margin:0;transform:translate(-50%,-50%)}.game-iframe{width:100%;height:100%;max-height:none;flex:1;min-height:0;border:none;display:block;border-radius:inherit;overflow:hidden;background:var(--surface-base, #fff);margin-top:0;margin-bottom:auto}.gobang-container{display:flex;flex-direction:column;align-items:center;gap:16px}.gobang-status{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;padding:12px 16px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius)}.turn-indicator{display:flex;align-items:center;gap:8px;font-weight:600}.stone-icon{width:20px;height:20px;border-radius:50%;display:inline-block;border:1px solid #ccc}.stone-black{background:#1a1a1a;border-color:#000}.stone-white{background:#f5f5f5;border-color:#ccc}.color-label{color:var(--text-secondary);font-size:14px}.gobang-board-wrapper{background:#deb887;padding:12px;border-radius:var(--radius);box-shadow:0 4px 16px #00000026}.gobang-board{display:block;width:min(100%,480px);height:auto;cursor:crosshair}.example-game-shell{width:min(100%,940px);display:flex;flex-direction:column;gap:16px}.example-game-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius)}.example-game-topbar h2,.example-kicker{margin:0}.example-game-topbar h2{font-size:22px;line-height:28px;letter-spacing:0}.example-kicker{color:var(--accent);font-size:12px;font-weight:800}.example-game-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.example-game-layout{display:grid;grid-template-columns:minmax(280px,560px) 240px;gap:18px;align-items:start;justify-content:center}.example-board{width:min(100%,560px);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,14px);padding:clamp(10px,2vw,18px);background:#1f2937;border-radius:var(--radius);box-shadow:0 20px 44px #0f172a38}.example-cell{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#f8fafc;color:var(--accent);font-size:clamp(38px,10vw,82px);font-weight:850;line-height:1;cursor:pointer}.example-board.disabled .example-cell{cursor:default}.example-cell.filled{background:#fff}.example-cell.latest{outline:3px solid #34a853;outline-offset:-6px}.example-panel{display:flex;flex-direction:column;gap:18px;padding:16px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius)}.example-panel-label{margin:0 0 6px;color:var(--text-secondary);font-size:12px;font-weight:800}.example-move-list{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px}.example-empty{color:var(--text-secondary);font-size:13px}.xiangqi-shell{width:min(100%,980px);display:flex;flex-direction:column;gap:16px}.xiangqi-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius)}.xiangqi-status,.xiangqi-actions{display:flex;align-items:center;gap:10px}.xiangqi-status{min-width:0;font-weight:700}.xiangqi-status strong{padding:2px 8px;border-radius:12px;background:#fce8e6;color:#b3261e;font-size:12px}.xiangqi-dot{width:14px;height:14px;border-radius:50%;border:1px solid currentColor;flex:0 0 auto}.xiangqi-dot.red{background:#c5221f;color:#c5221f}.xiangqi-dot.black{background:#202124;color:#202124}.xiangqi-layout{display:grid;grid-template-columns:minmax(0,700px) 220px;gap:18px;align-items:start}.xiangqi-board-wrap{padding:clamp(10px,2vw,18px);background:linear-gradient(135deg,#8a5d272e,#ffffff42),#d9a85f;border:1px solid rgba(85,50,20,.24);border-radius:var(--radius);box-shadow:0 18px 42px #3720102e}.xiangqi-board{position:relative;width:min(100%,640px);aspect-ratio:8 / 9;margin:0 auto;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));background:#edc77b;border:2px solid #6f4a22;overflow:hidden}.xiangqi-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - .5px),rgba(111,74,34,.76) calc(12.5% - .5px),rgba(111,74,34,.76) calc(12.5% + .5px)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(11.111% - .5px),rgba(111,74,34,.76) calc(11.111% - .5px),rgba(111,74,34,.76) calc(11.111% + .5px))}.xiangqi-river{position:absolute;left:0;right:0;top:44.45%;height:11.1%;display:flex;align-items:center;justify-content:center;z-index:1;background:#edc77b;border-top:1px solid rgba(111,74,34,.76);border-bottom:1px solid rgba(111,74,34,.76);color:#4c2d12d1;font-weight:800;letter-spacing:0;pointer-events:none}.xiangqi-point{position:relative;z-index:2;width:100%;min-width:0;aspect-ratio:1;border:0;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer}.xiangqi-board.disabled .xiangqi-point{cursor:default}.xiangqi-point.legal:after,.xiangqi-point.selected:after,.xiangqi-point.last:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.xiangqi-point.legal:after{width:18px;height:18px;background:#0067b842}.xiangqi-point.selected:after{top:7%;right:7%;bottom:7%;left:7%;border:3px solid rgba(0,103,184,.66)}.xiangqi-point.last:after{top:16%;right:16%;bottom:16%;left:16%;border:2px dashed rgba(52,168,83,.72)}.xiangqi-piece{position:relative;z-index:3;width:min(80%,56px);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff7dc,#e4bb68 72%);border:2px solid #7c4f20;box-shadow:0 5px 10px #4c2d1238,inset 0 0 0 3px #fff4cd9e;font-size:clamp(18px,4vw,30px);font-weight:800;line-height:1;-webkit-user-select:none;user-select:none}.xiangqi-piece.red{color:#b3261e}.xiangqi-piece.black{color:#202124}.xiangqi-side{display:flex;flex-direction:column;gap:18px;padding:16px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius)}.xiangqi-side-label{margin:0 0 6px;color:var(--text-secondary);font-size:12px;font-weight:700}.xiangqi-side-value{margin:0;font-weight:800}.xiangqi-moves{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px;color:var(--text-primary);font-size:13px}.xiangqi-empty{margin:0;color:var(--text-secondary);font-size:13px}.doudizhu-container{display:flex;flex-direction:column;width:100%;max-width:800px;gap:16px}.doudizhu-status{text-align:center;padding:12px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius)}.doudizhu-opponents{display:flex;gap:16px;justify-content:center}.opponent-area{flex:1;max-width:300px;padding:16px;background:#fff;border:2px solid var(--stroke);border-radius:var(--radius);transition:border-color .2s}.opponent-area.is-turn{border-color:var(--accent);box-shadow:0 0 0 2px #0067b826}.opponent-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.opponent-name{font-weight:600;flex:1}.card-count{color:var(--text-secondary);font-size:13px}.opponent-cards{display:flex;gap:4px;flex-wrap:wrap}.card-back{width:32px;height:44px;border-radius:4px;background:linear-gradient(135deg,#0067b8,#004a8c);border:1px solid #003d73}.card-more{display:flex;align-items:center;color:var(--text-secondary);font-size:12px;margin-left:4px}.my-hand-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius)}.my-hand{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.card{width:48px;height:64px;border:1px solid var(--stroke-strong);border-radius:6px;background:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.card.playable:hover{transform:translateY(-4px);border-color:var(--accent)}.card.selected{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 4px 12px #0067b840;background:#e8f4fd}.hand-actions{display:flex;gap:12px}.game-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-result-modal{background:#fff;border-radius:16px;padding:40px;text-align:center;max-width:380px;width:90%;box-shadow:0 20px 60px #0000004d}.result-icon{font-size:56px;margin-bottom:16px}.game-result-modal h2{margin:0 0 8px;font-size:24px}.result-sub{color:var(--text-secondary);margin:0 0 20px}.result-points{margin-bottom:24px}.points-badge{display:inline-block;padding:6px 20px;background:linear-gradient(135deg,#34a853,#2d8f47);color:#fff;border-radius:20px;font-weight:700;font-size:18px}.result-actions{display:flex;gap:12px;justify-content:center}.toast-notification{position:fixed;top:80px;right:24px;z-index:200;padding:12px 24px;background:#34a853;color:#fff;border-radius:8px;font-weight:700;font-size:16px;box-shadow:0 4px 16px #0003;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;padding:12px 24px;background:#d32f2f;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0003}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal{background:#fff;border-radius:16px;padding:36px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #0003}.login-modal h2{margin:0 0 8px;font-size:24px}.login-modal p{color:var(--text-secondary);margin:0 0 20px}@media (max-width: 655px){.board-game-mode-select{align-items:stretch;flex-direction:column}.mode-actions{justify-content:flex-start}.game-result-modal{padding:28px 20px}}@media (max-width: 767px){.game-room{gap:12px}.back-link{margin-bottom:4px;font-size:14px;padding:6px 12px}.board-game-active{min-height:0}}@media (max-width: 799px) and (orientation: portrait){.xiangqi-topbar,.example-game-topbar,.chess-topbar,.gobang-status{padding:8px 12px!important;gap:8px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-height:0!important;box-shadow:none!important}.status-title,.xiangqi-status,.chess-status{font-size:15px!important}.example-kicker{display:none!important}.xiangqi-layout,.example-game-layout,.chess-layout{grid-template-columns:1fr!important;gap:12px!important}.xiangqi-board-wrap,.chess-board-wrapper,.board-game-view,.gobang-board-canvas-wrapper{padding:8px!important;border-radius:12px!important;margin:0 auto;width:100%!important;max-width:min(92vw,calc(100vh - 240px))!important;box-sizing:border-box}.xiangqi-board,.chess-board,.example-board,.gobang-board-svg{width:100%!important;max-width:100%!important;height:auto!important}.xiangqi-side,.board-game-sidebar,.chess-sidebar{order:1!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;padding:8px!important;background:transparent!important;border:none!important;box-shadow:none!important}.sidebar-card{flex:1 1 calc(50% - 8px)!important;padding:8px 12px!important;border-radius:8px!important;min-height:0!important}.scrollable-card,.move-history-card,.history-list-container{display:none!important}.xiangqi-side-label,.example-panel-label,.sidebar-label{font-size:10px!important}.xiangqi-side-value,.mode-val,.sidebar-value{font-size:13px!important;margin:0!important}}@media (max-height: 540px) and (orientation: landscape){.game-room{gap:8px}.back-link{position:absolute;left:12px;top:12px;z-index:10;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--stroke);padding:4px 10px;border-radius:12px;font-size:12px}.xiangqi-layout,.example-game-layout,.chess-layout{grid-template-columns:auto 1fr!important;gap:16px!important;align-items:center!important;width:100%;margin-top:10px}.xiangqi-topbar,.example-game-topbar,.chess-topbar{position:absolute;right:16px;top:12px;width:calc(100% - 52vh - 60px);padding:6px 12px!important;border-radius:10px!important;z-index:9;box-shadow:none!important;min-height:0!important}.status-title,.xiangqi-status,.chess-status{font-size:14px!important}.example-kicker{display:none!important}.xiangqi-board-wrap,.chess-board-wrapper,.board-game-view{height:calc(100vh - 72px)!important;width:auto!important;aspect-ratio:9 / 10!important;padding:6px!important;border-radius:10px!important;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.chess-board-wrapper,.board-game-view{aspect-ratio:1 / 1!important}.xiangqi-board,.chess-board,.example-board{height:100%!important;width:auto!important;aspect-ratio:9 / 10!important}.chess-board,.example-board{aspect-ratio:1 / 1!important}.xiangqi-side,.board-game-sidebar,.chess-sidebar{height:calc(100vh - 72px)!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;box-sizing:border-box;justify-content:center;margin-top:24px}.sidebar-card{padding:8px 12px!important;border-radius:8px!important}.scrollable-card,.move-history-card,.history-list-container{flex-grow:1!important;max-height:100px!important;overflow-y:auto!important}}@media (max-width: 799px) and (orientation: portrait){.gobang-board-canvas-wrapper{max-width:min(100%,calc(100vh - 360px))!important;margin:0 auto}}@media (max-height: 540px) and (orientation: landscape){.gobang-board-canvas-wrapper{max-width:min(100%,calc(100vh - 120px))!important;margin:0 auto}}@media (max-width: 799px){.doudizhu-opponents{flex-direction:row!important;gap:8px!important;width:100%;justify-content:space-between}.opponent-area{flex:1!important;min-width:0!important;padding:8px!important;border-radius:8px!important}.opponent-info{margin-bottom:4px!important;gap:4px!important}.opponent-name{font-size:12px!important}.card-count{font-size:11px!important}.opponent-cards{gap:2px!important}.card-back{width:16px!important;height:22px!important}.my-hand-area{padding:8px!important;gap:8px!important;width:100%}.my-hand{gap:-8px!important;flex-wrap:nowrap!important;overflow-x:auto;width:100%;padding:8px 4px!important;justify-content:flex-start!important;-webkit-overflow-scrolling:touch}.my-hand .card{flex-shrink:0;margin-right:-16px;width:38px!important;height:52px!important;font-size:12px!important;box-shadow:-2px 2px 5px #00000026}.my-hand .card:last-child{margin-right:0}.my-hand .card.selected{transform:translateY(-12px)!important;z-index:10}}.board-game-mode-select{position:relative;width:100%;max-width:1000px;margin:40px auto;padding:48px;background:#0f0f17b3;border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 20px 60px #00000080,0 0 40px #6366f126;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;display:flex;flex-direction:column;align-items:center;z-index:1}.board-game-mode-select .room-ambient-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;transition:background .8s cubic-bezier(.16,1,.3,1);pointer-events:none;border-radius:28px}[data-game-wallpaper=cosmic] .room-ambient-bg{background:radial-gradient(circle at 50% 50%,#140a2d80,#0a0619f2),url(/assets/bg_cosmic_nebula.png) center/cover no-repeat}[data-game-wallpaper=zen] .room-ambient-bg{background:radial-gradient(circle at 50% 50%,#0a0f0c66,#050807f2),url(/assets/bg_ink_zen.png) center/cover no-repeat}[data-game-wallpaper=aurora] .room-ambient-bg{background:linear-gradient(135deg,#020204,#031512 40%,#09261a,#010403);background-size:400% 400%;animation:roomAuroraFlow 20s ease infinite}@keyframes roomAuroraFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.board-game-mode-select:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000059;z-index:-1;pointer-events:none}.room-settings-hud{position:absolute;top:24px;right:32px;display:flex;align-items:center;gap:20px;z-index:10;background:#0006;padding:8px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-wallpaper-selector{display:flex;gap:6px;border-right:1px solid rgba(255,255,255,.15);padding-right:12px}.hud-wp-btn{background:transparent;border:none;font-size:16px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.hud-wp-btn:hover{background:#ffffff26;transform:scale(1.15)}.hud-wp-btn.active{background:#6366f14d;box-shadow:0 0 8px #6366f199}.hud-audio-controller{display:flex;align-items:center;gap:8px}.hud-audio-btn{background:transparent;border:none;font-size:14px;cursor:pointer;color:#fff;transition:transform .2s ease}.hud-audio-btn:hover{transform:scale(1.2)}.hud-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:4px;border-radius:2px;background:#fff3;outline:none;cursor:pointer}.hud-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 5px #fffc}.board-game-mode-select .mode-copy{text-align:center;margin-bottom:40px;width:100%}.room-genre-tag{font-size:11px;font-weight:700;text-transform:uppercase;color:#818cf8;letter-spacing:2px;margin:0 0 8px}.board-game-mode-select .mode-copy h2{font-size:36px;font-weight:800;color:#fff;margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.board-game-mode-select .mode-copy span{font-size:14px;color:#ffffff80}.room-mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;width:100%;max-width:800px;z-index:2}.room-mode-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px 28px;cursor:pointer;overflow:hidden;text-align:left;display:flex;align-items:center;gap:20px;transition:all .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.room-mode-card.local-card{--card-theme: #38bdf8;--card-theme-rgb: 56, 189, 248}.room-mode-card.online-card{--card-theme: #f43f5e;--card-theme-rgb: 244, 63, 94}.room-mode-card .card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:200px;height:200px;background:radial-gradient(circle,rgba(var(--card-theme-rgb),.15) 0%,transparent 70%);z-index:1;pointer-events:none;transition:all .4s ease}.room-mode-card .card-icon{font-size:36px;width:64px;height:64px;border-radius:18px;background:rgba(var(--card-theme-rgb),.1);border:1px solid rgba(var(--card-theme-rgb),.2);display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;box-shadow:inset 0 0 10px rgba(var(--card-theme-rgb),.1)}.room-mode-card .card-info{z-index:2;display:flex;flex-direction:column;gap:4px;flex:1}.room-mode-card .card-info h3{font-size:20px;font-weight:700;color:#fff;margin:0;transition:color .3s ease}.room-mode-card .card-info p{font-size:12px;line-height:1.4;color:#ffffff73;margin:0}.room-mode-card:hover{transform:translateY(-5px);background:#ffffff0f;border-color:rgba(var(--card-theme-rgb),.4);box-shadow:0 15px 40px #0006,0 0 20px rgba(var(--card-theme-rgb),.2)}.room-mode-card:hover .card-glow{transform:translate(-50%,-50%) scale(1.4);background:radial-gradient(circle,rgba(var(--card-theme-rgb),.25) 0%,transparent 70%)}.room-mode-card:hover .card-icon{background:var(--card-theme);color:#fff;box-shadow:0 0 15px rgba(var(--card-theme-rgb),.5);transform:scale(1.05)}.room-mode-card:hover .card-info h3{color:var(--card-theme);text-shadow:0 0 10px rgba(var(--card-theme-rgb),.3)}.room-mode-card:active{transform:scale(.98)}@media (max-width: 768px){.board-game-mode-select{padding:32px 20px;margin:20px auto}.room-settings-hud{position:static;margin-bottom:24px}.board-game-mode-select .mode-copy h2{font-size:28px}.room-mode-cards{grid-template-columns:1fr;gap:16px}.room-mode-card{padding:24px 20px}}.game-room.room-theme-wood{background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 12px),linear-gradient(to right,#0000004d,#0000 25%,#0000 75%,#0000004d),radial-gradient(circle at 50% 30%,#543315,#1e1106)!important;color:#fdf6e2!important}.game-room.room-theme-zen{background:radial-gradient(circle at 50% 30%,#e8e4d9,#b8b3a0)!important;color:#1a1a1a!important}.game-room.room-theme-neon{background:radial-gradient(circle at 50% 30%,#0c1b2b,#03070b)!important;color:#fff!important}.game-room.room-theme-glass{background:linear-gradient(135deg,#eef2f6,#cbd5e1)!important;color:#0f172a!important}.room-theme-wood .board-game-header,.room-theme-zen .board-game-header,.room-theme-neon .board-game-header,.room-theme-glass .board-game-header{background:#ffffff1a!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)!important;color:inherit!important;box-shadow:0 4px 15px #0000001a!important}.room-theme-wood .status-title,.room-theme-zen .status-title,.room-theme-neon .status-title,.room-theme-glass .status-title{color:inherit!important}.gobang-game-layout{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:16px;width:100%}@media (max-width: 799px) and (orientation: portrait){.gobang-game-layout{flex-direction:column!important;gap:8px!important;width:100%;align-items:center!important}.gobang-board-view{order:2!important;width:100%!important;max-width:min(100vw - 32px,calc(100vh - 280px))!important;aspect-ratio:1!important}.pillar-left{order:3!important}.pillar-right{order:1!important}.gobang-pillar{width:100%!important;max-width:min(100vw - 32px,calc(100vh - 280px))!important;height:54px!important;min-height:0!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:8px 16px!important}.pillar-label{flex-direction:row!important;gap:8px!important}.label-text{writing-mode:horizontal-tb!important;letter-spacing:0px!important}.pillar-bottom-btn{width:36px!important;height:36px!important}}.mobile-only-header{display:none}@media (max-width: 643px){.mobile-only-header{display:block}.desktop-only-header{display:none!important}}.category-dropdown-container{display:flex;align-items:center;gap:12px}.category-label{font-weight:600;font-size:16px;color:#242424;margin:0;white-space:nowrap}.category-dropdown{position:relative;font-family:inherit}.dropdown-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:140px;height:40px;border:1px solid #ccc;border-radius:8px;background-color:#f5f5f5;padding:8px 32px 8px 12px;text-align:left;font-weight:500;font-size:15px;color:#242424;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative}.dropdown-button:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTEuNzkzMSAwLjIzMTM3NUMxMi4wNzg3IDAuNTMxMjk4IDEyLjA2NzIgMS4wMDYwMyAxMS43NjczIDEuMjkxNzJMNi41MTY4MiA2LjI5MzA2QzYuMjI3MTUgNi41Njg5OCA1Ljc3MTkxIDYuNTY4OTggNS40ODIyNCA2LjI5MzA2TDAuMjMxNzc4IDEuMjkxNzJDLTAuMDY4MTQ0MyAxLjAwNjAzIC0wLjA3OTY4MDkgMC41MzEyOTcgMC4yMDYwMSAwLjIzMTM3NUMwLjQ5MTcwMiAtMC4wNjg1NDc4IDAuOTY2NDM1IC0wLjA4MDA4NDMgMS4yNjYzNiAwLjIwNTYwN0w1Ljk5OTUzIDQuNzE0MkwxMC43MzI3IDAuMjA1NjA3QzExLjAzMjYgLTAuMDgwMDgzOSAxMS41MDc0IC0wLjA2ODU0NzMgMTEuNzkzMSAwLjIzMTM3NVoiIGZpbGw9IiMyNDI0MjQiLz4NCjwvc3ZnPg0K) no-repeat center/contain;pointer-events:none}.dropdown-separator{width:1px;height:100%;background-color:#ccc;position:absolute;right:32px;top:0;pointer-events:none}.dropdown-listbox{position:absolute;top:calc(100% + 4px);left:0;width:170px;margin:0;padding:8px;list-style:none;display:flex;flex-direction:column;gap:4px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ddd;border-radius:12px;z-index:10;box-sizing:border-box;max-height:320px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.dropdown-option{padding:8px 12px;border-radius:8px;font-size:15px;color:#242424;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-option:hover{background-color:#0000000d}:root{--portal-popup-surface: #ffffff;--portal-popup-foreground: var(--text-primary, #171717);--portal-popup-muted: var(--text-secondary, #667085);--portal-popup-accent: var(--accent, #0067b8);--portal-popup-border: color-mix(in srgb, var(--portal-popup-accent) 20%, rgba(15, 23, 42, .12));--portal-popup-shadow: 0 28px 80px rgba(2, 6, 23, .32), 0 8px 24px rgba(2, 6, 23, .16)}.modal-backdrop,.game-result-overlay{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#030712a3;-webkit-backdrop-filter:blur(8px) saturate(.86);backdrop-filter:blur(8px) saturate(.86);overscroll-behavior:contain}.settings-modal,.game-result-modal,.match-card{box-sizing:border-box;border:1px solid var(--portal-popup-border);border-radius:clamp(18px,2.2vw,26px);color:var(--portal-popup-foreground);background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--portal-popup-accent) 13%,transparent),transparent 50%),var(--portal-popup-surface);box-shadow:var(--portal-popup-shadow)}.settings-modal{inline-size:min(760px,100%);max-block-size:calc(100dvh - 32px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.modal-header,.modal-footer{display:flex;align-items:center;gap:16px;padding:20px clamp(20px,4vw,32px)}.modal-header{justify-content:space-between;border-bottom:1px solid var(--portal-popup-border)}.modal-header h2,.settings-section h3{margin:0}.modal-header h2{font-size:clamp(20px,3vw,28px)}.modal-content{min-block-size:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:clamp(20px,4vw,32px)}.settings-section+.settings-section{margin-top:28px}.settings-section h3{margin-bottom:14px;color:var(--portal-popup-muted);font-size:14px;letter-spacing:.04em;text-transform:uppercase}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wallpaper-card{min-width:0;padding:8px;border:1px solid var(--stroke-strong);border-radius:14px;color:inherit;background:color-mix(in srgb,var(--portal-popup-surface) 92%,var(--portal-popup-accent));cursor:pointer}.wallpaper-card.active{border-color:var(--portal-popup-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-popup-accent) 18%,transparent)}.wallpaper-preview{aspect-ratio:16 / 9;border-radius:9px;overflow:hidden}.wallpaper-name{display:block;margin-top:8px;overflow-wrap:anywhere}.control-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(230px,auto);align-items:center;gap:18px;min-height:68px;padding:12px 0;border-bottom:1px solid var(--stroke)}.control-label{display:grid;gap:4px}.control-label small,.volume-percent{color:var(--portal-popup-muted)}.control-actions{display:grid;grid-template-columns:auto minmax(100px,1fr) 48px;align-items:center;gap:12px}.switch-toggle{position:relative;display:inline-flex;width:48px;height:28px}.switch-toggle input{position:absolute;opacity:0;pointer-events:none}.switch-toggle .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#c7ccd4;transition:background .16s ease}.switch-toggle .slider:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000003d;transition:transform .16s ease}.switch-toggle input:checked+.slider{background:var(--portal-popup-accent)}.switch-toggle input:checked+.slider:after{transform:translate(20px)}.switch-toggle input:focus-visible+.slider{outline:3px solid color-mix(in srgb,var(--portal-popup-accent) 45%,transparent);outline-offset:2px}.modal-footer{justify-content:flex-end;border-top:1px solid var(--portal-popup-border)}.close-btn,.apply-btn,.result-actions button{min-height:48px;border-radius:12px;cursor:pointer;touch-action:manipulation}.close-btn{display:grid;width:48px;padding:0;place-items:center;border:1px solid transparent;color:var(--portal-popup-muted);background:transparent;font-size:30px}.close-btn:hover{border-color:var(--portal-popup-border);background:color-mix(in srgb,var(--portal-popup-accent) 10%,transparent)}.apply-btn{min-width:140px;padding:0 24px;border:0;color:#fff;background:var(--portal-popup-accent);font-weight:700}.game-result-modal{--result-accent: #b7791f;--result-soft: #fff8e7;inline-size:min(560px,100%);max-block-size:calc(100dvh - 32px);overflow-y:auto;padding:clamp(24px,5vw,44px);text-align:center}.game-result-modal:is([data-game-id*=soccer],[data-game-id*=basketball],[data-game-id*=hockey],[data-game-id*=pong],[data-game-id*=fighter],[data-game-id*=tank],[data-game-id*=bomber]){--portal-popup-surface: #111c2f;--portal-popup-foreground: #f8fafc;--portal-popup-muted: #b7c1d2;--portal-popup-border: rgba(96, 165, 250, .42);--result-soft: rgba(59, 130, 246, .14);background:radial-gradient(circle at 50% -15%,rgba(59,130,246,.3),transparent 46%),linear-gradient(145deg,#1e2b40,#111827)}.game-result-modal:is([data-game-id*=gomoku],[data-game-id*=xiangqi],[data-game-id*=chess],[data-game-id*=go]){--result-accent: #a87232;--portal-popup-accent: #a87232;--portal-popup-surface: #fffdf8;--result-soft: #fbf3e4}.result-hero{display:grid;place-items:center;margin-bottom:16px}.result-icon{display:grid;width:clamp(68px,12vw,88px);height:clamp(68px,12vw,88px);place-items:center;border:1px solid color-mix(in srgb,var(--result-accent) 38%,transparent);border-radius:50%;color:var(--result-accent);background:var(--result-soft);box-shadow:0 14px 34px color-mix(in srgb,var(--result-accent) 20%,transparent)}.result-icon.lose{--result-accent: #ef7b45}.result-icon.draw{--result-accent: #64748b}.result-icon svg{width:54%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.result-heading h2{margin:0;font-size:clamp(28px,5vw,40px);letter-spacing:-.02em}.result-sub{margin:10px 0 0;color:var(--portal-popup-muted);line-height:1.6}.result-reason{display:inline-flex;margin:12px 0 0;padding:6px 12px;border-radius:999px;color:var(--portal-popup-muted);background:color-mix(in srgb,var(--result-accent) 10%,transparent);font-size:13px}.result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0}.result-stat{display:grid;gap:5px;padding:14px;border:1px solid var(--portal-popup-border);border-radius:14px;background:color-mix(in srgb,var(--portal-popup-surface) 92%,var(--result-accent))}.result-stat dt{color:var(--portal-popup-muted);font-size:13px}.result-stat dd{margin:0;font-size:22px;font-weight:800}.result-points{margin:22px 0 0}.points-badge{color:color-mix(in srgb,var(--result-accent) 84%,#1f2937);background:var(--result-soft);box-shadow:none}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.result-actions .result-primary,.result-actions .result-secondary{width:100%;padding:0 18px;font-weight:750}.result-actions .result-primary{border:1px solid var(--result-accent);color:#fff;background:var(--result-accent)}.result-actions .result-secondary{border:1px solid var(--portal-popup-border);color:var(--portal-popup-foreground);background:color-mix(in srgb,var(--portal-popup-surface) 92%,var(--result-accent))}.match-screen{box-sizing:border-box;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important}.match-card{inline-size:min(520px,100%);max-block-size:calc(100dvh - 32px);overflow-y:auto;padding:clamp(24px,5vw,40px)}.modal-backdrop :where(button,input,select),.game-result-overlay :where(button,input,select),.match-screen :where(button,input,select){min-height:44px}.modal-backdrop :where(button,input,select):focus-visible,.game-result-overlay :where(button,input,select):focus-visible,.match-screen :where(button,input,select):focus-visible{outline:3px solid color-mix(in srgb,var(--portal-popup-accent) 48%,transparent);outline-offset:2px}@media (orientation: landscape) and (max-height: 559px){.modal-backdrop,.game-result-overlay,.match-screen{padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))!important}.settings-modal,.game-result-modal,.match-card{max-block-size:calc(100dvh - 12px);border-radius:16px}.game-result-modal{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 24px;inline-size:min(720px,100%);padding:16px 22px;text-align:left}.result-hero{grid-row:span 2;margin:0}.result-icon{width:64px;height:64px}.result-stats,.result-points,.result-actions{grid-column:1 / -1;margin-top:6px}.result-actions button{min-height:44px}}@media (orientation: portrait) and (max-width: 389px){.modal-backdrop,.game-result-overlay{place-items:end center;padding:max(12px,env(safe-area-inset-top)) 8px 0}.settings-modal,.game-result-modal{inline-size:100%;max-block-size:calc(100dvh - max(12px,env(safe-area-inset-top)));border-end-start-radius:0;border-end-end-radius:0}.wallpaper-grid,.result-stats,.result-actions{grid-template-columns:1fr}.control-row{grid-template-columns:1fr;gap:10px}.control-actions{grid-template-columns:auto minmax(80px,1fr) 44px}}@media (prefers-reduced-motion: reduce){.modal-backdrop *,.game-result-overlay *,.match-screen *{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}