:root{--content-width:1200px;color:#121a3d;font-synthesis:none;text-rendering:optimizelegibility;background:#f8faff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 23% 32%,#6755ff17,#0000 24rem),radial-gradient(circle at 78% 28%,#5db6ff14,#0000 26rem),linear-gradient(#fbfcff 0%,#f6f8ff 100%);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.app-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-bottom:1px solid #e7ebf6;justify-content:space-between;align-items:center;gap:1.5rem;min-height:64px;padding:.75rem 5.5vw;display:flex}.brand{color:#10183c;letter-spacing:-.04em;align-items:center;gap:.8rem;font-size:1.55rem;font-weight:900;display:inline-flex}.brand-mark{background:conic-gradient(#ff4a86 0 14%, #ffb534 14% 28%, #73dc61 28% 43%, #4fc9ff 43% 58%, #6b54ff 58% 74%, #ff83cf 74% 88%, #ff4a86 88%);border:4px solid #fff;border-radius:50%;width:34px;height:34px;box-shadow:0 3px 8px #5f53ff2e}.nav-links,.header-actions{color:#687391;align-items:center;gap:1.8rem;font-weight:750;display:flex}.nav-links a,.header-actions a{border-radius:14px;padding:.65rem .9rem}.nav-links a.router-link-active,.primary-link{color:#564bff;background:#f0efff}.text-button{color:#687391;background:0 0;border:0;font-weight:800}.profile-menu,.notification-menu{position:relative}.notification-menu-trigger{color:#394563;background:#f3f5fb;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.notification-menu-trigger:hover,.notification-menu-trigger[aria-expanded=true]{color:#564bff;background:#f0efff}.notification-menu-trigger svg{fill:currentColor;width:19px;height:19px}.notification-menu-count{color:#fff;background:#e54b72;border:2px solid #fff;border-radius:999px;min-width:18px;padding:1px 4px;font-size:.65rem;font-weight:850;line-height:1.3;position:absolute;top:-5px;right:-7px}.notification-dropdown{z-index:30;background:#fffffffa;border:1px solid #dfe5f2;border-radius:16px;width:min(360px,100vw - 2rem);max-height:min(520px,100vh - 6rem);position:absolute;top:calc(100% + .7rem);right:0;overflow:auto;box-shadow:0 8px 20px #2b366229}.notification-dropdown>header{border-bottom:1px solid #e7ebf6;padding:1rem 1rem .8rem}.notification-dropdown h2{color:#172044;margin:0;font-size:1rem}.notification-state{color:#687391;text-align:center;margin:0;padding:1.3rem 1rem}.notification-error{color:#b13258}.notification-item{border-bottom:1px solid #edf0f7;grid-template-columns:auto 1fr;gap:.75rem;padding:1rem;display:grid}.notification-item:last-child{border-bottom:0}.notification-item .user-avatar,.notification-wheel-mark{width:36px;height:36px}.notification-wheel-mark{color:#564bff;background:#f0efff;border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.notification-item strong{color:#172044;font-size:.9rem}.notification-item p{color:#687391;margin:.2rem 0 .7rem;font-size:.82rem;line-height:1.4}.notification-actions{gap:.5rem;display:flex}.notification-actions .button{padding:.45rem .65rem;font-size:.75rem}.profile-menu-trigger{background:0 0;border:2px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 2px 7px #39467029}.profile-menu-trigger .user-avatar{width:100%;height:100%}.profile-dropdown{z-index:30;background:#fffffffa;border:1px solid #dfe5f2;border-radius:16px;width:250px;position:absolute;top:calc(100% + .7rem);right:0;overflow:hidden;box-shadow:0 8px 20px #2b366229}.profile-dropdown-user{border-bottom:1px solid #e7ebf6;align-items:center;gap:.8rem;padding:1rem;display:flex}.profile-dropdown-user>span{min-width:0;display:grid}.profile-dropdown-user strong,.profile-dropdown-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-dropdown-user strong{color:#20294f}.profile-dropdown-user small{color:#8b96b2}.profile-dropdown-item{color:#4f5b7b;text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;width:100%;font-weight:800;display:flex;border-radius:0!important;padding:.85rem 1rem!important}.profile-dropdown-item:hover{color:#514dff;background:#f3f2ff}.profile-dropdown-logout{color:#c64c57;border-top:1px solid #e7ebf6}.app-main{width:min(var(--content-width), calc(100% - 2rem));min-height:0;margin:0 auto;padding:1.6rem 0 2rem}.page-container{width:100%;max-width:var(--content-width);margin-inline:auto}.button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:.7rem;min-height:46px;padding:.75rem 1.1rem;font-weight:900;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg,#4268ff 0%,#7138f5 100%);box-shadow:0 4px 10px #524bff33}.button-secondary,.outline-button,.social-button{color:#29355f;background:#fff;border:1px solid #dfe5f2}.button:disabled{cursor:not-allowed;opacity:.65}.muted{color:#7b86a5;line-height:1.7}.menu-trigger{color:#394563;background:#f3f5fb;border:0;border-radius:12px;place-content:center;gap:4px;width:42px;height:42px;display:none}.menu-trigger span{background:currentColor;border-radius:2px;width:18px;height:2px;display:block}.menu-trigger:hover{color:#564bff;background:#f0efff}body.menu-open{overflow:hidden}.mobile-menu-overlay{z-index:60;background:#121a3d73;position:fixed;inset:0}.mobile-menu{z-index:61;background:#fff;grid-template-rows:auto minmax(0,1fr) auto;gap:1.1rem;width:min(320px,86vw);padding:1rem 1.1rem 1.25rem;display:grid;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 44px #121a3d33}.mobile-menu-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mobile-menu-head .brand{font-size:1.25rem}.mobile-menu-close{color:#394563;background:#f3f5fb;border:0;border-radius:12px;place-items:center;width:40px;height:40px;font-size:1.4rem;line-height:1;display:grid}.mobile-menu-nav{align-content:start;gap:.4rem;display:grid}.mobile-menu-nav a{color:#29355f;background:#f7f8fd;border-radius:14px;padding:.9rem 1rem;font-weight:800}.mobile-menu-nav a.router-link-active{color:#564bff;background:#f0efff}.mobile-menu-footer{gap:.6rem;display:grid}.mobile-menu-logout{color:#c64c57}.menu-enter-active,.menu-leave-active{transition:opacity .18s}.menu-enter-active.mobile-menu,.menu-leave-active.mobile-menu{transition:transform .22s}.menu-enter-from,.menu-leave-to{opacity:0}.menu-enter-from.mobile-menu,.menu-leave-to.mobile-menu{opacity:1;transform:translate(100%)}@media (width<=680px){.nav-links,.header-actions>a,.header-search,.profile-menu{display:none}.header-actions{gap:.6rem;margin-left:auto}.menu-trigger{display:grid}.notification-dropdown,.profile-dropdown{width:auto;position:fixed;top:74px;left:1rem;right:1rem}.notification-dropdown{max-height:calc(100dvh - 7rem)}.app-main{padding-top:1.5rem}}.hero-card,.page-section,.empty-state{background:#ffffffe0;border:1px solid #e1e7f2;border-radius:24px;padding:2rem}.hero-actions,.section-heading{gap:1rem;display:flex}.auth-stage{grid-template-columns:minmax(320px,560px);justify-content:center;align-items:start;min-height:100%;margin:0 auto;padding-top:.25rem;display:grid}.auth-stage-wide{width:100%}.auth-card{background:#ffffffe0;border:1px solid #e1e7f2;border-radius:24px;box-shadow:0 8px 22px #39467014}.auth-card-single,.register-card{justify-self:center;width:min(100%,540px)}.auth-form-panel,.register-card{padding:clamp(1.6rem,3vw,2.6rem)}.auth-form-panel h2,.register-card h2{text-align:center;color:#111a43;letter-spacing:-.05em;margin:0 0 .7rem;font-size:clamp(1.7rem,3vw,2.25rem)}.auth-subtitle{color:#7b86a5;text-align:center;margin-bottom:1.35rem;line-height:1.7}.auth-form{gap:.85rem;display:grid}.auth-form label{color:#56617f;font-weight:850}.input-shell{background:#fff;border:1px solid #d8dfef;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;margin-top:.55rem;padding:0 1rem;display:grid}.input-shell:focus-within{border-color:#7568ff;box-shadow:0 0 0 4px #6256ff1a}.input-icon{color:#8b96b2;font-weight:900}.input-shell input{color:#111a43;background:0 0;border:0;outline:0;width:100%;min-height:44px}.input-shell input::placeholder{color:#9aa5bd}.form-row,.auth-switch,.divider{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-row a,.auth-switch a{color:#514dff;font-weight:900}.checkbox-label{align-items:center;gap:.65rem;font-size:.95rem;color:#7b86a5!important;font-weight:700!important;display:inline-flex!important}.checkbox-label input{accent-color:#5b55ff;width:18px;height:18px}.consent{align-items:flex-start;font-size:.8rem}.auth-submit,.social-button{width:100%}.auth-submit{margin-top:.2rem}.divider{color:#98a3bb;margin:1rem 0;font-weight:800}.divider:before,.divider:after{content:"";background:#e0e6f1;flex:1;height:1px}.google-mark{color:#4285f4;font-size:1.2rem;font-weight:900}.auth-switch{color:#687391;justify-content:center;margin:1rem 0 0;font-weight:750}.error-text{color:#d04646;margin:0;font-weight:850}@media (height<=760px) and (width>=681px){.auth-form-panel,.register-card{padding:1.35rem 2rem}.auth-form-panel h2,.register-card h2{margin-bottom:.35rem}}@media (width<=680px){.auth-stage{grid-template-columns:1fr}.form-row{flex-direction:column;align-items:flex-start}.auth-form-panel,.register-card{padding:1.25rem}}.card-glass{background:#ffffffe0;border:1px solid #e1e7f2;border-radius:24px;box-shadow:0 8px 22px #39467014}.profile-page{gap:1rem;min-height:0;display:grid}.profile-state{color:#687391;place-items:center;min-height:240px;padding:2rem;font-weight:800;display:grid}.profile-error{color:#d04646}.profile-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:2.5rem;padding:1.75rem 2rem;display:grid}.avatar-wrap{position:relative}.avatar-wrap .avatar{object-fit:cover;background:linear-gradient(135deg,#d8d3ff,#9e95ef);border-radius:50%;place-items:center;width:140px;height:140px;font-size:4rem;display:grid;box-shadow:inset 0 -12px 20px #302c7e1a}.online-dot{background:#32cc45;border:4px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:18px;right:18px}.profile-copy h1{letter-spacing:-.05em;margin:0 0 .8rem;font-size:clamp(2.2rem,4vw,3.2rem)}.profile-copy p,.joined{color:#687391;font-size:1.12rem}.joined{margin-top:1rem;display:inline-block}.profile-actions{gap:1rem;min-width:280px;display:grid}.friend-request-error{color:#c43d4f;margin:-.35rem 0 0;font-size:.9rem;font-weight:700;line-height:1.4}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.35rem 1.5rem;display:grid}.stats-row article{border-right:1px solid #e1e7f2;grid-template-columns:auto 1fr;align-items:center;column-gap:1.1rem;padding:0 1rem;display:grid}.profile-article{grid-template-columns:auto 1fr;align-items:center;column-gap:1.1rem;padding:0 1rem;display:grid}.stats-row article:last-child{border-right:0}.stats-row strong{font-size:1.8rem}.stats-row small,.list-tile small,.achievement small{color:#687391}.stat-icon{border-radius:22px;grid-row:span 2;place-items:center;width:64px;height:64px;font-size:1.8rem;font-weight:900;display:grid}.purple{color:#655bff;background:#efedff}.green{color:#29b84b;background:#e7f9e8}.blue{color:#377cff;background:#eaf4ff}.gold{color:#ffb000;background:#fff4d5}.profile-grid{grid-template-columns:minmax(0,1.8fr);gap:1rem;min-height:0;display:grid}.lists-card,.achievements-card{min-width:0;padding:1.5rem}.lists-card{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.card-title{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title h2,.achievements-card h2{margin:0}.card-title a,.all-link{color:#514dff;font-weight:900}.list-tiles{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;width:100%;min-height:0;display:flex;overflow:auto hidden}.list-tiles::-webkit-scrollbar{display:none}.profile-list-carousel{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.7rem;min-width:0;min-height:0;display:grid}.profile-list-arrow{color:#574cf2;background:#fff;border:1px solid #dddff0;border-radius:14px;align-self:center;width:40px;height:54px;font-size:2rem;line-height:1;box-shadow:0 6px 16px #3946701a}.profile-list-arrow:disabled{cursor:default;opacity:.3}.list-tile{text-align:center;scroll-snap-align:start;border-radius:18px;flex:0 0 calc(25% - .75rem);grid-template-rows:auto 2.5em 4.35em auto auto;justify-items:center;gap:.75rem;width:100%;min-width:0;max-width:100%;min-height:195px;padding:1.1rem .85rem;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.list-tile[href]:hover{transform:translateY(-3px);box-shadow:0 10px 24px #3946701f}.list-tile-art{background:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.8rem;display:grid;overflow:hidden;box-shadow:0 3px 9px #4f578617}.list-tile-art img{object-fit:cover;width:100%;height:100%}.list-tile>strong,.list-tile>small{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;overflow:hidden}.list-tile>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box}.list-tile>small{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box}.list-tile-meta{flex-wrap:wrap;justify-content:center;align-self:end;align-items:center;gap:.4rem;min-width:0;max-width:100%;display:flex}.lists-card .list-tile-actions{flex-wrap:wrap;justify-content:center;width:100%;min-width:0}.lists-card .list-tile-actions a{overflow-wrap:anywhere;min-width:0}.list-tile-meta em,.list-tile-meta span{color:#6256ff;background:#ffffffb3;border-radius:999px;align-self:end;padding:.45rem .7rem;font-size:.75rem;font-style:normal;font-weight:900}.list-tile-meta span{color:#73809a}.profile-lists-state{color:#7b86a5;text-align:center;border:1px dashed #dce2ee;border-radius:18px;align-content:center;place-items:center;gap:.8rem;min-height:195px;font-weight:750;display:grid}.profile-lists-error{color:#c43d4f}.lavender{background:#f0edff}.mint{background:#eefbea}.peach{background:#fff0e8}.sky{background:#edf7ff}.achievements-card{gap:1rem;display:grid}.achievement{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.achievement small{margin-top:.25rem;display:block}.achievement em{color:#514dff;font-style:normal;font-weight:900}.all-link{margin-top:.5rem}.edit-profile-page{gap:1.25rem;display:grid}.edit-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.edit-profile-card{min-width:0;padding:1.4rem}.edit-profile-card form{justify-items:start;display:grid}.edit-profile-card .button{margin-top:1.3rem}.avatar-editor{align-items:center;gap:1.5rem;margin-top:1.3rem;display:flex}.avatar-editor-preview{flex:none;width:110px;height:110px;font-size:2.6rem;overflow:hidden}.avatar-editor-preview img{object-fit:cover;width:100%;height:100%}.visually-hidden-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mismatch-hint{color:#c74655}@media (width<=980px){.profile-hero,.profile-grid,.edit-profile-grid{grid-template-columns:1fr}.profile-actions{min-width:0}.list-tiles{gap:1rem}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.list-tile{flex-basis:calc(50% - .5rem)}}@media (width>=981px){.app-shell:has(.profile-page){height:100dvh}.app-main:has(>.profile-page){overflow:hidden}.profile-page{grid-template-rows:auto auto minmax(0,1fr);height:100%}}@media (width<=680px){.card-title{flex-direction:column;align-items:flex-start}.profile-hero,.lists-card,.achievements-card{padding:1.25rem}.stats-row{grid-template-columns:minmax(0,1fr)}.list-tiles{gap:1rem}.profile-list-carousel{gap:.4rem}.profile-list-arrow{width:34px}.list-tile{flex-basis:100%}.stats-row article{border-bottom:1px solid #e1e7f2;border-right:0;padding-bottom:1rem}.avatar-wrap .avatar{width:120px;height:120px}}.user-avatar{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden}.user-avatar-image{opacity:0;object-fit:cover;width:100%;height:100%;position:absolute}.user-avatar-image-loaded{opacity:1}.user-avatar-fallback{color:#fff;background:linear-gradient(135deg,#655bff,#31b7ff);font-weight:900}.header-search{width:min(280px,24vw);font-weight:600;position:relative}.header-search-form{color:#8b96b2;background:#f8f9fe;border:1px solid #dfe5f2;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;padding:0 .8rem;display:grid}.header-search-form:focus-within{border-color:#7568ff;box-shadow:0 0 0 3px #6256ff1a}.header-search-form input{color:#121a3d;background:0 0;border:0;outline:0;width:100%;height:38px}.search-dropdown{z-index:20;background:#fffffffa;border:1px solid #dfe5f2;border-radius:16px;width:330px;position:absolute;top:calc(100% + .55rem);right:0;overflow:hidden;box-shadow:0 8px 20px #2b366226}.search-dropdown-title{color:#8b96b2;text-transform:uppercase;margin:0;padding:.85rem 1rem .55rem;font-size:.78rem;font-weight:850}.search-dropdown-user{align-items:center;gap:.8rem;padding:.7rem 1rem;display:flex}.search-dropdown-user:hover{background:#f3f2ff}.search-dropdown-user span:not(.user-avatar){min-width:0;display:grid}.search-dropdown-user strong{color:#20294f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-dropdown-user small{color:#8b96b2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-message{color:#7b86a5;text-align:center;margin:0;padding:1.3rem 1rem}.search-message-error,.users-state-error{color:#d04646}.search-all-button{color:#514dff;background:#fafaff;border:0;border-top:1px solid #e7ebf6;justify-content:space-between;width:100%;padding:.9rem 1rem;font-weight:900;display:flex}.user-search-page{width:100%}.user-search-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.3rem;display:flex}.eyebrow{color:#655bff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:900}.user-search-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.4rem)}.results-count{color:#7b86a5;font-weight:800}.user-search-form{color:#8b96b2;background:#ffffffe6;border:1px solid #dfe5f2;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.45rem .45rem .45rem 1rem;display:grid;box-shadow:0 4px 12px #39467012}.user-search-form:focus-within{border-color:#7568ff}.user-search-form input{color:#121a3d;background:0 0;border:0;outline:0;min-width:0;height:46px}.users-panel{background:#ffffffe0;border:1px solid #e1e7f2;border-radius:18px;overflow:hidden;box-shadow:0 6px 16px #39467014}.users-state{color:#7b86a5;text-align:center;place-items:center;min-height:180px;padding:2rem;font-weight:750;display:grid}.user-result-card{border-bottom:1px solid #e7ebf6;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem;display:grid}.user-result-card:last-child{border-bottom:0}.user-result-card:hover{background:#fafaff}.user-result-copy{gap:.2rem;display:grid}.user-result-copy strong{color:#20294f;font-size:1.05rem}.user-result-copy span{color:#8b96b2}.user-profile-link{min-height:40px;padding:.6rem 1rem;font-size:.88rem}.pagination{justify-content:center;gap:.45rem;margin-top:1.2rem;display:flex}.pagination button{color:#596481;background:#fff;border:1px solid #dfe5f2;border-radius:10px;place-items:center;min-width:38px;height:38px;font-weight:850;display:grid}.pagination button.active{color:#fff;background:linear-gradient(135deg,#4268ff,#7138f5);border-color:#0000}.pagination button:disabled{cursor:not-allowed;opacity:.4}@media (width<=1180px){.app-header{gap:.75rem;padding-inline:2vw}.nav-links,.header-actions{gap:.65rem}.header-search{width:220px}}@media (width<=860px){.header-search{width:min(100%,360px)}.search-dropdown{width:min(330px,100vw - 2rem);left:0;right:auto}}@media (width<=680px){.header-search{width:100%}.user-search-heading{flex-direction:column;align-items:flex-start}.user-search-form{grid-template-columns:auto 1fr}.user-search-form .button{grid-column:1/-1;width:100%}.user-result-card{grid-template-columns:auto 1fr}.user-profile-link{grid-column:1/-1;width:100%}}.game-catalog-page,.create-list-page{gap:1.4rem;display:grid}.catalog-hero,.create-list-hero{justify-content:space-between;align-items:end;gap:2rem;display:flex}.catalog-hero h1,.create-list-hero h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(2.2rem,6vw,4.5rem);line-height:.98}.catalog-hero p:not(.eyebrow),.create-list-hero p:not(.eyebrow){color:#73809f;max-width:680px;margin:1rem 0 0;font-size:1.05rem;line-height:1.65}.catalog-search,.game-search-bar{color:#8b96b2;background:#fffffff0;border:1px solid #dfe5f2;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.5rem .5rem .5rem 1.1rem;display:grid;box-shadow:0 12px 30px #323f6e14}.catalog-search:focus-within,.game-search-bar:focus-within{border-color:#7568ff;box-shadow:0 0 0 4px #6256ff1a}.catalog-search input,.game-search-bar input{color:#121a3d;background:0 0;border:0;outline:0;min-width:0;height:48px}.catalog-state{color:#7b86a5;text-align:center;background:#ffffffa8;border:1px dashed #d6ddec;border-radius:22px;place-items:center;min-height:220px;font-weight:800;display:grid}.catalog-state-error{color:#c74655}.infinite-scroll-trigger{color:#7b86a5;text-align:center;place-items:center;min-height:56px;font-weight:800;display:grid}.infinite-scroll-trigger button:not(.button){color:#5d51f5;background:0 0;border:0;padding:.65rem 1rem;font-weight:900}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.game-card{background:#fffffff0;border:1px solid #e1e7f2;border-radius:22px;min-width:0;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 10px 28px #2b366214}.game-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #2b366224}.game-cover{aspect-ratio:3/4;color:#675cff;background:linear-gradient(145deg,#e8e6ff,#dceeff);place-items:center;font-size:2rem;display:grid;overflow:hidden}.game-cover img{object-fit:cover;width:100%;height:100%}.game-card-body{gap:.8rem;padding:1rem;display:grid}.game-card-meta{color:#8b96b2;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;font-size:.75rem;font-weight:850;display:flex}.game-card h2{letter-spacing:-.025em;margin:0;font-size:1.2rem}.game-card p{color:#73809f;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.6em;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.platform-list{flex-wrap:wrap;gap:.35rem;display:flex}.platform-list span,.selected-games button{color:#5f6784;background:#f7f7ff;border:1px solid #e0e4f4;border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:800}.game-details-link{color:#5d51f5;font-weight:900}@media (width<=980px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.catalog-hero,.create-list-hero{flex-direction:column;align-items:stretch}.catalog-search,.game-search-bar{grid-template-columns:auto 1fr}.catalog-search .button,.game-search-bar .button{grid-column:1/-1}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.game-grid{grid-template-columns:1fr}}.public-lists-page{gap:1.5rem;display:grid}.public-lists-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.public-lists-heading h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1}.public-lists-heading p:not(.eyebrow){color:#73809f;max-width:650px;margin:.8rem 0 0;line-height:1.6}.game-list-tabs{background:#ffffffd1;border:1px solid #e0e5f1;border-radius:16px;justify-self:start;gap:.35rem;padding:.3rem;display:inline-flex}.game-list-tabs button{color:#707b98;background:0 0;border:0;border-radius:12px;min-height:42px;padding:.65rem 1rem;font-weight:900}.game-list-tabs button.active{color:#574cf2;background:#eeecff;box-shadow:0 3px 10px #574cf21f}.public-lists-state{color:#7b86a5;background:#ffffffb8;border:1px dashed #d6ddec;border-radius:24px;place-items:center;min-height:280px;font-weight:800;display:grid}.public-lists-error{color:#c74655;align-content:center;gap:.8rem}.public-lists-error p{margin:0}.public-lists-empty{text-align:center}.public-lists-empty .hero-actions{justify-content:center;margin-top:1.2rem}.public-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.public-list-card{background:#fffffff0;border:1px solid #e1e7f2;border-radius:24px;min-width:0;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 12px 32px #2b366214}.public-list-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px #2b366224}.public-list-link{height:100%;display:block}.public-list-covers{background:linear-gradient(135deg,#e9e7ff,#dff1ff);grid-template-columns:repeat(4,minmax(0,1fr));height:170px;display:grid;overflow:hidden}.public-list-covers.empty{grid-template-columns:1fr}.public-list-cover{color:#655bff;border-right:2px solid #ffffffbf;place-items:center;min-width:0;font-size:1.5rem;display:grid;overflow:hidden}.public-list-cover:last-child{border-right:0}.public-list-cover img{object-fit:cover;width:100%;height:100%}.public-list-cover-placeholder{color:#7469e8;align-content:center;place-items:center;gap:.4rem;display:grid}.public-list-cover-placeholder span{font-size:2rem}.public-list-body{gap:.85rem;padding:1.15rem;display:grid}.public-list-author{align-items:center;gap:.65rem;display:flex}.public-list-avatar{color:#fff;background:linear-gradient(135deg,#655bff,#31b7ff);border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.public-list-author-copy{min-width:0;display:grid}.public-list-author .public-list-badge{margin-left:auto}.public-list-author strong{color:#4e5877;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.public-list-author small{color:#9aa4ba}.public-list-body h2{letter-spacing:-.035em;margin:0;font-size:1.45rem}.public-list-body>p{color:#74809d;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.2em;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.public-list-footer{color:#697590;border-top:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:.8rem;padding-top:.8rem;font-size:.85rem;font-weight:850;display:flex}.public-list-badge{color:#27764a;background:#eff8f2;border-radius:999px;padding:.35rem .65rem;font-size:.75rem}.public-list-open-label{color:#5d51f5}.public-list-details-page{gap:1.2rem;display:grid}.list-back-link{color:#66718e;width:fit-content;font-weight:850}.list-back-link:hover{color:#574bf0}.public-list-detail-hero{background:linear-gradient(135deg,#e8e5ff 0%,#e5f4ff 55%,#f8edff 100%) 50%/cover;border:1px solid #e1e7f2;border-radius:28px;min-height:440px;overflow:hidden;box-shadow:0 18px 46px #2b366221}.public-list-detail-overlay{background:linear-gradient(#10183c05,#10183c1f);flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:440px;padding:clamp(1.5rem,5vw,3.5rem);display:flex}.public-list-detail-hero.has-backdrop .public-list-detail-overlay{color:#fff;background:linear-gradient(#090e242e,#090e24e6)}.public-list-detail-hero.has-backdrop .eyebrow,.public-list-detail-hero.has-backdrop .public-list-detail-description,.public-list-detail-hero.has-backdrop .public-list-detail-author small{color:#ffffffc7}.public-list-detail-author{align-items:center;gap:.7rem;margin-bottom:auto;display:flex}.public-list-detail-author>span:last-child{display:grid}.public-list-detail-author small{color:#75809b}.public-list-detail-hero h1{letter-spacing:-.07em;max-width:850px;margin:0;font-size:clamp(2.5rem,8vw,5.8rem);line-height:.94}.public-list-detail-description{color:#66738f;max-width:720px;margin:1rem 0 0;font-size:1.05rem;line-height:1.65}.public-list-detail-stats{flex-wrap:wrap;gap:1.2rem;margin-top:1.2rem;font-size:.9rem;font-weight:800;display:flex}.public-list-detail-stats strong{font-size:1.2rem}.public-list-games{gap:1rem;padding-top:1rem;display:grid}.public-list-games-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.public-list-games-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.public-list-games-actions{align-items:center;gap:.7rem;display:flex}.owner-mode-badge{color:#27764a;background:#eef9f2;border-radius:999px;padding:.5rem .75rem;font-size:.78rem;font-weight:900}.list-remove-error{color:#bd3f50;background:#fff5f6;border:1px solid #f1cbd0;border-radius:14px;margin:0;padding:.8rem 1rem;font-weight:750}.remove-game-button{color:#bd3f50;background:#fff7f8;border:1px solid #efcbd0;border-radius:12px;width:100%;padding:.65rem .8rem;font-weight:850}.remove-game-button:hover:not(:disabled){background:#fff0f2;border-color:#dc8491}.remove-game-button:disabled{cursor:not-allowed;opacity:.6}.list-builder{grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:1rem;display:grid}.list-details-card,.game-picker,.builder-submit,.creation-success{background:#ffffffeb;border:1px solid #e1e7f2;border-radius:24px;box-shadow:0 12px 34px #2b366214}.list-details-card,.game-picker{padding:1.4rem}.builder-step-heading,.picker-heading>div{align-items:flex-start;gap:.9rem;display:flex}.builder-step-heading h2,.picker-heading h2{letter-spacing:-.03em;margin:0;font-size:1.35rem}.builder-step-heading p,.picker-heading p{color:#8490aa;margin:.3rem 0 0;line-height:1.5}.step-number{color:#5f53f5;background:#eeedff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:.78rem;font-weight:950;display:grid}.builder-field{color:#354062;gap:.45rem;margin-top:1.3rem;font-weight:850;display:grid}.builder-field input,.builder-field textarea{color:#121a3d;width:100%;font:inherit;resize:vertical;background:#fafbff;border:1px solid #dfe5f2;border-radius:14px;outline:0;padding:.85rem .95rem}.builder-field input:focus,.builder-field textarea:focus{border-color:#7568ff;box-shadow:0 0 0 3px #6256ff1a}.builder-field small{color:#9aa4ba;text-align:right}.visibility-field{border:0;gap:.65rem;margin:1.3rem 0 0;padding:0;display:grid}.visibility-field legend{color:#354062;margin-bottom:.55rem;font-weight:850}.visibility-field label{cursor:pointer;border:1px solid #dfe5f2;border-radius:14px;grid-template-columns:auto 1fr;gap:.15rem .7rem;padding:.85rem;display:grid}.visibility-field label.active{background:#f7f6ff;border-color:#7568ff}.visibility-field input{opacity:0;position:absolute}.visibility-field label>span{color:#655bff;grid-row:1/3}.visibility-field small{color:#8b96b2}.game-picker{min-width:0}.picker-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.2rem;display:flex}.selection-count{color:#27764a;background:#eff8f2;border-radius:999px;flex:none;padding:.45rem .7rem;font-size:.78rem;font-weight:900}.picker-results{border:1px solid #e5e9f3;border-radius:16px;max-height:430px;margin-top:1rem;display:grid;overflow:auto}.picker-game{border-bottom:1px solid #edf0f6;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.7rem;display:grid}.picker-game:last-child{border-bottom:0}.game-cover-small{aspect-ratio:3/4;border-radius:9px;width:54px;font-size:1rem}.picker-game-copy{gap:.2rem;min-width:0;display:grid}.picker-game-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-game-copy small{color:#8b96b2}.game-select-button{color:#5e6885;background:#fff;border:1px solid #dfe5f2;border-radius:11px;padding:.55rem .7rem;font-weight:850}.game-select-button.selected{color:#247447;background:#effaf3;border-color:#b9e6ca}.selected-games{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.selected-games button{cursor:pointer}.builder-submit{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.builder-submit>div{margin-right:auto;display:grid}.builder-submit span{color:#8b96b2;font-size:.85rem}.form-message{color:#71809f;margin:.8rem 0 0}.form-message-error{color:#c74655}.creation-success{text-align:center;justify-items:center;min-height:440px;padding:4rem 2rem;display:grid}.success-mark{color:#fff;background:linear-gradient(135deg,#38bf75,#7fd79f);border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:1.3rem;font-size:2rem;font-weight:950;display:grid}.creation-success h2{letter-spacing:-.045em;margin:0;font-size:2.3rem}.creation-success>p:not(.eyebrow){color:#7b86a5}.success-actions{gap:.7rem;margin-top:1rem;display:flex}@media (width<=860px){.public-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-builder{grid-template-columns:1fr}.builder-submit{grid-column:auto}}@media (width<=680px){.public-lists-heading{flex-direction:column;align-items:stretch}.public-list-grid{grid-template-columns:1fr}.public-list-games-heading,.public-list-games-actions,.picker-heading,.builder-submit,.success-actions{flex-direction:column;align-items:stretch}.builder-submit>div{margin-right:0}.picker-game{grid-template-columns:48px minmax(0,1fr)}.game-select-button{grid-column:1/-1}}.wheels-page,.wheel-create-page,.wheel-detail-page,.wheel-invitations-page{padding-top:3.5rem;padding-bottom:5rem}.wheel-detail-page{padding-top:.75rem}.list-title{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.wheels-hero{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.4rem;display:flex}.wheels-hero.compact{align-items:center}.wheels-hero h1{letter-spacing:-.065em;max-width:760px;margin:.25rem 0 .7rem;font-size:clamp(2.5rem,6vw,5.3rem);line-height:.92}.wheels-hero.compact h1{font-size:clamp(2.3rem,5vw,4rem)}.wheels-hero p:not(.eyebrow){color:#687391;max-width:650px;font-size:1.05rem}.wheel-header-actions{gap:.7rem;display:flex}.wheel-state{text-align:center;color:#687391;border:1px dashed #ccd4e9;border-radius:28px;place-items:center;min-height:260px;padding:2rem;display:grid}.wheel-state strong{color:#172044;font-size:1.5rem}.wheel-error,.wheel-action-error{color:#b13258}.wheel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.wheel-card{cursor:pointer;background:#fff;border:1px solid #e3e8f5;border-radius:28px;grid-template-columns:112px 1fr auto;align-items:center;gap:1.3rem;min-height:170px;padding:1.4rem;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #323e7314}.wheel-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #323e7324}.wheel-card:focus-visible{outline-offset:3px;outline:3px solid #6c5cff}.wheel-card-orbit{background:conic-gradient(#765fff 0 25%, #ff79bb 25% 48%, #ffc45b 48% 72%, #5bd5c0 72%);border:12px solid #6c5cff;border-radius:50%;place-items:center;width:106px;height:106px;display:grid;box-shadow:inset 0 0 0 6px #fff}.wheel-card-orbit span{background:#fff;border-radius:50%;width:22px;height:22px}.wheel-accent-2 .wheel-card-orbit{filter:hue-rotate(50deg)}.wheel-accent-3 .wheel-card-orbit{filter:hue-rotate(110deg)}.wheel-accent-4 .wheel-card-orbit{filter:hue-rotate(180deg)}.wheel-card-badges{gap:.45rem;display:flex}.wheel-card-badges span,.wheel-role-pill{color:#5b50df;background:#f0efff;border-radius:999px;padding:.35rem .65rem;font-size:.72rem;font-weight:850}.wheel-card h2{margin:.65rem 0 .35rem;font-size:1.5rem}.wheel-card p{color:#7a849e;margin:0}.wheel-card-actions{justify-items:center;gap:.8rem;display:grid}.wheel-card-arrow{font-size:1.5rem}.wheel-card-delete{color:#b13258;border:1px solid #f0c6d2;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.wheel-card-delete svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem;height:1rem}.wheel-card-delete:hover:not(:disabled){background:#fff0f4;border-color:#b13258}.wheel-collective-drop-description{color:#687391;margin:0 0 1rem;line-height:1.5}.wheel-collective-drop-votes{gap:.55rem;display:grid}.wheel-collective-drop-votes>div{background:#f7f8fd;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .65rem;display:grid}.wheel-collective-drop-votes .user-avatar{width:32px;height:32px}.wheel-collective-drop-votes span{min-width:0;display:grid}.wheel-collective-drop-votes strong,.wheel-collective-drop-votes small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wheel-collective-drop-votes small{color:#7a849e}.wheel-collective-drop-votes b{color:#9b6b1e;font-size:.75rem}.wheel-collective-drop-votes b.approved,.wheel-collective-drop-confirmed{color:#278462}.wheel-collective-drop-actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.wheel-collective-drop-confirmed{font-weight:750}.wheel-trade-offer-button{color:#fff;white-space:nowrap;background:#6658e8;width:100%;height:100%;min-height:46px;padding:.42rem .65rem;font-size:.72rem;font-weight:800}.wheel-trade-offer-button:hover:not(:disabled){background:#5546dc}.wheel-trade-accept-button{color:#fff;white-space:nowrap;background:#2f9b70;border:1px solid #9fd8c1;width:100%;height:100%;min-height:46px;padding:.42rem .65rem;font-size:.72rem;font-weight:800}.wheel-trade-accept-button:hover:not(:disabled){background:#27845f}.wheel-builder{grid-template-columns:1.1fr .9fr;gap:1.2rem;display:grid}.wheel-panel{background:#fffffff0;border:1px solid #e3e8f5;border-radius:28px;padding:1.6rem;box-shadow:0 14px 38px #3a447612}.wheel-panel h2{letter-spacing:-.035em;margin:.2rem 0 .5rem;font-size:1.55rem}.wheel-panel>p{color:#737d98}.wheel-step{color:#5c50e8;background:#eeecff;border-radius:999px;place-items:center;width:38px;height:28px;font-weight:900;display:inline-grid}.wheel-list-picker{gap:.6rem;max-height:520px;margin-top:1.2rem;padding-right:.2rem;display:grid;overflow-y:auto}.wheel-list-picker button{text-align:left;background:#fafbff;border:1px solid #e0e5f2;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1rem;display:flex}.wheel-list-picker button.active{color:#4d43cc;background:#f0efff;border-color:#6b5cff}.wheel-list-picker button>span:last-child{color:#7b849e;flex:none}.wheel-list-picker-copy{gap:.25rem;min-width:0;display:grid}.wheel-list-picker-copy strong,.wheel-list-picker-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wheel-list-picker-copy small{color:#7b849e;font-size:.75rem}.wheel-list-search{gap:.45rem;margin-top:1.2rem;display:grid}.wheel-list-search span{color:#59627e;font-size:.78rem;font-weight:850}.wheel-list-search input{background:#fafbff;border:1px solid #dfe4f2;border-radius:14px;width:100%;min-width:0;padding:.8rem .9rem}.wheel-field{gap:.45rem;margin:1.1rem 0;display:grid}.wheel-field>span{font-size:.82rem;font-weight:850}.wheel-field input,.wheel-field select,.wheel-section-heading select,.wheel-member-row select{color:#172044;background:#fff;border:1px solid #dbe1ef;border-radius:14px;width:100%;padding:.82rem 1rem}.wheel-toggle{background:#f7f8fd;border-radius:18px;align-items:start;gap:.75rem;margin:1rem 0;padding:1rem;display:flex}.wheel-toggle input{accent-color:#6656f5;margin-top:.2rem}.wheel-toggle span{gap:.2rem;display:grid}.wheel-toggle small{color:#7a849e}.wheel-inline-empty{color:#7a849e;border:1px dashed #cfd6e8;border-radius:18px;padding:1rem}.wheel-inline-empty a{color:#5c50e8;font-weight:800}.wheel-detail-hero{color:#fff;background:linear-gradient(130deg,#171b42,#39347d);border-radius:34px;align-items:center;gap:2rem;margin:1.2rem 0 2rem;padding:2rem;display:flex}.wheel-detail-hero h1{letter-spacing:-.06em;margin:.25rem 0;font-size:clamp(2.4rem,5vw,4.5rem)}.wheel-detail-hero p{color:#c9c8ed}.wheel-detail-orbit{background:linear-gradient(#27255d,#27255d) padding-box padding-box,conic-gradient(#ff6ba8,#ffc958,#65ddbd,#6f61ff,#ff6ba8) border-box;border:16px solid #0000;border-radius:50%;flex:0 0 150px;place-items:center;height:150px;display:grid;position:relative}.wheel-detail-orbit span{background:#fff;border-radius:50%;width:32px;height:32px}.wheel-detail-orbit i{background:#fff;border-radius:8px;width:12px;height:24px;position:absolute;top:-25px}.wheel-detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1rem;display:grid}.wheel-detail-layout-full{grid-template-columns:minmax(0,1fr)}.wheel-main-column{gap:1rem;display:grid}.wheel-roll-panel{background:radial-gradient(circle at 25% 44%,#6959ff21,#0000 20rem),radial-gradient(circle at 80% 18%,#ff64a617,#0000 16rem),#fff;overflow:hidden}.wheel-spin-workspace{grid-template-columns:minmax(360px,1.35fr) minmax(250px,.65fr);align-items:center;gap:1.5rem;display:grid}.game-wheel-spinner{justify-items:center;width:100%;min-width:0;padding-top:24px;display:grid;position:relative}.game-wheel-spinner canvas{border-radius:50%;max-width:100%;display:block}.game-wheel-pointer{z-index:3;filter:drop-shadow(0 7px 8px #2d236852);width:44px;height:60px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.game-wheel-pointer:before{clip-path:polygon(0 0,100% 0,50% 100%);content:"";background:linear-gradient(160deg,#ff6d9f,#6958f5 72%);border:4px solid #fff;border-radius:22px 22px 28px 28px;position:absolute;inset:0}.game-wheel-pointer span{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.game-wheel-phase{color:#59627e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #e0e4f2;border-radius:999px;align-items:center;gap:.55rem;min-height:36px;margin-top:.8rem;padding:.45rem .8rem;font-size:.8rem;font-weight:800;display:inline-flex}.game-wheel-phase span{background:#6b5cff;border-radius:50%;width:8px;height:8px}.game-wheel-phase span.pulse{animation:.8s ease-in-out infinite wheel-phase-pulse}@keyframes wheel-phase-pulse{50%{opacity:.55;box-shadow:0 0 0 6px #6b5cff21}}.wheel-roll-console{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9ffe6;border:1px solid #dee2f0e6;border-radius:24px;min-width:0;padding:1.1rem;box-shadow:0 14px 34px #30376314}.wheel-console-label{color:#737d98;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:850}.wheel-source-field{margin-top:0}.wheel-mode-picker{grid-template-columns:1fr;gap:.7rem;display:grid}.wheel-mode-picker button{color:#1b2348;text-align:left;background:#f9faff;border:1px solid #dfe4f2;border-radius:18px;gap:.3rem;padding:1rem;display:grid}.wheel-mode-picker button.active{background:#efedff;border-color:#6b5cff;box-shadow:inset 0 0 0 1px #6b5cff}.wheel-mode-picker button:disabled{cursor:wait;opacity:.7}.wheel-mode-picker small,.wheel-assignment p{color:#78829d}.wheel-roll-button{width:100%;margin-top:1rem}.wheel-duration-control{border-top:1px solid #e2e6f2;gap:.65rem;margin-top:1rem;padding-top:1rem;display:grid}.wheel-duration-control>span{justify-content:space-between;align-items:center;gap:1rem;font-size:.82rem;display:flex}.wheel-duration-input{background:#fff;border:1px solid #d9deed;border-radius:14px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.wheel-duration-input input{color:#20284d;background:0 0;border:0;outline:0;min-width:0;padding:.75rem .85rem;font-weight:850}.wheel-duration-input:focus-within{border-color:#6b5cff;box-shadow:0 0 0 3px #6b5cff1c}.wheel-duration-input>span{color:#736a9c;border-left:1px solid #e2e6f1;padding:.75rem .8rem;font-size:.8rem;font-weight:800}.wheel-duration-control small{color:#8790a8}.wheel-assignment{background:#f7f8fd;border-radius:22px;grid-template-columns:110px 1fr;align-items:center;gap:1.2rem;min-height:148px;padding:1rem;display:grid}.wheel-assignment img,.wheel-assignment>.wheel-game-placeholder{object-fit:cover;border-radius:16px;width:110px;height:132px}.wheel-assignment h3{margin:.25rem 0;font-size:1.55rem}.wheel-assignment span{color:#5b50df;font-size:.78rem;font-weight:850}.wheel-assignment-compact{background:0 0;grid-template-columns:72px minmax(0,1fr);gap:.8rem;min-height:0;padding:0}.wheel-assignment-compact img,.wheel-assignment-compact>.wheel-game-placeholder{width:72px;height:96px}.wheel-assignment-compact>div:last-child{min-width:0}.wheel-assignment-compact h3{overflow-wrap:anywhere;word-break:normal;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.12}.wheel-assignment-compact p{overflow-wrap:anywhere;margin-bottom:0}.wheel-complete-button{width:100%;margin-top:.65rem;padding:.6rem .7rem;font-size:.76rem}.wheel-refuse-button{color:#ad3153;background:#fff3f6;border:1px solid #f0c5d1;width:100%;margin-top:.45rem;padding:.6rem .7rem;font-size:.76rem;font-weight:850}.wheel-reroll-unavailable{color:#69738f;border:1px dashed #d8dcea;border-radius:16px;padding:1rem}.wheel-reroll-unavailable strong{color:#30395f}.wheel-reroll-unavailable p{margin-bottom:0;font-size:.8rem}.wheel-section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.wheel-section-heading h2{margin:0}.wheel-section-heading>span{color:#5b50df;background:#f0efff;border-radius:50%;place-items:center;min-width:38px;height:38px;font-weight:900;display:grid}.wheel-list-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;display:flex}.wheel-list-tabs button{color:#5e6885;background:#fff;border:1px solid #dfe5f2;border-radius:999px;padding:.5rem .85rem;font-size:.82rem;font-weight:800}.wheel-list-tabs button.active{color:#564bff;background:#f0efff;border-color:#7a6bff}.wheel-strip-empty{color:#7b86a5;border:1px dashed #d6ddec;border-radius:18px;place-items:center;min-height:120px;font-weight:800;display:grid}.wheel-game-strip{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.wheel-game-strip article{background:#f7f8fc;border-radius:18px;transition:opacity .25s,filter .25s;position:relative;overflow:hidden}.wheel-game-strip article.eliminated{opacity:.42;filter:grayscale(.9)saturate(.3)}.wheel-game-strip article.completed{opacity:.52;filter:grayscale(.65)saturate(.5)}.wheel-game-strip article.in-progress:not(.completed){box-shadow:inset 0 0 0 2px #6b5cff47}.wheel-game-strip img,.wheel-game-placeholder{aspect-ratio:3/4;object-fit:cover;width:100%}.wheel-game-placeholder{background:#eeecff;place-items:center;font-size:2rem;display:grid}.wheel-game-strip strong{padding:.8rem;font-size:.82rem;display:block}.wheel-game-badges{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:absolute;top:.55rem;left:.55rem;right:.55rem}.wheel-game-strip article.removable .wheel-game-badges{right:3rem}.wheel-eliminated-badge{color:#fff;letter-spacing:.04em;overflow-wrap:anywhere;text-align:right;text-transform:uppercase;background:#222743c7;border:1px solid #ffffffb3;border-radius:999px;max-width:100%;padding:.25rem .45rem;font-size:.62rem;font-weight:850}.wheel-eliminated-badge.completed{background:#2d7e60db}.wheel-eliminated-badge.playing{background:#5448dae0}.wheel-member-list{gap:.5rem;display:grid}.wheel-member-row{background:#f8f9fd;border-radius:18px;grid-template-columns:auto minmax(110px,1fr) minmax(330px,1.5fr) 130px;align-items:stretch;gap:.8rem;padding:.7rem;display:grid}.wheel-member-row .user-avatar,.wheel-friend-grid .user-avatar{width:42px;height:42px}.wheel-member-row .user-avatar{align-self:center}.wheel-participan-data{flex-direction:column;margin:auto 0;display:flex}.wheel-member-identity{align-items:center;min-height:46px;display:flex}.wheel-friend-grid button>span{display:grid}.wheel-member-identity{align-content:center;justify-items:start;min-width:0}.wheel-member-row small,.wheel-friend-grid small{color:#7a849e}.wheel-member-row>select,.wheel-member-row>.wheel-role-pill{min-height:46px}.wheel-member-row>.wheel-role-pill{place-items:center;display:grid}.wheel-member-game-block{grid-template-columns:132px minmax(180px,1fr);align-items:stretch;gap:.65rem;min-width:0;display:grid}.wheel-member-trade-action{min-width:0;min-height:46px}.wheel-member-game{background:#fff;border:1px solid #e1e5f1;border-radius:13px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.6rem;min-width:0;min-height:46px;padding:.4rem;display:grid}.wheel-member-game>img,.wheel-member-game>span{object-fit:cover;color:#6658e8;background:#eeecff;border-radius:9px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.wheel-member-game>div{min-width:0;display:grid}.wheel-member-game strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.wheel-member-game small{font-size:.67rem}.wheel-member-game-pending{background:#f4f2ff;border-color:#dfdcff}.wheel-member-game-empty{color:#8790a8;background:0 0;border-style:dashed}.wheel-friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.wheel-friend-grid button{text-align:left;background:#fff;border:1px solid #e0e5f2;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.75rem;display:grid}.wheel-friend-grid b{color:#5b50df;font-size:1.5rem}.wheel-pending-list{border-top:1px solid #e9ecf5;margin-top:1.2rem;padding-top:1rem}.wheel-pending-list>div{justify-content:space-between;padding:.5rem;display:flex}.wheel-pending-list button{color:#b13258;background:0 0;border:0}.wheel-settings-panel{position:sticky;top:1rem}.wheel-settings-panel form{display:grid}.wheel-add-source{border-top:1px solid #e3e7f2;margin-top:1.4rem;padding-top:1.2rem}.wheel-add-source .button{width:100%}.wheel-source-order{gap:.4rem;margin-top:.8rem;display:grid}.wheel-source-order>div{background:#f6f7fb;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem;display:flex}.wheel-source-order button{color:#5147ce;cursor:pointer;background:0 0;border:0;font-size:1rem}.wheel-source-order button:disabled{color:#b7bbc9;cursor:default}.wheel-source-order-actions{align-items:center;gap:.2rem;display:inline-flex}.wheel-source-order .wheel-source-remove-button{color:#c92f4d;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:.25rem;display:grid}.wheel-source-order .wheel-source-remove-button:hover:not(:disabled){color:#fff;background:#c92f4d}.wheel-source-remove-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px}.wheel-source-manager .game-picker{margin-top:1.25rem}.wheel-source-add-games{margin-top:1rem}.wheel-game-remove-button{z-index:2;color:#d02f4f;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffc7;border:1.5px solid #d02f4f;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .18s,color .18s,background-color .18s,border-color .18s;display:grid;position:absolute;top:.55rem;right:.55rem}.wheel-game-strip article:hover .wheel-game-remove-button,.wheel-game-strip article:focus-within .wheel-game-remove-button{opacity:1}.wheel-game-remove-button:hover,.wheel-game-remove-button:focus-visible{color:#fff;background:#d02f4f;border-color:#d02f4f;outline:none}.wheel-game-remove-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px}.wheel-game-remove-button:disabled{opacity:.5;cursor:wait}.wheel-action-error{background:#fff0f4;border-radius:14px;padding:.8rem 1rem}.invitation-stack{gap:.8rem;display:grid}.invitation-card{background:#fff;border:1px solid #e3e8f5;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;padding:1.3rem;display:grid}.invitation-mark{color:#fff;background:linear-gradient(145deg,#6c5cff,#9c6cff);border-radius:22px;place-items:center;width:72px;height:72px;font-size:2rem;display:grid}.invitation-card h2{margin:.2rem 0}.invitation-card p{color:#737d98;margin:.2rem 0}.invitation-actions{gap:.5rem;display:flex}.list-tile-actions{gap:.5rem;margin-top:.8rem;display:flex}.list-tile-actions a{color:#5045cf;background:#ffffffa6;border-radius:12px;padding:.5rem .65rem;font-size:.75rem;font-weight:850}@media (width<=900px){.wheel-grid,.wheel-builder,.wheel-detail-layout{grid-template-columns:1fr}.wheel-settings-panel{position:static}.wheels-hero{flex-direction:column;align-items:start}.wheel-header-actions{flex-wrap:wrap}.wheel-card{grid-template-columns:82px 1fr auto}.wheel-card-orbit{border-width:9px;width:78px;height:78px}.wheel-detail-orbit{flex-basis:110px;height:110px}}@media (width<=620px){.wheels-page,.wheel-create-page,.wheel-detail-page,.wheel-invitations-page{padding-top:2rem}.wheel-detail-page{padding-top:.25rem}.wheel-grid{grid-template-columns:1fr}.wheel-card{grid-template-columns:64px 1fr}.wheel-card-orbit{width:60px;height:60px}.wheel-card-arrow{display:none}.wheel-detail-hero{flex-direction:column;align-items:flex-start}.wheel-detail-orbit{flex-basis:auto;width:90px;height:90px}.wheel-friend-grid,.wheel-mode-picker,.wheel-spin-workspace{grid-template-columns:1fr}.game-wheel-spinner{padding-top:18px}.game-wheel-pointer{width:36px;height:50px}.wheel-assignment{grid-template-columns:82px 1fr}.wheel-assignment img,.wheel-assignment>.wheel-game-placeholder{width:82px;height:104px}.wheel-member-row{grid-template-columns:auto 1fr}.wheel-member-game-block{grid-column:1/-1}.wheel-member-row select,.wheel-member-row>.wheel-role-pill{grid-column:2}.invitation-card{grid-template-columns:1fr}.invitation-actions{flex-wrap:wrap}}.friends-search-form{color:#8b96b2;background:#fffffff0;border:1px solid #dfe5f2;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:.85rem;padding:.5rem .5rem .5rem 1.1rem;display:grid;box-shadow:0 12px 30px #323f6e14}.friends-input{color:#121a3d;background:0 0;border:0;outline:0;min-width:0;height:48px}.friends-input:focus{border-color:#7568ff;box-shadow:0 0 0 4px #6256ff1a}.users-list{flex-direction:column;gap:10px;width:100%;margin:20px 0 0;padding:0;list-style:none;display:flex}.user-tile{background:#fffc;border:1px solid #e3e7f1;border-radius:14px;align-items:center;gap:14px;min-height:64px;padding:10px 16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 4px 16px #252d500a}.user-tile:hover{cursor:pointer;border-color:#d3d8e8;transform:translateY(-1px);box-shadow:0 7px 22px #252d5014}.user-avatar{color:#fff;background:linear-gradient(135deg,#5474ff,#783cff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.user-name{color:#202849;font-size:16px;font-weight:600}