:root{--color-void:#0b0c0e;--color-abyss:#0e111b;--color-deep-sea:#0d172b;--color-cobalt-panel:#12244f;--color-frosted-lilac:#85a6e9;--color-signal-blue:#2862d7;--color-pulse-violet:#305fbd;--color-aurora-purple:radial-gradient(79.43% 95.88% at 38.94% -53.46%, #625fff61 0px, #0000);--color-plasma-pink:radial-gradient(27.99% 22.08% at 72.13% 103.46%, #ff7dda54 0px, #0000);--color-quartz:#fff;--color-ash:#abaebb;--color-mist:#c7c9d1;--color-slate:#3c3f44;--color-obsidian-edge:#172540;--color-inkline:#151e32;--color-sapphire-hairline:#24375a;--bg:var(--color-void);--canvas:var(--color-abyss);--surface-card:var(--color-deep-sea);--surface-spotlight:var(--color-cobalt-panel);--text-primary:var(--color-quartz);--text-secondary:var(--color-ash);--text-muted:var(--color-mist);--border-primary:var(--color-obsidian-edge);--border-subtle:var(--color-inkline);--border-hairline:var(--color-sapphire-hairline);--accent-cta:var(--color-signal-blue);--accent-glow:var(--color-pulse-violet);--accent-tint:var(--color-frosted-lilac);--font-inter:"Inter", system-ui, -apple-system, sans-serif;--font-figtree:"Figtree", "Inter", system-ui, sans-serif;--font-ibm-plex-mono:"IBM Plex Mono", "JetBrains Mono", monospace;--shadow-md:#0003 0px 3px 16px 0px;--shadow-xl:#00000080 0px 4px 30px 0px;--shadow-xl-2:#00000057 0px 20px 35px 0px, #00000040 0px 8px 16px 0px;--shadow-md-2:#ffffff59 0px 2px 14px 0px;--shadow-xl-3:#00000059 0px 20px 34px 0px;--shadow-subtle:#00000026 0px 0px 0px 1px;--radius-buttons:9999px;--radius-tags:9999px;--radius-cards:12px;--radius-inputs:8px;--radius-nav:8px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{background-color:var(--color-void);width:100vw;height:100vh;color:var(--color-quartz);font-family:var(--font-inter);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(79.43% 95.88% at 38.94% -53.46%,#625fff47 0,#0000 70%),radial-gradient(27.99% 22.08% at 72.13% 103.46%,#ff7dda38 0,#0000 65%);position:fixed;inset:0}#canvas-container{z-index:1;width:100vw;height:100vh;position:fixed;inset:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important}#hud-top{z-index:10;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:16px;left:20px;right:20px}.hud-group{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand-pill{-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-tags);box-shadow:var(--shadow-md);background:#0e111bd9;align-items:center;gap:10px;padding:8px 18px;transition:border-color .2s;display:flex}.brand-pill:before{content:"";background:var(--color-frosted-lilac);width:7px;height:7px;box-shadow:0 0 10px var(--color-frosted-lilac);border-radius:50%}.brand-title{font-family:var(--font-figtree);letter-spacing:-.02em;color:var(--color-quartz);font-size:.92rem;font-weight:600}.status-pill{-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-tags);color:var(--color-ash);box-shadow:var(--shadow-md);background:#0e111bd9;align-items:center;gap:10px;padding:8px 16px;font-size:.84rem;font-weight:400;display:flex}.turn-dot{background:var(--color-quartz);border-radius:50%;width:9px;height:9px;transition:all .25s;box-shadow:0 0 10px #ffffffd9}.turn-dot.black{border:1.5px solid var(--color-frosted-lilac);background:#1e2433;box-shadow:0 0 10px #85a6e999}.mode-badge{font-family:var(--font-ibm-plex-mono);border-radius:var(--radius-tags);background:var(--color-cobalt-panel);color:var(--color-frosted-lilac);border:1px solid var(--color-sapphire-hairline);letter-spacing:normal;padding:3px 10px;font-size:.72rem}.hud-divider{background:var(--color-sapphire-hairline);width:1px;height:20px;margin:0 4px}.hud-btn{-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-obsidian-edge);color:var(--color-ash);border-radius:var(--radius-buttons);font-family:var(--font-inter);letter-spacing:-.01em;cursor:pointer;box-shadow:var(--shadow-md);background:#0e111bd9;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.hud-btn:hover{border-color:var(--color-signal-blue);color:var(--color-quartz);background:var(--color-deep-sea);transform:translateY(-1px)}.hud-btn.active,.hud-btn.primary{background:var(--color-quartz);color:#050606;border-color:var(--color-quartz);font-weight:600;box-shadow:0 2px 14px #ffffff40}.hud-btn.active:hover,.hud-btn.primary:hover{color:#050606;background:#f0f3fa;border-color:#fff;transform:translateY(-1px)}.user-pill{-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-tags);color:var(--color-quartz);cursor:pointer;box-shadow:var(--shadow-md);background:#0e111bd9;align-items:center;gap:8px;padding:7px 16px;font-size:.82rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.user-pill:hover{background:var(--color-cobalt-panel);border-color:var(--color-sapphire-hairline);transform:translateY(-1px)}.user-avatar-dot{background:var(--color-signal-blue);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #2862d7cc}.user-avatar-dot.guest{background:var(--color-frosted-lilac);box-shadow:0 0 8px #85a6e9cc}#hud-bottom{z-index:10;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:16px;left:20px;right:20px}.hint-pill{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-inkline);border-radius:var(--radius-tags);color:var(--color-ash);letter-spacing:-.01em;box-shadow:var(--shadow-md);background:#0d172bd9;padding:8px 18px;font-size:.78rem;font-weight:300}.hint-pill strong{color:var(--color-quartz);font-weight:500}.captured-pill{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-tags);font-family:var(--font-ibm-plex-mono);color:var(--color-quartz);box-shadow:var(--shadow-md);background:#0d172bd9;align-items:center;gap:12px;padding:6px 14px;font-size:.78rem;display:flex}.captured-pill:empty{display:none}body.cinematic-ui-hidden #hud-top,body.cinematic-ui-hidden #hud-bottom{transition:opacity .25s;opacity:0!important;pointer-events:none!important}#checkmate-overlay{z-index:24;pointer-events:none;opacity:0;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:80px;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(-12px)scale(.97)}#checkmate-overlay.visible{opacity:1;transform:translateY(0)scale(1)}#checkmate-overlay.visible .checkmate-banner{pointer-events:auto}.checkmate-banner{pointer-events:none;background:radial-gradient(ellipse at 50% -20%, #625fff52 0%, transparent 72%), var(--color-deep-sea);border:1px solid var(--color-sapphire-hairline);border-radius:var(--radius-cards);min-width:480px;max-width:92vw;box-shadow:var(--shadow-xl-2);text-align:center;-webkit-backdrop-filter:blur(18px);padding:30px 48px 26px;position:relative}.checkmate-banner:before{content:"";border-radius:var(--radius-cards);pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:0}.checkmate-ornament{font-family:var(--font-ibm-plex-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-frosted-lilac);margin-bottom:6px;font-size:.7rem}.checkmate-crown{color:var(--color-quartz);filter:drop-shadow(0 0 16px #85a6e9a6);margin-bottom:6px;font-size:2.2rem;line-height:1}.checkmate-title{font-family:var(--font-figtree);letter-spacing:-.02em;color:var(--color-quartz);margin:2px 0 8px;font-size:2.4rem;font-weight:600}.checkmate-rule{background:linear-gradient(90deg, transparent 0%, var(--color-sapphire-hairline) 50%, transparent 100%);width:68%;height:1px;margin:10px auto 12px}.checkmate-subtitle{font-family:var(--font-inter);letter-spacing:-.01em;color:var(--color-ash);margin-bottom:18px;font-size:.95rem;font-weight:300}.checkmate-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.checkmate-btn{background:var(--color-quartz);color:#050606;border-radius:var(--radius-buttons);font-family:var(--font-inter);letter-spacing:-.01em;cursor:pointer;border:1px solid #fff3;padding:10px 22px;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 14px #fff3}.checkmate-btn:hover{background:#f0f3fa;transform:translateY(-1px);box-shadow:0 4px 18px #ffffff59}.checkmate-btn.secondary{color:var(--color-quartz);box-shadow:none;background:0 0;border:1px solid #777a88}.checkmate-btn.secondary:hover{background:#ffffff14;border-color:#fff;transform:translateY(-1px)}#loading-overlay{z-index:40;background:radial-gradient(79.43% 95.88% at 38.94% -53.46%, #625fff59 0px, transparent 70%), radial-gradient(27.99% 22.08% at 72.13% 103.46%, #ff7dda40 0px, transparent 65%), var(--color-void);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .45s;display:flex;position:fixed;inset:0}#loading-overlay.hidden{opacity:0;pointer-events:none}.loader-title{font-family:var(--font-figtree);letter-spacing:-.02em;color:var(--color-quartz);font-size:1.6rem;font-weight:600}.loader-bar-wrap{background:var(--color-abyss);border-radius:var(--radius-buttons);border:1px solid var(--color-obsidian-edge);width:280px;height:6px;overflow:hidden}.loader-bar{background:linear-gradient(90deg, var(--color-pulse-violet), var(--color-frosted-lilac));width:15%;height:100%;transition:width .25s;box-shadow:0 0 12px #85a6e980}#loader-text{font-family:var(--font-inter);color:var(--color-ash);letter-spacing:-.01em;font-size:.84rem;font-weight:300}.mobile-controls-trigger,.mobile-sheet-backdrop,.mobile-sheet-handle-wrap,.mobile-sheet-header,.mobile-sheet-section-label,.mobile-sheet-hint,.mobile-only-restore-ui{display:none}@media (width<=768px){#hud-top{z-index:30;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;top:12px;left:12px;right:12px}#hud-left{flex-wrap:nowrap;flex:auto;gap:6px;min-width:0}.brand-pill{flex-shrink:0;padding:7px 12px}.brand-title{white-space:nowrap;font-size:.78rem}.status-pill{flex:0 auto;gap:7px;min-width:0;padding:7px 12px;font-size:.78rem}#turn-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mode-badge{display:none}.mobile-controls-trigger{pointer-events:auto;border-color:var(--color-obsidian-edge);min-height:38px;color:var(--color-quartz);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:7px 14px;font-size:.8rem;font-weight:500;display:inline-flex}body.cinematic-ui-hidden .mobile-only-restore-ui{z-index:22;border-color:var(--color-obsidian-edge);min-height:38px;color:var(--color-quartz);pointer-events:auto;justify-content:center;align-items:center;padding:7px 14px;display:inline-flex;position:fixed;top:12px;right:12px}.mobile-sheet-backdrop{z-index:28;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0b0c0eb8;transition:opacity .24s;display:block;position:fixed;inset:0}.mobile-sheet-backdrop.open{opacity:1;pointer-events:auto}#hud-right{z-index:29;background:linear-gradient(180deg, var(--color-deep-sea) 0%, var(--color-abyss) 100%);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-sapphire-hairline);padding:12px 18px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-xl-3);pointer-events:none;opacity:0;border-radius:16px 16px 0 0;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:82vh;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}#hud-right.mobile-sheet-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-sheet-handle-wrap{cursor:pointer;pointer-events:auto;grid-column:span 6;justify-content:center;padding:6px 0 8px;display:flex}.mobile-sheet-handle{border-radius:var(--radius-buttons);background:var(--color-sapphire-hairline);width:42px;height:4px}.mobile-sheet-header{border-bottom:1px solid var(--color-inkline);pointer-events:auto;grid-column:span 6;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:10px;display:flex}.mobile-sheet-title{font-family:var(--font-figtree);letter-spacing:-.02em;color:var(--color-quartz);font-size:.96rem;font-weight:600}.mobile-sheet-close{border-radius:var(--radius-buttons);border:1px solid var(--color-obsidian-edge);background:var(--color-cobalt-panel);min-height:34px;color:var(--color-quartz);cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;padding:6px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.mobile-sheet-section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-ash);grid-column:span 6;justify-content:space-between;align-items:center;padding:6px 2px 2px;font-size:.72rem;font-weight:500;display:flex}.mobile-sheet-section-sub{letter-spacing:normal;text-transform:none;color:var(--color-frosted-lilac);font-size:.68rem;font-weight:400}#hud-right .hud-divider{display:none}#hud-right .hud-btn{text-align:center;border-radius:var(--radius-buttons);white-space:nowrap;justify-content:center;align-items:center;width:100%;min-height:42px;padding:10px;font-size:.8rem;display:inline-flex}#btn-side-toggle,#btn-ai-move,#btn-reset{grid-column:span 2}#btn-cam-player,#btn-cam-top,#btn-cam-side,#btn-cam-wide{grid-column:span 3}#btn-hide-ui{grid-column:span 6}.mobile-sheet-hint{border-radius:var(--radius-inputs);background:var(--color-abyss);border:1px solid var(--color-obsidian-edge);color:var(--color-ash);text-align:center;grid-column:span 6;margin-top:4px;padding:10px 14px;font-size:.74rem;line-height:1.45;display:block}.mobile-sheet-hint strong{color:var(--color-quartz);font-weight:500}#hud-bottom{z-index:8;justify-content:center;bottom:12px;left:12px;right:12px}#controls-hint{display:none}.captured-pill{padding:6px 12px;font-size:.74rem}#checkmate-overlay{padding-top:64px}.checkmate-banner{width:calc(100vw - 24px);min-width:0;max-width:420px;padding:22px 20px 20px}.checkmate-title{font-size:1.8rem}.checkmate-subtitle{font-size:.85rem}}@media (width<=380px){.brand-pill{padding:6px 9px}.brand-title{font-size:.72rem}.status-pill{padding:6px 9px;font-size:.72rem}.mobile-controls-trigger{padding:6px 11px;font-size:.74rem}#btn-side-toggle{grid-column:span 6}#btn-ai-move,#btn-reset{grid-column:span 3}}.auth-overlay{z-index:9999;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.auth-backdrop{-webkit-backdrop-filter:blur(16px);background:radial-gradient(79.43% 95.88% at 38.94% -53.46%,#625fff52 0,#0000 65%),radial-gradient(27.99% 22.08% at 72.13% 103.46%,#ff7dda40 0,#0000 60%),#0b0c0ee0;position:absolute;inset:0}.auth-modal-container{z-index:2;background:var(--color-deep-sea);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-cards);width:100%;max-width:460px;box-shadow:var(--shadow-xl-2);color:var(--color-quartz);animation:.28s cubic-bezier(.16,1,.3,1) authFadeIn;position:relative;overflow:hidden}@keyframes authFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-banner-wrap{background:var(--color-abyss);width:100%;height:148px;position:relative;overflow:hidden}.auth-banner-img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.auth-banner-fade{background:linear-gradient(180deg, #0d172b26 0%, #0d172bd9 75%, var(--color-deep-sea) 100%);pointer-events:none;position:absolute;inset:0}.auth-banner-badge{-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-tags);font-family:var(--font-ibm-plex-mono);color:var(--color-frosted-lilac);letter-spacing:normal;pointer-events:none;background:#0e111bcc;padding:4px 12px;font-size:.72rem;position:absolute;top:12px;left:14px}.auth-modal-close{z-index:10;-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-obsidian-edge);color:var(--color-ash);cursor:pointer;background:#0e111bbf;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;line-height:1;transition:all .18s;display:flex;position:absolute;top:12px;right:14px}.auth-modal-close:hover{color:var(--color-quartz);border-color:var(--color-signal-blue);background:var(--color-cobalt-panel)}.auth-header{text-align:center;padding:8px 28px 20px}.auth-title{font-family:var(--font-figtree);color:var(--color-quartz);letter-spacing:-.02em;margin:0 0 6px;font-size:1.5rem;font-weight:600}.auth-subtitle{font-family:var(--font-inter);color:var(--color-ash);margin:0;font-size:.85rem;font-weight:300;line-height:1.45}.auth-form{flex-direction:column;gap:16px;padding:0 28px 28px;display:flex}.auth-alert{border-radius:var(--radius-inputs);margin:0 28px 16px;padding:10px 14px;font-size:.82rem;line-height:1.4}.auth-alert.error{color:#ff9da5;background:#e6394626;border:1px solid #e6394666}.auth-alert.success{color:#8be4af;background:#2ecc7126;border:1px solid #2ecc7166}.auth-field{text-align:left;flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--color-ash);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:500}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-input{box-sizing:border-box;background:var(--color-abyss);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-inputs);width:100%;color:var(--color-quartz);font-family:var(--font-inter);outline:none;padding:11px 14px;font-size:.9rem;transition:all .2s}.auth-input:focus{border-color:var(--color-signal-blue);background:#0e1424f2;box-shadow:0 0 0 2px #2862d740}.auth-input::placeholder{color:var(--color-slate)}.auth-field-hint{color:var(--color-mist);margin-top:2px;font-size:.74rem}.auth-btn{font-family:var(--font-inter);border-radius:var(--radius-buttons);cursor:pointer;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;padding:11px 20px;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.auth-btn.primary{background:var(--color-quartz);color:#050606;border:1px solid #fff3;box-shadow:0 2px 14px #fff3}.auth-btn.primary:hover:not(:disabled){background:#f0f3fa;transform:translateY(-1px);box-shadow:0 4px 18px #ffffff59}.auth-btn.primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn.guest{color:var(--color-quartz);background:0 0;border:1px solid #777a88}.auth-btn.guest:hover{background:#ffffff14;border-color:#fff;transform:translateY(-1px)}.auth-divider{text-align:center;color:var(--color-mist);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:4px 0;font-size:.74rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--color-inkline);flex:1}.auth-divider span{padding:0 10px}.auth-link-btn{color:var(--color-ash);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline;transition:color .18s}.auth-link-btn:hover{color:var(--color-quartz)}.auth-link-btn.highlight{color:var(--color-frosted-lilac);font-weight:500}.auth-link-btn.highlight:hover{color:var(--color-quartz)}.auth-footer-text{color:var(--color-ash);text-align:center;margin-top:4px;font-size:.82rem}.match-setup-container{max-width:500px;padding:0 0 24px}.match-setup-body{flex-direction:column;gap:18px;padding:0 28px 8px;display:flex}.match-setup-section{text-align:left;flex-direction:column;gap:8px;display:flex}.match-section-label{font-family:var(--font-inter);color:var(--color-ash);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:500}.side-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.side-choice-card{background:var(--color-abyss);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-inputs);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.side-choice-card:hover{border-color:var(--color-frosted-lilac);background:var(--color-deep-sea);transform:translateY(-2px)}.side-choice-card.selected{background:var(--color-cobalt-panel);border-color:var(--color-signal-blue);box-shadow:0 0 16px #2862d759}.side-piece-icon{font-size:1.8rem;line-height:1;transition:transform .2s}.side-piece-icon.white{color:#fff;filter:drop-shadow(0 0 8px #fff9)}.side-piece-icon.black{color:#85a6e9;filter:drop-shadow(0 0 8px #85a6e980)}.side-piece-icon.random{font-size:1.6rem}.side-card-info{flex-direction:column;gap:2px;display:flex}.side-card-title{font-family:var(--font-figtree);color:var(--color-quartz);letter-spacing:-.01em;font-size:.88rem;font-weight:600}.side-card-desc{font-family:var(--font-inter);color:var(--color-ash);font-size:.68rem;font-weight:300;line-height:1.3}.side-check-dot{background:var(--color-signal-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.mode-toggle-group{background:var(--color-abyss);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-buttons);gap:4px;padding:4px;display:flex}.mode-toggle-btn{border-radius:var(--radius-buttons);color:var(--color-ash);font-family:var(--font-inter);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.82rem;font-weight:500;transition:all .18s;display:inline-flex}.mode-toggle-btn:hover{color:var(--color-quartz)}.mode-toggle-btn.active{background:var(--color-quartz);color:#050606;font-weight:600;box-shadow:0 2px 10px #ffffff40}.mode-btn-icon{font-size:1rem}.multiplayer-config-panel{background:var(--color-abyss);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-cards);flex-direction:column;gap:12px;padding:16px;display:flex}.multi-tabs{gap:8px;display:flex}.multi-tab-btn{border:1px solid var(--color-inkline);color:var(--color-ash);border-radius:var(--radius-buttons);font-family:var(--font-inter);cursor:pointer;background:0 0;flex:1;padding:7px 12px;font-size:.78rem;font-weight:500;transition:all .18s}.multi-tab-btn:hover{border-color:var(--color-sapphire-hairline);color:var(--color-quartz)}.multi-tab-btn.active{background:var(--color-cobalt-panel);border-color:var(--color-signal-blue);color:var(--color-quartz)}.multi-tab-content{flex-direction:column;gap:10px;display:flex}.multi-hint-text{color:var(--color-ash);font-size:.76rem;font-weight:300}.room-code-display-wrap{background:var(--color-deep-sea);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-inputs);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.room-code-text{font-family:var(--font-ibm-plex-mono);letter-spacing:.18em;color:var(--color-frosted-lilac);font-size:1.35rem;font-weight:600}.room-copy-btn{color:var(--color-quartz);border-radius:var(--radius-buttons);font-family:var(--font-inter);cursor:pointer;background:0 0;border:1px solid #777a88;padding:6px 14px;font-size:.78rem;font-weight:500;transition:all .18s}.room-copy-btn:hover{background:#ffffff14;border-color:#fff}.room-status-indicator{color:var(--color-mist);align-items:center;gap:8px;font-size:.76rem;font-weight:300;display:flex}.status-ping-dot{background:var(--color-signal-blue);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pingDot;box-shadow:0 0 8px #2862d7cc}@keyframes pingDot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.room-code-input{text-align:center;font-family:var(--font-ibm-plex-mono);letter-spacing:.15em;text-transform:uppercase;font-size:1.25rem}.side-auto-info-badge{background:var(--color-deep-sea);border:1px solid var(--color-sapphire-hairline);border-radius:var(--radius-inputs);text-align:left;font-family:var(--font-inter);color:var(--color-ash);align-items:flex-start;gap:12px;padding:12px 14px;font-size:.78rem;line-height:1.45;display:flex;box-shadow:inset 0 1px #ffffff0d}.side-auto-info-badge .info-icon{flex-shrink:0;margin-top:1px;font-size:1.15rem;line-height:1}.match-start-btn{width:100%}.room-badge-indicator{-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-sapphire-hairline);border-radius:var(--radius-tags);font-family:var(--font-ibm-plex-mono);color:var(--color-frosted-lilac);box-shadow:var(--shadow-md);background:#12244fd9;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;display:inline-flex}.room-leave-btn{color:var(--color-ash);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0 4px;font-size:.82rem;transition:color .18s}.room-leave-btn:hover{color:#ff9da5}.opponent-pill{-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-tags);font-family:var(--font-inter);color:var(--color-quartz);box-shadow:var(--shadow-md);background:#0e111bd9;align-items:center;gap:7px;padding:6px 14px;font-size:.8rem;transition:all .2s;display:inline-flex}.opponent-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.opponent-dot.online{background:#2ecc71;box-shadow:0 0 8px #2ecc71cc}.opponent-dot.waiting{background:#f1c40f;animation:1.5s infinite pingDot;box-shadow:0 0 8px #f1c40fcc}.opponent-label{color:var(--color-ash);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.opponent-name{color:var(--color-frosted-lilac);letter-spacing:-.01em;font-weight:600}.opponent-side-tag{font-family:var(--font-ibm-plex-mono);color:var(--color-mist);font-size:.7rem}.auth-wide-overlay{padding:clamp(8px,3vw,28px)}.auth-wide-container{background:var(--color-deep-sea);border:1px solid #ffffff1f;border-radius:20px;width:min(96vw,1040px);max-width:1040px;min-height:580px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 28px 80px #000000bf,0 0 0 1px #625fff33}.auth-split-layout{grid-template-columns:1fr 1.15fr;width:100%;min-height:580px;max-height:92vh;display:grid}.auth-showcase-column{background:#090c14;flex-direction:column;justify-content:space-between;padding:36px 32px;display:flex;position:relative;overflow:hidden}.auth-showcase-bg{z-index:1;position:absolute;inset:0}.auth-showcase-img{object-fit:cover;object-position:center 30%;opacity:.42;filter:contrast(1.1)saturate(1.2);width:100%;height:100%;transform:scale(1.04)}.auth-showcase-overlay{background:linear-gradient(#090c14bf 0%,#090c14e0 50%,#07090ffa 100%);position:absolute;inset:0}.auth-showcase-content{z-index:2;flex-direction:column;gap:18px;height:100%;display:flex;position:relative}.auth-sanctuary-badge{border-radius:var(--radius-tags);font-family:var(--font-ibm-plex-mono);color:var(--color-frosted-lilac);background:#0e121ed9;border:1px solid #8a93ff4d;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;display:inline-flex;box-shadow:0 4px 12px #00000059}.auth-brand-headline{font-family:var(--font-figtree);color:var(--color-quartz);letter-spacing:-.03em;margin:0;font-size:2.1rem;font-weight:700;line-height:1.15}.auth-brand-tagline{font-family:var(--font-inter);color:var(--color-ash);margin:0;font-size:.92rem;font-weight:300;line-height:1.5}.auth-feature-list{flex-direction:column;gap:14px;margin-top:8px;display:flex}.auth-feature-item{border-radius:var(--radius-inputs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121726a6;border:1px solid #ffffff0f;align-items:center;gap:14px;padding:10px 14px;display:flex}.feature-icon-box{color:#79a6ff;background:#2862d733;border:1px solid #2862d766;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.feature-text-wrap{flex-direction:column;gap:2px;display:flex}.feature-text-wrap strong{color:var(--color-quartz);font-size:.85rem}.feature-text-wrap span{color:var(--color-ash);font-size:.74rem}.auth-showcase-footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.supa-cloud-tag{font-family:var(--font-ibm-plex-mono);border-radius:20px;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px;font-size:.72rem;font-weight:500;display:inline-flex}.supa-cloud-tag.ready{color:#55efc4;background:#2ecc711f;border:1px solid #2ecc7159}.supa-cloud-tag.connected{color:#82b1ff;background:#2862d726;border:1px solid #2862d766}.auth-lore-quote{font-family:var(--font-inter);color:var(--color-mist);font-size:.76rem;font-style:italic;line-height:1.4}.auth-form-column{background:var(--color-deep-sea);flex-direction:column;max-height:92vh;padding:32px 36px;display:flex;overflow-y:auto}.auth-material-tabs{background:var(--color-abyss);border:1px solid var(--color-obsidian-edge);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.auth-tab-pill{color:var(--color-ash);font-family:var(--font-inter);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.auth-tab-pill:hover{color:var(--color-quartz);background:#ffffff0d}.auth-tab-pill.active{background:var(--color-cobalt-panel);color:#fff;box-shadow:0 2px 10px #2862d759}.auth-input-container{align-items:center;width:100%;display:flex;position:relative}.auth-input-icon{color:var(--color-ash);pointer-events:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;left:14px}.auth-input.with-icon{padding-left:44px}.auth-input.with-action{padding-right:44px}.auth-input-container:focus-within .auth-input-icon{color:var(--color-signal-blue)}.auth-input-action-btn{color:var(--color-ash);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .18s;display:flex;position:absolute;right:12px}.auth-input-action-btn:hover{color:var(--color-quartz)}.auth-btn.material-elevation{gap:8px;padding:12px 24px;font-size:.94rem;box-shadow:0 4px 14px #00000059,0 0 0 1px #ffffff26}.auth-btn.guest-shortcut{border:1px solid var(--color-obsidian-edge);color:var(--color-quartz);background:#ffffff0a;gap:8px}.auth-btn.guest-shortcut:hover{background:#ffffff17;border-color:#ffffff40;transform:translateY(-1px)}@media (width<=820px){.auth-split-layout{grid-template-columns:1fr;max-height:88vh}.auth-showcase-column{min-height:180px;padding:24px 20px}.auth-feature-list,.auth-showcase-footer{display:none}.auth-form-column{padding:20px 24px 28px}.auth-brand-headline{font-size:1.5rem}}.chess-tournament-clock{z-index:95;-webkit-backdrop-filter:blur(16px);background:#0b0e16f0;border:1px solid #ffffff1f;border-radius:16px;width:min(92vw,540px);transition:all .28s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) clockSlideDown;position:fixed;top:70px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 40px #000000a6,0 0 0 1px #625fff26}@keyframes clockSlideDown{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.chess-tournament-clock.minimized{width:auto;min-width:280px}.chess-tournament-clock.minimized .chess-clock-body{display:none}.chess-clock-top-bar{background:#06080ed9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.chess-clock-mode-tag{font-family:var(--font-ibm-plex-mono);color:var(--color-frosted-lilac);letter-spacing:.02em;align-items:center;gap:6px;font-size:.72rem;display:flex}.chess-clock-actions{align-items:center;gap:6px;display:flex}.clock-tool-btn{color:var(--color-ash);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .18s;display:flex}.clock-tool-btn:hover{color:#fff;background:#ffffff1a}.chess-clock-body{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;padding:10px 12px 12px;display:grid}.clock-face{flex-direction:column;gap:6px;display:flex}.clock-paddle-lever{width:100%;font-family:var(--font-inter);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.clock-paddle-lever.pressed{color:var(--color-slate);opacity:.7;background:#101420b3;box-shadow:inset 0 2px 4px #0009}.clock-paddle-lever.elevated{color:#fff;background:linear-gradient(#3d6be0 0%,#1e4bb5 100%);border-color:#6a95ff;animation:1.8s infinite leverPulse;transform:translateY(-2px);box-shadow:0 4px 14px #2862d780,inset 0 1px 1px #fff6}@keyframes leverPulse{0%,to{box-shadow:0 4px 14px #2862d780}50%{box-shadow:0 4px 22px #2862d7d9}}.lever-icon-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.clock-lcd-screen{cursor:pointer;background:#05070a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;padding:10px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.clock-face.active-turn .clock-lcd-screen{border-color:#3d6be099;box-shadow:inset 0 0 16px #2862d740}.clock-face.low-time .clock-digital-digits{animation:1s infinite lowTimeFlash;color:#ff6b6b!important}@keyframes lowTimeFlash{0%,to{opacity:1;text-shadow:0 0 12px #ff6b6bcc}50%{opacity:.5}}.clock-player-label{color:var(--color-ash);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:2px;font-size:.72rem;display:flex}.player-indicator-dot{border-radius:50%;width:7px;height:7px}.player-indicator-dot.white{background:#fff;box-shadow:0 0 6px #fffc}.player-indicator-dot.black{background:#505568;border:1px solid #fff}.clock-moves-pill{font-family:var(--font-ibm-plex-mono);color:var(--color-mist);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:.65rem}.clock-digital-digits{font-family:var(--font-ibm-plex-mono);color:#e2e8f5;letter-spacing:.06em;text-shadow:0 0 10px #e2e8f54d;font-size:2rem;font-weight:700;line-height:1.1}.clock-center-divider{justify-content:center;align-items:center;display:flex}.clock-turn-arrow{color:var(--color-ash);transition:all .25s}.clock-turn-arrow.point-white{color:#fff;transform:translate(-3px)}.clock-turn-arrow.point-black{color:#fff;transform:translate(3px)}.clock-flag-badge{color:#fff;font-family:var(--font-ibm-plex-mono);background:#e63946;border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;font-size:.68rem;font-weight:600;animation:.25s ease-out flagDrop;display:flex}@keyframes flagDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.clock-paused-banner{color:#f1c40f;background:#f1c40f33;border-top:1px solid #f1c40f66;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:.74rem;font-weight:500;display:flex}.match-section-header-row{justify-content:space-between;align-items:center;display:flex}.match-section-badge{font-family:var(--font-ibm-plex-mono);color:var(--color-frosted-lilac);background:#625fff26;border:1px solid #625fff4d;border-radius:6px;padding:2px 8px;font-size:.72rem}.clock-choice-tabs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.clock-choice-tab{text-align:center;background:var(--color-abyss);border:1px solid var(--color-obsidian-edge);border-radius:var(--radius-inputs);color:var(--color-ash);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.clock-choice-tab:hover{background:var(--color-deep-sea);color:var(--color-quartz)}.clock-choice-tab.active{background:var(--color-cobalt-panel);border-color:var(--color-signal-blue);color:#fff;box-shadow:0 0 16px #2862d759}.clock-tab-sub{color:var(--color-mist);font-size:.7rem}.clock-choice-tab.active .clock-tab-sub{color:#adc6ff}.clock-presets-container{flex-direction:column;gap:8px;margin-top:6px;display:flex}.clock-presets-title{color:var(--color-ash);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.clock-presets-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.clock-preset-card{text-align:center;background:var(--color-abyss);border:1px solid var(--color-obsidian-edge);cursor:pointer;color:var(--color-ash);border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;transition:all .18s;display:flex}.clock-preset-card:hover{background:var(--color-deep-sea);border-color:var(--color-frosted-lilac);color:var(--color-quartz)}.clock-preset-card.selected{border-color:var(--color-signal-blue);color:#fff;background:#2862d740;box-shadow:0 0 12px #2862d759}.preset-icon-badge{color:#79a6ff;margin-bottom:2px}.preset-name{text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.preset-time{font-family:var(--font-ibm-plex-mono);color:var(--color-quartz);font-size:.96rem;font-weight:600}.clock-preset-card.selected .preset-time{color:#fff}.preset-inc{color:var(--color-mist);font-size:.62rem}.auth-template-overlay{z-index:1000;justify-content:center;align-items:center;padding:clamp(10px,3vw,32px);display:flex}.auth-template-card{z-index:2;background:#141416;border:1px solid #ffffff14;border-radius:14px;width:min(96vw,1180px);height:min(92vh,690px);animation:.3s cubic-bezier(.16,1,.3,1) templateCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000d9,0 0 0 1px #caa15226}@keyframes templateCardIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-template-close-btn{z-index:50;color:#a1a1aa;cursor:pointer;background:#16171abf;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:18px;right:20px}.auth-template-close-btn:hover{color:#fff;background:#25272c;border-color:#caa152}.auth-template-split{grid-template-columns:1.05fr 1fr;width:100%;height:100%;display:grid}.auth-template-video-side{background:#000;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.auth-template-video-player{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.auth-template-video-scrim{pointer-events:none;background:linear-gradient(#00000026 0%,#00000040 50%,#0e0f11eb 95%);position:absolute;inset:0}.auth-template-bottom-gallery{z-index:10;flex-direction:column;align-items:center;gap:12px;padding:0 20px 18px;display:flex;position:relative}.auth-template-cards-row{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.auth-template-thumb-card{cursor:pointer;text-align:left;background:#18191d;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:flex-end;height:68px;padding:6px 8px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.auth-template-thumb-card:hover{border-color:#ffffff4d;transform:translateY(-2px)}.auth-template-thumb-card.active{border:1.5px solid #caa152;box-shadow:0 0 16px #caa15266}.thumb-card-bg{object-fit:cover;opacity:.45;filter:contrast(1.1);width:100%;height:100%;position:absolute;inset:0}.thumb-card-overlay{background:linear-gradient(#0003 0%,#0e0f12d9 100%);position:absolute;inset:0}.thumb-card-content{z-index:2;flex-direction:column;gap:1px;display:flex;position:relative}.thumb-card-sub{font-family:var(--font-ibm-plex-mono);color:#9da0a8;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.55rem;overflow:hidden}.thumb-card-title{color:#fff;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;font-weight:700;overflow:hidden}.auth-template-dots{align-items:center;gap:6px;display:flex}.auth-template-dot{cursor:pointer;background:#4a4b52;border-radius:3px;width:6px;height:5px;transition:all .25s}.auth-template-dot.active{background:#caa152;width:18px}.auth-template-form-side{background:#161719;flex-direction:column;justify-content:center;align-items:center;padding:32px 36px;display:flex;position:relative;overflow-y:auto}.auth-template-form-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:380px;margin:auto;display:flex}.auth-template-top-nav{justify-content:center;align-items:center;gap:20px;display:flex}.auth-template-nav-link{color:#71717a;font-family:var(--font-inter);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;padding:4px 0;font-size:.88rem;font-weight:500;transition:color .18s}.auth-template-nav-link:hover{color:#e4e4e7}.auth-template-nav-link.active{color:#fff;border-bottom:2px solid #caa152;font-weight:600}.auth-template-heading-wrap{text-align:center;flex-direction:column;align-items:center;width:100%;margin:0 0 18px;display:flex}.auth-supabase-indicator{font-family:var(--font-inter);color:#8be4af;letter-spacing:.02em;background:#2ecc711a;border:1px solid #2ecc714d;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.72rem;font-weight:500;display:inline-flex}.auth-supabase-dot{background:#2ecc71;border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite pulseGreen;box-shadow:0 0 8px #2ecc71}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.auth-profile-section{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.auth-template-badge-icon{color:#caa152;background:#caa1521a;border:1px solid #caa15247;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 10px;display:flex;box-shadow:0 0 16px #caa15226}.auth-template-gold-title{font-family:var(--font-figtree), sans-serif;color:#caa152;letter-spacing:-.02em;text-align:center;margin:0 0 6px;font-size:1.85rem;font-weight:700;line-height:1.2}.auth-template-subtitle{font-family:var(--font-inter);color:#8b8c94;text-align:center;max-width:340px;margin:0;font-size:.84rem;font-weight:400;line-height:1.45}.auth-template-alert{box-sizing:border-box;text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:.82rem;display:flex}.auth-template-alert.error{color:#ff9da5;background:#e6394626;border:1px solid #e6394666}.auth-template-alert.success{color:#8be4af;background:#2ecc7126;border:1px solid #2ecc7166}.auth-template-form{flex-direction:column;gap:13px;width:100%;display:flex}.auth-template-field-row{flex-direction:column;align-items:stretch;gap:5px;width:100%;display:flex}.auth-template-label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.auth-template-label{font-family:var(--font-inter);color:#b0b2be;letter-spacing:.01em;text-align:left;font-size:.8rem;font-weight:500}.auth-template-link-subtle{color:#8b8c94;font-family:var(--font-inter);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:400;text-decoration:underline;transition:color .18s}.auth-template-link-subtle:hover{color:#caa152}.auth-template-btn-inline-suggest{color:#caa152;font-family:var(--font-inter);cursor:pointer;background:#caa1521f;border:1px solid #caa1524d;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.76rem;font-weight:500;transition:all .18s;display:inline-flex}.auth-template-btn-inline-suggest:hover{color:#ffd880;background:#caa15238;border-color:#caa152}.auth-template-input-wrap{align-items:center;width:100%;display:flex;position:relative}.auth-template-input{box-sizing:border-box;color:#fff;width:100%;font-family:var(--font-inter);background:#1c1d22;border:1px solid #2d2e36;border-radius:8px;outline:none;padding:11px 14px;font-size:.9rem;transition:all .2s}.auth-template-input::placeholder{color:#555762;font-size:.85rem}.auth-template-input:focus{background:#22232a;border-color:#caa152;box-shadow:0 0 0 2px #caa15240}.auth-template-input.with-toggle{padding-right:42px}.auth-template-pw-btn{color:#71717a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .18s;display:flex;position:absolute;right:10px}.auth-template-pw-btn:hover{color:#caa152}.auth-template-actions-row{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:6px;display:flex}.auth-template-gold-btn{color:#0f1013;width:100%;font-family:var(--font-inter);cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#caa152 0%,#b38b3f 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #caa1524d}.auth-template-gold-btn:hover:not(:disabled){background:linear-gradient(135deg,#d8b062 0%,#c49948 100%);transform:translateY(-1px);box-shadow:0 6px 20px #caa15273}.auth-template-gold-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-template-dark-btn{color:#d1d2dc;width:100%;font-family:var(--font-inter);cursor:pointer;background:#202127;border:1px solid #2d2e37;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .18s;display:flex}.auth-template-dark-btn:hover{color:#fff;background:#292a32;border-color:#caa152}.auth-template-divider{align-items:center;width:100%;margin:4px 0;display:flex}.auth-template-divider:before,.auth-template-divider:after{content:"";border-bottom:1px solid #ffffff14;flex:1}.auth-template-divider span{color:#636570;text-transform:lowercase;padding:0 12px;font-size:.74rem}.auth-template-switch-links{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.auth-template-switch-row{font-family:var(--font-inter);color:#8b8c96;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:.82rem;display:flex}.auth-template-link-highlight{color:#caa152;cursor:pointer;font-family:var(--font-inter);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:underline;transition:color .18s}.auth-template-link-highlight:hover{color:#f1cf85}.auth-template-footer-guest{color:#71717a;text-align:center;margin-top:4px;font-size:.8rem}.auth-template-bottom-bar{border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:20px;margin-top:auto;padding-top:18px;display:flex}.auth-template-theme-indicator,.auth-template-cloud-indicator{color:#555760;align-items:center;gap:6px;font-size:.72rem;display:flex}@media (width<=860px){.auth-template-split{grid-template-columns:1fr;overflow-y:auto}.auth-template-card{height:auto;max-height:94vh}.auth-template-video-side{flex-shrink:0;height:180px}.auth-template-bottom-gallery{display:none}.auth-template-form-side{padding:24px 20px}.auth-template-gold-title{font-size:1.55rem}}