.page-module__Xh1xWG__page{width:100%;max-width:600px;min-height:100dvh;margin:0 auto;position:relative}@media (min-width:640px){.page-module__Xh1xWG__page{max-width:820px;margin:var(--space-lg) auto;min-height:calc(100dvh - (2 * var(--space-lg)));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.page-module__Xh1xWG__header{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}}.page-module__Xh1xWG__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md);padding-top:calc(var(--space-md) + env(safe-area-inset-top));padding-left:calc(var(--space-md) + env(safe-area-inset-left));padding-right:calc(var(--space-md) + env(safe-area-inset-right));justify-content:space-between;align-items:center;display:flex}.page-module__Xh1xWG__headerRight{align-items:center;gap:var(--space-md);min-width:0;display:flex}@media (max-width:480px){.page-module__Xh1xWG__headerRight{gap:var(--space-sm)}.page-module__Xh1xWG__userBadge>span{display:none}}.page-module__Xh1xWG__adminLink{letter-spacing:.02em;text-transform:uppercase;color:var(--color-primary);padding:var(--space-xs) var(--space-sm);border:1px solid color-mix(in srgb, var(--color-primary) 40%, transparent);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);font-size:.75rem;font-weight:700;text-decoration:none}.page-module__Xh1xWG__adminLink:hover{color:var(--color-on-primary);background:var(--color-primary)}.page-module__Xh1xWG__userBadge{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0;font-size:.75rem;display:flex}.page-module__Xh1xWG__userBadge:hover{color:var(--color-text)}.page-module__Xh1xWG__avatar{border-radius:var(--radius-full);background:var(--color-primary);width:28px;height:28px;color:var(--color-on-primary);justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:relative}.page-module__Xh1xWG__errorBanner{background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));border-bottom:1px solid color-mix(in srgb, var(--color-danger) 25%, var(--color-border));color:var(--color-danger);padding:var(--space-sm) var(--space-md);font-size:.875rem}.page-module__Xh1xWG__reconnectPill{top:calc(var(--space-md) + env(safe-area-inset-top));z-index:60;align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);color:var(--color-text-muted);white-space:nowrap;padding:6px 14px;font-size:.8125rem;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.page-module__Xh1xWG__reconnectDot{border-radius:var(--radius-full);background:var(--color-warning);width:8px;height:8px;animation:1.2s ease-in-out infinite page-module__Xh1xWG__reconnectPulse}@keyframes page-module__Xh1xWG__reconnectPulse{0%,to{opacity:1}50%{opacity:.35}}.page-module__Xh1xWG__connecting{margin-top:var(--space-2xl);align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;display:flex}.page-module__Xh1xWG__spinner{border-radius:var(--radius-full);border:4px solid var(--color-border);border-top-color:var(--color-primary);width:48px;height:48px;animation:1s linear infinite page-module__Xh1xWG__spin}.page-module__Xh1xWG__connectingText{color:var(--color-on-bg-muted);font-size:.9375rem}.page-module__Xh1xWG__staleGame{margin-top:var(--space-2xl);align-items:center;gap:var(--space-lg);text-align:center;padding:0 var(--space-md);flex-direction:column;display:flex}.page-module__Xh1xWG__staleGameText{color:var(--color-on-bg-muted);max-width:420px;font-size:.9375rem}.page-module__Xh1xWG__staleGameBtn{min-height:var(--tap-min);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-body);color:#fff;background:var(--color-danger);transition:all var(--duration-fast) var(--ease-out);border:none}.page-module__Xh1xWG__staleGameBtn:hover{background:color-mix(in srgb, var(--color-danger) 85%, black)}.page-module__Xh1xWG__staleGameBtn:active{transform:scale(.97)}@keyframes page-module__Xh1xWG__spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-module__Xh1xWG__spinner{animation:1.2s ease-in-out infinite page-module__Xh1xWG__pulse}}@keyframes page-module__Xh1xWG__pulse{0%,to{opacity:1}50%{opacity:.35}}.page-module__Xh1xWG__main{padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}.page-module__Xh1xWG__mainWithSheet{padding-bottom:calc(200px + env(safe-area-inset-bottom))}.page-module__Xh1xWG__conflictBody{gap:var(--space-lg);flex-direction:column;display:flex}.page-module__Xh1xWG__conflictText{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5}.page-module__Xh1xWG__conflictActions{gap:var(--space-sm);flex-direction:column;display:flex}.page-module__Xh1xWG__conflictBtnPrimary,.page-module__Xh1xWG__conflictBtnDanger{width:100%;min-height:var(--tap-min);padding:var(--space-md);border-radius:var(--radius-xl);cursor:pointer;font-size:1.05rem;font-weight:700;font-family:var(--font-display)}.page-module__Xh1xWG__conflictBtnPrimary{--btn-base:var(--color-primary)}.page-module__Xh1xWG__conflictBtnDanger{--btn-base:var(--color-danger)}.page-module__Xh1xWG__avatarStar{position:absolute;bottom:-5px;right:-6px}
