.container{margin-left:auto;margin-right:auto;width:100%}.container--size-sm{max-width:42rem}.container--size-md{max-width:56rem}.container--size-lg{max-width:72rem}.container--size-xl{max-width:80rem}.container--size-7xl{max-width:88rem}.container--size-full{max-width:100%}.container--size-content{max-width:65ch}.container--padding-none{padding-left:0;padding-right:0}.container--padding-sm{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media(min-width:640px){.container--padding-sm{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.container--padding-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media(min-width:640px){.container--padding-md{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media(min-width:1024px){.container--padding-md{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.container--padding-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}@media(min-width:640px){.container--padding-lg{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media(min-width:1024px){.container--padding-lg{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}}.container--center{text-align:center}.avatar{position:relative;display:flex;flex-shrink:0;overflow:hidden;border-radius:50%;transition:var(--transition-fast)}.avatar--sm{height:2rem;width:2rem}.avatar--default{height:2.5rem;width:2.5rem}.avatar--lg{height:3rem;width:3rem}.avatar--xl{height:4rem;width:4rem}.avatar:focus-visible{outline:var(--border-width-thick) solid hsl(var(--ring));outline-offset:var(--border-width-thick);box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.avatar--loading .avatar__image{opacity:.5}.avatar--loading .avatar__image:after{content:"";position:absolute;inset:0;border:var(--border-width-thick) solid rgba(0,0,0,0);border-top:2px solid hsl(var(--surface-interactive));border-radius:50%;animation:avatar-spin 1s linear infinite}.avatar--online:after{background-color:hsl(var(--status-success))}.avatar--offline:after,.avatar--online:after{content:"";position:absolute;bottom:0;right:0;width:25%;height:25%;border:var(--border-width-thick) solid hsl(var(--surface-primary));border-radius:50%}.avatar--offline:after{background-color:hsl(var(--content-secondary))}.avatar__image{aspect-ratio:1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.avatar__fallback{display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:50%;background-color:hsl(var(--surface-secondary));color:hsl(var(--content-secondary));font-weight:var(--font-weight-medium);font-size:var(--text-sm)}@keyframes avatar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.avatar{transition:none}.avatar--loading .avatar__image:after{animation:none}}@media(prefers-contrast:high){.avatar{outline:var(--border-width-thin) solid hsl(var(--border-default))}.avatar:after{border-width:3px!important}}.dropdownMenu__subTrigger{display:flex;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:calc(var(--spacing-unit)*2);border-radius:var(--radius-sm);padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*2);font-size:var(--font-size-sm);outline:none}.dropdownMenu__subTrigger:focus,.dropdownMenu__subTrigger[data-state=open]{background-color:hsl(var(--surface-interactive)/.1)}.dropdownMenu__subTrigger svg{pointer-events:none;width:calc(var(--spacing-unit)*4);height:calc(var(--spacing-unit)*4);flex-shrink:0}.dropdownMenu__subTrigger--inset{padding-left:calc(var(--spacing-unit)*8)}.dropdownMenu__chevron{margin-left:auto}.dropdownMenu__subContent{z-index:50;min-width:calc(var(--spacing-unit)*32);overflow:hidden;border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background-color:var(--color-popover);padding:calc(var(--spacing-unit)*1);color:var(--color-popover-foreground);box-shadow:var(--shadow-lg);transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.dropdownMenu__subContent[data-state=open]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out}.dropdownMenu__subContent[data-state=closed]{animation:fadeOut .15s ease-in,zoomOut .15s ease-in}.dropdownMenu__subContent[data-side=bottom]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out,slideInFromTop .15s ease-out}.dropdownMenu__subContent[data-side=left]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out,slideInFromRight .15s ease-out}.dropdownMenu__subContent[data-side=right]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out,slideInFromLeft .15s ease-out}.dropdownMenu__subContent[data-side=top]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out,slideInFromBottom .15s ease-out}.dropdownMenu__content{z-index:50;max-height:var(--radix-dropdown-menu-content-available-height);min-width:calc(var(--spacing-unit)*32);overflow-y:auto;overflow-x:hidden;border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background-color:var(--color-popover);padding:calc(var(--spacing-unit)*1);color:var(--color-popover-foreground);box-shadow:var(--shadow-md);transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.dropdownMenu__content[data-state=open]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out}.dropdownMenu__content[data-state=closed]{animation:fadeOut .15s ease-in,zoomOut .15s ease-in}.dropdownMenu__content[data-side=bottom]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out,slideInFromTop .15s ease-out}.dropdownMenu__content[data-side=left]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out,slideInFromRight .15s ease-out}.dropdownMenu__content[data-side=right]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out,slideInFromLeft .15s ease-out}.dropdownMenu__content[data-side=top]{animation:fadeIn .15s ease-out,zoomIn .15s ease-out,slideInFromBottom .15s ease-out}.dropdownMenu__item{position:relative;display:flex;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:calc(var(--spacing-unit)*2);border-radius:var(--radius-sm);padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*2);font-size:var(--font-size-sm);outline:none;transition:color var(--duration-200) var(--easing-ease-out),background-color var(--duration-200) var(--easing-ease-out)}.dropdownMenu__item:focus{background-color:hsl(var(--surface-interactive)/.1);color:hsl(var(--surface-interactive))}.dropdownMenu__item[data-disabled]{pointer-events:none;opacity:.5}.dropdownMenu__item>svg{width:calc(var(--spacing-unit)*4);height:calc(var(--spacing-unit)*4);flex-shrink:0}.dropdownMenu__item--inset{padding-left:calc(var(--spacing-unit)*8)}.dropdownMenu__checkboxItem{position:relative;display:flex;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-radius:var(--radius-sm);padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*8);font-size:var(--font-size-sm);outline:none;transition:color var(--duration-200) var(--easing-ease-out),background-color var(--duration-200) var(--easing-ease-out)}.dropdownMenu__checkboxItem:focus{background-color:hsl(var(--surface-interactive)/.1);color:hsl(var(--surface-interactive))}.dropdownMenu__checkboxItem[data-disabled]{pointer-events:none;opacity:.5}.dropdownMenu__checkboxIndicator{position:absolute;left:calc(var(--spacing-unit)*2);display:flex;height:calc(var(--spacing-unit)*3.5);width:calc(var(--spacing-unit)*3.5);align-items:center;justify-content:center}.dropdownMenu__checkboxIndicator .dropdownMenu__checkIcon{height:calc(var(--spacing-unit)*4);width:calc(var(--spacing-unit)*4)}.dropdownMenu__radioItem{position:relative;display:flex;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-radius:var(--radius-sm);padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*8);font-size:var(--font-size-sm);outline:none;transition:color var(--duration-200) var(--easing-ease-out),background-color var(--duration-200) var(--easing-ease-out)}.dropdownMenu__radioItem:focus{background-color:hsl(var(--surface-interactive)/.1);color:hsl(var(--surface-interactive))}.dropdownMenu__radioItem[data-disabled]{pointer-events:none;opacity:.5}.dropdownMenu__radioIndicator{position:absolute;left:calc(var(--spacing-unit)*2);display:flex;height:calc(var(--spacing-unit)*3.5);width:calc(var(--spacing-unit)*3.5);align-items:center;justify-content:center}.dropdownMenu__radioIndicator .dropdownMenu__radioIcon{height:calc(var(--spacing-unit)*2);width:calc(var(--spacing-unit)*2);fill:currentColor}.dropdownMenu__label{padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.dropdownMenu__label--inset{padding-left:calc(var(--spacing-unit)*8)}.dropdownMenu__separator{margin:calc(var(--spacing-unit)*1) calc(var(--spacing-unit)*-1);height:1px;background-color:var(--color-muted)}.dropdownMenu__shortcut{margin-left:auto;font-size:var(--font-size-xs);letter-spacing:.1em;opacity:.6}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes slideInFromTop{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes slideInFromBottom{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-8px)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{transform:translateX(8px)}to{transform:translateX(0)}}.discord-auth-trigger{color:hsl(var(--content-secondary));font-weight:400;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-sm);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:8px;border-radius:6px;border:none;cursor:pointer;background:rgba(0,0,0,0)}.discord-auth-trigger:hover{background:hsl(var(--surface-secondary))}.discord-auth-trigger:focus{outline:2px solid hsl(var(--accent-primary));outline-offset:2px}.discord-username{font-size:.875rem;font-weight:400;color:hsl(var(--content-secondary))}.discord-avatar{flex-shrink:0}.discord-login-button{color:hsl(var(--content-secondary));font-weight:400;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-sm);text-decoration:none;white-space:nowrap;background:rgba(0,0,0,0);display:flex;align-items:center;gap:8px;border:none;border-radius:6px;cursor:pointer}.discord-login-button:hover{background:hsl(var(--surface-secondary))}.discord-login-button:disabled{opacity:.6;cursor:not-allowed}.discord-login-button svg{flex-shrink:0}.kick-streams{width:100%;padding:var(--spacing-xl) var(--spacing-lg);max-width:1600px;margin:0 auto}.kick-streams__header{margin-bottom:var(--spacing-xl);text-align:center}.kick-streams__logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.kick-streams__logo-icon{width:80px;height:80px}.kick-streams__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:#53fc18;margin:0}.kick-streams__subtitle{font-size:var(--font-size-lg);color:hsl(var(--content-secondary));font-weight:var(--font-weight-medium)}.kick-streams__error{color:hsl(var(--destructive));font-size:var(--font-size-lg);text-align:center;padding:var(--spacing-xl)}.kick-streams__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;width:100%;padding:5px}@media(min-width:640px){.kick-streams__list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(min-width:1024px){.kick-streams__list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media(min-width:1536px){.kick-streams__list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.stream-item--kick{border-color:hsl(var(--border-default))}.stream-item--kick:hover{border-color:#53fc18;box-shadow:0 0 20px rgba(83,252,24,.3)}.stream-item--kick .stream-item__avatar{border-color:#53fc18}.stream-item--kick .stream-item__cta{color:#53fc18}.stream-item--kick .stream-item__cta:hover{filter:drop-shadow(0 0 8px rgba(83,252,24,.8))}.stream-item__duration--kick,.stream-item__viewers--kick{color:#53fc18;background:hsl(var(--surface-primary)/.8);border:1px solid hsl(var(--border-default))}.kick-player-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}.kick-player-modal__container{background:hsl(var(--surface-primary));border-radius:var(--radius-2xl);width:100%;max-width:1440px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid hsl(var(--border));animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.kick-player-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid hsl(var(--border));background:linear-gradient(180deg,hsl(var(--surface-secondary)),hsl(var(--surface-primary)))}.kick-player-modal__header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:hsl(var(--content-primary));display:flex;align-items:center;gap:var(--spacing-sm)}.kick-player-modal__header h3:before{content:"🔴";animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.kick-player-modal__close{background:hsl(var(--surface-secondary));border:1px solid hsl(var(--border));color:hsl(var(--content-secondary));font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-sm) var(--spacing-sm);line-height:1;border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.kick-player-modal__close:hover{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-color:hsl(var(--destructive));transform:rotate(90deg)}.kick-player-modal__wrapper{flex:1;position:relative;aspect-ratio:16/9;background:#000;min-height:0}.kick-player-modal__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.kick-player-modal__info{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid hsl(var(--border));background:linear-gradient(180deg,hsl(var(--surface-primary)),hsl(var(--surface-secondary)))}.kick-player-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:hsl(var(--content-primary));margin-bottom:var(--spacing-sm);line-height:1.4}.kick-player-modal__stats{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap;font-size:var(--font-size-base);color:hsl(var(--content-secondary));font-weight:var(--font-weight-medium)}.kick-player-modal__stats span{display:flex;align-items:center;gap:var(--spacing-sm)}.kick-player-modal__link{color:#53fc18;text-decoration:none;font-weight:var(--font-weight-semibold);transition:all .2s ease;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(83,252,24,.3);background:rgba(83,252,24,.1);margin-left:auto}.kick-player-modal__link:hover{background:#53fc18;color:#000;border-color:#53fc18;transform:translateY(-2px);box-shadow:0 4px 12px rgba(83,252,24,.3)}.twitch-streams{width:100%;max-width:1600px;margin:0 auto}.twitch-streams--loading{min-height:400px;display:flex;align-items:center;justify-content:center}.twitch-streams__header{margin-bottom:2rem;text-align:center}.twitch-streams__logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.twitch-streams__logo-icon{width:auto;height:80px;-o-object-fit:contain;object-fit:contain}.twitch-streams__subtitle{font-size:var(--font-size-lg);color:hsl(var(--content-secondary));font-weight:var(--font-weight-medium)}.twitch-streams__error{color:hsl(var(--destructive));font-size:var(--font-size-lg);text-align:center;padding:var(--spacing-xl)}.twitch-streams__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md);width:100%}@media(min-width:640px){.twitch-streams__list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(min-width:1024px){.twitch-streams__list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media(min-width:1536px){.twitch-streams__list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.stream-item{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;background:hsl(var(--surface-secondary)/.3);background-size:cover;background-position:50%;border:1px solid hsl(var(--border-default));transition:all .15s ease}.stream-item:hover{border-color:hsl(25,95%,53%);box-shadow:0 0 20px hsla(25,95%,53%,.3);transform:translateY(-2px)}.stream-item:hover .stream-item__hover-overlay{opacity:1;pointer-events:auto}.stream-item__overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-sm);background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.6))}.stream-item__avatar{width:48px;height:48px;border-radius:50%;border:2px solid hsl(25,95%,53%);box-shadow:0 4px 12px rgba(0,0,0,.4);flex-shrink:0;-o-object-fit:cover;object-fit:cover;align-self:flex-start}.stream-item__info{display:flex;align-items:center;gap:var(--spacing-sm);align-self:flex-end}.stream-item__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-item__stats{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;flex-shrink:0}.stream-item__header{display:flex;align-items:center;gap:.8rem}.stream-item__duration,.stream-item__viewers{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:hsl(25,95%,53%);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:hsl(var(--surface-primary)/.8);border:1px solid hsl(var(--border-default));backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.3);white-space:nowrap}.stream-item__hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.stream-item__cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:0;background:rgba(0,0,0,0);border:none;color:#fff;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease}.stream-item__cta:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.stream-item__cta:active{transform:scale(1.05)}.stream-item__cta-icon{font-size:var(--font-size-xl);line-height:1}.stream-item__cta-text{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.twitch-player-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.twitch-player-modal__container{background:hsl(var(--surface-primary));border-radius:var(--radius-2xl);width:100%;max-width:1440px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid hsl(var(--border));animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.twitch-player-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid hsl(var(--border));background:linear-gradient(180deg,hsl(var(--surface-secondary)),hsl(var(--surface-primary)))}.twitch-player-modal__header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:hsl(var(--content-primary));display:flex;align-items:center;gap:var(--spacing-sm)}.twitch-player-modal__header h3:before{content:"🔴";animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.twitch-player-modal__close{background:hsl(var(--surface-secondary));border:1px solid hsl(var(--border));color:hsl(var(--content-secondary));font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-sm) var(--spacing-sm);line-height:1;border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.twitch-player-modal__close:hover{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-color:hsl(var(--destructive));transform:rotate(90deg)}.twitch-player-modal__wrapper{flex:1;position:relative;aspect-ratio:16/9;background:#000;min-height:0}.twitch-player-modal__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.twitch-player-modal__info{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid hsl(var(--border));background:linear-gradient(180deg,hsl(var(--surface-primary)),hsl(var(--surface-secondary)))}.twitch-player-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:hsl(var(--content-primary));margin-bottom:var(--spacing-sm);line-height:1.4}.twitch-player-modal__stats{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap;font-size:var(--font-size-base);color:hsl(var(--content-secondary));font-weight:var(--font-weight-medium)}.twitch-player-modal__stats span{display:flex;align-items:center;gap:var(--spacing-sm)}.twitch-player-modal__link{color:hsl(var(--primary));text-decoration:none;font-weight:var(--font-weight-semibold);transition:all .2s ease;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid hsl(var(--primary)/.3);background:hsl(var(--primary)/.1);margin-left:auto}.twitch-player-modal__link:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--primary)/.3)}:export{surfacePrimary:var(--surface-primary);surfaceSecondary:var(--surface-secondary);surfaceInteractive:var(--surface-interactive);surfaceClickable:var(--surface-clickable)}.navigationMenu__root{position:relative;z-index:10;max-width:-moz-max-content;max-width:max-content}.navigationMenu__list,.navigationMenu__root{display:flex;flex:1;align-items:center;justify-content:center}.navigationMenu__list{list-style:none;gap:.25rem}.navigationMenu__trigger{display:inline-flex;height:2.25rem;width:-moz-max-content;width:max-content;align-items:center;justify-content:center;border-radius:8px;background-color:var(--background,transparent);padding:.5rem 1rem;font-size:.875rem;font-weight:var(--font-weight-medium);transition:all .2s ease;cursor:pointer;border:none}.navigationMenu__trigger:focus,.navigationMenu__trigger:hover{background-color:hsl(var(--surface-interactive)/.1);color:hsl(var(--surface-interactive))}.navigationMenu__trigger:focus{outline:none}.navigationMenu__trigger:disabled{pointer-events:none;opacity:.5}.navigationMenu__trigger[data-state=open]{color:hsl(var(--surface-interactive));background-color:hsl(var(--surface-interactive)/.5)}.navigationMenu__trigger[data-state=open]:focus,.navigationMenu__trigger[data-state=open]:hover{background-color:hsl(var(--surface-interactive)/.1)}.navigationMenu__trigger .chevron-icon{position:relative;top:1px;margin-left:.25rem;height:.75rem;width:.75rem;transition:transform .3s ease}.navigationMenu__trigger[data-state=open] .chevron-icon{transform:rotate(180deg)}.navigationMenu__content{left:0;top:0;width:100%;background:#1a1f26;min-height:200px}@media(min-width:768px){.navigationMenu__content{position:absolute;width:auto}}.navigationMenu__content[data-state=open]{animation:navigationMenu-fade-in .15s ease-in}.navigationMenu__content[data-state=closed]{animation:navigationMenu-fade-out .15s ease-out}.navigationMenu__viewport-container{position:absolute;left:0;top:100%;display:flex;justify-content:center;z-index:10000;width:100%;background:rgba(0,0,0,0)}.navigationMenu__viewport{position:relative;margin-top:.375rem;height:var(--radix-navigation-menu-viewport-height);width:100%;overflow:hidden;border-radius:12px;border:var(--border-width-thin) solid var(--border);background-color:#1a1f26!important;color:var(--popover-foreground);box-shadow:var(--shadow-lg);transform-origin:top center}@media(min-width:768px){.navigationMenu__viewport{width:var(--radix-navigation-menu-viewport-width)}}.navigationMenu__indicator{top:100%;z-index:1;display:flex;height:.375rem;align-items:flex-end;justify-content:center;overflow:hidden}.navigationMenu__indicator__arrow{position:relative;top:60%;height:.5rem;width:.5rem;transform:rotate(45deg);border-top-left-radius:var(--radius-sm);background-color:var(--border);box-shadow:var(--shadow-md)}@keyframes navigationMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes navigationMenu-fade-out{0%{opacity:1}to{opacity:0}}@keyframes navigationMenu-slide-in-from-right{0%{transform:translateX(13rem);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes navigationMenu-slide-in-from-left{0%{transform:translateX(-13rem);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes navigationMenu-slide-out-to-right{0%{transform:translateX(0);opacity:1}to{transform:translateX(13rem);opacity:0}}@keyframes navigationMenu-slide-out-to-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(-13rem);opacity:0}}@keyframes navigationMenu-zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes navigationMenu-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.nav{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#1a1f26,#151a20);border-bottom:1px solid rgba(100,116,139,.2);backdrop-filter:blur(12px)}.nav__inner{justify-content:space-between;max-width:1440px;margin:0 auto;padding:0 1rem;height:64px}.nav__brand,.nav__inner{display:flex;align-items:center}.nav__brand{gap:.75rem}.nav__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#e2e8f0;font-weight:500}.nav__logo:hover{color:#60a5fa}.nav__logo-icon{font-size:1.5rem;color:#60a5fa}.nav__logo-text{font-size:1.125rem;font-weight:300;letter-spacing:.05em}@media(max-width:480px){.nav__logo-text{display:none}}.nav__orbs-badge{display:inline-flex;padding:.25rem .5rem;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#f87171;text-decoration:none}.nav__orbs-badge:hover{background:rgba(220,38,38,.2)}.nav__desktop{display:none}@media(min-width:768px){.nav__desktop{display:flex;align-items:center;gap:1rem}}.nav__hamburger{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:#94a3b8;cursor:pointer}@media(min-width:768px){.nav__hamburger{display:none}}.nav__hamburger:hover{color:#60a5fa}.nav .navigationMenu__viewport{overflow:visible}.nav__dropdown{display:flex;flex-direction:column;gap:1rem;padding:1rem;min-width:300px;width:-moz-max-content;width:max-content}.nav__dropdown-section{display:flex;flex-direction:column;gap:.5rem}.nav__dropdown-section:not(:last-child){padding-bottom:1rem;border-bottom:1px solid rgba(100,116,139,.15)}.nav__dropdown-section--soon{opacity:.8}.nav__dropdown-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#60a5fa;padding-left:.25rem}.nav__dropdown-items{display:flex;flex-direction:column;gap:.25rem}.nav__dropdown-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;border-radius:8px;text-decoration:none;color:#e2e8f0;background:rgba(15,20,25,.4);border:1px solid rgba(0,0,0,0);transition:all .15s ease}.nav__dropdown-item:hover{background:rgba(96,165,250,.08);border-color:rgba(96,165,250,.2)}.nav__dropdown-item--soon{opacity:.7;border-style:dashed;border-color:rgba(100,116,139,.2)}.nav__dropdown-item--soon:hover{opacity:1;border-color:rgba(147,51,234,.3);background:rgba(147,51,234,.05)}.nav__dropdown-icon{flex-shrink:0;color:#60a5fa;margin-top:2px}.nav__dropdown-item--soon .nav__dropdown-icon{color:#a78bfa}.nav__dropdown-text{display:flex;flex-direction:column;gap:.125rem}.nav__dropdown-title{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.nav__dropdown-desc{font-size:.75rem;color:#64748b}.nav__soon-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;padding:.125rem .375rem;background:rgba(147,51,234,.15);color:#a78bfa;border-radius:4px}.mobile-menu{position:fixed;inset:0;z-index:9999;background:#0f1419;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease}@media(min-width:768px){.mobile-menu{display:none!important}}.mobile-menu--open{transform:translateX(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(100,116,139,.2);flex-shrink:0}.mobile-menu__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#e2e8f0;font-size:1rem;font-weight:500}.mobile-menu__logo-icon{font-size:1.25rem;color:#60a5fa}.mobile-menu__close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.2);border-radius:8px;color:#94a3b8;cursor:pointer}.mobile-menu__close:hover{color:#60a5fa;border-color:rgba(96,165,250,.3)}.mobile-menu__content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-menu__group{display:flex;flex-direction:column;gap:.75rem}.mobile-menu__group-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;padding-left:.25rem}.mobile-menu__section{display:flex;flex-direction:column;gap:.375rem}.mobile-menu__section-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#60a5fa;padding:.25rem .25rem .125rem}.mobile-menu__link{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:#e2e8f0;background:rgba(15,20,25,.5);border:1px solid rgba(100,116,139,.15);transition:all .15s ease}.mobile-menu__link:active,.mobile-menu__link:hover{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.25)}.mobile-menu__link--soon{opacity:.7;border-style:dashed}.mobile-menu__link--soon:active,.mobile-menu__link--soon:hover{opacity:1;border-color:rgba(147,51,234,.3);background:rgba(147,51,234,.08)}.mobile-menu__link-icon{flex-shrink:0;color:#60a5fa;margin-top:2px}.mobile-menu__link--soon .mobile-menu__link-icon{color:#a78bfa}.mobile-menu__link-text{display:flex;flex-direction:column;gap:.125rem}.mobile-menu__link-title{font-size:.9375rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.mobile-menu__link-desc{font-size:.75rem;color:#64748b;line-height:1.3}.mobile-menu__soon-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;padding:.125rem .375rem;background:rgba(147,51,234,.15);color:#a78bfa;border-radius:4px}.mobile-menu__footer{padding:1rem;border-top:1px solid rgba(100,116,139,.2);flex-shrink:0}.discord-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(88,101,242,.15);border:1px solid rgba(88,101,242,.3);border-radius:6px;color:#5865f2;font-weight:500;text-decoration:none;transition:all .15s ease}.discord-button:hover{background:rgba(88,101,242,.25);border-color:rgba(88,101,242,.5)}.footer{margin-top:auto;background:linear-gradient(180deg,#0a0d10,#060809);border-top:1px solid rgba(148,163,184,.1)}.footer__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer__main{padding:3rem 0 2rem}.footer__main>.footer__container{display:flex;flex-direction:column;gap:2.5rem}@media(min-width:768px){.footer__main>.footer__container{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer__brand{display:flex;flex-direction:column;gap:.5rem}.footer__logo{text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.footer__logo-text{font-size:1.25rem;font-weight:700;color:#e2e8f0;letter-spacing:-.01em}.footer__links{display:flex;flex-wrap:wrap;gap:2.5rem}@media(min-width:768px){.footer__links{gap:4rem}}.footer__column{display:flex;flex-direction:column;gap:.75rem;min-width:120px}.footer__column-title{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.footer__link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8;text-decoration:none;transition:color .15s ease}.footer__link:hover{color:#e2e8f0}.footer__link svg{opacity:.7}.footer__link--external svg{opacity:.5}.footer__link--external:hover svg{opacity:.8}.footer__bottom{border-top:1px solid rgba(148,163,184,.08);padding:1.25rem 0}.footer__bottom>.footer__container{display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:640px){.footer__bottom>.footer__container{flex-direction:row;justify-content:space-between}}.footer__copyright{font-size:.8125rem;color:#64748b;margin:0;text-align:center}@media(min-width:640px){.footer__copyright{text-align:left}}