:root{--color-bg: #F7F5F2;--color-surface: #EDEAE5;--color-surface-raised: #E4E0D9;--color-text-primary: #1A1816;--color-text-secondary: #5A5754;--color-text-muted: #8C8986;--color-accent-primary: #E84545;--color-accent-primary-hover: #D03030;--color-accent-secondary: #5B4CF5;--color-accent-secondary-hover: #4538D6;--color-success: #2F9E63;--color-danger: #D64545;--color-border: #D4D0C8;--color-border-subtle: #E2DED7}[data-theme=dark],.dark{--color-bg: #1E2130;--color-surface: #262B3D;--color-surface-raised: #2F3549;--color-text-primary: #E8EAEE;--color-text-secondary: #9DA3B4;--color-text-muted: #6B7280;--color-accent-primary: #4F8EF7;--color-accent-primary-hover: #6FA3FF;--color-accent-secondary: #FF5C5C;--color-accent-secondary-hover: #FF7A7A;--color-success: #43BE7E;--color-danger: #FF6464;--color-border: #363D52;--color-border-subtle: #2C3347}@media(prefers-color-scheme:dark){:root{--color-bg: #1E2130;--color-surface: #262B3D;--color-surface-raised: #2F3549;--color-text-primary: #E8EAEE;--color-text-secondary: #9DA3B4;--color-text-muted: #6B7280;--color-accent-primary: #4F8EF7;--color-accent-primary-hover: #6FA3FF;--color-accent-secondary: #FF5C5C;--color-accent-secondary-hover: #FF7A7A;--color-border: #363D52;--color-border-subtle: #2C3347}}:root[data-theme=light]{--color-bg: #F7F5F2;--color-surface: #EDEAE5;--color-surface-raised: #E4E0D9;--color-text-primary: #1A1816;--color-text-secondary: #5A5754;--color-text-muted: #8C8986;--color-accent-primary: #E84545;--color-accent-primary-hover: #D03030;--color-accent-secondary: #5B4CF5;--color-accent-secondary-hover: #4538D6;--color-success: #2F9E63;--color-danger: #D64545;--color-border: #D4D0C8;--color-border-subtle: #E2DED7}:root{--font-ui: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 2px 4px color-mix(in srgb, var(--color-text-primary) 12%, transparent);--shadow-md: 0 4px 12px color-mix(in srgb, var(--color-text-primary) 18%, transparent);--shadow-lg: 0 6px 24px color-mix(in srgb, var(--color-text-primary) 28%, transparent)}body{font-family:var(--font-ui);background-color:var(--color-bg);color:var(--color-text-primary)}.btn-primary.btn-primary.btn-primary{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-primary.btn-primary.btn-primary:hover{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);color:var(--color-bg)}.btn-primary.btn-primary.btn-primary>span,.btn-primary.btn-primary.btn-primary>*{color:var(--color-bg)}.btn-secondary.btn-secondary.btn-secondary{background-color:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-secondary.btn-secondary.btn-secondary:hover{background-color:var(--color-surface);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.btn-secondary.btn-secondary.btn-secondary>span,.btn-secondary.btn-secondary.btn-secondary>*{color:inherit}.btn-danger.btn-danger.btn-danger{background-color:transparent;border:2px solid var(--color-accent-secondary);color:var(--color-accent-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-danger.btn-danger.btn-danger:hover{background-color:var(--color-accent-secondary);border-color:var(--color-accent-secondary);color:var(--color-bg)}.btn-danger.btn-danger.btn-danger>span,.btn-danger.btn-danger.btn-danger>*{color:inherit}html,body{margin:0;padding:0;width:100%;height:100%}.ProfileBubble.top-right-section{position:absolute;top:20px;right:20px;z-index:10}.ProfileBubble.profile-picture-wrapper{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid var(--color-border);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .2s ease;box-shadow:var(--shadow-sm)}.ProfileBubble.profile-picture-wrapper:hover{transform:scale(1.08);box-shadow:var(--shadow-md);border-color:var(--color-accent-primary)}.ProfileBubble.profile-picture-image{width:100%;height:100%;object-fit:cover}.ProfileBubble.profile-picture-placeholder{width:100%;height:100%;background-color:var(--color-accent-primary);display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:700;color:var(--color-bg)}.ProfileBubble.signin-button-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-raised);padding:8px 16px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;box-shadow:var(--shadow-sm)}.ProfileBubble.signin-button-wrapper:hover{background-color:var(--color-surface);border-color:var(--color-accent-primary);transform:translateY(-1px)}.ProfileBubble.signin-button-text{color:var(--color-text-primary);font-size:18px;font-weight:600}.MainScreen.preload *{transition:none!important}.MainScreen.container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;padding:56px 32px 40px;position:relative;box-sizing:border-box;color:var(--color-text-primary)}.MainScreen.header{width:100%;max-width:1100px;text-align:left;margin-bottom:28px}.MainScreen.titles{font-size:72px;line-height:1;letter-spacing:4px;color:var(--color-text-primary);margin:0 0 8px;font-weight:900}.MainScreen.tagline{font-size:20px;letter-spacing:6px;color:var(--color-text-secondary);margin:0;text-transform:uppercase;font-weight:600}.MainScreen.grid{width:100%;max-width:1100px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:stretch}.MainScreen.hero-card{position:relative;display:flex;flex-direction:column;justify-content:center;background-color:var(--color-accent-primary);border:4px solid var(--color-accent-primary);border-radius:var(--radius-lg);padding:48px 44px;cursor:pointer;outline:none;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;animation:heroPulse 2.6s ease-in-out infinite;min-height:280px;color:var(--color-bg)}.MainScreen.hero-card:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--color-bg) 40%,transparent);border-radius:10px;pointer-events:none}.MainScreen.hero-card:hover,.MainScreen.hero-card:focus-visible{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.MainScreen.hero-eyebrow{font-size:14px;letter-spacing:6px;color:var(--color-bg);font-weight:700;margin-bottom:14px;text-transform:uppercase;opacity:.85}.MainScreen.hero-title{font-size:88px;line-height:.95;letter-spacing:2px;color:var(--color-bg);font-weight:900}.MainScreen.hero-sub{font-size:20px;color:var(--color-bg);opacity:.85;margin-top:12px;font-weight:500}.MainScreen.hero-cta{margin-top:28px;align-self:flex-start;font-size:16px;letter-spacing:4px;color:var(--color-bg);font-weight:700;padding:12px 22px;border:2px solid var(--color-bg);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-bg) 14%,transparent);text-transform:uppercase}@keyframes heroPulse{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-lg)}}.MainScreen.side-panel{display:flex;flex-direction:column;gap:16px}.MainScreen.panel-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px 20px;color:var(--color-text-primary);box-shadow:var(--shadow-sm);position:relative}.MainScreen.panel-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.MainScreen.panel-label{font-size:12px;letter-spacing:3px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase}.MainScreen.panel-link{margin-left:auto;font-size:12px;letter-spacing:2px;font-weight:700;color:var(--color-accent-primary);text-transform:uppercase;text-decoration:underline;cursor:pointer}.MainScreen.panel-link:hover{color:var(--color-accent-primary-hover)}.MainScreen.live-dot{width:9px;height:9px;border-radius:50%;background-color:var(--color-accent-primary);box-shadow:0 0 0 0 var(--color-accent-primary);animation:livePulse 1.6s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-accent-primary) 55%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-accent-primary) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--color-accent-primary) 0%,transparent)}}.MainScreen.panel-stat{font-size:38px;font-weight:900;letter-spacing:1px;line-height:1;color:var(--color-text-primary)}.MainScreen.panel-stat--unknown{color:var(--color-text-muted)}.MainScreen.panel-foot{margin-top:6px;font-size:13px;color:var(--color-text-muted)}.MainScreen.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.MainScreen.activity-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-surface-raised)}.MainScreen.activity-tag{font-size:11px;letter-spacing:2px;font-weight:800;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);text-transform:uppercase}.MainScreen.activity-tag.ranked{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-bg)}.MainScreen.activity-tag.casual{background-color:transparent}.MainScreen.activity-meta{font-size:13px;color:var(--color-text-secondary);font-weight:600;letter-spacing:.5px;text-align:right}.MainScreen.activity-empty{margin:0;font-size:13px;color:var(--color-text-muted)}.MainScreen.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.MainScreen.stat-cell{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-surface-raised)}.MainScreen.stat-value{font-size:22px;font-weight:800;color:var(--color-text-primary);letter-spacing:.5px}.MainScreen.stat-key{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.MainScreen.secondary-nav{width:100%;max-width:1100px;margin-top:32px;display:flex;gap:12px;justify-content:flex-start}.MainScreen.ghost-button{font-family:inherit;background-color:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:14px;letter-spacing:2px;font-weight:600;padding:10px 22px;border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.MainScreen.ghost-button:hover{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-text-secondary);transform:translateY(-1px)}.MainScreen.button-wrapper{border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);background-color:var(--color-accent-primary);padding:10px 20px;margin-top:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,transform .2s ease;width:200px;min-width:200px}.MainScreen.button-wrapper:hover{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-2px)}.MainScreen.button-text{color:var(--color-bg);font-size:30px;font-weight:700;text-align:center}@media(max-width:900px){.MainScreen.grid{grid-template-columns:1fr}.MainScreen.hero-title{font-size:64px}.MainScreen.hero-card{min-height:220px;padding:36px 28px}}@media(max-width:600px){.MainScreen.container{padding:32px 18px 28px}.MainScreen.titles{font-size:48px;letter-spacing:2px}.MainScreen.tagline{font-size:14px;letter-spacing:4px}.MainScreen.hero-title{font-size:52px}.MainScreen.hero-sub{font-size:16px}.MainScreen.hero-eyebrow{font-size:12px;letter-spacing:4px}.MainScreen.hero-cta{font-size:13px;letter-spacing:3px;padding:10px 16px}.MainScreen.panel-stat{font-size:30px}.MainScreen.button-wrapper{width:180px;min-width:180px}.MainScreen.button-text{font-size:24px}.MainScreen.top-right-section{top:15px;right:15px}.MainScreen.profile-picture-wrapper{width:50px;height:50px}.MainScreen.profile-picture-placeholder{font-size:24px}.MainScreen.signin-button-text{font-size:16px}.MainScreen.secondary-nav{justify-content:center;flex-wrap:wrap}}.Settings.preload *{transition:none!important}.Settings.settings-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px;transition:background-color .5s ease,color .5s ease}.Settings.settings-title{font-size:80px;color:var(--color-text-primary);margin-bottom:40px;text-align:center;transition:color .5s ease}.Settings.settings-list{display:flex;flex-direction:column;gap:25px;margin-bottom:50px;width:100%;max-width:400px}.Settings.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:background-color .5s ease,border-color .5s ease}.Settings.setting-label{color:var(--color-text-primary);font-size:20px;font-weight:600;transition:color .5s ease}.Settings.toggle-switch{width:60px;height:30px;background-color:var(--color-surface-raised);border-radius:15px;position:relative;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;border:2px solid var(--color-border)}.Settings.toggle-switch.on{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.Settings.toggle-switch.off{background-color:var(--color-surface-raised)}.Settings.toggle-slider{width:22px;height:22px;background-color:var(--color-bg);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease,background-color .3s ease;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.Settings.toggle-switch.on .Settings.toggle-slider{transform:translate(30px)}@media(max-width:600px){.Settings.settings-container{padding-top:72px}.Settings.settings-title{font-size:60px}.Settings.settings-list{max-width:350px}.Settings.setting-label{font-size:18px}}.app-back-button{position:fixed;top:16px;left:18px;z-index:300;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-raised);color:var(--color-text-primary);font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.app-back-button:hover{background-color:var(--color-surface);border-color:var(--color-text-secondary);transform:translateY(-1px)}.app-back-button:active{transform:translateY(0)}.app-back-button__arrow{font-size:16px;line-height:1}.app-back-button--danger{background-color:transparent;border-color:var(--color-accent-secondary);color:var(--color-accent-secondary)}.app-back-button--danger:hover{background-color:var(--color-accent-secondary);color:var(--color-bg);border-color:var(--color-accent-secondary)}@media(max-width:560px){.app-back-button{top:12px;left:12px;padding:7px 11px;font-size:11px;gap:6px}.app-back-button__label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.Play.container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg);padding:56px 32px 40px;box-sizing:border-box;color:var(--color-text-primary);position:relative}.Play.page-header{width:100%;max-width:1400px;align-self:center;margin-bottom:48px}.Play.header-title{font-size:52px;font-weight:900;letter-spacing:2px;color:var(--color-text-primary);margin:0;line-height:1}.Play.modes-grid{width:100%;max-width:1400px;align-self:center;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;flex:1}.Play.mode-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;border-radius:var(--radius-lg);padding:28px;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none}.Play.mode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.Play.mode-card--friendly{background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent-secondary)}.Play.mode-card--matchmaking{background-color:var(--color-accent-primary);border:4px solid var(--color-accent-primary);animation:modePulse 2.6s ease-in-out infinite}.Play.mode-card--matchmaking:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--color-bg) 30%,transparent);border-radius:10px;pointer-events:none}.Play.mode-card--matchmaking:hover{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover)}.Play.mode-card--ranked{background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid #c9972b}.Play.mode-card--ranked .Play.card-eyebrow,.Play.mode-card--ranked .Play.card-decor{color:#c9972b}.Play.mode-card--solo{background-color:var(--color-surface-raised);border:1px dashed var(--color-border)}@keyframes modePulse{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-lg)}}.Play.card-decor{position:absolute;top:16px;right:20px;font-family:var(--font-mono);font-size:80px;font-weight:700;line-height:1;pointer-events:none;letter-spacing:-3px;opacity:.08;color:currentColor;transition:opacity .2s ease}.Play.mode-card--matchmaking .Play.card-decor{opacity:.15;color:var(--color-bg)}.Play.mode-card:hover .Play.card-decor{opacity:.14}.Play.mode-card--matchmaking:hover .Play.card-decor{opacity:.22}.Play.card-body{position:relative;z-index:1}.Play.card-eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;font-weight:700;margin:0 0 10px;color:var(--color-text-muted)}.Play.mode-card--friendly .Play.card-eyebrow{color:var(--color-accent-secondary)}.Play.mode-card--matchmaking .Play.card-eyebrow{color:color-mix(in srgb,var(--color-bg) 85%,transparent)}.Play.card-title{font-size:42px;font-weight:900;letter-spacing:1px;margin:0 0 8px;line-height:1;color:var(--color-text-primary)}.Play.mode-card--matchmaking .Play.card-title{color:var(--color-bg)}.Play.card-desc{font-size:15px;font-weight:500;margin:0;line-height:1.4;color:var(--color-text-secondary);min-height:42px}.Play.mode-card--matchmaking .Play.card-desc{color:color-mix(in srgb,var(--color-bg) 80%,transparent)}.Play.card-arrow{position:absolute;bottom:26px;right:28px;font-size:20px;color:var(--color-text-muted);opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease;z-index:1}.Play.mode-card--matchmaking .Play.card-arrow{color:var(--color-bg)}.Play.mode-card:hover .Play.card-arrow{opacity:1;transform:translate(0)}.Play.page-footer{width:100%;max-width:1400px;align-self:center;margin-top:36px;display:flex;justify-content:flex-start}.Play.back-button{font-family:inherit;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:13px;letter-spacing:3px;font-weight:700;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.Play.back-button:hover{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-text-secondary);transform:translateY(-1px)}@media(max-width:1100px)and (min-width:901px){.Play.modes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.Play.modes-grid{grid-template-columns:1fr}.Play.mode-card{min-height:200px}.Play.card-title{font-size:34px}.Play.card-arrow{opacity:1;transform:translate(0)}}@media(max-width:600px){.Play.container{padding:32px 18px 28px}.Play.header-title{font-size:36px;letter-spacing:1px}.Play.page-header{margin-bottom:32px}.Play.card-decor{font-size:60px}.Play.card-title{font-size:30px}}.StatusCheck.status-check-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px}.StatusCheck.status-title{font-size:80px;color:var(--color-text-primary);margin-bottom:60px;text-align:center}.StatusCheck.status-icon-container{margin-bottom:40px;position:relative;width:120px;height:120px}.StatusCheck.spinner{width:120px;height:120px;border:8px solid var(--color-border-subtle);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px color-mix(in srgb,var(--color-accent-primary) 24%,transparent)}@keyframes spin{to{transform:rotate(360deg)}}.StatusCheck.success-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:80px;color:var(--color-accent-primary);animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.StatusCheck.status-message{font-size:24px;color:var(--color-text-secondary);text-align:center;margin-bottom:20px;font-weight:700}.StatusCheck.wait-time-container{margin-top:20px;text-align:center}.StatusCheck.wait-time-text{font-size:20px;color:var(--color-accent-primary);font-weight:700}.StatusCheck.wait-time-label{font-size:16px;color:var(--color-text-muted);margin-top:5px}@media(max-width:600px){.StatusCheck.status-title{font-size:60px}.StatusCheck.status-icon-container{width:100px;height:100px}.StatusCheck.spinner,.StatusCheck.success-icon{width:100px;height:100px;font-size:60px}.StatusCheck.status-message{font-size:20px}.StatusCheck.wait-time-text{font-size:18px}}.CreateAccount.create-account-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px;justify-content:center}.CreateAccount.create-account-title{font-size:80px;color:var(--color-text-primary);margin-bottom:40px;text-align:center}.CreateAccount.create-account-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;margin-bottom:30px}.CreateAccount.input-group{display:flex;flex-direction:column;gap:8px}.CreateAccount.input-label{color:var(--color-text-secondary);font-size:18px;font-weight:600}.CreateAccount.input-field{padding:15px 20px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.CreateAccount.input-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.CreateAccount.input-field::placeholder{color:var(--color-text-muted)}.CreateAccount.button-group{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.CreateAccount.create-account-button-wrapper{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-raised);padding:10px 20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.CreateAccount.create-account-button-wrapper:hover{background-color:var(--color-surface);transform:translateY(-2px)}.CreateAccount.create-account-button-text{color:var(--color-text-primary);font-size:24px;font-weight:700;text-align:center}.CreateAccount.links-container{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:20px}.CreateAccount.link-text{color:var(--color-accent-primary);font-size:16px;cursor:pointer;transition:color .2s ease;text-decoration:underline}.CreateAccount.link-text:hover{color:var(--color-accent-primary-hover)}@media(max-width:600px){.CreateAccount.create-account-title{font-size:60px}.CreateAccount.create-account-form,.CreateAccount.button-group{max-width:350px}.CreateAccount.input-label{font-size:16px}}.SignIn.signin-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px;justify-content:center}.SignIn.signin-title{font-size:80px;color:var(--color-text-primary);margin-bottom:40px;text-align:center}.SignIn.signin-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;margin-bottom:30px}.SignIn.input-group{display:flex;flex-direction:column;gap:8px}.SignIn.input-label{color:var(--color-text-secondary);font-size:18px;font-weight:600}.SignIn.input-field{padding:15px 20px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.SignIn.input-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.SignIn.input-field::placeholder{color:var(--color-text-muted)}.SignIn.remember-me-container{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.SignIn.checkbox{width:24px;height:24px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.SignIn.checkbox.checked{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.SignIn.checkbox-checkmark{color:var(--color-bg);font-size:16px;font-weight:700;display:none}.SignIn.checkbox.checked .SignIn.checkbox-checkmark{display:block}.SignIn.remember-me-label{color:var(--color-text-secondary);font-size:16px}.SignIn.button-group{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.SignIn.signin-button-wrapper{border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);background-color:var(--color-accent-primary);padding:10px 20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.SignIn.signin-button-wrapper:hover{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.SignIn.signin-button-text{color:var(--color-bg);font-size:24px;font-weight:700;text-align:center}.SignIn.links-container{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:20px}.SignIn.link-text{color:var(--color-accent-primary);font-size:16px;cursor:pointer;transition:color .2s ease;text-decoration:underline}.SignIn.link-text:hover{color:var(--color-accent-primary-hover)}@media(max-width:600px){.SignIn.signin-title{font-size:60px}.SignIn.signin-form,.SignIn.button-group{max-width:350px}.SignIn.input-label{font-size:16px}}.Profile.profile-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px;justify-content:center}.Profile.profile-title{font-size:80px;color:var(--color-text-primary);margin-bottom:40px;text-align:center}.Profile.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.Profile.profile-picture-wrapper{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid var(--color-border);box-shadow:var(--shadow-md)}.Profile.profile-picture-image{width:100%;height:100%;object-fit:cover}.Profile.profile-picture-placeholder{width:100%;height:100%;background-color:var(--color-accent-primary);display:flex;justify-content:center;align-items:center;font-size:96px;font-weight:700;color:var(--color-bg)}.Profile.upload-button-wrapper{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-raised);padding:10px 20px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm);transition:background-color .2s ease,transform .2s ease}.Profile.upload-button-wrapper:hover{background-color:var(--color-surface);transform:translateY(-2px)}.Profile.upload-button-text{color:var(--color-text-primary);font-size:20px;font-weight:600}.Profile.file-input{display:none}.Profile.username-display{font-size:40px;color:var(--color-text-primary);margin-bottom:10px;text-align:center}.Profile.account-created{font-size:16px;color:var(--color-text-muted);margin-bottom:30px;text-align:center}.Profile.stats-section{width:100%;max-width:600px;margin-bottom:30px}.Profile.stats-title{font-size:32px;color:var(--color-text-primary);text-align:center;margin-bottom:20px}.Profile.loading-text{text-align:center;color:var(--color-text-muted)}.Profile.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.Profile.stat-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow-sm)}.Profile.stat-label{font-size:16px;color:var(--color-text-secondary)}.Profile.stat-value{font-size:32px;color:var(--color-accent-primary);font-weight:700}.Profile.head-to-head-section{margin-top:20px}.Profile.h2h-title{font-size:24px;color:var(--color-text-primary);text-align:center;margin-bottom:15px}.Profile.h2h-list{display:flex;flex-direction:column;gap:10px}.Profile.h2h-item{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.Profile.h2h-username{font-size:18px;color:var(--color-text-primary);font-weight:600}.Profile.h2h-record{font-size:16px;color:var(--color-accent-primary);font-weight:700}.Profile.recent-games-section{margin-top:20px}.Profile.recent-games-title{font-size:24px;color:var(--color-text-primary);text-align:center;margin-bottom:15px}.Profile.recent-games-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.Profile.recent-game-item{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:12px 20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-sm)}.Profile.recent-game-item.clickable{cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.Profile.recent-game-item.clickable:hover{background-color:var(--color-surface-raised);border-color:var(--color-text-secondary);transform:translateY(-2px)}.Profile.replay-label{margin-left:auto;flex-shrink:0;font-size:15px;color:var(--color-text-secondary)}.Profile.recent-game-result{min-width:34px;height:34px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700}.Profile.recent-game-result.win{background-color:var(--color-success);color:var(--color-bg)}.Profile.recent-game-result.loss{background-color:var(--color-danger);color:var(--color-bg)}.Profile.recent-game-vs{font-size:18px;color:var(--color-text-primary);font-weight:600}.Profile.view-all-games-wrapper{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-raised);padding:10px 20px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm);transition:background-color .2s ease,transform .2s ease}.Profile.view-all-games-wrapper:hover{background-color:var(--color-surface);transform:translateY(-2px)}.Profile.view-all-games-text{color:var(--color-text-primary);font-size:16px;font-weight:600;text-align:center}.Profile.button-group{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.Profile.profile-button-wrapper{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-raised);padding:10px 20px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.Profile.profile-button-wrapper:hover{background-color:var(--color-surface);border-color:var(--color-text-secondary);transform:translateY(-2px)}.Profile.profile-button-text{color:var(--color-text-primary);font-size:24px;font-weight:700;text-align:center}@media(max-width:600px){.Profile.profile-title{font-size:60px}.Profile.username-display{font-size:32px}.Profile.profile-picture-wrapper{width:150px;height:150px}.Profile.profile-picture-placeholder{font-size:72px}.Profile.stats-grid{grid-template-columns:1fr}.Profile.button-group,.Profile.stats-section{max-width:350px}}.Games.games-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px}.Games.games-title{font-size:60px;color:var(--color-text-primary);margin-bottom:30px;text-align:center}.Games.filters-panel{width:100%;max-width:800px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:15px 20px;box-shadow:var(--shadow-sm);margin-bottom:20px}.Games.filter-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.Games.search-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.Games.input{flex:1;padding:8px 12px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);color:var(--color-text-primary);font-size:14px;font-family:var(--font-ui);outline:none;min-width:0}.Games.input:focus{border-color:var(--color-accent-primary)}.Games.select{padding:8px 12px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);color:var(--color-text-primary);font-size:14px;font-family:var(--font-ui);cursor:pointer;outline:none}.Games.select:focus{border-color:var(--color-accent-primary)}.Games.date-group{display:flex;align-items:center;gap:8px}.Games.date-input{width:135px;padding:8px 10px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);color:var(--color-text-primary);font-size:14px;font-family:var(--font-ui);outline:none}.Games.date-input:focus{border-color:var(--color-accent-primary)}.Games.date-separator{color:var(--color-text-muted);font-size:14px}.Games.clear-button{border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);padding:8px 16px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,transform .2s ease}.Games.clear-button:hover{background-color:var(--color-surface);transform:translateY(-1px)}.Games.clear-button span{color:var(--color-text-primary);font-size:14px;font-weight:600}.Games.status-text{color:var(--color-text-muted);font-size:16px;margin-bottom:15px;text-align:center}.Games.status-error{color:var(--color-danger)}.Games.list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px;margin-bottom:20px}.Games.game-row{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:12px 20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-sm)}.Games.game-row.clickable{cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.Games.game-row.clickable:hover{background-color:var(--color-surface-raised);border-color:var(--color-text-secondary);transform:translateY(-2px)}.Games.replay-label{margin-left:auto;flex-shrink:0;font-size:13px;font-weight:700;color:var(--color-text-secondary)}.Games.game-result{min-width:34px;height:34px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;flex-shrink:0}.Games.game-result.win{background-color:var(--color-success);color:var(--color-bg)}.Games.game-result.loss{background-color:var(--color-danger);color:var(--color-bg)}.Games.game-main{display:flex;flex-direction:column;gap:4px;min-width:0}.Games.game-matching{font-size:18px;color:var(--color-text-primary);font-weight:600}.Games.game-meta{font-size:14px;color:var(--color-text-secondary)}.Games.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.Games.page-button{border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);padding:8px 14px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,transform .2s ease}.Games.page-button:hover:not(.disabled){background-color:var(--color-surface);transform:translateY(-1px)}.Games.page-button span{color:var(--color-text-primary);font-size:14px;font-weight:600}.Games.page-button.active{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.Games.page-button.active span{color:var(--color-bg)}.Games.page-button.disabled{opacity:.45;cursor:not-allowed}.Games.page-ellipsis{color:var(--color-text-muted);font-size:14px;padding:0 4px}@media(max-width:600px){.Games.games-container{padding-top:72px}.Games.games-title{font-size:44px}.Games.filter-row{flex-direction:column;align-items:stretch}.Games.search-group{min-width:0;width:100%}.Games.select,.Games.date-group{width:100%}.Games.date-input{flex:1}}.Friends.friends-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px}.Friends.friends-title{font-size:80px;color:var(--color-text-primary);margin-bottom:40px;text-align:center}.Friends.tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap;justify-content:center}.Friends.tab-btn{font-family:var(--font-ui);font-size:18px;font-weight:600;color:var(--color-text-secondary);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:10px 20px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.Friends.tab-btn:hover{background-color:var(--color-surface-raised);border-color:var(--color-text-secondary);transform:translateY(-2px)}.Friends.tab-btn.active{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-bg)}.Friends.tab-panel{width:100%;max-width:600px;display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.Friends.section-title{font-size:22px;color:var(--color-text-muted);text-align:center;margin:10px 0 0}.Friends.row{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:12px 20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-sm)}.Friends.row-actions{display:flex;gap:8px;margin-left:auto}.Friends.avatar{width:42px;height:42px;min-width:42px;border-radius:50%;background-color:var(--color-accent-primary);color:var(--color-bg);display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:700}.Friends.row-name{font-size:18px;color:var(--color-text-primary);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Friends.action-btn{font-family:var(--font-ui);font-size:15px;font-weight:700;padding:9px 16px;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.03em;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.Friends.action-btn:disabled{opacity:.6;cursor:default;transform:none}.Friends.action-btn.primary{background-color:var(--color-accent-primary);border:2px solid var(--color-accent-primary);color:var(--color-bg)}.Friends.action-btn.primary:hover:not(:disabled){background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-2px)}.Friends.action-btn.secondary{background-color:var(--color-surface-raised);border:2px solid var(--color-border);color:var(--color-text-secondary)}.Friends.action-btn.secondary:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-text-secondary);color:var(--color-text-primary);transform:translateY(-2px)}.Friends.action-btn.danger{background-color:transparent;border:2px solid var(--color-accent-secondary);color:var(--color-accent-secondary)}.Friends.action-btn.danger:hover:not(:disabled){background-color:var(--color-accent-secondary);border-color:var(--color-accent-secondary);color:var(--color-bg);transform:translateY(-2px)}.Friends.search-input{font-family:var(--font-ui);font-size:18px;color:var(--color-text-primary);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;width:100%;box-sizing:border-box;box-shadow:var(--shadow-sm)}.Friends.search-input::placeholder{color:var(--color-text-muted)}.Friends.search-input:focus{outline:none;border-color:var(--color-accent-primary)}.Friends.search-results{display:flex;flex-direction:column;gap:10px;margin-top:10px}.Friends.status-text{text-align:center;color:var(--color-text-muted)}@media(max-width:600px){.Friends.friends-title{font-size:60px}.Friends.tab-panel{max-width:350px}.Friends.row{flex-wrap:wrap}.Friends.row-actions{width:100%;justify-content:flex-end}}.ForgotPassword.forgot-password-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px;justify-content:center}.ForgotPassword.forgot-password-title{font-size:80px;color:var(--color-text-primary);margin-bottom:20px;text-align:center}.ForgotPassword.forgot-password-subtitle{font-size:18px;color:var(--color-text-secondary);margin-bottom:40px;text-align:center;max-width:500px;line-height:1.5}.ForgotPassword.forgot-password-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;margin-bottom:30px}.ForgotPassword.input-group{display:flex;flex-direction:column;gap:8px}.ForgotPassword.input-label{color:var(--color-text-secondary);font-size:18px;font-weight:600}.ForgotPassword.input-field{padding:15px 20px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.ForgotPassword.input-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.ForgotPassword.input-field::placeholder{color:var(--color-text-muted)}.ForgotPassword.button-group{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.ForgotPassword.forgot-password-button-wrapper{border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);background-color:var(--color-accent-primary);padding:10px 20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.ForgotPassword.forgot-password-button-wrapper:hover{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ForgotPassword.forgot-password-button-text{color:var(--color-bg);font-size:24px;font-weight:700;text-align:center}.ForgotPassword.success-message{color:var(--color-accent-secondary);font-size:16px;text-align:center;margin-top:20px;padding:15px;background-color:color-mix(in srgb,var(--color-accent-secondary) 12%,transparent);border:2px solid var(--color-accent-secondary);border-radius:var(--radius-md);max-width:400px}.ForgotPassword.links-container{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:20px}.ForgotPassword.link-text{color:var(--color-accent-primary);font-size:16px;cursor:pointer;transition:color .2s ease;text-decoration:underline}.ForgotPassword.link-text:hover{color:var(--color-accent-primary-hover)}@media(max-width:600px){.ForgotPassword.forgot-password-title{font-size:60px}.ForgotPassword.forgot-password-subtitle{font-size:16px}.ForgotPassword.forgot-password-form,.ForgotPassword.button-group,.ForgotPassword.success-message{max-width:350px}.ForgotPassword.input-label{font-size:16px}}.ResetPassword.reset-password-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px;justify-content:center}.ResetPassword.reset-password-title{font-size:80px;color:var(--color-text-primary);margin-bottom:20px;text-align:center}.ResetPassword.reset-password-subtitle{font-size:18px;color:var(--color-text-secondary);margin-bottom:40px;text-align:center;max-width:500px;line-height:1.5}.ResetPassword.reset-password-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;margin-bottom:30px}.ResetPassword.input-group{display:flex;flex-direction:column;gap:8px}.ResetPassword.input-label{color:var(--color-text-secondary);font-size:18px;font-weight:600}.ResetPassword.input-field{padding:15px 20px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.ResetPassword.input-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.ResetPassword.input-field::placeholder{color:var(--color-text-muted)}.ResetPassword.button-group{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.ResetPassword.reset-password-button-wrapper{border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);background-color:var(--color-accent-primary);padding:10px 20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.ResetPassword.reset-password-button-wrapper:hover{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ResetPassword.reset-password-button-text{color:var(--color-bg);font-size:24px;font-weight:700;text-align:center}.ResetPassword.success-message{color:var(--color-accent-primary);font-size:16px;text-align:center;margin-top:20px;margin-bottom:30px;padding:15px;background-color:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);max-width:400px}.ResetPassword.error-message{color:var(--color-accent-secondary);font-size:16px;text-align:center;margin-top:20px;margin-bottom:30px;padding:15px;background-color:color-mix(in srgb,var(--color-accent-secondary) 12%,transparent);border:2px solid var(--color-accent-secondary);border-radius:var(--radius-md);max-width:400px}@media(max-width:600px){.ResetPassword.reset-password-title{font-size:60px}.ResetPassword.reset-password-subtitle{font-size:16px}.ResetPassword.reset-password-form,.ResetPassword.button-group,.ResetPassword.success-message,.ResetPassword.error-message{max-width:350px}.ResetPassword.input-label{font-size:16px}}.Contact.contact-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:20px;justify-content:center}.Contact.contact-title{font-size:80px;color:var(--color-text-primary);margin-bottom:20px;text-align:center}.Contact.contact-subtitle{font-size:18px;color:var(--color-text-secondary);margin-bottom:40px;text-align:center;max-width:600px;line-height:1.5}.Contact.contact-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:600px;margin-bottom:30px}.Contact.input-group{display:flex;flex-direction:column;gap:8px}.Contact.input-label{color:var(--color-text-secondary);font-size:18px;font-weight:600}.Contact.select-field{padding:15px 20px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.Contact.select-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.Contact.textarea-field{padding:15px 20px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;font-family:inherit;min-height:150px}.Contact.textarea-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.Contact.textarea-field::placeholder{color:var(--color-text-muted)}.Contact.button-group{display:flex;flex-direction:column;gap:15px;width:100%;max-width:600px}.Contact.contact-button-wrapper{border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);background-color:var(--color-accent-primary);padding:10px 20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.Contact.contact-button-wrapper:hover{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.Contact.contact-button-text{color:var(--color-bg);font-size:24px;font-weight:700;text-align:center}.Contact.success-message{color:var(--color-accent-primary);font-size:16px;text-align:center;margin-top:20px;margin-bottom:30px;padding:15px;background-color:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);max-width:600px}.Contact.info-message{color:var(--color-accent-secondary);font-size:16px;text-align:center;margin-top:20px;margin-bottom:30px;padding:15px;background-color:color-mix(in srgb,var(--color-accent-secondary) 12%,transparent);border:2px solid var(--color-accent-secondary);border-radius:var(--radius-md);max-width:600px}@media(max-width:600px){.Contact.contact-container{padding-top:72px}}@media(max-width:768px){.Contact.contact-title{font-size:60px}.Contact.contact-subtitle{font-size:16px}.Contact.contact-form,.Contact.button-group,.Contact.success-message,.Contact.info-message{max-width:90%}.Contact.input-label{font-size:16px}.Contact.contact-button-text{font-size:20px}}.toasts{position:fixed;left:20px;bottom:20px;z-index:100000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;max-width:320px;padding:10px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 96%,var(--color-text-primary));border:1px solid var(--color-border);border-left:4px solid var(--color-accent-primary);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1.4;animation:toast-in .16s ease;transition:opacity .25s ease,transform .25s ease}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-accent-secondary)}.toast--fading{opacity:0;transform:translateY(6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}