@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f1f0f6;background:#0c0d13;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}em{font-style:normal;color:#c2a0ff}.app{min-height:100vh;display:flex}aside{width:258px;background:#11121b;border-right:1px solid #262633;flex-shrink:0;display:flex;flex-direction:column;padding:28px 14px;position:sticky;top:0;height:100vh}.logo{font:800 16px Outfit;letter-spacing:.6px;display:flex;align-items:center;gap:8px;padding:4px 12px 38px;white-space:nowrap}.logo svg{color:#d6ac60}.logo span{color:#ab8be9;font-size:10px;margin-left:-3px}.side-label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#9992ae}.side-label{padding:12px 13px}.nav{border:0;background:none;color:#a4a3b4;display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px;border-radius:9px;margin:3px 0}.nav:hover,.nav.active{background:#272137;color:#e1ccff}.nav.active{box-shadow:inset 3px 0 #a780ed}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-bottom{margin-top:auto;border-top:1px solid #292936;padding:20px 6px 0;display:flex;align-items:center;gap:10px;font-size:13px}.side-bottom small{display:block;color:#868497;font-size:11px;margin-top:4px}.avatar{background:#7c5bb8;padding:11px 15px;border-radius:10px;font-weight:800}.icon{background:none;color:#a6a1b6;border:0;margin-left:auto}main{flex:1;min-width:0}header{height:74px;border-bottom:1px solid #252631;display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:10px;letter-spacing:1.5px;color:#88879c;font-weight:800}.header-right{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:#7cbba0;border-radius:50%}.divider{height:16px;width:1px;background:#393745;margin:0 10px}.content{max-width:1260px;margin:auto;padding:45px 48px 100px}.hero{position:relative;background:radial-gradient(circle at 78% 48%,#47315d 0,#241b36 32%,#1a1826 70%);border:1px solid #3b304c;border-radius:18px;padding:60px 58px;overflow:hidden;min-height:350px}.hero h1{font-size:48px;line-height:1.12;margin:17px 0}.hero p{max-width:440px;color:#aaa6b8;line-height:1.65}.hero-art{position:absolute;right:11%;top:24%;color:#c9a1ff;filter:drop-shadow(0 0 42px #a26deb80);transform:rotate(-12deg)}.hero-actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;border:1px solid transparent;padding:12px 18px;font-weight:700;font-size:13px}.primary{background:#a783ec;color:#150e25}.primary:hover{background:#c1a3ff}.secondary{background:#262433;color:#edeaf4;border-color:#494354}.secondary:hover{background:#383147}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:46px 0 20px}.section-heading h2{margin:6px 0 0;font-size:25px}.count{color:#80768e;font-size:15px;margin-left:8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.collection-card,.new-card{min-height:195px;border:1px solid #302d3a;background:#181923;border-radius:13px;text-align:left;padding:23px;color:inherit;position:relative;transition:.15s}.collection-card:hover,.new-card:hover{border-color:#a783ec;transform:translateY(-2px)}.collection-icon{width:55px;height:55px;border-radius:11px;display:grid;place-items:center;margin-bottom:22px}.gold{background:#4c3926;color:#f1bf70}.purple{background:#34254a;color:#c19eff}.collection-info small{font-size:10px;color:#a79ab9;letter-spacing:1.2px}.collection-info h3{margin:7px 0;font-size:19px}.collection-info p{font-size:12px;color:#858494;margin:0}.arrow{position:absolute;right:22px;top:24px;color:#9286a8}.new-card{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#aca4bd;font-weight:700}.back,.text-button{background:none;border:0;color:#a99ac5;display:inline-flex;gap:7px;align-items:center;font-size:12px;padding:5px}.collection-header{padding:35px 0 24px;border-bottom:1px solid #2a2935}.collection-header h1{font-size:44px;margin:12px 0}.collection-header p{color:#9c99ab}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{border:1px solid #34313e;border-radius:20px;padding:8px 12px;font-size:11px;color:#b9b1c7;display:inline-flex;align-items:center;gap:5px}.danger{color:#e69ba0}.switch{display:flex;background:#1c1d28;border-radius:8px;padding:4px}.switch button{border:0;background:none;color:#999;padding:8px;border-radius:6px}.switch button.chosen{background:#3d3151;color:#d7bbff}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:22px}.game-item{min-width:0}.cover-wrap{position:relative}.cover{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;background:#252335;display:block}.empty-cover{display:grid;place-items:center;color:#8473a2}.rank{position:absolute;top:8px;left:8px;background:#191322e8;border:1px solid #9f83c9;border-radius:6px;padding:5px 8px;font-weight:800;font-size:12px}.game-meta{padding-top:11px}.game-meta strong,.nominee strong{display:block;font-size:13px;line-height:1.35}.game-meta small,.nominee small{display:block;color:#8b899a;font-size:12px;margin-top:4px}.item-actions{display:flex;gap:4px;margin-top:9px}.item-actions button{border:1px solid #3d384b;background:#252230;color:#bcb0d2;border-radius:5px;padding:5px}.game-list{display:flex;flex-direction:column;gap:12px}.game-list .game-item{display:flex;align-items:center;gap:16px;background:#191923;border-radius:10px;padding:10px}.game-list .cover-wrap{width:55px}.game-list .game-meta{flex:1}.game-list .item-actions{margin:0}.categories{display:grid;gap:24px}.category{border:1px solid #35303d;background:#161720;border-radius:13px;padding:26px}.category-top{display:flex;align-items:center;gap:15px;margin-bottom:23px}.category-top h2{font-size:23px;margin:0}.category-index{font:800 12px Outfit;color:#c1a0ed}.nominee-count{margin-left:auto;font-size:10px;letter-spacing:1px;color:#898395}.nominee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:18px}.nominee{position:relative}.nominee.winner .cover{outline:2px solid #dfb568;outline-offset:3px}.nominee .cover{margin-bottom:10px}.winner-tag{position:absolute;top:10px;left:6px;background:#d5ad63;color:#271b0d;border-radius:4px;padding:5px;font-size:9px;font-weight:800;display:flex;gap:4px;align-items:center}.winner-button{background:#282433;border:1px solid #4c3d55;border-radius:6px;color:#d6bfef;margin-top:9px;padding:7px;font-size:10px;display:flex;align-items:center;gap:5px}.add-nominee{border:1px dashed #594968;background:#201d2a;color:#bba9d1;border-radius:8px;min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:12px}.form-row,.search-row{display:flex;gap:10px;margin-top:22px}.form-row input,.search-row input{flex:1;min-width:0}.picker,.collab{margin-top:32px;padding:26px;border:1px solid #37303f;background:#191821;border-radius:12px}.picker h3,.collab h3{display:flex;align-items:center;gap:9px}.picker p,.collab p{color:#a7a1b2;font-size:13px}.picker-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:18px;max-height:320px;overflow:auto}.picker-results button{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #3c3545;background:#24212d;color:#f2edf6;border-radius:7px;padding:8px}.picker-results button .cover{width:36px;flex-shrink:0}.picker-results button span{flex:1;font-size:12px}.picker-results button small{display:block;color:#9c95a6;margin-top:4px}.saved-label{margin-top:24px}input{background:#12131b;border:1px solid #484052;border-radius:8px;padding:13px;color:#fff;outline:none}input:focus{border-color:#ac85ed}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08070dcc;display:grid;place-items:center;z-index:10}.dialog{background:#20202c;border:1px solid #4a3e59;border-radius:16px;padding:34px;width:min(450px,92vw)}.dialog h2{font-size:29px;margin:12px 0 24px}.dialog label,.login-card label{display:block;font-size:12px;color:#bcb5c9;margin:16px 0}.dialog input,.login-card input{display:block;width:100%;margin-top:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.alert{background:#542b36;border:1px solid #ab6577;color:#ffe2e7;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px}.alert span{float:right;cursor:pointer}.login-layout{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#302041,#0c0d13 65%);padding:24px}.login-card{width:min(460px,100%);padding:40px;border:1px solid #3b304d;border-radius:18px;background:#171722}.login-card .logo{padding:0 0 32px}.login-card h1{font-size:35px;line-height:1.2}.login-card p{color:#aaa2b6;line-height:1.6}.login-card .primary{width:100%;margin:10px 0}.login-card small{color:#777284;font-size:11px}@media(max-width:900px){aside{width:72px;padding:20px 8px}.logo{font-size:0;padding:5px 12px 30px}.logo span,.side-label,.nav span,.side-bottom>div:not(.avatar),.side-bottom .icon{display:none}.nav,.side-bottom{justify-content:center}.content{padding:26px}.hero{padding:35px}.hero-art{opacity:.15}.hero h1{font-size:38px}header{padding:0 25px}}@media(max-width:550px){aside{width:52px}.content{padding:20px 15px}.hero{padding:25px}.hero h1{font-size:30px}.hero-actions{flex-direction:column;align-items:flex-start}.collection-header h1{font-size:31px}.form-row{flex-direction:column}.category{padding:16px}.nominee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-right{display:none}}.guest-entry{width:100%;margin:4px 0 18px}.guest-banner{background:#292136;border:1px solid #745998;border-radius:10px;padding:14px 18px;margin-bottom:22px;font-size:13px;line-height:1.6;color:#d7c7eb}.guest-banner button{margin:0 8px;background:#a783ec;color:#160f24;border:0;border-radius:6px;padding:6px 10px;font-weight:700}.guest-banner small{display:inline-block;color:#b9a9cb}.game-item[draggable=true]{cursor:grab}.game-item.dragging{opacity:.45}.game-item[draggable=true]:active{cursor:grabbing}.clickable-pill{cursor:pointer;background:transparent;color:inherit}.user-results{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.user-results button{display:flex;align-items:center;gap:8px}.editor-list{display:grid;gap:8px;margin:18px 0}.editor-row{display:flex;align-items:center;gap:10px;padding:12px;background:#8264b41a;border-radius:9px}.editor-row small,.editor-row button{margin-left:auto}.modal-heading{display:flex;justify-content:space-between;align-items:center}.search-row input{flex:1;min-width:0}.game-item[draggable=true]{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .18s ease;touch-action:pan-y;user-select:none;-webkit-user-select:none}.game-item[draggable=true] .cover{pointer-events:none;-webkit-user-drag:none}.game-item[draggable=true]:hover{border-color:#8c6ac1;box-shadow:0 12px 32px #00000042}.game-item.dragging{opacity:.28;transform:scale(.97);border-style:dashed}.game-item.drop-target{border-color:#c4a2ff!important;box-shadow:0 0 0 2px #b98cff8c,0 14px 36px #5d308c40!important;transform:translateY(-5px)}.drag-preview{opacity:.97!important;transform:rotate(-2deg) scale(1.035)!important;overflow:hidden!important;border:2px solid #c6a6ff!important;border-radius:13px!important;background:#201a2d!important;box-shadow:0 22px 65px #0009,0 0 24px #9a6ae64d!important;cursor:grabbing!important}.drag-preview .item-actions{display:none!important}.drag-preview .cover{object-fit:cover!important}.public-profile-header{display:flex;align-items:center;gap:24px;padding:34px;margin:16px 0 34px;border:1px solid #44354f;border-radius:18px;background:linear-gradient(115deg,#272035,#171721)}.profile-avatar{height:82px;width:82px;flex-shrink:0;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#7853b3,#39264e);color:#fff}.public-profile-header h1{font-size:36px;margin:9px 0}.public-profile-header p{color:#b9accb;line-height:1.5;margin:0}.profile-empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed #5c4b6c;border-radius:14px;color:#b9a6d0}.profile-empty h3{color:#f3eefa}.profile-empty p{max-width:480px;margin:0 auto;line-height:1.6}@media(max-width:550px){.public-profile-header{padding:22px;gap:15px}.profile-avatar{width:55px;height:55px}.public-profile-header h1{font-size:25px}}.drag-handle{display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;padding:8px;border-radius:9px;background:#9a70dd21;color:#d4bbff}.drag-handle:active{cursor:grabbing}.game-item.dragging{opacity:.36;transform:scale(.98)}.game-item.drop-target{outline:2px solid #bb8fff;outline-offset:5px;background:#9365dd29}.floating-game-card{position:fixed;left:0;top:0;z-index:99999;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;will-change:transform;opacity:.97;background:#1b1827;border:1px solid #ba91ff;border-radius:15px;box-shadow:0 24px 65px #00000094,0 0 28px #af7aff47;padding:10px;overflow:hidden;transition:none!important}.floating-game-card img{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.floating-game-card .item-actions{display:none!important}.floating-game-card .cover-wrap{border-radius:10px;overflow:hidden}.settings-page{max-width:850px;margin:0 auto}.settings-page>h1{font-size:38px;margin:12px 0}.settings-page>p{color:#a8a3b9;margin-bottom:32px}.settings-panel{background:#17151f;border:1px solid #363143;border-radius:18px;padding:26px;margin:20px 0;display:flex;flex-direction:column;gap:16px}.settings-panel h2{font-size:22px;margin:0}.settings-panel p,.settings-panel small{color:#aaa4b9}.settings-panel label:not(.avatar-upload){display:flex;flex-direction:column;gap:8px;font-weight:600}.settings-panel input:not([type=file]),.settings-panel textarea{background:#100f17;color:#fff;border:1px solid #484057;border-radius:9px;padding:12px;width:100%;font:inherit;box-sizing:border-box}.settings-panel form{display:flex;flex-direction:column;gap:18px}.settings-panel button.primary{align-self:flex-start}.settings-avatar-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.settings-avatar{height:82px;width:82px;border-radius:50%;background:#35234e;display:flex;align-items:center;justify-content:center;overflow:hidden}.settings-avatar img,.side-bottom .avatar img{height:100%;width:100%;object-fit:cover}.avatar-upload{cursor:pointer;padding:10px 15px;border:1px solid #514465;border-radius:9px}.avatar-upload input{display:none}.settings-actions{display:flex;justify-content:flex-end}.game-item[data-draggable=true]{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.game-item[data-draggable=true]:active{cursor:grabbing}.game-item[data-draggable=true] .cover,.game-item[data-draggable=true] img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.game-item[data-draggable=true] .item-actions button{cursor:pointer;touch-action:manipulation}.side-bottom .avatar{width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#7c5bb8;font-weight:800;font-size:16px;line-height:1}.side-bottom .avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.side-bottom>div:nth-child(2){min-width:0;flex:1}.side-bottom>div:nth-child(2) strong,.side-bottom>div:nth-child(2) small{overflow-wrap:anywhere}.side-bottom .profile-shortcut{min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:0;background:none;border:0;color:inherit;text-align:left;border-radius:9px;cursor:pointer}.side-bottom .profile-shortcut:hover:not(:disabled){background:#282238}.side-bottom .profile-shortcut:focus-visible{outline:2px solid #b79af0;outline-offset:3px}.side-bottom .profile-shortcut:disabled{cursor:default}.side-bottom .profile-shortcut .avatar{flex-shrink:0}.side-bottom .profile-shortcut-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}.side-bottom .profile-shortcut-info strong,.side-bottom .profile-shortcut-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search-result{display:flex;align-items:center;gap:10px;text-align:left}.user-search-result span{display:flex;flex-direction:column;gap:2px}.user-search-result small,.profile-username{color:#a59bb8;font-size:12px}.search-user-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%}.public-profile-header .profile-avatar{border-radius:50%;overflow:hidden}.public-profile-header .profile-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.side-bottom .profile-shortcut-info{display:none}.side-bottom .profile-shortcut{justify-content:center}}
