.u-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media(min-width:1024px){.u-container{padding:0 2rem}}.u-flex{display:flex}.u-flex--center{display:flex;align-items:center;justify-content:center}.u-flex--between{display:flex;justify-content:space-between;align-items:center}.u-flex--column{flex-direction:column}.u-flex--wrap{flex-wrap:wrap}.u-flex--gap-sm{gap:.5rem}.u-flex--gap-md{gap:1rem}.u-flex--gap-lg{gap:1.5rem}.u-grid{display:grid}.u-grid--cols-1{grid-template-columns:1fr}.u-grid--cols-2{grid-template-columns:repeat(2,1fr)}.u-grid--cols-3{grid-template-columns:repeat(3,1fr)}@media(min-width:768px){.u-grid--md-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.u-grid--lg-cols-3{grid-template-columns:repeat(3,1fr)}}.u-m-auto{margin:auto}.u-m-0{margin:0}.u-m-sm{margin:.5rem}.u-m-md{margin:1rem}.u-m-lg{margin:1.5rem}.u-m-xl{margin:2rem}.u-mt-auto{margin-top:auto}.u-mt-0{margin-top:0}.u-mt-sm{margin-top:.5rem}.u-mt-md{margin-top:1rem}.u-mt-lg{margin-top:1.5rem}.u-mt-xl{margin-top:2rem}.u-mb-auto{margin-bottom:auto}.u-mb-0{margin-bottom:0}.u-mb-sm{margin-bottom:.5rem}.u-mb-md{margin-bottom:1rem}.u-mb-lg{margin-bottom:1.5rem}.u-mb-xl{margin-bottom:2rem}.u-p-0{padding:0}.u-p-sm{padding:.5rem}.u-p-md{padding:1rem}.u-p-lg{padding:1.5rem}.u-p-xl{padding:2rem}.u-px-sm{padding-left:.5rem;padding-right:.5rem}.u-px-md{padding-left:1rem;padding-right:1rem}.u-px-lg{padding-left:1.5rem;padding-right:1.5rem}.u-py-sm{padding-top:.5rem;padding-bottom:.5rem}.u-py-md{padding-top:1rem;padding-bottom:1rem}.u-py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.u-text-center{text-align:center}.u-text-left{text-align:left}.u-text-right{text-align:right}.u-text-xs{font-size:.75rem}.u-text-sm{font-size:.875rem}.u-text-base{font-size:1rem}.u-text-lg{font-size:1.125rem}.u-text-xl{font-size:1.25rem}.u-text-2xl{font-size:1.5rem}.u-text-3xl{font-size:1.875rem}.u-text-4xl{font-size:2.25rem}.u-text-5xl{font-size:3rem}.u-text-6xl{font-size:3.75rem}.u-text-normal{font-weight:400}.u-text-medium{font-weight:500}.u-text-semibold{font-weight:600}.u-text-bold{font-weight:700}.u-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-text-white{color:#fff}.u-text-slate-600{color:#475569}.u-text-slate-700{color:#334155}.u-text-slate-900{color:#0f172a}html[data-theme=dark] .u-text-white{color:#fff}html[data-theme=dark] .u-text-slate-300{color:#cbd5e1}html[data-theme=dark] .u-text-slate-400{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .u-text-white{color:#fff}html:not([data-theme=light]) .u-text-slate-300{color:#cbd5e1}html:not([data-theme=light]) .u-text-slate-400{color:#94a3b8}}.u-hidden{display:none}@media(min-width:768px){.u-hidden-md{display:none}}.u-visible{display:block}.u-visible-md{display:none}@media(min-width:768px){.u-visible-md{display:block}}.u-relative{position:relative}.u-absolute{position:absolute}.u-fixed{position:fixed}.u-sticky{position:sticky}.u-z-10{z-index:10}.u-z-20{z-index:20}.u-z-30{z-index:30}.u-z-40{z-index:40}.u-z-50{z-index:50}.u-overflow-hidden{overflow:hidden}.u-overflow-auto{overflow:auto}.u-overflow-visible{overflow:visible}.u-pointer-events-none{pointer-events:none}.u-min-h-screen{min-height:100vh}.header{background-color:hsla(0,0%,100%,.8);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1020;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color border-color .3s ease-in-out}html[data-theme=dark] .header{background-color:rgba(17,24,39,.8);border-bottom-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header{background-color:rgba(17,24,39,.8);border-bottom-color:#374151}}.header__container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem}@media(min-width:1024px){.header__container{padding:1rem 2rem}}.header__content{justify-content:space-between}.header__content,.header__logo{display:flex;align-items:center}.header__logo{gap:1rem;background:none;border:none;cursor:pointer;transition:opacity .3s ease-in-out}.header__logo:hover{opacity:.8}.header__logo:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:.5rem}.header__logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(to bottom right,#3b82f6,#7c3aed);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.header__logo-icon-text{color:#fff;font-weight:700;font-size:1rem}.header__logo-text{color:#0f172a;font-size:1.125rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .header__logo-text{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__logo-text{color:#fff}}.header__nav{display:none}@media(min-width:768px){.header__nav{display:flex;align-items:center;gap:.25rem}}.header__nav-item{padding:.5rem 1rem;color:#475569;background:none;border:none;border-radius:.75rem;cursor:pointer;font-size:1rem;transition:background-color color .3s ease-in-out}html[data-theme=dark] .header__nav-item{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__nav-item{color:#94a3b8}}.header__nav-item:hover{background-color:#f1f5f9}html[data-theme=dark] .header__nav-item:hover{background-color:#1f2937}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__nav-item:hover{background-color:#1f2937}}.header__nav-item--active{color:#0f172a}html[data-theme=dark] .header__nav-item--active{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__nav-item--active{color:#fff}}.header__actions{display:flex;align-items:center;gap:1rem}.header__theme-toggle{padding:.5rem;background:none;border:none;border-radius:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}.header__theme-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.header__theme-toggle:hover{background-color:#f1f5f9}html[data-theme=dark] .header__theme-toggle:hover{background-color:#1f2937}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__theme-toggle:hover{background-color:#1f2937}}.header__theme-icon{width:1.25rem;height:1.25rem;color:#475569;transition:color .3s ease-in-out}html[data-theme=dark] .header__theme-icon{color:#eab308}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__theme-icon{color:#eab308}}.header__user-menu{position:relative}.header__user-trigger{width:2.5rem;height:2.5rem;border-radius:9999px;background:linear-gradient(to bottom right,#3b82f6,#7c3aed);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;transition:box-shadow .3s ease-in-out}.header__user-trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.header__user-trigger:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.header__user-initial{font-size:.875rem}.header__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.header__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.header__button:disabled{opacity:.5;cursor:not-allowed}.header__button{padding:.5rem 1rem;font-size:.875rem}.header__button--primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.header__button--primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af)}.header__button--secondary{background-color:transparent;border:1px solid #2563eb;color:#2563eb}.header__button--secondary:hover:not(:disabled){background-color:#2563eb;color:#fff}.header__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:14rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:.25rem;z-index:1000;transition:opacity transform .15s ease-in-out}html[data-theme=dark] .header__dropdown{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__dropdown{background-color:#1f2937;border-color:#374151}}.header__dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;width:100%;background:none;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;color:#0f172a;text-align:left;transition:background-color .15s ease-in-out}html[data-theme=dark] .header__dropdown-item{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__dropdown-item{color:#cbd5e1}}.header__dropdown-item:hover{background-color:#f1f5f9}html[data-theme=dark] .header__dropdown-item:hover{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__dropdown-item:hover{background-color:#374151}}.header__dropdown-item--danger{color:#dc2626}html[data-theme=dark] .header__dropdown-item--danger{color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__dropdown-item--danger{color:#f87171}}.header__dropdown-item-icon{width:1rem;height:1rem}.header__dropdown-separator{height:1px;background-color:#e2e8f0;margin:.25rem 0}html[data-theme=dark] .header__dropdown-separator{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__dropdown-separator{background-color:#374151}}.header__dropdown-info{padding:.5rem 1rem}.header__dropdown-info-name{font-size:.875rem;font-weight:500;color:#0f172a}html[data-theme=dark] .header__dropdown-info-name{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__dropdown-info-name{color:#fff}}.header__dropdown-info-role{font-size:.75rem;color:#64748b}html[data-theme=dark] .header__dropdown-info-role{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .header__dropdown-info-role{color:#94a3b8}}.hero{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 66px);padding:1.5rem 1rem;position:relative;overflow:hidden}.hero__background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero__blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.1}html[data-theme=dark] .hero__blob{opacity:.05}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .hero__blob{opacity:.05}}.hero__blob--blue{top:25%;left:25%;width:16rem;height:16rem;background-color:#3b82f6}.hero__blob--purple{bottom:25%;right:25%;width:24rem;height:24rem;background-color:#8b5cf6}.hero__content{text-align:center;max-width:48rem;position:relative;z-index:10}.hero__title-section{margin-bottom:2rem}.hero__title{font-size:3.75rem;font-weight:700;margin-bottom:1rem;display:inline-block;background:linear-gradient(90deg,#2563eb,#7c3aed,#2563eb);background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:gradient-shift 3s ease infinite}.hero__title,html[data-theme=dark] .hero__title{-webkit-text-fill-color:transparent;color:transparent}html[data-theme=dark] .hero__title{background:linear-gradient(90deg,#60a5fa,#a78bfa,#60a5fa);background-size:200% auto;-webkit-background-clip:text;background-clip:text}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .hero__title{background:linear-gradient(90deg,#60a5fa,#a78bfa,#60a5fa);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}@supports not (-webkit-background-clip:text){.hero__title{color:#2563eb}html[data-theme=dark] .hero__title{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .hero__title{color:#60a5fa}}}@media(min-width:768px){.hero__title{font-size:4.5rem}}@media(min-width:1024px){.hero__title{font-size:6rem}}.hero__title-underline{height:4px;width:8rem;margin:0 auto;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:9999px}.hero__subtitle{font-size:1.25rem;color:#334155;margin-bottom:3rem;max-width:32rem;margin-left:auto;margin-right:auto;transition:color .3s ease-in-out}html[data-theme=dark] .hero__subtitle{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .hero__subtitle{color:#cbd5e1}}@media(min-width:768px){.hero__subtitle{font-size:1.5rem}}.hero__cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media(min-width:640px){.hero__cta{flex-direction:row}}.hero__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.hero__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hero__button:disabled{opacity:.5;cursor:not-allowed}.hero__button{padding:1rem 2.5rem;border-radius:1.5rem;font-size:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:100%}@media(min-width:640px){.hero__button{width:auto}}.hero__button--primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.hero__button--primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:scale(1.05)}.hero__button--secondary{background:linear-gradient(90deg,#7c3aed,#6d28d9);color:#fff}.hero__button--secondary:hover:not(:disabled){background:linear-gradient(90deg,#6d28d9,#5b21b6);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:scale(1.05)}.hero__button-icon{width:1.25rem;height:1.25rem;transition:transform .3s ease-in-out}.hero__button:hover:not(:disabled) .hero__button-icon{transform:rotate(12deg)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.dashboard{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}@media(min-width:1024px){.dashboard{padding:3rem 2rem}}.dashboard__welcome{margin-bottom:3rem}.dashboard__title{color:#0f172a;font-size:1.875rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .dashboard__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .dashboard__title{color:#fff}}.dashboard__subtitle{color:#475569;font-size:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .dashboard__subtitle{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .dashboard__subtitle{color:#94a3b8}}.dashboard__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}@media(min-width:1024px){.dashboard__grid{grid-template-columns:repeat(2,1fr)}}.action-cards__active-game{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid rgba(59,130,246,.3);border-radius:1.5rem}html[data-theme=dark] .action-cards__active-game{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));border-color:rgba(96,165,250,.4)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__active-game{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));border-color:rgba(96,165,250,.4)}}.action-cards__active-game-content{display:flex;align-items:center;gap:1rem}.action-cards__active-game-icon{width:1.5rem;height:1.5rem;color:#3b82f6;flex-shrink:0}html[data-theme=dark] .action-cards__active-game-icon{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__active-game-icon{color:#60a5fa}}.action-cards__active-game-text{display:flex;flex-direction:column;gap:.125rem}.action-cards__active-game-title{font-weight:600;color:#0f172a;font-size:.875rem}html[data-theme=dark] .action-cards__active-game-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__active-game-title{color:#fff}}.action-cards__active-game-code{font-size:.75rem;color:#475569}html[data-theme=dark] .action-cards__active-game-code{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__active-game-code{color:#94a3b8}}.action-cards__active-game-button{display:inline-flex;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer}.action-cards__active-game-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.action-cards__active-game-button:disabled{opacity:.5;cursor:not-allowed}.action-cards__active-game-button{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:1rem;font-weight:500;font-size:.875rem;background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;transition:all .3s ease-in-out}.action-cards__active-game-button:hover{background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.action-cards__active-game-button-icon{width:1rem;height:1rem}.action-cards{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.action-cards{grid-template-columns:repeat(3,1fr)}}.action-cards__card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .action-cards__card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__card{background-color:rgba(17,24,39,.8)}}.action-cards__card{padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem;transition:all .3s ease-in-out}html[data-theme=dark] .action-cards__card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__card{background-color:#1f2937;border-color:#374151}}.action-cards__card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-2px)}.action-cards__card--disabled{opacity:.6;cursor:not-allowed}.action-cards__card--disabled:hover{box-shadow:none;transform:none}.action-cards__icon-wrapper{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s ease-in-out}.action-cards__icon-wrapper--blue{background:linear-gradient(to bottom right,#3b82f6,#2563eb)}.action-cards__icon-wrapper--purple{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed)}.action-cards__icon-wrapper--amber{background:linear-gradient(to bottom right,#f59e0b,#d97706)}.action-cards__card:hover .action-cards__icon-wrapper{transform:scale(1.1)}.action-cards__icon{width:1.5rem;height:1.5rem;color:#fff}.action-cards__card-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .action-cards__card-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__card-title{color:#fff}}.action-cards__card-description{color:#475569;font-size:.875rem;margin-bottom:1.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .action-cards__card-description{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__card-description{color:#94a3b8}}.action-cards__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer}.action-cards__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.action-cards__button:disabled{opacity:.5;cursor:not-allowed}.action-cards__button{width:100%;padding:1rem;border-radius:1.5rem;font-weight:500;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .3s ease-in-out}.action-cards__button--primary{background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff}.action-cards__button--primary:hover:not(:disabled){background:linear-gradient(90deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.action-cards__button--secondary{background:linear-gradient(90deg,#8b5cf6,#7c3aed);color:#fff}.action-cards__button--secondary:hover:not(:disabled){background:linear-gradient(90deg,#7c3aed,#6d28d9);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.action-cards__button--outline{background-color:#fff;border:1px solid #e2e8f0;color:#0f172a}html[data-theme=dark] .action-cards__button--outline{background-color:#374151;border-color:#4b5563;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__button--outline{background-color:#374151;border-color:#4b5563;color:#fff}}.action-cards__button--outline:hover:not(:disabled){background-color:#f8fafc}html[data-theme=dark] .action-cards__button--outline:hover:not(:disabled){background-color:#4b5563}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__button--outline:hover:not(:disabled){background-color:#4b5563}}.action-cards__button--disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none}html[data-theme=dark] .action-cards__button--disabled{background:#4b5563;color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .action-cards__button--disabled{background:#4b5563;color:#94a3b8}}.action-cards__button--disabled:hover{box-shadow:none}.recent-games{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .recent-games{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games{background-color:rgba(17,24,39,.8)}}.recent-games{padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem}html[data-theme=dark] .recent-games{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games{background-color:#1f2937;border-color:#374151}}.recent-games__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.recent-games__title{color:#0f172a;font-size:1.25rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .recent-games__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__title{color:#fff}}.recent-games__icon{width:1.25rem;height:1.25rem;color:#2563eb}html[data-theme=dark] .recent-games__icon{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__icon{color:#60a5fa}}.recent-games__divider{height:1px;background-color:#e2e8f0;margin:1rem 0}html[data-theme=dark] .recent-games__divider{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__divider{background-color:#374151}}.recent-games__empty{text-align:center;padding:2rem 0;color:#64748b;font-size:.875rem}html[data-theme=dark] .recent-games__empty{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__empty{color:#94a3b8}}.recent-games__list{display:flex;flex-direction:column;gap:1rem}.recent-games__item{position:relative;padding:1rem;border-radius:.75rem;background-color:#f8fafc;cursor:pointer;transition:all .3s ease-in-out}html[data-theme=dark] .recent-games__item{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__item{background-color:#374151}}.recent-games__item:hover{background-color:#f1f5f9;transform:translateX(4px)}html[data-theme=dark] .recent-games__item:hover{background-color:#4b5563}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__item:hover{background-color:#4b5563}}.recent-games__item:hover .recent-games__item-arrow{opacity:1;transform:translateX(4px)}.recent-games__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.recent-games__item-code{font-family:Courier New,Courier,monospace;font-size:.875rem;font-weight:700;color:#2563eb;letter-spacing:.05em}html[data-theme=dark] .recent-games__item-code{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__item-code{color:#60a5fa}}.recent-games__item-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#eab308,#f59e0b);color:#fff;border-radius:.5rem;font-size:.75rem;font-weight:600}.recent-games__item-badge-icon{width:.875rem;height:.875rem}.recent-games__item-info{display:flex;flex-direction:column;gap:.25rem}.recent-games__item-stat{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#475569}html[data-theme=dark] .recent-games__item-stat{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__item-stat{color:#94a3b8}}.recent-games__item-stat-icon{width:.875rem;height:.875rem;color:#64748b}html[data-theme=dark] .recent-games__item-stat-icon{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__item-stat-icon{color:#94a3b8}}.recent-games__item-stat-label{font-weight:500;margin-right:.25rem}.recent-games__item-stat-value{font-weight:600;color:#0f172a}html[data-theme=dark] .recent-games__item-stat-value{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__item-stat-value{color:#fff}}.recent-games__item-stat-value--winner{color:#ca8a04}html[data-theme=dark] .recent-games__item-stat-value--winner{color:#eab308}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__item-stat-value--winner{color:#eab308}}.recent-games__item-arrow{position:absolute;top:50%;right:1rem;transform:translateY(-50%);opacity:.5;transition:all .3s ease-in-out}.recent-games__item-arrow-icon{width:1rem;height:1rem;color:#64748b}html[data-theme=dark] .recent-games__item-arrow-icon{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .recent-games__item-arrow-icon{color:#94a3b8}}.user-stats{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .user-stats{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats{background-color:rgba(17,24,39,.8)}}.user-stats{padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem}html[data-theme=dark] .user-stats{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats{background-color:#1f2937;border-color:#374151}}.user-stats__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.user-stats__title{color:#0f172a;font-size:1.25rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .user-stats__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__title{color:#fff}}.user-stats__icon{width:1.25rem;height:1.25rem;color:#f59e0b}.user-stats__divider{height:1px;background-color:#e2e8f0;margin:1rem 0}html[data-theme=dark] .user-stats__divider{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__divider{background-color:#374151}}.user-stats__loading{display:flex;align-items:center;justify-content:center;padding:2rem 0}.user-stats__spinner{width:3rem;height:3rem;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}html[data-theme=dark] .user-stats__spinner{border-color:#60a5fa #374151 #374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__spinner{border-color:#60a5fa #374151 #374151}}.user-stats__list{display:flex;flex-direction:column;gap:1rem}.user-stats__stat{padding:1rem;border-radius:.75rem;background-color:#f8fafc}html[data-theme=dark] .user-stats__stat{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__stat{background-color:#374151}}.user-stats__stat-title{color:#475569;font-size:.875rem;font-weight:500;margin-bottom:.25rem}html[data-theme=dark] .user-stats__stat-title{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__stat-title{color:#94a3b8}}.user-stats__stat-value{color:#0f172a;font-size:1.5rem;font-weight:700;transition:color .3s ease-in-out}html[data-theme=dark] .user-stats__stat-value{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__stat-value{color:#fff}}.user-stats__stat-value--success{color:#059669}html[data-theme=dark] .user-stats__stat-value--success{color:#10b981}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__stat-value--success{color:#10b981}}.user-stats__stat-value--primary{color:#2563eb}html[data-theme=dark] .user-stats__stat-value--primary{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__stat-value--primary{color:#60a5fa}}.user-stats__stat-value--error{color:#dc2626}html[data-theme=dark] .user-stats__stat-value--error{color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__stat-value--error{color:#f87171}}.user-stats__stat-desc{color:#64748b;font-size:.75rem;margin-top:.25rem}html[data-theme=dark] .user-stats__stat-desc{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .user-stats__stat-desc{color:#94a3b8}}.create-game{max-width:56rem;margin:0 auto;padding:3rem 1.5rem}.create-game__back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#475569;cursor:pointer;margin-bottom:2rem;font-size:1rem;transition:color .3s ease-in-out}.create-game__back:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .create-game__back{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__back{color:#94a3b8}}.create-game__back:hover{color:#0f172a}html[data-theme=dark] .create-game__back:hover{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__back:hover{color:#fff}}.create-game__back-icon{width:1.25rem;height:1.25rem}.create-game__card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .create-game__card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__card{background-color:rgba(17,24,39,.8)}}.create-game__card{padding:2rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:background-color border-color .3s ease-in-out}html[data-theme=dark] .create-game__card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__card{background-color:#1f2937;border-color:#374151}}.create-game__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem;transition:color .3s ease-in-out}html[data-theme=dark] .create-game__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__title{color:#fff}}.create-game__form{display:flex;flex-direction:column;gap:2rem}.create-game__config{display:flex;flex-direction:column;gap:1.5rem}.create-game__config-title{color:#0f172a;font-size:1.125rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .create-game__config-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__config-title{color:#fff}}.create-game__config-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.create-game__config-grid{grid-template-columns:repeat(2,1fr)}}.create-game__field{display:flex;flex-direction:column}.create-game__label{display:block;margin-bottom:.5rem}.create-game__label-text{color:#0f172a;font-size:.875rem;font-weight:500;transition:color .3s ease-in-out}html[data-theme=dark] .create-game__label-text{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__label-text{color:#fff}}.create-game__select{width:100%;padding:1rem;border-radius:.75rem;border:1px solid #cbd5e1;background-color:#fff;color:#0f172a;font-size:1rem;transition:all .3s ease-in-out}.create-game__select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .create-game__select{border-color:#4b5563;background-color:#374151;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__select{border-color:#4b5563;background-color:#374151;color:#fff}}.create-game__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.create-game__summary{background-color:#f8fafc;border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}html[data-theme=dark] .create-game__summary{background-color:rgba(55,65,81,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__summary{background-color:rgba(55,65,81,.5)}}.create-game__summary-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .create-game__summary-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__summary-title{color:#fff}}.create-game__summary-list{display:flex;flex-direction:column;gap:.5rem;color:#334155;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .create-game__summary-list{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__summary-list{color:#cbd5e1}}.create-game__summary-item{list-style:none}.create-game__summary-item:before{content:"•";margin-right:.5rem}.create-game__host-info{background-color:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:1.5rem;padding:1.5rem}html[data-theme=dark] .create-game__host-info{background-color:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__host-info{background-color:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}}.create-game__host-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .create-game__host-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__host-title{color:#fff}}.create-game__host-text{color:#334155;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .create-game__host-text{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__host-text{color:#cbd5e1}}.create-game__submit{display:flex;justify-content:flex-end}.create-game__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.create-game__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.create-game__button:disabled{opacity:.5;cursor:not-allowed}.create-game__button{padding:1rem 2rem;border-radius:1.5rem;font-weight:500;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.create-game__button--primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.create-game__button--primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.create-game__button--primary:disabled{opacity:.6;cursor:not-allowed}.create-game__error{padding:1rem;background-color:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);border-radius:.75rem;color:#dc2626;font-size:.875rem;margin-bottom:1.5rem}html[data-theme=dark] .create-game__error{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .create-game__error{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}}.join-game{max-width:56rem;margin:0 auto;padding:3rem 1.5rem}.join-game__back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#475569;cursor:pointer;margin-bottom:2rem;font-size:1rem;transition:color .3s ease-in-out}.join-game__back:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .join-game__back{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__back{color:#94a3b8}}.join-game__back:hover{color:#0f172a}html[data-theme=dark] .join-game__back:hover{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__back:hover{color:#fff}}.join-game__back-icon{width:1.25rem;height:1.25rem}.join-game__card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .join-game__card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__card{background-color:rgba(17,24,39,.8)}}.join-game__card{padding:2rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:background-color border-color .3s ease-in-out}html[data-theme=dark] .join-game__card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__card{background-color:#1f2937;border-color:#374151}}.join-game__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem;transition:color .3s ease-in-out}html[data-theme=dark] .join-game__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__title{color:#fff}}.join-game__form{gap:2rem}.join-game__field,.join-game__form{display:flex;flex-direction:column}.join-game__label{display:block;margin-bottom:.5rem}.join-game__label-text{color:#0f172a;font-size:.875rem;font-weight:500;transition:color .3s ease-in-out}html[data-theme=dark] .join-game__label-text{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__label-text{color:#fff}}.join-game__input{width:100%;max-width:28rem;padding:1rem;border-radius:.75rem;border:1px solid #cbd5e1;background-color:#fff;color:#0f172a;font-size:1rem;transition:all .3s ease-in-out}.join-game__input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .join-game__input{border-color:#4b5563;background-color:#374151;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__input{border-color:#4b5563;background-color:#374151;color:#fff}}.join-game__input::-moz-placeholder{color:#94a3b8}.join-game__input::placeholder{color:#94a3b8}html[data-theme=dark] .join-game__input::-moz-placeholder{color:#64748b}html[data-theme=dark] .join-game__input::placeholder{color:#64748b}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__input::-moz-placeholder{color:#64748b}html:not([data-theme=light]) .join-game__input::placeholder{color:#64748b}}.join-game__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.join-game__input:disabled{opacity:.6;cursor:not-allowed}.join-game__hint{margin-top:.5rem;color:#64748b;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .join-game__hint{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__hint{color:#94a3b8}}.join-game__info{background-color:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:1.5rem;padding:1.5rem}html[data-theme=dark] .join-game__info{background-color:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__info{background-color:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}}.join-game__info-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.join-game__info-icon{width:1.25rem;height:1.25rem;color:#2563eb;margin-top:.125rem;flex-shrink:0}html[data-theme=dark] .join-game__info-icon{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__info-icon{color:#60a5fa}}.join-game__info-title{color:#0f172a;font-size:1.125rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .join-game__info-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__info-title{color:#fff}}.join-game__info-list{display:flex;flex-direction:column;gap:.5rem;color:#334155;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .join-game__info-list{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__info-list{color:#cbd5e1}}.join-game__info-item{display:flex;align-items:flex-start;gap:.5rem}.join-game__info-item-bullet{color:#2563eb;margin-top:.25rem;flex-shrink:0}html[data-theme=dark] .join-game__info-item-bullet{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__info-item-bullet{color:#60a5fa}}.join-game__submit{display:flex;justify-content:flex-end}.join-game__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.join-game__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.join-game__button:disabled{opacity:.5;cursor:not-allowed}.join-game__button{padding:1rem 2rem;border-radius:1.5rem;font-weight:500;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.join-game__button--primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.join-game__button--primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.join-game__button--primary:disabled{opacity:.5;cursor:not-allowed}.join-game__error{padding:1rem;background-color:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);border-radius:.75rem;color:#dc2626;font-size:.875rem;margin-bottom:1.5rem}html[data-theme=dark] .join-game__error{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .join-game__error{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}}.leaderboard{max-width:80rem;margin:0 auto;padding:3rem 1.5rem}.leaderboard__back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#475569;cursor:pointer;margin-bottom:2rem;font-size:1rem;transition:color .3s ease-in-out}.leaderboard__back:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .leaderboard__back{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__back{color:#94a3b8}}.leaderboard__back:hover{color:#0f172a}html[data-theme=dark] .leaderboard__back:hover{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__back:hover{color:#fff}}.leaderboard__back-icon{width:1.25rem;height:1.25rem}.leaderboard__card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .leaderboard__card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__card{background-color:rgba(17,24,39,.8)}}.leaderboard__card{padding:2rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:background-color border-color .3s ease-in-out}html[data-theme=dark] .leaderboard__card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__card{background-color:#1f2937;border-color:#374151}}.leaderboard__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem;transition:color .3s ease-in-out}html[data-theme=dark] .leaderboard__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__title{color:#fff}}.leaderboard__list{display:flex;flex-direction:column;gap:1rem}.leaderboard__player{border-radius:1.5rem;padding:1.5rem;transition:all .3s ease-in-out}.leaderboard__player--first{background:linear-gradient(90deg,rgba(245,158,11,.1),rgba(217,119,6,.1));border:2px solid rgba(245,158,11,.3)}html[data-theme=dark] .leaderboard__player--first{background:linear-gradient(90deg,rgba(245,158,11,.2),rgba(217,119,6,.2));border-color:rgba(245,158,11,.4)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__player--first{background:linear-gradient(90deg,rgba(245,158,11,.2),rgba(217,119,6,.2));border-color:rgba(245,158,11,.4)}}.leaderboard__player--second{background:linear-gradient(90deg,rgba(100,116,139,.1),rgba(148,163,184,.1));border:1px solid rgba(100,116,139,.3)}html[data-theme=dark] .leaderboard__player--second{background:linear-gradient(90deg,rgba(100,116,139,.2),rgba(148,163,184,.2));border-color:rgba(100,116,139,.4)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__player--second{background:linear-gradient(90deg,rgba(100,116,139,.2),rgba(148,163,184,.2));border-color:rgba(100,116,139,.4)}}.leaderboard__player--default{background-color:#f8fafc;border:1px solid #e2e8f0}html[data-theme=dark] .leaderboard__player--default{background-color:rgba(55,65,81,.5);border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__player--default{background-color:rgba(55,65,81,.5);border-color:#374151}}.leaderboard__player-content{display:flex;align-items:center;justify-content:space-between}.leaderboard__player-left{display:flex;align-items:center;gap:1.5rem}.leaderboard__rank-wrapper{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.leaderboard__rank-icon{width:1.5rem;height:1.5rem}.leaderboard__rank-icon--gold{color:#f59e0b}html[data-theme=dark] .leaderboard__rank-icon--gold{color:#fbbf24}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__rank-icon--gold{color:#fbbf24}}.leaderboard__rank-icon--silver{color:#64748b}html[data-theme=dark] .leaderboard__rank-icon--silver{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__rank-icon--silver{color:#94a3b8}}.leaderboard__rank-icon--bronze{color:#b45309}html[data-theme=dark] .leaderboard__rank-icon--bronze{color:#d97706}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__rank-icon--bronze{color:#d97706}}.leaderboard__rank-number{color:#475569;font-size:1rem;font-weight:500}html[data-theme=dark] .leaderboard__rank-number{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__rank-number{color:#94a3b8}}.leaderboard__player-info{display:flex;flex-direction:column}.leaderboard__player-name{color:#0f172a;font-size:1rem;font-weight:500;margin-bottom:.25rem;transition:color .3s ease-in-out}html[data-theme=dark] .leaderboard__player-name{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__player-name{color:#fff}}.leaderboard__player-username{color:#475569;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .leaderboard__player-username{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__player-username{color:#94a3b8}}.leaderboard__player-stats{display:flex;align-items:center;gap:3rem}@media(min-width:768px){.leaderboard__player-stats{gap:2rem}}.leaderboard__stat{text-align:center}.leaderboard__stat-label{color:#475569;font-size:.875rem;margin-bottom:.25rem;transition:color .3s ease-in-out}html[data-theme=dark] .leaderboard__stat-label{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__stat-label{color:#94a3b8}}.leaderboard__stat-value{color:#0f172a;font-size:1rem;font-weight:500;transition:color .3s ease-in-out}html[data-theme=dark] .leaderboard__stat-value{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__stat-value{color:#fff}}.leaderboard__loading{display:flex;align-items:center;justify-content:center;padding:3rem 0}.leaderboard__empty{text-align:center;padding:3rem 0}.leaderboard__empty-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;opacity:.2;color:#94a3b8}.leaderboard__empty-title{color:#0f172a;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .leaderboard__empty-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__empty-title{color:#fff}}.leaderboard__empty-text{color:#475569;font-size:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .leaderboard__empty-text{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .leaderboard__empty-text{color:#94a3b8}}.game-lobby{max-width:1280px;margin:0 auto;padding:3rem 1.5rem}.game-lobby__back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#475569;cursor:pointer;margin-bottom:2rem;font-size:1rem;transition:color .3s ease-in-out}.game-lobby__back:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .game-lobby__back{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__back{color:#94a3b8}}.game-lobby__back:hover{color:#0f172a}html[data-theme=dark] .game-lobby__back:hover{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__back:hover{color:#fff}}.game-lobby__back-icon{width:1.25rem;height:1.25rem}.game-lobby__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.game-lobby__grid{grid-template-columns:2fr 1fr}}.game-lobby__main,.game-lobby__sidebar{display:flex;flex-direction:column;gap:1.5rem}.game-lobby__card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .game-lobby__card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__card{background-color:rgba(17,24,39,.8)}}.game-lobby__card{padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:background-color border-color .3s ease-in-out}html[data-theme=dark] .game-lobby__card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__card{background-color:#1f2937;border-color:#374151}}.game-lobby__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.game-lobby__title{color:#0f172a;font-size:1.25rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__title{color:#fff}}.game-lobby__status{background-color:rgba(245,158,11,.1);color:#b45309;padding:.25rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500}html[data-theme=dark] .game-lobby__status{background-color:rgba(245,158,11,.3);color:#fbbf24}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__status{background-color:rgba(245,158,11,.3);color:#fbbf24}}.game-lobby__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.game-lobby__stat{background-color:#f8fafc;border-radius:1.5rem;padding:1rem}html[data-theme=dark] .game-lobby__stat{background-color:rgba(55,65,81,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__stat{background-color:rgba(55,65,81,.5)}}.game-lobby__stat-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.game-lobby__stat-icon{width:1.25rem;height:1.25rem}.game-lobby__stat-icon--blue{color:#2563eb}html[data-theme=dark] .game-lobby__stat-icon--blue{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__stat-icon--blue{color:#60a5fa}}.game-lobby__stat-icon--purple{color:#7c3aed}html[data-theme=dark] .game-lobby__stat-icon--purple{color:#a78bfa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__stat-icon--purple{color:#a78bfa}}.game-lobby__stat-label{color:#475569;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__stat-label{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__stat-label{color:#94a3b8}}.game-lobby__stat-value{color:#0f172a;font-size:1.125rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__stat-value{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__stat-value{color:#fff}}.game-lobby__players-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__players-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__players-title{color:#fff}}.game-lobby__players-list{display:flex;flex-direction:column;gap:1rem}.game-lobby__player{background-color:#f8fafc;border-radius:1.5rem;padding:1rem;display:flex;align-items:center;justify-content:space-between}html[data-theme=dark] .game-lobby__player{background-color:rgba(55,65,81,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__player{background-color:rgba(55,65,81,.5)}}.game-lobby__player-left{display:flex;align-items:center;gap:1rem}.game-lobby__player-avatar{width:2.5rem;height:2.5rem;background:linear-gradient(to bottom right,#3b82f6,#7c3aed);border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.game-lobby__player-info{display:flex;flex-direction:column}.game-lobby__player-name{color:#0f172a;font-size:1rem;font-weight:500;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__player-name{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__player-name{color:#fff}}.game-lobby__player-username{color:#475569;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__player-username{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__player-username{color:#94a3b8}}.game-lobby__player-right{display:flex;align-items:center;gap:1rem}.game-lobby__badge{padding:.25rem 1rem;border-radius:.75rem;font-size:.75rem;font-weight:500}.game-lobby__badge--host{background-color:rgba(37,99,235,.1);color:#1e40af}html[data-theme=dark] .game-lobby__badge--host{background-color:rgba(37,99,235,.3);color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__badge--host{background-color:rgba(37,99,235,.3);color:#60a5fa}}.game-lobby__player-stats{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:rgba(226,232,240,.5);border-radius:.75rem;transition:background-color .3s ease-in-out}html[data-theme=dark] .game-lobby__player-stats{background-color:rgba(55,65,81,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__player-stats{background-color:rgba(55,65,81,.5)}}.game-lobby__player-stats-icon{color:#ca8a04;flex-shrink:0;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__player-stats-icon{color:#fbbf24}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__player-stats-icon{color:#fbbf24}}.game-lobby__player-score{color:#0f172a;font-size:1rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__player-score{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__player-score{color:#fff}}.game-lobby__player-stats-label{color:#475569;font-size:.75rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__player-stats-label{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__player-stats-label{color:#94a3b8}}.game-lobby__remove-button{display:inline-flex;gap:.5rem;padding:.5rem 1.5rem;border:none;font-weight:500;width:2rem;height:2rem;padding:0;border-radius:.75rem;background-color:rgba(220,38,38,.1);color:#dc2626;border:1px solid rgba(220,38,38,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}.game-lobby__remove-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .game-lobby__remove-button{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__remove-button{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}}.game-lobby__remove-button:hover:not(:disabled){background-color:rgba(220,38,38,.3);border-color:rgba(220,38,38,.4);transform:scale(1.05)}html[data-theme=dark] .game-lobby__remove-button:hover:not(:disabled){background-color:rgba(220,38,38,.4);border-color:rgba(220,38,38,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__remove-button:hover:not(:disabled){background-color:rgba(220,38,38,.4);border-color:rgba(220,38,38,.5)}}.game-lobby__remove-button:disabled{opacity:.5;cursor:not-allowed}.game-lobby__remove-button-spinner{width:1rem;height:1rem;border:2px solid rgba(220,38,38,.3);border-top-color:#dc2626;border-radius:50%;animation:spin .6s linear infinite}html[data-theme=dark] .game-lobby__remove-button-spinner{border-color:#f87171 hsla(0,91%,71%,.3) hsla(0,91%,71%,.3)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__remove-button-spinner{border-color:#f87171 hsla(0,91%,71%,.3) hsla(0,91%,71%,.3)}}@keyframes spin{to{transform:rotate(1turn)}}.game-lobby__start{display:flex;justify-content:flex-end}.game-lobby__start-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.game-lobby__start-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.game-lobby__start-button:disabled{opacity:.5;cursor:not-allowed}.game-lobby__start-button{padding:1rem 2rem;border-radius:1.5rem;font-weight:500;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.game-lobby__start-button--primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.game-lobby__start-button--primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.game-lobby__start-button--primary:disabled{opacity:.5;cursor:not-allowed}.game-lobby__code-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__code-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__code-title{color:#fff}}.game-lobby__code-display{background-color:#f8fafc;border-radius:1.5rem;padding:1.5rem;text-align:center;margin-bottom:1rem}html[data-theme=dark] .game-lobby__code-display{background-color:rgba(55,65,81,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__code-display{background-color:rgba(55,65,81,.5)}}.game-lobby__code-value{color:#0f172a;font-size:1.5rem;font-weight:700;font-family:monospace;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__code-value{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__code-value{color:#fff}}.game-lobby__code-hint{color:#475569;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__code-hint{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__code-hint{color:#94a3b8}}.game-lobby__copy-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#2563eb;cursor:pointer;border-radius:.75rem;font-size:.875rem;transition:all .3s ease-in-out}.game-lobby__copy-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .game-lobby__copy-button{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__copy-button{color:#60a5fa}}.game-lobby__copy-button:hover{background-color:rgba(37,99,235,.1)}html[data-theme=dark] .game-lobby__copy-button:hover{background-color:rgba(37,99,235,.2)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__copy-button:hover{background-color:rgba(37,99,235,.2)}}.game-lobby__copy-button-icon{width:1rem;height:1rem}.game-lobby__rules-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__rules-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__rules-title{color:#fff}}.game-lobby__rules-list{display:flex;flex-direction:column;gap:1rem;color:#334155;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-lobby__rules-list{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__rules-list{color:#cbd5e1}}.game-lobby__rules-item{display:flex;align-items:flex-start;gap:.5rem}.game-lobby__rules-item-bullet{color:#2563eb;margin-top:.25rem;flex-shrink:0}html[data-theme=dark] .game-lobby__rules-item-bullet{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__rules-item-bullet{color:#60a5fa}}.game-lobby__waiting{padding:1rem;background-color:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.2);border-radius:.75rem;color:#1e40af;font-size:.875rem;display:flex;align-items:center;gap:.5rem}html[data-theme=dark] .game-lobby__waiting{background-color:rgba(37,99,235,.2);border-color:rgba(37,99,235,.3);color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-lobby__waiting{background-color:rgba(37,99,235,.2);border-color:rgba(37,99,235,.3);color:#60a5fa}}.game-lobby__waiting-icon{width:1rem;height:1rem}.game-play{max-width:1280px;margin:0 auto;padding:3rem 1.5rem}.game-play__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.game-play__back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#475569;cursor:pointer;font-size:1rem;transition:color .3s ease-in-out}.game-play__back:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .game-play__back{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__back{color:#94a3b8}}.game-play__back:hover{color:#0f172a}html[data-theme=dark] .game-play__back:hover{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__back:hover{color:#fff}}.game-play__back-icon{width:1.25rem;height:1.25rem}.game-play__turn-badge{background-color:#fff;padding:.5rem 1rem;border-radius:.75rem;border:1px solid #e2e8f0;color:#0f172a;font-size:1rem;font-weight:500;transition:all .3s ease-in-out}html[data-theme=dark] .game-play__turn-badge{background-color:#1f2937;border-color:#374151;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__turn-badge{background-color:#1f2937;border-color:#374151;color:#fff}}.game-play__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.game-play__grid{grid-template-columns:2fr 1fr}}.game-play__card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .game-play__card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__card{background-color:rgba(17,24,39,.8)}}.game-play__card{padding:2rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:background-color border-color .3s ease-in-out}html[data-theme=dark] .game-play__card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__card{background-color:#1f2937;border-color:#374151}}.game-play__turn-section{text-align:center;margin-bottom:2rem}.game-play__turn-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__turn-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__turn-title{color:#fff}}.game-play__turn-player{display:inline-block;background-color:#f1f5f9;padding:.25rem 1rem;border-radius:.75rem;color:#0f172a;font-size:1rem;transition:all .3s ease-in-out}html[data-theme=dark] .game-play__turn-player{background-color:#374151;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__turn-player{background-color:#374151;color:#fff}}.game-play__timer{margin-bottom:2rem}.game-play__timer-display{text-align:center;margin-bottom:1rem}.game-play__timer-value{font-size:3rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__timer-value{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__timer-value{color:#fff}}.game-play__timer-value--warning{color:#dc2626}html[data-theme=dark] .game-play__timer-value--warning{color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__timer-value--warning{color:#f87171}}.game-play__timer-progress{position:relative;width:100%;height:8px;background-color:#e2e8f0;border-radius:9999px;overflow:hidden}html[data-theme=dark] .game-play__timer-progress{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__timer-progress{background-color:#374151}}.game-play__timer-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#7c3aed);transition:width 1s linear ease-in-out}.game-play__clue{background-color:#f8fafc;border-radius:1.5rem;padding:1.5rem;margin-bottom:1.5rem}html[data-theme=dark] .game-play__clue{background-color:rgba(55,65,81,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__clue{background-color:rgba(55,65,81,.5)}}.game-play__clue-photo-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.game-play__clue-photo{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;border-radius:.75rem;background-color:#fff;padding:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}html[data-theme=dark] .game-play__clue-photo{background-color:#1f2937}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__clue-photo{background-color:#1f2937}}.game-play__clue-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__clue-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__clue-title{color:#fff}}.game-play__clue-text{color:#334155;font-size:1rem;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__clue-text{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__clue-text{color:#cbd5e1}}.game-play__clue-details{display:flex;flex-direction:column;gap:.25rem;color:#475569;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__clue-details{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__clue-details{color:#94a3b8}}.game-play__form{gap:1rem}.game-play__field,.game-play__form{display:flex;flex-direction:column}.game-play__label{display:block;margin-bottom:.5rem;color:#0f172a;font-size:1rem;font-weight:500;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__label{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__label{color:#fff}}.game-play__input{width:100%;padding:1rem;border-radius:.75rem;border:1px solid #cbd5e1;background-color:#fff;color:#0f172a;font-size:1rem;transition:all .3s ease-in-out}.game-play__input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .game-play__input{border-color:#4b5563;background-color:#374151;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__input{border-color:#4b5563;background-color:#374151;color:#fff}}.game-play__input::-moz-placeholder{color:#94a3b8}.game-play__input::placeholder{color:#94a3b8}html[data-theme=dark] .game-play__input::-moz-placeholder{color:#64748b}html[data-theme=dark] .game-play__input::placeholder{color:#64748b}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__input::-moz-placeholder{color:#64748b}html:not([data-theme=light]) .game-play__input::placeholder{color:#64748b}}.game-play__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.game-play__input:disabled{opacity:.6;cursor:not-allowed}.game-play__submit-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.game-play__submit-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.game-play__submit-button:disabled{opacity:.5;cursor:not-allowed}.game-play__submit-button{width:100%;padding:1rem;border-radius:1.5rem;font-weight:500;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.game-play__submit-button--primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.game-play__submit-button--primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.game-play__submit-button--primary:disabled{opacity:.5;cursor:not-allowed}.game-play__result{display:flex;flex-direction:column;gap:1rem}.game-play__result-alert{padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.game-play__result-alert--success{background-color:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);color:#059669}html[data-theme=dark] .game-play__result-alert--success{background-color:rgba(16,185,129,.2);border-color:rgba(16,185,129,.3);color:#10b981}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__result-alert--success{background-color:rgba(16,185,129,.2);border-color:rgba(16,185,129,.3);color:#10b981}}.game-play__result-alert--error{background-color:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);color:#dc2626}html[data-theme=dark] .game-play__result-alert--error{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__result-alert--error{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}}.game-play__result-alert-icon{width:1.25rem;height:1.25rem}.game-play__result-player{background-color:#f8fafc;border-radius:1.5rem;padding:1.5rem}html[data-theme=dark] .game-play__result-player{background-color:rgba(55,65,81,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__result-player{background-color:rgba(55,65,81,.5)}}.game-play__result-player-photo-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.game-play__result-player-photo{width:150px;height:150px;-o-object-fit:contain;object-fit:contain;border-radius:.75rem;background-color:#fff;padding:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}html[data-theme=dark] .game-play__result-player-photo{background-color:#1f2937}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__result-player-photo{background-color:#1f2937}}.game-play__result-player-title{font-weight:600;margin-bottom:.5rem;color:#0f172a;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__result-player-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__result-player-title{color:#fff}}.game-play__result-player-name{font-size:1.25rem;font-weight:700;color:#2563eb;margin-bottom:.25rem}html[data-theme=dark] .game-play__result-player-name{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__result-player-name{color:#60a5fa}}.game-play__result-player-details{font-size:.875rem;color:#475569;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__result-player-details{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__result-player-details{color:#94a3b8}}.game-play__next-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.game-play__next-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.game-play__next-button{width:100%;padding:1rem;border-radius:1.5rem;font-weight:500;background-color:#475569;color:#fff}.game-play__next-button:hover:not(:disabled){background-color:#334155}.game-play__next-button:disabled{opacity:.5;cursor:not-allowed}.game-play__waiting{padding:1rem;background-color:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.2);border-radius:.75rem;color:#1e40af;font-size:.875rem;display:flex;align-items:center;gap:.5rem}html[data-theme=dark] .game-play__waiting{background-color:rgba(37,99,235,.2);border-color:rgba(37,99,235,.3);color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__waiting{background-color:rgba(37,99,235,.2);border-color:rgba(37,99,235,.3);color:#60a5fa}}.game-play__waiting-icon{width:1rem;height:1rem}.game-play__sidebar{display:flex;flex-direction:column;gap:1.5rem}.game-play__scores-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__scores-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__scores-title{color:#fff}}.game-play__scores-list{display:flex;flex-direction:column;gap:1rem}.game-play__score-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.75rem}.game-play__score-item--current{background-color:rgba(37,99,235,.1)}html[data-theme=dark] .game-play__score-item--current{background-color:rgba(37,99,235,.2)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__score-item--current{background-color:rgba(37,99,235,.2)}}.game-play__score-item--default{background-color:#fff}html[data-theme=dark] .game-play__score-item--default{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__score-item--default{background-color:#374151}}.game-play__score-left{display:flex;align-items:center;gap:.5rem}.game-play__score-rank{width:2rem;height:2rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff;background-color:#2563eb}html[data-theme=dark] .game-play__score-rank{background-color:#3b82f6}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__score-rank{background-color:#3b82f6}}.game-play__score-name{color:#0f172a;font-size:.875rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__score-name{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__score-name{color:#fff}}.game-play__score-value{padding:.25rem .5rem;border-radius:.75rem;border:1px solid #e2e8f0;color:#0f172a;font-size:.875rem;font-weight:500;transition:all .3s ease-in-out}html[data-theme=dark] .game-play__score-value{border-color:#4b5563;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__score-value{border-color:#4b5563;color:#fff}}.game-play__rules-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__rules-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__rules-title{color:#fff}}.game-play__rules-list{display:flex;flex-direction:column;gap:1rem;color:#334155;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-play__rules-list{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__rules-list{color:#cbd5e1}}.game-play__rules-item{display:flex;align-items:flex-start;gap:.5rem}.game-play__rules-item-icon{width:1rem;height:1rem;margin-top:.125rem;color:#2563eb;flex-shrink:0}html[data-theme=dark] .game-play__rules-item-icon{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__rules-item-icon{color:#60a5fa}}.game-play__rules-item-bullet{color:#2563eb;margin-top:.25rem;flex-shrink:0}html[data-theme=dark] .game-play__rules-item-bullet{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__rules-item-bullet{color:#60a5fa}}.game-play__loading{padding:1rem;background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:.75rem;color:#b45309;font-size:.875rem}html[data-theme=dark] .game-play__loading{background-color:rgba(245,158,11,.2);border-color:rgba(245,158,11,.3);color:#fbbf24}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-play__loading{background-color:rgba(245,158,11,.2);border-color:rgba(245,158,11,.3);color:#fbbf24}}.game-results{max-width:1280px;margin:0 auto;padding:3rem 1.5rem}.game-results__header{text-align:center;margin-bottom:2rem}.game-results__title{color:#0f172a;font-size:2.25rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-results__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__title{color:#fff}}.game-results__subtitle{color:#475569;font-size:1.125rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-results__subtitle{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__subtitle{color:#94a3b8}}.game-results__card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .game-results__card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__card{background-color:rgba(17,24,39,.8)}}.game-results__card{padding:2rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:background-color border-color .3s ease-in-out}html[data-theme=dark] .game-results__card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__card{background-color:#1f2937;border-color:#374151}}.game-results__leaderboard-title{color:#0f172a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-results__leaderboard-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__leaderboard-title{color:#fff}}.game-results__leaderboard-icon{width:1.5rem;height:1.5rem;color:#f59e0b}html[data-theme=dark] .game-results__leaderboard-icon{color:#fbbf24}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__leaderboard-icon{color:#fbbf24}}.game-results__leaderboard-list{display:flex;flex-direction:column;gap:1rem}.game-results__player{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-radius:.75rem;transition:all .3s ease-in-out}.game-results__player--winner{background:linear-gradient(90deg,rgba(245,158,11,.1),rgba(217,119,6,.1));border:2px solid rgba(245,158,11,.3)}html[data-theme=dark] .game-results__player--winner{background:linear-gradient(90deg,rgba(245,158,11,.2),rgba(217,119,6,.2));border-color:rgba(245,158,11,.4)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player--winner{background:linear-gradient(90deg,rgba(245,158,11,.2),rgba(217,119,6,.2));border-color:rgba(245,158,11,.4)}}.game-results__player--second{background-color:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.2)}html[data-theme=dark] .game-results__player--second{background-color:rgba(100,116,139,.2);border-color:rgba(100,116,139,.3)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player--second{background-color:rgba(100,116,139,.2);border-color:rgba(100,116,139,.3)}}.game-results__player--third{background-color:rgba(180,83,9,.1);border:1px solid rgba(180,83,9,.2)}html[data-theme=dark] .game-results__player--third{background-color:rgba(180,83,9,.2);border-color:rgba(180,83,9,.3)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player--third{background-color:rgba(180,83,9,.2);border-color:rgba(180,83,9,.3)}}.game-results__player--default{background-color:#f8fafc;border:1px solid #e2e8f0}html[data-theme=dark] .game-results__player--default{background-color:rgba(55,65,81,.5);border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player--default{background-color:rgba(55,65,81,.5);border-color:#374151}}.game-results__player--current{border:2px solid #2563eb}html[data-theme=dark] .game-results__player--current{border-color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player--current{border-color:#60a5fa}}.game-results__player-left{display:flex;align-items:center;gap:1rem}.game-results__player-rank{font-size:1.875rem;font-weight:700;display:flex;align-items:center}.game-results__player-rank-icon{width:2rem;height:2rem}.game-results__player-rank-icon--gold{color:#f59e0b}html[data-theme=dark] .game-results__player-rank-icon--gold{color:#fbbf24}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player-rank-icon--gold{color:#fbbf24}}.game-results__player-rank-icon--silver{color:#64748b}html[data-theme=dark] .game-results__player-rank-icon--silver{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player-rank-icon--silver{color:#94a3b8}}.game-results__player-rank-icon--bronze{color:#b45309}html[data-theme=dark] .game-results__player-rank-icon--bronze{color:#d97706}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player-rank-icon--bronze{color:#d97706}}.game-results__player-rank-number{color:#64748b;font-size:1rem}html[data-theme=dark] .game-results__player-rank-number{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player-rank-number{color:#94a3b8}}.game-results__player-info{display:flex;flex-direction:column}.game-results__player-name{color:#0f172a;font-size:1.125rem;font-weight:700;transition:color .3s ease-in-out}html[data-theme=dark] .game-results__player-name{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player-name{color:#fff}}.game-results__player-username{color:#475569;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-results__player-username{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player-username{color:#94a3b8}}.game-results__player-right{text-align:right}.game-results__player-score{color:#2563eb;font-size:1.875rem;font-weight:700;transition:color .3s ease-in-out}html[data-theme=dark] .game-results__player-score{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player-score{color:#60a5fa}}.game-results__player-score-label{color:#475569;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .game-results__player-score-label{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-results__player-score-label{color:#94a3b8}}.game-results__actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.game-results__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.game-results__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.game-results__button:disabled{opacity:.5;cursor:not-allowed}.game-results__button{padding:1rem 2rem;border-radius:1.5rem;font-weight:500;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.game-results__button--primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.game-results__button--primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.game-chat{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .game-chat{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat{background-color:rgba(17,24,39,.8)}}.game-chat{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;width:350px;max-width:calc(100vw - 2rem);height:500px;max-height:calc(100vh - 8rem);border:1px solid #e2e8f0;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);z-index:1000;transition:all .3s ease-in-out}html[data-theme=dark] .game-chat{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat{background-color:#1f2937;border-color:#374151}}@media(min-width:768px){.game-chat{width:400px}}@media(min-width:640px){.game-chat{width:calc(100vw - 2rem);max-width:350px}}.game-chat__toggle{display:inline-flex;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;font-weight:500;cursor:pointer}.game-chat__toggle:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.game-chat__toggle:disabled{opacity:.5;cursor:not-allowed}.game-chat__toggle{position:fixed;bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;z-index:100;transition:all .3s ease-in-out}.game-chat__toggle,.game-chat__toggle:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.game-chat__toggle:hover{background:linear-gradient(90deg,#2563eb,#7c3aed);transform:scale(1.05)}.game-chat__toggle-icon{width:1.5rem;height:1.5rem}.game-chat__toggle-badge{position:absolute;top:-.25rem;right:-.25rem;background-color:#dc2626;color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;display:flex;align-items:center;justify-content:center}.game-chat__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));transition:border-color background .3s ease-in-out}html[data-theme=dark] .game-chat__header{border-color:#374151;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__header{border-color:#374151;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))}}.game-chat__header-content{display:flex;align-items:center;gap:.5rem}.game-chat__header-icon{width:1.25rem;height:1.25rem;color:#2563eb}html[data-theme=dark] .game-chat__header-icon{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__header-icon{color:#60a5fa}}.game-chat__header-title{color:#0f172a;font-size:1.125rem;font-weight:600;transition:color .3s ease-in-out}html[data-theme=dark] .game-chat__header-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__header-title{color:#fff}}.game-chat__close{display:inline-flex;gap:.5rem;padding:.5rem 1.5rem;border:none;font-weight:500;cursor:pointer}.game-chat__close:disabled{opacity:.5;cursor:not-allowed}.game-chat__close{width:2rem;height:2rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#475569;transition:all .3s ease-in-out}.game-chat__close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .game-chat__close{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__close{color:#94a3b8}}.game-chat__close:hover{background-color:rgba(226,232,240,.5);color:#0f172a}html[data-theme=dark] .game-chat__close:hover{background-color:rgba(55,65,81,.5);color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__close:hover{background-color:rgba(55,65,81,.5);color:#fff}}.game-chat__close-icon{width:1rem;height:1rem}.game-chat__messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.game-chat__messages::-webkit-scrollbar{width:.5rem}.game-chat__messages::-webkit-scrollbar-track{background:transparent}.game-chat__messages::-webkit-scrollbar-thumb{background-color:rgba(148,163,184,.5);border-radius:9999px;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}html[data-theme=dark] .game-chat__messages::-webkit-scrollbar-thumb{background-color:rgba(75,85,99,.5)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__messages::-webkit-scrollbar-thumb{background-color:rgba(75,85,99,.5)}}.game-chat__messages::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}html[data-theme=dark] .game-chat__messages::-webkit-scrollbar-thumb:hover{background-color:#4b5563}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__messages::-webkit-scrollbar-thumb:hover{background-color:#4b5563}}.game-chat__empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;color:#64748b;padding:2rem}html[data-theme=dark] .game-chat__empty{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__empty{color:#94a3b8}}.game-chat__empty-icon{width:3rem;height:3rem;opacity:.5;margin-bottom:.5rem}.game-chat__empty-text{font-size:1rem;font-weight:500}.game-chat__empty-hint{font-size:.875rem;opacity:.7}.game-chat__message{display:flex;flex-direction:column;gap:.25rem;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.game-chat__message--own{align-items:flex-end}.game-chat__message--own .game-chat__message-content{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-bottom-right-radius:.5rem}.game-chat__message--own .game-chat__message-username{color:hsla(0,0%,100%,.8)}.game-chat__message--own .game-chat__message-time{color:hsla(0,0%,100%,.7)}.game-chat__message-content{max-width:80%;padding:.5rem 1rem;background-color:#f1f5f9;border-radius:1rem;border-bottom-left-radius:.5rem;transition:background-color .3s ease-in-out}html[data-theme=dark] .game-chat__message-content{background-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__message-content{background-color:#374151}}.game-chat__message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.game-chat__message-username{font-size:.75rem;font-weight:600;color:#334155}html[data-theme=dark] .game-chat__message-username{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__message-username{color:#cbd5e1}}.game-chat__message-time{font-size:.75rem;color:#64748b}html[data-theme=dark] .game-chat__message-time{color:#64748b}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__message-time{color:#64748b}}.game-chat__message-text{font-size:.875rem;line-height:1.5;word-wrap:break-word;color:#0f172a}html[data-theme=dark] .game-chat__message-text{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__message-text{color:#fff}}.game-chat__form{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#fff;transition:border-color background-color .3s ease-in-out}html[data-theme=dark] .game-chat__form{border-color:#374151;background-color:#1f2937}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__form{border-color:#374151;background-color:#1f2937}}.game-chat__input{flex:1;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:1rem;font-size:.875rem;color:#0f172a;background-color:#f8fafc;transition:all .3s ease-in-out}.game-chat__input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .game-chat__input{border-color:#374151;background-color:#374151;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__input{border-color:#374151;background-color:#374151;color:#fff}html:not([data-theme=light]) .game-chat__input::-moz-placeholder{color:#94a3b8}html:not([data-theme=light]) .game-chat__input::placeholder{color:#94a3b8}}.game-chat__input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}html[data-theme=dark] .game-chat__input:focus{border-color:#60a5fa;background-color:#4b5563;box-shadow:0 0 0 3px rgba(96,165,250,.2)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__input:focus{border-color:#60a5fa;background-color:#4b5563;box-shadow:0 0 0 3px rgba(96,165,250,.2)}}.game-chat__input::-moz-placeholder{color:#64748b}.game-chat__input::placeholder{color:#64748b}html[data-theme=dark] .game-chat__input::-moz-placeholder{color:#94a3b8}html[data-theme=dark] .game-chat__input::placeholder{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .game-chat__input::-moz-placeholder{color:#94a3b8}html:not([data-theme=light]) .game-chat__input::placeholder{color:#94a3b8}}.game-chat__send{display:inline-flex;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;width:2.5rem;height:2.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;transition:all .3s ease-in-out}.game-chat__send:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.game-chat__send:hover:not(:disabled){background:linear-gradient(90deg,#2563eb,#7c3aed);transform:scale(1.05)}.game-chat__send:disabled{opacity:.5;cursor:not-allowed}.game-chat__send-icon{width:1.125rem;height:1.125rem}.profile{min-height:100vh;padding:3rem 1.5rem;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));transition:background .3s ease-in-out}html[data-theme=dark] .profile{background:linear-gradient(135deg,rgba(17,24,39,.7),rgba(31,41,55,.7))}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile{background:linear-gradient(135deg,rgba(17,24,39,.7),rgba(31,41,55,.7))}}.profile__container{max-width:900px;margin:0 auto}.profile__back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#475569;cursor:pointer;margin-bottom:2rem;font-size:1rem;transition:color .3s ease-in-out}.profile__back:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .profile__back{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__back{color:#94a3b8}}.profile__back:hover{color:#0f172a}html[data-theme=dark] .profile__back:hover{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__back:hover{color:#fff}}.profile__back-icon{width:1.25rem;height:1.25rem}.profile__header{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .profile__header{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__header{background-color:rgba(17,24,39,.8)}}.profile__header{display:flex;align-items:center;gap:1.5rem;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s ease-in-out}html[data-theme=dark] .profile__header{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__header{background-color:#1f2937;border-color:#374151}}.profile__avatar{width:5rem;height:5rem;border-radius:9999px;background:linear-gradient(to bottom right,#3b82f6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.profile__info{flex:1}.profile__name{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.25rem;transition:color .3s ease-in-out}html[data-theme=dark] .profile__name{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__name{color:#fff}}.profile__username{color:#475569;font-size:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .profile__username{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__username{color:#94a3b8}}.profile__stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.profile__stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.profile__stats-grid{grid-template-columns:repeat(4,1fr)}}.profile__stat-card{background-color:#fff;border-radius:1rem;transition:box-shadow .3s ease-in-out}html[data-theme=dark] .profile__stat-card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__stat-card{background-color:rgba(17,24,39,.8)}}.profile__stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease-in-out}html[data-theme=dark] .profile__stat-card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__stat-card{background-color:#1f2937;border-color:#374151}}.profile__stat-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.profile__stat-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile__stat-icon--blue{background:linear-gradient(to bottom right,#3b82f6,#2563eb);color:#fff}.profile__stat-icon--green{background:linear-gradient(to bottom right,#10b981,#059669);color:#fff}.profile__stat-icon--purple{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed);color:#fff}.profile__stat-icon--red{background:linear-gradient(to bottom right,#dc2626,#b91c1c);color:#fff}.profile__stat-content{flex:1}.profile__stat-label{color:#475569;font-size:.875rem;margin-bottom:.25rem;transition:color .3s ease-in-out}html[data-theme=dark] .profile__stat-label{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__stat-label{color:#94a3b8}}.profile__stat-value{color:#0f172a;font-size:1.5rem;font-weight:700;transition:color .3s ease-in-out}html[data-theme=dark] .profile__stat-value{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__stat-value{color:#fff}}.profile__stat-desc{color:#64748b;font-size:.75rem;margin-top:.25rem;transition:color .3s ease-in-out}html[data-theme=dark] .profile__stat-desc{color:#64748b}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__stat-desc{color:#64748b}}.profile__empty{background-color:#fff;border-radius:1rem;transition:box-shadow .3s ease-in-out}html[data-theme=dark] .profile__empty{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__empty{background-color:rgba(17,24,39,.8)}}.profile__empty{padding:4rem;text-align:center;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease-in-out}html[data-theme=dark] .profile__empty{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__empty{background-color:#1f2937;border-color:#374151}}.profile__empty-icon{color:#94a3b8;margin:0 auto 1.5rem;opacity:.5}.profile__empty-title{color:#0f172a;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .profile__empty-title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__empty-title{color:#fff}}.profile__empty-text{color:#475569;font-size:1rem;margin-bottom:2rem;transition:color .3s ease-in-out}html[data-theme=dark] .profile__empty-text{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .profile__empty-text{color:#94a3b8}}.profile__empty-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer}.profile__empty-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.profile__empty-button:disabled{opacity:.5;cursor:not-allowed}.profile__empty-button{padding:1rem 2rem;border-radius:1.5rem;font-weight:500;background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease-in-out}.profile__empty-button:hover:not(:disabled){background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.auth{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.auth__container{width:100%;max-width:28rem}.auth__header{text-align:center;margin-bottom:2rem}.auth__logo{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(to bottom right,#3b82f6,#7c3aed);border-radius:1.5rem;margin-bottom:1rem}.auth__logo-text{color:#fff;font-weight:700;font-size:1.125rem}.auth__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;transition:color .3s ease-in-out}html[data-theme=dark] .auth__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__title{color:#fff}}.auth__subtitle{color:#475569;font-size:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .auth__subtitle{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__subtitle{color:#94a3b8}}.auth__card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}html[data-theme=dark] .auth__card{background-color:rgba(17,24,39,.8)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__card{background-color:rgba(17,24,39,.8)}}.auth__card{padding:2rem;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:background-color border-color .3s ease-in-out}html[data-theme=dark] .auth__card{background-color:#1f2937;border-color:#374151}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__card{background-color:#1f2937;border-color:#374151}}.auth__form{gap:1.5rem}.auth__field,.auth__form{display:flex;flex-direction:column}.auth__label{display:block;margin-bottom:.5rem;color:#0f172a;font-size:.875rem;font-weight:500;transition:color .3s ease-in-out}html[data-theme=dark] .auth__label{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__label{color:#fff}}.auth__input-wrapper{position:relative}.auth__input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#94a3b8;pointer-events:none}.auth__input{width:100%;padding:1rem 1rem 1rem 2.75rem;border-radius:.75rem;border:1px solid #cbd5e1;background-color:#fff;color:#0f172a;font-size:1rem;transition:all .3s ease-in-out}.auth__input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .auth__input{border-color:#4b5563;background-color:#374151;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__input{border-color:#4b5563;background-color:#374151;color:#fff}}.auth__input::-moz-placeholder{color:#94a3b8}.auth__input::placeholder{color:#94a3b8}html[data-theme=dark] .auth__input::-moz-placeholder{color:#64748b}html[data-theme=dark] .auth__input::placeholder{color:#64748b}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__input::-moz-placeholder{color:#64748b}html:not([data-theme=light]) .auth__input::placeholder{color:#64748b}}.auth__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.auth__input:disabled{opacity:.6;cursor:not-allowed}.auth__input--error{border-color:#dc2626}html[data-theme=dark] .auth__input--error{border-color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__input--error{border-color:#f87171}}.auth__error{margin-top:.25rem;color:#dc2626;font-size:.75rem;transition:color .3s ease-in-out}html[data-theme=dark] .auth__error{color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__error{color:#f87171}}.auth__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.auth__forgot-password{text-align:right}.auth__forgot-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.875rem;text-decoration:underline;transition:color .3s ease-in-out}.auth__forgot-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .auth__forgot-link{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__forgot-link{color:#60a5fa}}.auth__forgot-link:hover{color:#1d4ed8}html[data-theme=dark] .auth__forgot-link:hover{color:#93c5fd}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__forgot-link:hover{color:#93c5fd}}.auth__checkbox-wrapper{display:flex;align-items:flex-start;gap:.5rem}.auth__checkbox{margin-top:.25rem;width:1rem;height:1rem;cursor:pointer}.auth__checkbox-label{font-size:.875rem;color:#475569;transition:color .3s ease-in-out}html[data-theme=dark] .auth__checkbox-label{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__checkbox-label{color:#94a3b8}}.auth__checkbox-link{background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:underline;transition:color .3s ease-in-out}.auth__checkbox-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .auth__checkbox-link{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__checkbox-link{color:#60a5fa}}.auth__checkbox-link:hover{color:#1d4ed8}html[data-theme=dark] .auth__checkbox-link:hover{color:#93c5fd}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__checkbox-link:hover{color:#93c5fd}}.auth__submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.auth__submit:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.auth__submit:disabled{opacity:.5;cursor:not-allowed}.auth__submit{width:100%;padding:1rem;border-radius:1.5rem;font-weight:500;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.auth__submit--primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.auth__submit--primary:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.auth__submit--primary:disabled{opacity:.5;cursor:not-allowed}.auth__alert{padding:1rem;border-radius:.75rem;font-size:.875rem;margin-bottom:1rem}.auth__alert--success{background-color:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);color:#059669}html[data-theme=dark] .auth__alert--success{background-color:rgba(16,185,129,.2);border-color:rgba(16,185,129,.3);color:#10b981}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__alert--success{background-color:rgba(16,185,129,.2);border-color:rgba(16,185,129,.3);color:#10b981}}.auth__alert--error{background-color:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);color:#dc2626}html[data-theme=dark] .auth__alert--error{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__alert--error{background-color:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#f87171}}.auth__footer{margin-top:1.5rem;text-align:center}.auth__footer-text{color:#475569;font-size:.875rem;transition:color .3s ease-in-out}html[data-theme=dark] .auth__footer-text{color:#94a3b8}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__footer-text{color:#94a3b8}}.auth__footer-link{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .3s ease-in-out}.auth__footer-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html[data-theme=dark] .auth__footer-link{color:#60a5fa}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__footer-link{color:#60a5fa}}.auth__footer-link:hover{color:#1d4ed8}html[data-theme=dark] .auth__footer-link:hover{color:#93c5fd}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .auth__footer-link:hover{color:#93c5fd}}.modal{position:fixed;z-index:1050;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal,.modal__backdrop{top:0;left:0;right:0;bottom:0}.modal__backdrop{position:absolute;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal__content{position:relative;background-color:#fff;border-radius:1.5rem;padding:2rem;max-width:28rem;width:100%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);z-index:1;transition:background-color .3s ease-in-out}html[data-theme=dark] .modal__content{background-color:#1f2937}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .modal__content{background-color:#1f2937}}.modal__title{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease-in-out}html[data-theme=dark] .modal__title{color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .modal__title{color:#fff}}.modal__message{color:#334155;font-size:1rem;margin-bottom:1.5rem;line-height:1.6;transition:color .3s ease-in-out}html[data-theme=dark] .modal__message{color:#cbd5e1}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .modal__message{color:#cbd5e1}}.modal__actions{display:flex;gap:1rem;justify-content:flex-end}.modal__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .3s ease-in-out}.modal__button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.modal__button:disabled{opacity:.5;cursor:not-allowed}.modal__button{padding:.5rem 1.5rem;border-radius:.75rem;font-weight:500}.modal__button--primary{background-color:#2563eb;color:#fff}.modal__button--primary:hover:not(:disabled){background-color:#1d4ed8}.modal__button--secondary{background-color:#e2e8f0;color:#0f172a}html[data-theme=dark] .modal__button--secondary{background-color:#374151;color:#fff}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .modal__button--secondary{background-color:#374151;color:#fff}}.modal__button--secondary:hover:not(:disabled){background-color:#cbd5e1}html[data-theme=dark] .modal__button--secondary:hover:not(:disabled){background-color:#4b5563}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .modal__button--secondary:hover:not(:disabled){background-color:#4b5563}}.modal__button--danger{background-color:#dc2626;color:#fff}.modal__button--danger:hover:not(:disabled){background-color:#b91c1c}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#0f172a;background-color:#fff;line-height:1.5;transition:background-color color .3s ease-in-out}@media(prefers-color-scheme:dark){html:not([data-theme=light]) body{color:#fff;background-color:#111827}}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{color:#fff;background-color:#111827}html[data-theme=light]{color-scheme:light}html[data-theme=light] body{color:#0f172a;background-color:#fff}button{font-family:inherit}a{text-decoration:none;color:inherit}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}:root{--background:#fff;--foreground:#171717}[data-theme=dark]{--background:#111827;--foreground:#ededed}.u-text-balance{text-wrap:balance}[data-theme=light]{--fallback-p:#1e40af;--fallback-pc:#fff;--fallback-s:#374151;--fallback-sc:#fff;--fallback-a:#d97706;--fallback-ac:#fff;--fallback-n:#1f2937;--fallback-nc:#fff;--fallback-b1:#fff;--fallback-b2:#f3f4f6;--fallback-b3:#e5e7eb;--fallback-bc:#1f2937;--fallback-in:#0284c7;--fallback-inc:#fff;--fallback-su:#059669;--fallback-suc:#fff;--fallback-wa:#d97706;--fallback-wac:#fff;--fallback-er:#dc2626;--fallback-erc:#fff}