*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Geist,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Geist Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--bg: #070a18;--panel: #0d1226;--fg: #eaf0ff;--dim: #7a89b8;--rule: rgba(120, 160, 220, .14);--cyan: #3cdbff;--lime: #c6ff4a;--indigo: #7a8ff5;--scrim: rgba(7, 10, 24, .85);--scrim2: rgba(7, 10, 24, .96)}html{height:100%;height:100dvh;width:100%;max-width:100%;overflow-x:clip;background-color:var(--bg)}body{margin:0;width:100%;max-width:100%;background-color:var(--bg);color:var(--fg);font-family:Geist,system-ui,sans-serif;overflow-x:clip;overflow-y:auto;min-height:100%;min-height:100dvh;-webkit-overflow-scrolling:touch}#root{height:100dvh;max-height:100dvh;width:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden;overflow-x:clip}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.auth-modal-card .cl-rootBox,.auth-modal-card .cl-cardBox,.auth-modal-card .cl-main,.auth-modal-card .cl-socialButtons,.auth-modal-card .cl-socialButtonsBlockButton,.auth-modal-card .cl-formButtonPrimary{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.auth-modal-card .cl-lastAuthenticationStrategyBadge{display:none!important}.library-shelf-grid{flex:1 1 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;overflow:hidden;padding-left:6px;padding-right:6px;width:100%;max-width:100%;box-sizing:border-box}.library-shelf-grid>*{min-height:0;min-width:0}.friends-strip-filters{display:flex;align-items:center;gap:3px;padding:3px;flex-shrink:0;box-sizing:border-box;height:28px;background:#ffffff08;border-radius:8px;border:1px solid rgba(120,160,220,.14)}.friends-strip-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;height:100%;padding:0 9px;border:none;border-radius:6;cursor:pointer;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.friends-strip-actions{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:auto}.friends-strip-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;height:28px;padding:0 9px;border:none;border-radius:8px;cursor:pointer;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.friends-layout{display:flex;flex:1;min-height:0;overflow:hidden}.friends-sidebar{display:none;flex-direction:column;min-height:0;width:272px;flex-shrink:0;border-right:1px solid rgba(120,160,220,.14);background:#ffffff03}.friends-sidebar--desktop{display:none}@media (min-width: 768px){.friends-sidebar--desktop{display:flex}}.friends-main{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.friends-main-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:8px 16px;border-bottom:1px solid rgba(120,160,220,.1);min-width:0;overflow:hidden}.friends-main-toolbar-identity{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0;max-width:min(220px,38vw);padding:0;border:none;background:transparent;cursor:pointer;text-align:left;color:inherit}.friends-main-toolbar-identity--static{cursor:default;flex:0 0 auto;max-width:min(280px,42vw)}.friends-main-toolbar-avatar{width:28px;height:28px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid rgba(60,219,255,.4)}.friends-main-toolbar-name{margin:0;font-family:Geist,system-ui,sans-serif;font-size:15px;font-weight:700;color:#eaf0ff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.friends-main-toolbar-name--placeholder{color:#7a89b8;font-weight:600;font-size:13px}.friends-main-toolbar-chevron{width:14px;height:14px;flex-shrink:0;color:#7a89b8}.friends-main-toolbar-scroll{display:flex;align-items:center;flex:0 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.friends-main-toolbar-scroll::-webkit-scrollbar{display:none}.friends-main-toolbar-scroll .friends-strip-filters{flex-shrink:0}@media (max-width: 767px){.friends-main-toolbar{gap:6px;padding:8px 12px}.friends-main-toolbar-identity{flex:0 1 auto;max-width:min(132px,34vw)}}.friend-circle-list{display:flex;flex-direction:column;min-height:0;height:100%;padding:12px;gap:10px}.friend-circle-list-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.friend-circle-list-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.friend-circle-list-sort{position:relative}.friend-circle-list-sort-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(120,160,220,.2);border-radius:8px;background:#ffffff08;color:#7a89b8;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.friend-circle-list-sort-btn.is-active,.friend-circle-list-sort-btn:hover{background:#3cdbff1f;border-color:#3cdbff59;color:#3cdbff}.friend-circle-list-sort-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:188px;padding:6px;border-radius:12px;border:1px solid rgba(120,160,220,.18);background:linear-gradient(180deg,#121a32,#0a0f20);box-shadow:0 18px 40px #00000073}.friend-circle-list-sort-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:transparent;color:#9eb0d8;cursor:pointer;text-align:left}.friend-circle-list-sort-option.is-selected{background:#3cdbff1a;color:#eaf0ff}.friend-circle-list-sort-option:hover{background:#ffffff0a}.friend-circle-list-sort-option-copy{display:flex;flex-direction:column;min-width:0}.friend-circle-list-sort-option-label{font-family:Geist,system-ui,sans-serif;font-size:12px;font-weight:600}.friend-circle-list-sort-option-hint{margin-top:2px;font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#7a89b8}.friend-circle-list-sort-option.is-selected .friend-circle-list-sort-option-hint{color:#9eb0d8}.friend-circle-list-sort-option.is-selected svg{color:#3cdbff}.friend-circle-list-title{display:flex;align-items:center;gap:7px;font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:700;color:#eaf0ff}.friend-circle-list-title-icon{width:13px;height:13px;color:#3cdbff;flex-shrink:0}.friend-circle-list-count{font-family:Geist Mono,monospace;font-size:9px;color:#7a89b8;letter-spacing:.12em;text-transform:uppercase}.friend-circle-list-invite{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 10px;border:none;border-radius:8px;cursor:pointer;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3cdbff;background:#3cdbff14;box-shadow:inset 0 0 0 1px #3cdbff33}.friend-circle-list-search{width:100%;box-sizing:border-box;padding:9px 10px;border-radius:10px;border:1px solid rgba(120,160,220,.14);background:#ffffff08;color:#eaf0ff;font-family:Geist,system-ui,sans-serif;font-size:12px;outline:none;flex-shrink:0}.friend-circle-list-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.friend-circle-list-loading,.friend-circle-list-empty{display:flex;align-items:center;justify-content:center;padding:20px 10px;font-family:Geist,system-ui,sans-serif;font-size:12px;color:#7a89b8;text-align:center}.friend-circle-list-row{display:flex;align-items:stretch;gap:4px;border-radius:10px}.friend-circle-list-row.is-active{background:#3cdbff14;box-shadow:inset 0 0 0 1px #3cdbff2e}.friend-circle-list-row-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:8px 10px;border:none;border-radius:10px;cursor:pointer;background:transparent;text-align:left}.friend-circle-list-avatar{width:36px;height:36px;border-radius:10px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(120,160,220,.18)}.friend-circle-list-avatar-wrap{position:relative;flex-shrink:0;width:36px;height:36px}.friend-circle-list-online-dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:999px;background:#3cdbff;border:2px solid #0d1226;box-shadow:0 0 8px #3cdbff8c}.friend-circle-list-row.is-active .friend-circle-list-avatar{border-color:#3cdbff8c}.friend-circle-list-row.is-live-online .friend-circle-list-avatar{border-color:#3cdbff73}.friend-circle-list-copy{display:flex;flex-direction:column;min-width:0;flex:1}.friend-circle-list-name{font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:600;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-circle-list-status{font-family:Geist Mono,monospace;font-size:9px;color:#7a89b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-circle-list-status.is-now-playing{color:#3cdbff}.friend-circle-list-status.is-platform-live{color:#c6ff4a;font-weight:600;text-shadow:0 0 12px rgba(198,255,74,.22)}.friend-circle-list-status.is-live{color:#3cdbff}.friend-circle-list-profile{display:flex;align-items:center;justify-content:center;width:34px;margin:4px 4px 4px 0;border:none;border-radius:9px;cursor:pointer;background:#ffffff0a;box-shadow:inset 0 0 0 1px #78a0dc33;color:#9eb0d8;flex-shrink:0;transition:background .15s,color .15s,box-shadow .15s}.friend-circle-list-profile.is-open,.friend-circle-list-profile:hover{background:#3cdbff24;color:#3cdbff;box-shadow:inset 0 0 0 1px #3cdbff61}.friends-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:125;background:#070a18b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.friend-profile-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.friends-sheet{width:100%;max-height:min(78dvh,640px);border-radius:18px 18px 0 0;background:#0d1226;border-top:1px solid rgba(120,160,220,.18);box-shadow:0 -16px 48px #00000073;overflow:hidden;display:flex;flex-direction:column}.friends-sheet-handle{width:36px;height:4px;border-radius:999px;background:#78a0dc47;margin:10px auto 0;flex-shrink:0}.friends-sheet .friend-circle-list{max-height:min(72dvh,600px)}@media (min-width: 768px){.friends-sheet-overlay{display:none}}.friends-invite-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;padding:8px 12px;border-radius:7px;border:1px solid rgba(60,219,255,.3);background:#3cdbff14;color:#3cdbff;cursor:pointer;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.friends-invite-action-btn:hover:not(:disabled){background:#3cdbff1f}.friends-invite-action-btn.is-active{background:#3cdbff26}.friends-invite-action-btn:disabled{opacity:.45;cursor:not-allowed}.friends-invite-action-btn.is-waiting{cursor:wait}.friends-invite-panel-field--link .invite-link-inline{flex:1;min-width:0}.add-to-circle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#070a18d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:0}.add-to-circle-sheet{width:100%;max-width:480px;max-height:min(88dvh,720px);background:#0d1226;border:1px solid rgba(120,160,220,.18);border-radius:18px 18px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -20px 48px #00000073}.add-to-circle-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 14px;border-bottom:1px solid rgba(120,160,220,.14);flex-shrink:0}.add-to-circle-sheet-header-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.add-to-circle-sheet-icon{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#3cdbff1a;border:1px solid rgba(60,219,255,.25);flex-shrink:0}.add-to-circle-sheet-title{margin:0 0 4px;font-family:Geist,system-ui,sans-serif;font-size:18px;font-weight:700;color:#eaf0ff;letter-spacing:-.02em}.add-to-circle-sheet-subtitle{margin:0;font-family:Geist,system-ui,sans-serif;font-size:12px;color:#7a89b8;line-height:1.45}.add-to-circle-sheet-close{background:none;border:none;cursor:pointer;color:#7a89b8;padding:4px;flex-shrink:0}.add-to-circle-sheet-body{flex:1;overflow-y:auto;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px))}.add-to-circle-section+.add-to-circle-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(120,160,220,.1)}.add-to-circle-requests{border:1px solid rgba(120,160,220,.12);border-radius:10px;overflow:hidden}.add-to-circle-join-row{display:flex;gap:8px;width:100%;min-width:0}.add-to-circle-join-input{flex:1;min-width:0;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid rgba(120,160,220,.14);background:#ffffff08;color:#eaf0ff;font-family:Geist,system-ui,sans-serif;font-size:12px;outline:none}.add-to-circle-error{margin:8px 0 0;font-family:Geist,system-ui,sans-serif;font-size:11px;color:#f87171;line-height:1.45}.add-to-circle-muted{margin:0;font-family:Geist,system-ui,sans-serif;font-size:12px;color:#7a89b8;line-height:1.5}.add-to-circle-loading{display:flex;justify-content:center;padding:16px 0}.friend-profile-circle-name-block{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}@media (min-width: 768px){.add-to-circle-overlay{align-items:center;padding:16px}.add-to-circle-sheet{border-radius:16px;max-height:min(84vh,720px)}}@media (max-width: 767px){.add-to-circle-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.circle-chat-empty{padding:6px 2px 4px;text-align:center}.circle-chat-empty-prompt{margin:0 0 8px;font-family:Geist,system-ui;font-size:11px;font-weight:600;color:#9eb0d8;line-height:1.35}.circle-chat-empty-hint{margin:0;font-family:Geist,system-ui;font-size:10px;color:#7a89b8;line-height:1.4}.circle-chat-starters{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;text-align:left}.circle-chat-starter-btn{display:block;width:100%;box-sizing:border-box;padding:5px 7px;border-radius:7px;border:1px solid rgba(60,219,255,.22);background:#3cdbff0f;color:#9eb0d8;font-family:Geist,system-ui;font-size:10px;font-weight:500;line-height:1.25;cursor:pointer;text-align:left}.circle-chat-starter-btn--lime{border-color:#c6ff4a40;background:#c6ff4a14}.circle-chat-starters-panel{margin-top:10px;padding:8px 10px;border-radius:9px;border:1px solid rgba(198,255,74,.2);background:#c6ff4a0d}.circle-chat-starters-panel-label{margin:0 0 6px;font-family:Geist Mono,monospace;font-size:8px;color:#c6ff4a;letter-spacing:.12em;text-transform:uppercase}@media (min-width: 768px){.friend-profile-overlay{align-items:center!important;padding:24px!important}.friend-profile-sheet{border-radius:16px!important;max-height:min(88vh,760px)!important}}.friend-profile-header-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%}.friend-profile-header-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.friend-profile-header-avatar{width:52px;height:52px;border-radius:13px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid rgba(60,219,255,.45);box-shadow:0 0 16px #3cdbff33}.friend-profile-header-identity{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;flex:1}.friend-profile-header-badge{display:flex;align-items:center;gap:6px;margin:0;line-height:1}.friend-profile-header-badge span{font-family:Geist Mono,monospace;font-size:8px;color:#7a89b8;letter-spacing:.16em;text-transform:uppercase}.friend-profile-header-name-block{min-width:0}.friend-profile-header-name{margin:0;font-family:Geist,system-ui;font-size:20px;font-weight:700;color:#eaf0ff;letter-spacing:-.02em;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-profile-header-real-name{margin:1px 0 0;font-family:Geist,system-ui;font-size:12px;color:#7a89b8;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-profile-body{min-width:0}.friend-profile-circle-pane .friend-profile-circle-grid,.friend-profile-circle-grid{display:flex;flex-direction:column;gap:6px}.friend-profile-circle-row{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;border-radius:8px;background:#78a0dc0a;border:1px solid rgba(120,160,220,.08)}.friend-profile-circle-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid rgba(120,160,220,.18)}.friend-profile-circle-avatar-empty{background:#141a32}.friend-profile-circle-name{flex:1;min-width:0;font-family:Geist,system-ui;font-size:12px;font-weight:600;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-profile-circle-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.friend-profile-circle-action-btn{padding:4px 8px;border-radius:6px;border:1px solid rgba(120,160,220,.18);background:transparent;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.friend-profile-circle-action-btn:disabled{opacity:.55;cursor:not-allowed}.friend-profile-circle-action-btn.is-request{color:#3cdbff;border-color:#3cdbff47;background:#3cdbff14}.friend-profile-circle-action-btn.is-request:hover:not(:disabled){background:#3cdbff24}.friend-profile-circle-action-btn.is-accept{color:#c6ff4a;border-color:#c6ff4a47;background:#c6ff4a14}.friend-profile-circle-action-btn.is-accept:hover:not(:disabled){background:#c6ff4a24}.friend-profile-circle-action-btn.is-decline{color:#7a89b8;border-color:#78a0dc2e}.friend-profile-circle-action-btn.is-decline:hover:not(:disabled){color:#eaf0ff;background:#78a0dc14}.friend-profile-circle-badge{flex-shrink:0;padding:3px 7px;border-radius:5px;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.friend-profile-circle-badge.is-in-circle{color:#3cdbff;background:#3cdbff1a}.friend-profile-circle-badge.is-pending{color:#7a89b8;background:#78a0dc1a}.friend-profile-circle-badge.is-new{color:#a78bfa;background:#a78bfa1a}.friends-circle-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(120,160,220,.08)}.friends-circle-request-row:last-child{border-bottom:none}.friends-circle-request-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.friends-circle-request-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid rgba(60,219,255,.28)}.friends-circle-request-avatar-empty{background:#141a32;border-color:#78a0dc2e}.friends-circle-request-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.friends-circle-request-name{font-family:Geist,system-ui;font-size:13px;font-weight:600;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-circle-request-via{font-family:Geist,system-ui;font-size:11px;color:#7a89b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-circle-request-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}@media (min-width: 768px){.friend-profile-header-top{display:flex;align-items:center;gap:14px;width:100%}}.app-header{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:0 28px;background:#070a18f5;border-bottom:1px solid rgba(120,160,220,.14);flex-shrink:0;position:relative;z-index:60}.app-header-top{display:flex;align-items:center;width:100%;min-height:64px;gap:8px;box-sizing:border-box;overflow:visible}.app-header-brand{display:flex;align-items:center;gap:8px;line-height:1;flex-shrink:0;min-width:0}.app-header-logo-text{font-family:Pixelify Sans,sans-serif;font-weight:600;font-size:25px;letter-spacing:-.005em;line-height:1;color:#eaf0ff}.app-header-desktop-only{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0;overflow:visible}.app-header-demo-badge{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:6px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);flex-shrink:0}.app-header-demo-badge span{font-family:Geist Mono,monospace;font-size:9px;color:#fcd34d;letter-spacing:.16em}.social-presence-bar{display:flex;align-items:center;height:100%;padding:0 12px;gap:10px;border-right:1px solid rgba(120,160,220,.14);flex:0 1 auto;width:-moz-fit-content;width:fit-content;max-width:100%;overflow:visible;-moz-user-select:none;user-select:none;-webkit-user-select:none}.social-presence-label{display:flex;align-items:center;gap:6px;flex-shrink:0}.social-presence-label span{font-family:Geist Mono,monospace;font-size:8px;color:#7a89b8;letter-spacing:.18em;text-transform:uppercase}.social-presence-scroll{position:relative;display:flex;align-items:center;align-self:stretch;gap:4px;min-width:0;flex:0 1 auto;--social-avatar-size: 28px;--social-avatar-overlap: 7px;--social-avatar-step: calc(var(--social-avatar-size) - var(--social-avatar-overlap));min-width:calc(var(--social-avatar-size) + 4 * var(--social-avatar-step) + var(--social-avatar-size) + 10px);max-width:min(100%,calc(100vw - 680px));height:100%;overflow:visible}.social-presence-scroll-track{position:relative;display:flex;align-items:center;align-self:stretch;min-width:0;flex:1;height:100%;overflow:visible}.social-presence-scroll.has-overflow,.social-presence-scroll-track.has-overflow{padding:0 2px}.social-presence-avatars{display:flex;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;min-width:0;flex:1;height:100%;padding:0 2px;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.social-presence-avatars:active{cursor:grabbing}.social-presence-avatars.can-scroll-left:not(.can-scroll-right){-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 100%)}.social-presence-avatars.can-scroll-right:not(.can-scroll-left){-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 18px),transparent 100%)}.social-presence-avatars.can-scroll-left.can-scroll-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.social-presence-scroll-btn{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;transform:translateY(-50%);border:1px solid rgba(120,160,220,.2);border-radius:999px;background:#0d1226f2;color:#9eb0d8;cursor:pointer;box-shadow:0 4px 12px #00000040;-moz-user-select:none;user-select:none;-webkit-user-select:none}.social-presence-scroll-btn:hover{color:#3cdbff;border-color:#3cdbff59}.social-presence-scroll-btn--left{left:-8px}.social-presence-scroll-btn--right{right:-8px}.social-presence-avatar-wrap{position:relative;flex-shrink:0;scroll-snap-align:start;margin-left:-7px}.social-presence-avatars>.social-presence-avatar-wrap:first-child{margin-left:0}.social-presence-avatar-button{border:none;background:transparent;padding:0;cursor:pointer}.social-presence-avatar{display:block;width:28px;height:28px;border-radius:999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(120,160,220,.2);transition:transform .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.social-presence-avatar-button:hover .social-presence-avatar,.social-presence-avatar-wrap:hover .social-presence-avatar{transform:scale(1.04)}.social-presence-avatar--self{border-color:#3cdbff;box-shadow:0 0 10px #3cdbff59}.social-presence-avatar.is-playing{border-color:#3cdbff73}.social-presence-tooltip{min-width:120px;max-width:220px;padding:8px 10px;border-radius:10px;background:#0d1226;border:1px solid rgba(120,160,220,.2);box-shadow:0 8px 24px #0006;pointer-events:none;white-space:normal;text-align:left}.social-presence-tooltip--fixed{position:fixed;z-index:200}.social-presence-tooltip-name{margin:0 0 2px;font-family:Geist,system-ui,sans-serif;font-size:12px;font-weight:600;color:#eaf0ff}.social-presence-tooltip-status{margin:0;font-family:Geist Mono,monospace;font-size:9px;color:#7a89b8;letter-spacing:.06em;line-height:1.45}.social-presence-add-btn{position:relative;width:28px;height:28px;border-radius:999px;flex-shrink:0;border:1px dashed rgba(120,160,220,.35);background:#ffffff08;color:#9eb0d8;cursor:pointer;font-size:16px;font-weight:500;line-height:1;margin-left:0;z-index:3;overflow:visible;scroll-snap-align:none;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.social-presence-add-btn:hover{border-color:#3cdbff66;color:#3cdbff;background:#3cdbff14}.social-presence-add-btn.is-open{border-style:solid;border-color:#3cdbff73;background:#3cdbff1f;color:#3cdbff;box-shadow:0 0 10px #3cdbff40}.social-presence-add-badge{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#3cdbff;color:#070a18;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;border:2px solid #070a18;box-shadow:0 0 8px #3cdbff73;box-sizing:border-box;z-index:4;pointer-events:none}.app-header-mobile-circle{display:none}.app-header-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible}.app-header-spacer{flex:1 1 0;min-width:0}.app-header-nav{display:flex;gap:3px;padding:3px;background:#ffffff08;border-radius:9px;border:1px solid rgba(120,160,220,.14)}.app-header-profile-btn{display:flex;align-items:center;gap:8px;border:none;border-radius:8px;background:transparent;cursor:pointer;padding:4px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.profile-menu-dropdown,.profile-menu-user,.profile-menu-live-section{text-align:left}.profile-menu-dropdown{margin-top:19px;right:-20px}@media (max-width: 767px){.profile-menu-dropdown{margin-top:17px;right:-6px}}.profile-menu-dropdown button{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left}.profile-menu-action-label{flex:1;min-width:0;text-align:left}.profile-menu-live-section{padding:10px 14px 12px;border-top:1px solid rgba(120,160,220,.08)}.profile-menu-live-title{margin:0 0 6px;font-family:Geist Mono,monospace;font-size:8px;color:#7a89b8;letter-spacing:.16em;text-transform:uppercase}.profile-menu-live-copy{margin:0 0 8px;font-family:Geist,system-ui,sans-serif;font-size:11px;line-height:1.45;color:#9eb0d8}.profile-menu-live-panel{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:10px;background:#ffffff08;border:1px solid rgba(120,160,220,.1)}.profile-menu-service-row{display:flex;align-items:center;gap:9px;padding:6px;border-radius:8px}.profile-menu-dropdown button.profile-menu-service-connect{border:none;background:transparent;cursor:pointer;transition:background .15s}.profile-menu-dropdown button.profile-menu-service-connect:hover{background:#ffffff0d}.profile-menu-dropdown button.profile-menu-service-connect:disabled{opacity:.55;cursor:default}.profile-menu-service-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0;background:#7a89b833;border:1px solid rgba(122,137,184,.45)}.profile-menu-service-dot.is-connected{background:var(--service-color);border-color:var(--service-color);box-shadow:0 0 6px color-mix(in srgb,var(--service-color) 75%,transparent),0 0 14px color-mix(in srgb,var(--service-color) 35%,transparent)}.profile-menu-service-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;text-align:left}.profile-menu-service-name{font-family:Geist,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:1.25;color:#eaf0ff}.profile-menu-service-id{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;color:#7a89b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-dropdown button.profile-menu-service-disconnect{width:auto;flex:0 0 auto;padding:4px 9px;border-radius:6px;border:1px solid rgba(248,113,113,.28);background:transparent;color:#f87171;font-family:Geist,system-ui,sans-serif;font-size:10px;font-weight:600;cursor:pointer;transition:background .15s}.profile-menu-dropdown button.profile-menu-service-disconnect:hover{background:#f871711a}.profile-menu-dropdown button.profile-menu-service-disconnect:disabled{opacity:.5;cursor:default}.profile-menu-dropdown button.profile-menu-refresh-btn{justify-content:center;gap:6px;margin-top:6px;padding:7px 10px;border-radius:8px;border:1px solid rgba(60,219,255,.25);background:#3cdbff14;color:#3cdbff;font-family:Geist,system-ui,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.profile-menu-dropdown button.profile-menu-refresh-btn:hover{background:#3cdbff24}.profile-menu-dropdown button.profile-menu-refresh-btn:disabled{opacity:.6;cursor:wait}.profile-menu-refresh-icon{width:12px;height:12px;flex-shrink:0}.profile-menu-refresh-icon.is-spinning{animation:spin 1s linear infinite}.activity-btn-preview{display:none;flex:1;min-width:0;overflow:hidden;text-align:left}.activity-btn-preview--stacked{display:none;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0;overflow:hidden}.activity-btn-preview-headline{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Geist,system-ui,sans-serif;font-size:10px;font-weight:600;color:#c6ff4a;letter-spacing:.01em}.activity-btn-preview-message{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Geist,system-ui,sans-serif;font-size:11px;font-weight:500;color:#9eb0d8}.activity-btn-preview--incoming .activity-btn-preview-headline{animation:activity-preview-slide-in .42s cubic-bezier(.22,1,.36,1) both}.activity-btn-preview--incoming .activity-btn-preview-message{animation:activity-message-slide-in .56s cubic-bezier(.22,1,.36,1) 70ms both}.activity-btn--incoming{animation:activity-btn-glow .62s cubic-bezier(.22,1,.36,1) both}@keyframes activity-preview-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes activity-message-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes activity-btn-glow{0%{box-shadow:0 0 0 1px #3cdbff0f,0 0 14px #3cdbff24}35%{box-shadow:0 0 0 1px #c6ff4a38,0 0 22px #3cdbff57}to{box-shadow:0 0 0 1px #3cdbff0f,0 0 14px #3cdbff24}}@media (prefers-reduced-motion: reduce){.activity-btn-preview--incoming .activity-btn-preview-headline,.activity-btn-preview--incoming .activity-btn-preview-message,.activity-btn--incoming{animation:none}}.activity-btn{position:relative;overflow:visible;padding:7px 10px;border-radius:9px;border:1px solid rgba(60,219,255,.32);background:linear-gradient(135deg,#3cdbff1a,#7a8ff50f);color:#3cdbff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s,box-shadow .15s;box-shadow:0 0 0 1px #3cdbff0f,0 0 14px #3cdbff24}.app-header-activity-btn.activity-btn--preview-slot{width:188px;max-width:188px;justify-content:flex-start;overflow:visible}.activity-btn-preview--hidden{visibility:hidden;pointer-events:none}.activity-btn:hover{border-color:#3cdbff80;background:linear-gradient(135deg,#3cdbff24,#7a8ff51a);box-shadow:0 0 0 1px #3cdbff1a,0 0 18px #3cdbff38}.activity-btn--open{border-color:#3cdbff8c;background:#3cdbff24;box-shadow:0 0 0 1px #3cdbff1f,0 0 20px #3cdbff47}.activity-btn__icon{width:16px;height:16px;flex-shrink:0;color:#3cdbff;filter:drop-shadow(0 0 4px rgba(60,219,255,.45))}.activity-btn--live .activity-btn__icon{animation:activity-icon-pulse 2.4s ease-in-out infinite}@keyframes activity-icon-pulse{0%,to{filter:drop-shadow(0 0 3px rgba(60,219,255,.4));opacity:1}50%{filter:drop-shadow(0 0 8px rgba(60,219,255,.85));opacity:.92}}.activity-btn-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#3cdbff;color:#070a18;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #3cdbff8c;border:2px solid #070a18;z-index:2;pointer-events:none}.add-game-btn-label-full{display:inline}.add-game-btn-label-short{display:none}.add-game-trends-scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch}.add-game-trends-scroll .trend-game-tile{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.add-game-trends-scroll .trend-cover-art{-webkit-user-drag:none;transform:translateZ(0);backface-visibility:hidden}@media (hover: hover){.add-game-trends-scroll .trend-game-tile:hover{border-color:#3cdbff80}}.add-game-shelf-pill{--shelf-accent: #3cdbff;position:relative;padding:.375rem .25rem;border-radius:.5rem;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;min-width:0;cursor:pointer;color:var(--shelf-accent);background:color-mix(in srgb,var(--shelf-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--shelf-accent) 38%,transparent);box-shadow:none;transform:scale(1);transition:transform .16s cubic-bezier(.4,0,.2,1),background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}@media (hover: hover){.add-game-shelf-pill:hover{transform:scale(1.04);background:color-mix(in srgb,var(--shelf-accent) 24%,transparent);border-color:color-mix(in srgb,var(--shelf-accent) 62%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--shelf-accent) 28%,transparent)}.add-game-shelf-pill--active:hover{transform:scale(1.06);box-shadow:0 0 20px color-mix(in srgb,var(--shelf-accent) 50%,transparent),inset 0 0 10px color-mix(in srgb,var(--shelf-accent) 14%,transparent)}}.add-game-shelf-pill:active{transform:scale(.98)}.add-game-shelf-pill--active{color:#eaf0ff;font-weight:800;background:color-mix(in srgb,var(--shelf-accent) 32%,transparent);border:2px solid var(--shelf-accent);box-shadow:0 0 18px color-mix(in srgb,var(--shelf-accent) 48%,transparent),inset 0 0 12px color-mix(in srgb,var(--shelf-accent) 16%,transparent);transform:scale(1.05)}.add-game-shelf-pill--active:before{content:"";position:absolute;top:0;left:.4rem;right:.4rem;height:2px;border-radius:0 0 2px 2px;background:var(--shelf-accent);box-shadow:0 0 8px var(--shelf-accent)}.game-tile{height:320px;transform-origin:center top;transition:height .55s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease}.game-tile--live{z-index:2;animation:game-tile-live-glow 2.4s ease-in-out infinite}.game-tile-cover-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#12182e,#18203a 40%,#243052,#18203a 60%,#12182e);background-size:220% 100%;animation:game-tile-cover-shimmer 1.35s ease-in-out infinite;pointer-events:none}.game-tile-cover-shimmer--empty{display:flex;align-items:center;justify-content:center;padding:16px}.game-tile-cover-shimmer__title{position:relative;z-index:1;font-family:Geist Mono,monospace;font-size:9px;color:#eaf0ff6b;letter-spacing:.14em;text-transform:uppercase;text-align:center;line-height:1.35}@keyframes game-tile-cover-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.game-tile-live-ribbon{position:absolute;top:8px;left:8px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;border-radius:999px;background:#060a16d1;border:1px solid color-mix(in srgb,var(--live-accent) 70%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--live-accent) 45%,transparent),inset 0 0 8px color-mix(in srgb,var(--live-accent) 12%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.game-tile-live-ribbon__pulse{width:7px;height:7px;border-radius:999px;background:var(--live-accent);box-shadow:0 0 10px var(--live-accent);animation:game-tile-live-pulse 1.6s ease-in-out infinite;flex-shrink:0}.game-tile-live-ribbon__label{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--live-accent);line-height:1}.game-tile-live-ribbon__platform{font-size:9px;font-weight:700;letter-spacing:.04em;color:#eaf0ff;line-height:1;padding-left:2px;border-left:1px solid rgba(255,255,255,.16)}.game-tile-status-row--live{font-weight:700;letter-spacing:.02em}@keyframes game-tile-live-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.06)}}@keyframes game-tile-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@media (prefers-reduced-motion: reduce){.game-tile--live,.game-tile-live-ribbon__pulse{animation:none}.game-tile-cover-shimmer{animation:none;background-position:50% 0}}.game-tile--condensed{height:160px}.game-tile-cover{transition:transform .55s cubic-bezier(.22,1,.36,1);transform-origin:center center}.game-tile--condensed .game-tile-cover{transform:scale(1.05)}.game-tile-scrim{position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,transparent 0%,rgba(7,10,24,.85) 65%,rgba(7,10,24,.96) 100%);pointer-events:none;transition:height .55s cubic-bezier(.22,1,.36,1)}.game-tile--condensed .game-tile-scrim{height:78%}.app-header-rearrange-mobile{display:none}.library-shelf-grid--editing{scroll-snap-type:none}.library-shelf-grid--editing .game-tile{content-visibility:visible;contain:none;overflow:clip;box-shadow:none!important}.game-tile-cover-art{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.game-tile-top-badges{position:absolute;top:12px;z-index:4;display:inline-flex;align-items:center;gap:6px;pointer-events:none}.game-tile-rating-badge{flex-shrink:0}.game-tile-circle-chip{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 72px);padding:4px 8px 4px 4px;border-radius:999px;border:1px solid rgba(120,160,220,.28);background:#070a18d1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:left top;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease,top .55s cubic-bezier(.22,1,.36,1)}.game-tile--condensed .game-tile-circle-chip{transform:scale(.88);top:8px}.game-tile-circle-chip--overlap{border-color:#c6ff4a59;box-shadow:0 0 16px #c6ff4a1f}.game-tile-circle-avatars{display:flex;align-items:center;flex-shrink:0}.game-tile-circle-avatar{width:22px;height:22px;border-radius:999px;-o-object-fit:cover;object-fit:cover;border:2px solid #070a18;display:block;margin-left:-7px}.game-tile-circle-avatar:first-child{margin-left:0}.game-tile-circle-avatar--me{border-color:#3cdbff;box-shadow:0 0 8px #3cdbff73}.game-tile-circle-label{font-family:Geist,system-ui,sans-serif;font-size:10px;font-weight:600;color:#eaf0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.game-tile-footer{position:absolute;left:16px;right:16px;bottom:14px;color:#eaf0ff;transform-origin:left bottom;transition:transform .55s cubic-bezier(.22,1,.36,1),bottom .55s cubic-bezier(.22,1,.36,1)}.game-tile--condensed .game-tile-footer{bottom:10px;transform:scale(.94)}.game-tile-parent-title{font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;text-shadow:0 1px 8px rgba(0,0,0,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:14px;opacity:1;transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin-bottom .45s ease}.game-tile--condensed .game-tile-parent-title{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.game-tile-title{font-family:Geist,system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:font-size .55s cubic-bezier(.22,1,.36,1)}.game-tile-title--with-parent{font-size:18px}.game-tile--condensed .game-tile-title{font-size:15px}.game-tile--condensed .game-tile-title--with-parent{font-size:14px}.game-tile-status-row{display:flex;align-items:center;gap:10px;margin-top:8px;font-family:Geist Mono,monospace;font-size:9.5px;letter-spacing:.14em;overflow:hidden;max-height:28px;opacity:1;transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin-top .45s ease}.game-tile--condensed .game-tile-status-row{max-height:0;opacity:0;margin-top:0}.game-tile--condensed.game-tile--live .game-tile-status-row{max-height:1.25rem;opacity:1;margin-top:4px}.library-column-scroll{touch-action:pan-y;min-height:0;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.library-shelf-grid--editing .library-column-scroll .game-tile-reorder-controls{touch-action:manipulation}.library-shelf-grid--editing .game-tile--dragging-source{opacity:.35}@media (min-width: 768px){.app-header-rearrange-mobile{display:none!important}}@media (max-width: 767px){.app-header-rearrange-mobile{display:inline-flex}.app-header-rearrange-desktop{display:none!important}}@media (max-width: 1023px){.library-shelf-grid--editing>*{content-visibility:visible;contain:none}}@media (min-width: 900px){.activity-btn-preview,.activity-btn-preview--stacked{display:flex}}@media (min-width: 768px) and (max-width: 1023px){.library-shelf-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-left:0;padding-right:0}.library-shelf-grid>*{flex:0 0 min(88vw,380px);scroll-snap-align:start;min-width:min(88vw,380px);min-height:0;height:100%;align-self:stretch}}@media (min-width: 768px){.app-header{flex-direction:column;padding:0 28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-header-top{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;height:64px;min-height:64px;gap:16px;overflow:visible}.app-header-mobile-nav{display:none!important}}@media (max-width: 767px){.app-shell{height:100dvh;max-height:100dvh;overflow:hidden;overflow-x:clip;width:100%;max-width:100%;min-width:0}.app-header{padding:0;background:#070a18}.app-header-top{padding:0 10px;min-height:50px;gap:6px;overflow:visible}.app-header-brand{gap:6px;min-width:0;flex:1}.app-header-brand svg{width:35px;height:35px}.app-header-logo-text{font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-desktop-only,.app-header-nav,.app-header-rearrange-mobile,.app-header-rearrange-desktop{display:none!important}.app-header-spacer{display:none}.app-header-toolbar{margin-left:0;flex-shrink:0;gap:6px}.app-header-avatar-chevron{display:none!important}.app-header-profile-btn{padding:2px}.activity-btn{width:38px;height:38px;max-width:38px;padding:0!important;justify-content:center}.app-header-activity-btn.activity-btn--preview-slot{width:38px;max-width:38px;justify-content:center;overflow:visible}.activity-btn-preview{display:none!important}.app-header-add-btn{width:auto;min-width:0;height:38px;padding:0 9px!important;display:flex;align-items:center;justify-content:center;font-size:10px!important;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.add-game-btn-label-full{display:none!important}.add-game-btn-label-short{display:inline!important}.app-header-mobile-circle{display:flex;width:100%;min-width:0;padding:4px 8px 8px;box-sizing:border-box;border-top:1px solid rgba(120,160,220,.08);overflow:visible}.app-header-mobile-circle .social-presence-bar{display:flex!important;width:100%;max-width:100%;height:auto;min-height:38px;padding:2px 4px 0;border-right:none;gap:8px;overflow:visible}.app-header-mobile-circle .social-presence-scroll{flex:1;min-width:0;max-width:100%;--social-avatar-size: 26px;--social-avatar-overlap: 6px}.app-header-mobile-circle .social-presence-scroll-track{flex:1;min-width:0}.app-header-mobile-circle .social-presence-label span{font-size:7px}.app-header-mobile-circle .social-presence-scroll-btn{width:22px;height:22px}.app-main{flex:1;min-height:0;overflow:hidden;width:100%;max-width:100%}html,body,#root{max-width:100%;overflow-x:clip}.app-main,.library-view,.friends-section,.friends-layout,.friends-main,.explore-section,.archive-section{width:100%;max-width:100%;min-width:0;overflow-x:clip}.library-column,.library-column-scroll,.game-tile{max-width:100%;min-width:0}.library-shelf-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.library-shelf-grid>*{flex:0 0 var(--shelf-column-width, 100%)!important;min-width:0!important;width:var(--shelf-column-width, 100%)!important;max-width:var(--shelf-column-width, 100%)!important;min-height:0;height:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.library-column-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:10px 12px 8px!important;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;touch-action:pan-x pan-y}.library-column-sort-open{overflow:visible!important;position:relative;z-index:12}.library-column-sort-open .library-column-header{overflow:visible!important}.library-column-sort-trigger,.library-shelf-sort-menu{touch-action:manipulation}.library-shelf-sort-menu{z-index:50}.library-shelf-pager{touch-action:pan-x pan-y}.library-column-header-glyph{display:none!important}.library-column-header-title{flex:1 1 auto;min-width:0}.library-column-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px!important;line-height:1.2!important}.library-column-header-sub{display:none!important}.library-column-header-tools{display:flex!important;flex:0 0 auto;align-items:center;justify-content:flex-end;width:auto!important;gap:6px!important}.library-column-header-count{flex-shrink:0;text-align:right;padding-left:2px}.library-column-scroll{padding-left:10px!important;padding-right:10px!important;box-sizing:border-box;touch-action:pan-x pan-y;overscroll-behavior-x:auto;overscroll-behavior-y:contain}.library-column-scroll .game-tile{touch-action:pan-x pan-y}.game-tile{width:100%;max-width:100%;box-sizing:border-box;height:280px}.game-tile--condensed{height:140px}.library-view{width:100%;max-width:100%;overflow-x:hidden}.add-game-modal-overlay{padding:0!important;align-items:stretch!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.add-game-modal{width:100%!important;max-width:100%!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;border:none!important;overflow-x:clip}.add-game-form{width:100%;max-width:100%;min-width:0;overflow-x:clip}.add-game-fields-panel,.add-game-cover-panel{width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box}.add-game-cover-panel{order:2;width:100%!important;padding:16px 16px 20px!important;border-right:none!important;border-top:1px solid rgba(120,160,220,.14)}.add-game-cover-panel .aspect-square{max-width:min(220px,72vw)}.add-game-fields-panel{order:1;padding:16px!important}.mobile-bottom-nav{display:flex!important}.library-shelf-pager{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;padding:2px 0 6px}.library-shelf-pager__dots{display:flex;align-items:center;justify-content:center;gap:5px}.library-shelf-pager__dot{width:5px;height:5px;padding:0;border:none;border-radius:999px;background:#78a0dc38;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.library-shelf-pager__dot.is-active{width:14px;border-radius:999px}}@media (min-width: 768px){.mobile-bottom-nav{display:none!important}.library-shelf-pager{display:none}}.mobile-bottom-nav{display:none;flex-shrink:0;border-top:1px solid var(--rule);background:#070a18f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));gap:4px}.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border:none;border-radius:10px;background:transparent;color:#7a89b8;font-family:Geist,system-ui,sans-serif;font-size:10px;font-weight:500;line-height:1.1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}.mobile-bottom-nav button.active{background:#3cdbff1f;color:#3cdbff;font-weight:600}.mobile-bottom-nav button.\!active{background:#3cdbff1f!important;color:#3cdbff!important;font-weight:600!important}.archive-section{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:1200px;margin:0 auto;padding:40px 32px;-webkit-overflow-scrolling:touch}.archive-section__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}.archive-section__intro{min-width:0}.archive-section__title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.archive-section__icon-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#3cdbff1a;border:1px solid rgba(60,219,255,.2)}.archive-section__icon-badge svg{width:18px;height:18px;color:#3cdbff}.archive-section__title{margin:0;font-family:Geist,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:#eaf0ff;line-height:1}.archive-section__title-accent{color:#3cdbff}.archive-section__subtitle{margin:0;font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#7a89b8;line-height:1.6;max-width:420px}.archive-section__sort{display:flex;flex-wrap:wrap;gap:6px}.archive-section__sort-btn{padding:6px 10px;border-radius:8px;border:1px solid rgba(120,160,220,.14);background:#ffffff08;color:#7a89b8;font-family:Geist,system-ui,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.archive-section__sort-btn.is-active{background:#3cdbff1a;border-color:#3cdbff59;color:#3cdbff;font-weight:600}.archive-section__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:320px;padding:32px 20px;border-radius:16px;border:1px dashed rgba(120,160,220,.2);background:#ffffff05}.archive-section__empty-icon{width:40px;height:40px;color:#5a6a98;margin-bottom:16px}.archive-section__empty h2{margin:0 0 10px;font-family:Geist,system-ui,sans-serif;font-size:18px;font-weight:600;color:#eaf0ff}.archive-section__empty p{margin:0;max-width:360px;font-family:Geist,system-ui,sans-serif;font-size:13px;line-height:1.6;color:#7a89b8}.archive-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.archive-section__card{display:flex;flex-direction:column;gap:8px;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:12px;transition:transform .15s}.archive-section__card:hover{transform:translateY(-2px)}.archive-section__cover-wrap{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;border:1px solid rgba(120,160,220,.14);background:#ffffff08}.archive-section__cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.archive-section__cover--placeholder{background:linear-gradient(135deg,#3cdbff14,#7a8ff51f)}.archive-section__rating{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:6px;background:#070a18d1;color:#f5d565;font-family:Geist Mono,monospace;font-size:10px;font-weight:700}.archive-section__rating-icon{width:10px;height:10px;fill:currentColor}.archive-section__meta{min-width:0;padding:0 2px}.archive-section__parent{margin:0 0 2px;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5a6a98;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-section__name{margin:0;font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:600;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-section__progress{margin:3px 0 0;font-family:Geist Mono,monospace;font-size:9px;color:#7a89b8;letter-spacing:.06em}.archive-section--embedded{flex:1;min-height:0;padding:16px 16px 24px;overflow-y:auto}.archive-section__embedded-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.mention-text-input{position:relative;flex:1;min-width:0}.mention-text-input>input{width:100%;box-sizing:border-box}.mention-text-input__menu{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:10px;border:1px solid rgba(120,160,220,.18);background:#0d1226fa;box-shadow:0 10px 30px #00000059;max-height:220px;overflow-y:auto}.mention-text-input__option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#eaf0ff;cursor:pointer;text-align:left}.mention-text-input__option.is-active,.mention-text-input__option:hover{background:#3cdbff1a}.mention-text-input__avatar{width:22px;height:22px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.mention-text-input__avatar--empty{display:inline-block;background:#ffffff14}.mention-text-input__name{font-family:Geist,system-ui,sans-serif;font-size:12px;font-weight:600}.comment-mention{color:#3cdbff;font-weight:600}.comment-mention--me{color:#f5d565}.game-detail-composer-input .mention-text-input{width:100%}.game-detail-composer-input .mention-text-input>input{min-height:var(--game-detail-footer-control-height, 34px);height:var(--game-detail-footer-control-height, 34px);padding-block:0;line-height:1.2;box-sizing:border-box}.game-detail-composer-input{display:flex;align-items:center}.app-shell{min-height:100vh;min-height:100dvh;height:100dvh;max-height:100dvh;width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;background:#070a18;color:#eaf0ff;position:relative;overflow:hidden;overflow-x:clip}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;overflow-x:clip;min-height:0;width:100%;max-width:100%;min-width:0}.firebase-connecting-banner{flex-shrink:0;margin:8px 12px 0;padding:10px 14px;border-radius:10px;border:1px solid rgba(60,219,255,.22);background:#3cdbff14;font-family:Geist,system-ui,sans-serif;font-size:12px;color:#9eb0d8;text-align:center}.library-load-error-banner{flex-shrink:0;display:flex;align-items:center;gap:12px;margin:8px 12px 0;padding:12px 14px;border-radius:10px;border:1px solid rgba(248,113,113,.28);background:#f8717114}.library-load-error-banner__icon{width:18px;height:18px;flex-shrink:0;color:#f87171}.library-load-error-banner__copy{flex:1;min-width:0}.library-load-error-banner__title{margin:0 0 2px;font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:600;color:#eaf0ff}.library-load-error-banner__message{margin:0;font-family:Geist,system-ui,sans-serif;font-size:12px;line-height:1.45;color:#9eb0d8}.library-load-error-banner__retry{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid rgba(248,113,113,.35);background:#f871711f;color:#fca5a5;cursor:pointer;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.library-load-error-banner__retry:hover{background:#f871712e}.library-load-warning-banner{flex-shrink:0;display:flex;align-items:center;gap:12px;margin:8px 12px 0;padding:10px 14px;border-radius:10px;border:1px solid rgba(251,191,36,.28);background:#fbbf2414}.library-load-warning-banner__icon{width:18px;height:18px;flex-shrink:0;color:#fbbf24}.library-load-warning-banner__message{flex:1;margin:0;font-family:Geist,system-ui,sans-serif;font-size:12px;line-height:1.45;color:#fde68a}.library-load-warning-banner__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:6px;background:transparent;color:#fbbf24;cursor:pointer}.library-load-warning-banner__dismiss:hover{background:#fbbf241f}.empty-shelf-onboarding{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.empty-shelf-onboarding__hero{max-width:480px;width:100%;text-align:center;margin-bottom:24px}.empty-shelf-onboarding__title{font-family:Geist,system-ui,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.03em;color:#eaf0ff;margin:20px 0 12px}.empty-shelf-onboarding__title span{color:#3cdbff}.empty-shelf-onboarding__subtitle{font-family:Geist,system-ui,sans-serif;font-size:14px;line-height:1.55;color:#7a89b8;margin:0}.empty-shelf-onboarding__actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px;margin-bottom:32px}.empty-shelf-onboarding__primary,.empty-shelf-onboarding__secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;border-radius:12px;font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:600;cursor:pointer}.empty-shelf-onboarding__primary{border:none;background:linear-gradient(135deg,#3cdbff,#7a8ff5);color:#fff;box-shadow:0 0 24px #3cdbff59}.empty-shelf-onboarding__secondary{border:1px solid rgba(120,160,220,.18);background:#ffffff08;color:#9eb0d8}.empty-shelf-onboarding__secondary:hover{background:#ffffff0d;color:#eaf0ff}.empty-shelf-onboarding__trends{width:100%;max-width:640px}.empty-shelf-onboarding__trends-label{font-family:Geist Mono,monospace;font-size:9px;color:#7a89b8;letter-spacing:.16em;text-transform:uppercase;text-align:center;margin:0 0 14px}.empty-shelf-onboarding__trends-loading{display:flex;justify-content:center;color:#3cdbff}.empty-shelf-onboarding__trends-empty{font-family:Geist,system-ui,sans-serif;font-size:12px;color:#7a89b8;text-align:center;margin:0}.empty-shelf-onboarding__trends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px}.empty-shelf-onboarding__trend-tile{border:1px solid rgba(120,160,220,.14);border-radius:10px;overflow:hidden;padding:0;background:#ffffff05;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.empty-shelf-onboarding__trend-tile:hover{border-color:#3cdbff66;transform:translateY(-2px)}.empty-shelf-onboarding__trend-tile .trend-cover-art{aspect-ratio:3 / 4;width:100%}.empty-shelf-onboarding__trend-title{display:block;padding:6px 8px 8px;font-family:Geist,system-ui,sans-serif;font-size:10px;font-weight:600;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:115;background:#070a18e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.onboarding-modal{width:100%;max-width:480px;max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:#0d1226;border:1px solid rgba(120,160,220,.14);border-radius:20px;overflow:hidden}.onboarding-modal--wide{max-width:640px}.onboarding-modal__progress{padding:20px 24px 0;display:flex;gap:6px;justify-content:center;flex-shrink:0}.onboarding-modal__progress-segment{width:8px;height:4px;border-radius:999px;background:#78a0dc33;transition:width .2s,background .2s}.onboarding-modal__progress-segment.is-active{width:24px;background:#3cdbff}.onboarding-modal__body{padding:28px 28px 24px;overflow-y:auto;flex:1;min-height:0}.onboarding-modal__body--profile{padding:20px 24px 16px}.onboarding-modal__footer{padding:16px 24px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;border-top:1px solid rgba(120,160,220,.08)}.onboarding-hero{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:12px}.onboarding-hero__lead,.onboarding-hero__accent{margin:0;font-family:Geist,system-ui,sans-serif;font-size:28px;font-weight:700;color:#eaf0ff;letter-spacing:-.03em}.onboarding-hero__accent{color:#3cdbff}.onboarding-hero__brand{transform:translateY(1px)}.brand-logo{display:inline-flex;align-items:center;gap:8px}.brand-logo__text{font-family:Geist,system-ui,sans-serif;font-size:22px;font-weight:700;color:#eaf0ff;letter-spacing:-.03em;line-height:1}.brand-logo__accent{color:#3cdbff}.onboarding-step-title{margin:0 0 8px;font-family:Geist,system-ui,sans-serif;font-size:22px;font-weight:700;color:#eaf0ff;letter-spacing:-.02em}.onboarding-step-copy{margin:0 0 18px;font-family:Geist,system-ui,sans-serif;font-size:13px;color:#7a89b8;line-height:1.55}.onboarding-step-copy--compact{margin-bottom:14px;font-size:12px;line-height:1.45}.onboarding-step-copy--muted{margin-bottom:0}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.onboarding-btn:disabled{opacity:.65;cursor:wait}.onboarding-btn--primary{padding:10px 18px;border:none;background:linear-gradient(135deg,#3cdbff,#7a8ff5);color:#fff}.onboarding-btn--secondary{padding:10px 14px;border:1px solid rgba(120,160,220,.22);background:#78a0dc0f;color:#c8d4f0;font-size:12px;line-height:1.35;text-align:left;max-width:min(240px,52%)}.onboarding-btn--ghost{padding:0;border:none;background:none;color:#7a89b8;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.onboarding-lite-search{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.onboarding-lite-search__header{display:flex;flex-direction:column;gap:4px}.onboarding-lite-search__shelf{margin:0;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3cdbff}.onboarding-lite-search__hint{margin:0;font-family:Geist,system-ui,sans-serif;font-size:12px;color:#7a89b8;line-height:1.45}.onboarding-lite-search__success{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(74,222,128,.28);background:#4ade8014}.onboarding-lite-search__success-icon{width:18px;height:18px;flex-shrink:0;color:#86efac;margin-top:1px}.onboarding-lite-search__success-title{margin:0;font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:600;color:#dcfce7;line-height:1.45}.onboarding-lite-search__success-title span{color:#bbf7d0}.onboarding-lite-search__success-subtitle{margin:4px 0 0;font-family:Geist,system-ui,sans-serif;font-size:12px;color:#86efac;line-height:1.45}.onboarding-lite-search__added-list{display:flex;flex-direction:column;gap:8px}.onboarding-lite-search__added-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid rgba(60,219,255,.22);background:#3cdbff0f}.onboarding-lite-search__added-thumb{width:36px;height:48px;flex-shrink:0;border-radius:8px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#141a30}.onboarding-lite-search__added-thumb--empty{background:linear-gradient(160deg,#3cdbff14,#7a8ff51f)}.onboarding-lite-search__added-title{flex:1;min-width:0;font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:600;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-lite-search__added-check{width:16px;height:16px;flex-shrink:0;color:#3cdbff}.onboarding-lite-search__error{margin:0;font-family:Geist,system-ui,sans-serif;font-size:12px;color:#fca5a5;line-height:1.45}.onboarding-lite-search__input-wrap{position:relative}.onboarding-lite-search__input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#7a89b8;pointer-events:none}.onboarding-lite-search__input{width:100%;padding:12px 42px;border-radius:12px;border:1px solid rgba(120,160,220,.18);background:#ffffff08;color:#eaf0ff;font-family:Geist,system-ui,sans-serif;font-size:14px;outline:none}.onboarding-lite-search__input:focus{border-color:#3cdbff66}.onboarding-lite-search__spinner{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#3cdbff;animation:spin 1s linear infinite}.onboarding-lite-search__results{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.onboarding-lite-search__result{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:12px;border:1px solid rgba(120,160,220,.14);background:#080c1c8c;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.onboarding-lite-search__result:hover:not(:disabled){border-color:#3cdbff59;background:#3cdbff0d}.onboarding-lite-search__result.is-added{border-color:#3cdbff73;background:#3cdbff14}.onboarding-lite-search__result:disabled{cursor:default}.onboarding-lite-search__thumb{width:42px;height:56px;flex-shrink:0;border-radius:8px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#141a30}.onboarding-lite-search__thumb--empty{background:linear-gradient(160deg,#3cdbff14,#7a8ff51f)}.onboarding-lite-search__result-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.onboarding-lite-search__result-title{font-family:Geist,system-ui,sans-serif;font-size:13px;font-weight:600;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-lite-search__result-meta{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#7a89b8}.onboarding-lite-search__result-add{flex-shrink:0;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3cdbff}.onboarding-pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 540px){.onboarding-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.onboarding-game-picks--spaced{margin-top:4px}.onboarding-game-picks__loading{display:flex;justify-content:center;padding:28px 0;color:#3cdbff}.onboarding-game-picks__section+.onboarding-game-picks__section{margin-top:18px}.onboarding-game-picks__section-label{margin:0 0 10px;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a89b8}.onboarding-pick-card{position:relative;aspect-ratio:3 / 4;padding:0;border-radius:14px;overflow:hidden;border:1px solid rgba(120,160,220,.14);background:#0d1226;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s}.onboarding-pick-card:hover:not(:disabled){border-color:#3cdbff66;transform:translateY(-1px)}.onboarding-pick-card.is-selected{border-color:#3cdbffa6;box-shadow:0 0 0 1px #3cdbff40}.onboarding-pick-card:disabled{opacity:.7;cursor:wait}.onboarding-pick-card .trend-cover-art{width:100%;height:100%}.onboarding-pick-card__cover-fallback{width:100%;height:100%;background-color:#0d1226;background-size:cover;background-position:center}.onboarding-pick-card__cover-fallback--empty{background:linear-gradient(160deg,#3cdbff14,#7a8ff51f)}.onboarding-pick-card__badge{position:absolute;top:8px;left:8px;z-index:2;padding:3px 7px;border-radius:6px;background:#070a18b8;border:1px solid rgba(120,160,220,.25);font-family:Geist Mono,monospace;font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3cdbff}.onboarding-pick-card__check{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#3cdbff,#7a8ff5);color:#fff;box-shadow:0 4px 12px #00000059}.onboarding-pick-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;background:linear-gradient(to top,rgba(7,10,24,.96) 0%,rgba(7,10,24,.35) 45%,transparent 70%);pointer-events:none}.onboarding-pick-card__rating{margin:0 0 4px;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;color:#fbbf24}.onboarding-pick-card__title{margin:0;font-family:Geist,system-ui,sans-serif;font-size:10px;font-weight:700;color:#eaf0ff;text-transform:uppercase;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-feed-tabs{display:flex;gap:6px;padding:10px 24px 0;border-bottom:1px solid rgba(120,160,220,.1)}.activity-feed-tabs__tab{flex:1;padding:8px 10px;border:none;border-radius:8px 8px 0 0;background:transparent;color:#7a89b8;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.activity-feed-tabs__tab.is-active{color:#3cdbff;background:#3cdbff14;box-shadow:inset 0 -2px #3cdbff}.app-toast-stack{position:fixed;right:16px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.app-toast{padding:12px 14px;border-radius:10px;font-family:Geist,system-ui,sans-serif;font-size:13px;line-height:1.45;box-shadow:0 12px 32px #00000059;pointer-events:auto;animation:app-toast-in .22s ease-out}@keyframes app-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.social-presence-bar{display:none!important}}.explore-section-heading{margin-bottom:20px}.explore-section-heading-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.explore-section-heading-row--split{justify-content:space-between;flex-wrap:wrap;gap:12px}.explore-section-heading-title{display:flex;align-items:center;gap:10px}.explore-section-heading h3{margin:0;font-family:Geist,system-ui;font-weight:800;font-size:18px;color:#eaf0ff;text-transform:uppercase}.explore-section-heading--compact h3{font-size:16px}.explore-section-rule{width:100%;max-width:100%;height:0;border:none;border-bottom:1px solid var(--rule)}.explore-calendar-week-heading{margin-bottom:12px}.explore-calendar-week-label{margin:0 0 8px;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;color:#34d399;text-transform:uppercase;letter-spacing:.16em}@media (max-width: 767px){.activity-notification-stack{bottom:72px!important;right:16px!important}.explore-section{padding:24px 16px!important}.explore-calendar-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important;gap:10px!important}.archive-section{padding:24px 16px!important}.friends-section{flex-direction:column;min-height:0}.friends-sheet-overlay,.friend-profile-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#070a18eb!important}.add-feedback-toast{bottom:72px!important}.side-chat-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#070a18!important}.game-detail-overlay{padding:0!important;align-items:stretch!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.game-detail-panel{max-width:none!important;height:100%!important;max-height:100dvh!important;border-radius:0!important;border:none!important}.game-detail-cover{height:196px!important;max-height:196px!important;flex-shrink:0;transition:height .34s cubic-bezier(.22,1,.36,1),max-height .34s cubic-bezier(.22,1,.36,1)}.game-detail-cover:has(.game-detail-cover-info-panel.is-open){height:min(72dvh,560px)!important;max-height:min(72dvh,560px)!important}.game-detail-cover-tools{display:flex!important;gap:8px}.game-detail-cover-bottom{bottom:8px;left:10px;right:10px;gap:6px}.game-detail-cover-bottom .game-detail-cover-tools button:not(.game-detail-info-btn):not(.game-detail-library-add-btn):not(.game-detail-cover-shelf-btn){display:none!important}.game-detail-cover-actions-row>.game-detail-cover-shelf-btn{display:flex!important}.game-detail-cover-actions-row:not(:has(.game-detail-library-add-btn))>.game-detail-info-btn{flex:1 1 100%}.game-detail-cover:has(.game-detail-cover-info-panel.is-open) .game-detail-cover-title-mobile{opacity:0}.game-detail-cover-title-mobile{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;top:0;right:0;bottom:0;left:0;padding:44px 14px 12px;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(7,10,24,.55) 45%,rgba(7,10,24,.95) 100%);z-index:1}.game-detail-cover-title-mobile .game-detail-shelf-menu{pointer-events:auto}.game-detail-cover-parent{margin:0 0 2px;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a89b8}.game-detail-cover-heading{margin:0;font-family:Geist,system-ui,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-detail-cover-meta{margin:4px 0 0;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7a89b8;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.game-detail-cover-meta-dot{opacity:.55}.game-detail-cover-meta-shelf.game-detail-shelf-menu{pointer-events:auto}.game-detail-cover-stats{padding:8px 10px}.game-detail-cover-stat-label{font-size:7px}.game-detail-cover-stat-value{font-size:10px}.game-detail-close-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#070a18b8!important;top:calc(10px + env(safe-area-inset-top,0px))!important;left:10px!important;z-index:2}.game-detail-body{min-height:0}.game-detail-panel:has(.game-detail-chat-panel.is-minimal) .game-detail-content,.game-detail-panel:has(.game-detail-chat-panel.is-peek) .game-detail-content{flex:0 1 auto!important}.game-detail-content{flex:1;min-height:0;padding:12px 14px 0!important;display:flex;flex-direction:column}.game-detail-header-copy{display:block!important;min-width:0}.game-detail-header{margin-bottom:8px!important;justify-content:space-between!important;align-items:center!important}.game-detail-cover-heading{display:none}.game-detail-cover-meta:empty{display:none}.game-detail-chat-section{border-top:none!important;margin-top:0!important;padding-top:8px!important;min-height:0}.game-detail-chat-panel{display:flex;flex-direction:column;flex-shrink:0;min-height:0;margin-top:auto;border-top:1px solid rgba(120,160,220,.1);background:#0d1226;transition:flex .32s cubic-bezier(.22,1,.36,1)}.game-detail-chat-panel.is-minimal,.game-detail-chat-panel.is-peek{flex:0 0 auto}.game-detail-chat-panel.is-full{flex:1;min-height:0}.game-detail-panel:has(.game-detail-chat-panel.is-minimal) .game-detail-cover:not(:has(.game-detail-cover-info-panel.is-open)){height:min(62dvh,500px)!important;max-height:min(62dvh,500px)!important}.game-detail-panel:has(.game-detail-chat-panel.is-peek) .game-detail-cover:not(:has(.game-detail-cover-info-panel.is-open)){height:min(52dvh,440px)!important;max-height:min(52dvh,440px)!important}.game-detail-panel:has(.game-detail-chat-panel.is-full) .game-detail-cover:not(:has(.game-detail-cover-info-panel.is-open)){height:min(30dvh,260px)!important;max-height:min(30dvh,260px)!important}.game-detail-chat-handle{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:14px 2px 6px;border:none;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative}.game-detail-chat-handle-bar{position:absolute;top:6px;left:50%;width:34px;height:4px;border-radius:999px;background:#78a0dc59;transform:translate(-50%)}.game-detail-chat-handle-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.game-detail-chat-handle-title{font-family:Geist,system-ui,sans-serif;font-size:12px;font-weight:700;color:#eaf0ff}.game-detail-chat-handle-meta{font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a89b8}.game-detail-chat-handle-chevron{width:16px;height:16px;color:#7a89b8;flex-shrink:0;transition:transform .22s ease}.game-detail-chat-handle-chevron.is-flipped{transform:rotate(180deg)}.game-detail-chat-panel.is-minimal .game-detail-chat-section,.game-detail-chat-panel.is-peek .game-detail-chat-section{flex:0 1 auto;padding-top:0!important}.game-detail-chat-panel.is-minimal .game-detail-chat-section>div:first-child,.game-detail-chat-panel.is-minimal .game-detail-chat-section-detail,.game-detail-chat-panel.is-minimal .game-detail-chat-world-note{display:none!important}.game-detail-chat-panel.is-minimal .game-detail-chat-messages,.game-detail-chat-panel.is-minimal .circle-chat-empty{display:none!important}.game-detail-chat-panel.is-minimal .game-detail-composer{border-top:none!important;padding-top:0!important;margin-top:0!important;box-shadow:none!important}.game-detail-chat-panel.is-minimal .game-detail-chat-readonly-note{padding-top:0!important;padding-bottom:8px!important;margin-top:0!important;border-top:none!important}.game-detail-chat-panel.is-peek .game-detail-chat-section-detail,.game-detail-chat-panel.is-peek .game-detail-chat-world-note,.game-detail-chat-panel.is-peek .circle-chat-empty{display:none!important}.game-detail-chat-panel.is-peek .game-detail-chat-messages{flex:0 0 auto;max-height:min(24dvh,180px);overflow-y:auto;margin:0}.game-detail-chat-panel.is-peek .game-detail-composer{box-shadow:0 -4px 12px #070a1873}.game-detail-status-section{padding-bottom:0}.game-detail-composer{z-index:2;box-shadow:0 -8px 16px #070a18a6;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.discover-sheet-panel{max-height:100dvh!important;border-radius:0!important}.friends-compare-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))!important;gap:10px!important}.side-chat-panel{max-width:100%!important}}.game-detail-chat-panel{display:flex;flex-direction:column;min-height:0}.game-detail-cover-title-mobile{display:none}@media (min-width: 768px){.game-detail-chat-panel{flex:1;min-height:0;display:flex;flex-direction:column}.game-detail-content{padding-bottom:24px!important}.game-detail-composer{padding-top:0!important;margin-top:0!important;border-top:none!important;box-shadow:none!important}.game-detail-chat-handle{display:none!important}.game-detail-close-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.connect-services-modal>div{flex-direction:row!important}.connect-services-terminal{width:300px!important}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-4{left:1rem}.left-6{left:1.5rem}.right-0{right:0}.right-12{right:3rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.right-6{right:1.5rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[105\]{z-index:105}.z-\[110\]{z-index:110}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-12{height:3rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-28{max-height:7rem}.max-h-60{max-height:15rem}.max-h-72{max-height:18rem}.max-h-\[92dvh\]{max-height:92dvh}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.min-h-0{min-height:0px}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-green-500\/20{border-color:#22c55e33}.border-orange-500\/20{border-color:#f9731633}.border-red-500\/20{border-color:#ef444433}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.bg-\[\#070a18\]{--tw-bg-opacity: 1;background-color:rgb(7 10 24 / var(--tw-bg-opacity, 1))}.bg-\[\#141a30\]{--tw-bg-opacity: 1;background-color:rgb(20 26 48 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-green-500\/10{background-color:#22c55e1a}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-600\/20{background-color:#ea580c33}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#070a18\]{--tw-gradient-from: #070a18 var(--tw-gradient-from-position);--tw-gradient-to: rgb(7 10 24 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#0d1226\]{--tw-gradient-from: #0d1226 var(--tw-gradient-from-position);--tw-gradient-to: rgb(13 18 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from: rgb(0 0 0 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#0d1226\]\/55{--tw-gradient-to: rgb(13 18 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(13 18 38 / .55) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-0\.5{padding-right:.125rem}.pr-10{padding-right:2.5rem}.pr-24{padding-right:6rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:Geist Mono,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#3cdbff\]{--tw-text-opacity: 1;color:rgb(60 219 255 / var(--tw-text-opacity, 1))}.text-\[\#3cdbff\]\/40{color:#3cdbff66}.text-\[\#3cdbff\]\/70{color:#3cdbffb3}.text-\[\#4ade80\]{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-\[\#7a89b8\]{--tw-text-opacity: 1;color:rgb(122 137 184 / var(--tw-text-opacity, 1))}.text-\[\#9eb0d8\]{--tw-text-opacity: 1;color:rgb(158 176 216 / var(--tw-text-opacity, 1))}.text-\[\#eaf0ff\]{--tw-text-opacity: 1;color:rgb(234 240 255 / var(--tw-text-opacity, 1))}.text-\[\#fbbf24\],.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-400\/80{color:#fbbf24cc}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-orange-200{--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/10{color:#ffffff1a}.text-white\/20{color:#fff3}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/5{color:#ffffff0d}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/80{color:#fffc}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow: 0 0 50px rgba(0,0,0,.6);--tw-shadow-colored: 0 0 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-0{--tw-blur: blur(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes comment-highlight-flash{0%,to{background:#3cdbff1f;box-shadow:0 0 0 1px #3cdbff59}50%{background:#3cdbff38;box-shadow:0 0 12px #3cdbff59}}.comment-highlight-flash{animation:comment-highlight-flash 1.6s ease-in-out 2}@keyframes fade-in-out-subtle{0%{opacity:0;transform:translateY(2px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@keyframes zoom-in-95{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-from-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-from-top{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation:var(--anim-name) var(--anim-duration, .5s) ease-out forwards}.fade-in{--anim-name: fade-in}.fade-subtle{--anim-name: fade-in-out-subtle;--anim-duration: 10s}.zoom-in-95{--anim-name: zoom-in-95}.slide-in-from-right-10{--anim-name: slide-in-from-right}.slide-in-from-top-2{--anim-name: slide-in-from-top}.library-column-steam-import-btn{padding:4px 7px;border-radius:6px;border:1px solid rgba(122,143,245,.35);background:#7a8ff51a;color:#9eb0ff;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.add-game-steam-import-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;border-radius:8px;border:1px solid rgba(122,143,245,.35);background:#7a8ff51a;color:#9eb0ff;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.add-game-steam-import-btn:hover{background:#7a8ff529;border-color:#7a8ff580;color:#c6d0ff}.game-detail-info-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(120,160,220,.28);background:linear-gradient(180deg,#121c34fa,#0a0e20fa);color:#9eb0d8;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 28px #00000073;transition:background .15s,border-color .15s,color .15s,transform .15s}.game-detail-info-btn:hover{background:linear-gradient(180deg,#182644fc,#0c1228fc);border-color:#78a0dc6b;color:#c5d0e8}.game-detail-info-btn.is-active{background:#ffffff14;border-color:#ffffff29;color:#eaf0ff;box-shadow:none}.game-detail-info-btn.is-active:hover{background:#ffffff1c;color:#eaf0ff}.game-detail-cover-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(60,219,255,.5);background:linear-gradient(180deg,#121c34fa,#0a0e20fa);color:#eaf0ff;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 28px #00000073;transition:background .15s,border-color .15s,color .15s,transform .15s}.game-detail-cover-btn:hover{background:linear-gradient(180deg,#182644fc,#0c1228fc);border-color:#3cdbffb8;color:#3cdbff}.game-detail-cover-btn.is-active{background:#ffffff1a;border-color:#fff3;color:#fff;box-shadow:none}.game-detail-cover-btn.is-active:hover{background:#ffffff24;color:#fff}.game-detail-cover-edit-btn{position:absolute;top:16px;right:16px;z-index:20;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:22px;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--shelf-accent, #3cdbff) 30%,transparent);background:color-mix(in srgb,var(--shelf-accent, #3cdbff) 10%,rgba(7,10,24,.55));color:#eaf0ff;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.2;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .16s ease,border-color .16s ease,color .16s ease}.game-detail-cover-edit-btn:hover,.game-detail-cover-edit-btn.is-active{border-color:color-mix(in srgb,#3cdbff 52%,transparent);background:color-mix(in srgb,#3cdbff 16%,rgba(7,10,24,.65));color:#3cdbff}.game-detail-panel{--game-detail-footer-control-height: 34px}.game-detail-cover-actions-row{display:flex;align-items:stretch;gap:8px;width:100%}.game-detail-cover-actions-row>.game-detail-info-btn,.game-detail-cover-actions-row>.game-detail-library-add-btn,.game-detail-cover-actions-row>.game-detail-library-added-note,.game-detail-cover-actions-row>.game-detail-cover-shelf-switcher{flex:1 1 0;min-width:0;width:auto}.game-detail-cover-actions-row>.game-detail-info-btn,.game-detail-cover-actions-row>.game-detail-library-add-btn,.game-detail-cover-actions-row>.game-detail-library-added-note,.game-detail-cover-actions-row .game-detail-cover-shelf-btn{min-height:var(--game-detail-footer-control-height);height:var(--game-detail-footer-control-height);padding:0 8px;gap:6px;line-height:1;text-wrap:balance;box-sizing:border-box;font-size:9px}.game-detail-cover-actions-row>.game-detail-info-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-detail-cover-shelf-switcher{position:relative;width:100%;display:flex;align-items:stretch}.game-detail-cover-shelf-switcher .game-detail-cover-shelf-btn{width:100%;height:100%}.game-detail-cover-shelf-btn{position:relative;justify-content:center;border-color:color-mix(in srgb,var(--shelf-accent, #3cdbff) 52%,transparent);color:var(--shelf-accent, #3cdbff);font-size:8px}.game-detail-cover-shelf-btn:hover{border-color:color-mix(in srgb,var(--shelf-accent, #3cdbff) 72%,transparent);color:var(--shelf-accent, #3cdbff);background:linear-gradient(180deg,color-mix(in srgb,var(--shelf-accent, #3cdbff) 8%,rgba(18,28,52,.99)),#0c1228fc)}.game-detail-cover-shelf-btn.is-active{border-color:color-mix(in srgb,var(--shelf-accent, #3cdbff) 40%,rgba(255,255,255,.2));color:var(--shelf-accent, #3cdbff)}.game-detail-cover-shelf-btn span{flex:0 1 auto;min-width:0;text-align:center;padding-inline:16px}.game-detail-cover-shelf-chevron{position:absolute;right:10px;top:50%;width:12px;height:12px;flex-shrink:0;opacity:.75;transform:translateY(-50%);transition:transform .22s cubic-bezier(.22,1,.36,1)}.game-detail-cover-shelf-chevron.is-open{transform:translateY(-50%) rotate(180deg)}.game-detail-cover-shelf-options{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:30;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:10px;background:#070a18f5;border:1px solid rgba(120,160,220,.16);box-shadow:0 -12px 32px #00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.game-detail-cover-shelf-options.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.game-detail-cover-shelf-option{--shelf-accent: #3cdbff;display:flex;align-items:center;justify-content:center;width:100%;min-height:34px;padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--shelf-accent) 32%,transparent);background:color-mix(in srgb,var(--shelf-accent) 10%,rgba(7,10,24,.88));color:var(--shelf-accent);font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.game-detail-cover-shelf-option:hover{background:color-mix(in srgb,var(--shelf-accent) 18%,rgba(7,10,24,.88));border-color:color-mix(in srgb,var(--shelf-accent) 48%,transparent)}.game-detail-cover-shelf-option:active{transform:scale(.98)}.game-detail-library-add-btn{cursor:pointer}.game-detail-library-add-btn:disabled{opacity:.72;cursor:wait}.game-detail-library-add-stack{display:flex;flex-direction:column;justify-content:flex-end}.game-detail-library-added-note{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:0;border-radius:10px;border:1px solid rgba(60,219,255,.22);background:#3cdbff14;color:#3cdbff;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-detail-library-added-note-icon{width:12px;height:12px;flex-shrink:0}.game-detail-library-picker{display:grid;gap:0;overflow:hidden;max-height:0;opacity:0;transform:translateY(10px);pointer-events:none;transition:max-height .24s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1),margin .24s ease;margin-bottom:0}.game-detail-library-picker.is-open{max-height:180px;opacity:1;transform:translateY(0);pointer-events:auto;margin-bottom:8px}.game-detail-library-picker-hint{margin:0 0 6px;padding:0 2px;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#eaf0ffb8;text-align:center}.game-detail-library-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;border-radius:12px;background:#070a18d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(120,160,220,.22);box-shadow:0 12px 32px #00000073}.game-detail-library-picker-option{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 6px;border-radius:9px;border:1px solid transparent;font-family:Geist,system-ui,sans-serif;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:filter .15s,transform .15s}.game-detail-library-picker-option.is-suggested{box-shadow:0 0 14px #7a8ff52e}.game-detail-library-picker-option.is-active{box-shadow:0 0 16px #3cdbff38,inset 0 0 10px #ffffff0a}.game-detail-library-picker-option:hover:not(:disabled){filter:brightness(1.08)}.game-detail-library-picker-option:disabled{opacity:.7;cursor:wait}.game-detail-recommend-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:10px;border:none;cursor:pointer;background:#e0a8c824;box-shadow:inset 0 0 0 1px #e0a8c859;color:#e0a8c8;font-family:Geist,system-ui,sans-serif;font-size:11px;font-weight:700;white-space:nowrap;transition:background .15s,box-shadow .15s,filter .15s}.game-detail-recommend-btn:hover{background:#e0a8c838;filter:brightness(1.05)}.discover-trailer-video{background:#000}.discover-trailer-video::-webkit-media-controls-panel{background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.game-detail-cover-info-panel{position:absolute;left:0;right:0;bottom:0;top:12%;z-index:12;display:flex;flex-direction:column;background:linear-gradient(180deg,#121a32,#070a18);border-radius:20px 20px 0 0;border-top:1px solid rgba(120,160,220,.22);box-shadow:0 -16px 48px #0000008c;transform:translateY(100%);opacity:0;pointer-events:none;overflow:hidden;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .22s ease}.game-detail-cover-info-panel.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.game-detail-cover-info-dismiss{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 0 8px;border:none;background:transparent;color:#9eb0d8;cursor:pointer;flex-shrink:0;transition:color .15s ease,transform .15s ease}.game-detail-cover-info-dismiss:hover{color:#3cdbff}.game-detail-cover-info-dismiss:active{transform:translateY(1px)}.game-detail-cover-info-dismiss-handle{display:block;width:38px;height:4px;border-radius:999px;background:#ffffff38}.game-detail-cover-info-inner{flex:1;min-height:0;overflow-y:auto;padding:0 18px 24px;display:flex;flex-direction:column;gap:14px}.game-detail-cover-info-title{margin:0;font-family:Geist,system-ui;font-size:18px;font-weight:700;line-height:1.2;color:#eaf0ff;letter-spacing:-.02em}.game-detail-cover-info-badges{display:flex;flex-wrap:wrap;gap:6px}.game-detail-cover-info-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.game-detail-cover-info-badge.is-rating{background:#fbbf241f;color:#fbbf24}.game-detail-cover-info-badge.is-release{background:#34d3991a;color:#34d399}.game-detail-cover-info-badge.is-coop{align-self:flex-start;background:#a78bfa1f;color:#c4b5fd}.game-detail-cover-info-section{display:flex;flex-direction:column;gap:4px}.game-detail-cover-info-label{margin:0;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a89b8}.game-detail-cover-info-copy{margin:0;font-family:Geist,system-ui;font-size:13px;line-height:1.55;color:#9eb0d8}.game-detail-cover-info-copy.is-about{font-size:12px}.game-detail-cover-info-copy.is-muted{color:#7a89b8;font-style:italic}.game-detail-cover-info-loading{display:flex;align-items:center;gap:8px;font-family:Geist,system-ui;font-size:12px;color:#7a89b8}.game-detail-cover-tools{transition:opacity .18s ease,transform .18s ease}.game-detail-cover-bottom{z-index:4;transition:opacity .18s ease,transform .18s ease}.game-detail-cover-bottom.is-hidden,.game-detail-cover-tools.is-hidden{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.game-detail-cover-stats{padding:10px 12px;border-radius:12px;background:#070a18e0;border:1px solid rgba(120,160,220,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #070a1873}.game-detail-cover-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.game-detail-cover-stat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.game-detail-cover-stat-label{margin:0;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff61}.game-detail-cover-stat-value{display:inline-flex;align-items:center;gap:3px;font-family:Geist Mono,monospace;font-size:11px;font-weight:700;color:#7a89b8;font-variant-numeric:tabular-nums}.game-detail-cover-stat-value.is-rating{color:#fbbf24}.game-detail-cover-stat-value.is-complete{color:#4ade80}.game-detail-cover-stat-slider{width:100%;height:4px;display:block;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;outline:none;cursor:pointer;--stat-fill-color: #7a89b8;--stat-fill: 0%;background:linear-gradient(to right,var(--stat-fill-color) 0%,var(--stat-fill-color) var(--stat-fill),rgba(255,255,255,.08) var(--stat-fill),rgba(255,255,255,.08) 100%)}.game-detail-cover-stat-slider.is-rating{--stat-fill-color: #fbbf24}.game-detail-cover-stat-slider.is-progress.is-complete{--stat-fill-color: #4ade80}.game-detail-cover-stat-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#eaf0ff;box-shadow:0 0 0 2px #070a18a6}.game-detail-cover-stat-slider.is-rating::-webkit-slider-thumb{background:#fbbf24}.game-detail-cover-stat-slider.is-progress.is-complete::-webkit-slider-thumb{background:#4ade80}.game-detail-cover-stat-slider::-moz-range-thumb{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#eaf0ff;box-shadow:0 0 0 2px #070a18a6}.game-detail-cover-stat-bar{width:100%;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.game-detail-cover-stat-bar.is-rating{--stat-fill-color: #fbbf24}.game-detail-cover-stat-bar.is-progress{--stat-fill-color: #7a89b8}.game-detail-cover-stat-bar.is-progress.is-complete{--stat-fill-color: #4ade80}.game-detail-cover-stat-bar-fill{height:100%;border-radius:inherit;background:var(--stat-fill-color, #7a89b8);transition:width .2s ease}.game-detail-shelf-menu{display:inline-flex;vertical-align:middle}.game-detail-shelf-switcher{position:relative;display:inline-flex;align-items:center}.game-detail-shelf-chip,.game-detail-shelf-option{--shelf-accent: #3cdbff;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;min-width:0;min-height:22px;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--shelf-accent) 30%,transparent);background:color-mix(in srgb,var(--shelf-accent) 10%,rgba(7,10,24,.45));color:var(--shelf-accent);font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.2;white-space:nowrap}.game-detail-shelf-chip{position:relative;z-index:3;gap:3px;padding-right:5px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.game-detail-shelf-option{background:color-mix(in srgb,var(--shelf-accent) 10%,rgba(7,10,24,.88));border-color:color-mix(in srgb,var(--shelf-accent) 32%,transparent);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.game-detail-shelf-chip.is-readonly{cursor:default}.game-detail-shelf-chip:not(.is-readonly):hover,.game-detail-shelf-chip.is-open{border-color:color-mix(in srgb,var(--shelf-accent) 52%,transparent);background:color-mix(in srgb,var(--shelf-accent) 16%,rgba(7,10,24,.55))}.game-detail-shelf-chip-chevron{width:9px;height:9px;flex-shrink:0;opacity:.65;transition:transform .28s cubic-bezier(.22,1,.36,1)}.game-detail-shelf-chip.is-open .game-detail-shelf-chip-chevron{transform:rotate(-90deg)}.game-detail-shelf-options{position:absolute;left:calc(100% + 3px);top:50%;z-index:2;display:flex;align-items:center;gap:3px;overflow:hidden;max-width:0;opacity:0;pointer-events:none;transform:translateY(-50%);transition:max-width .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}.game-detail-shelf-menu.is-open .game-detail-shelf-options{max-width:min(240px,calc(100vw - 48px));opacity:1;pointer-events:auto}.game-detail-shelf-menu.is-open .game-detail-shelf-options:before{content:"";position:absolute;top:-2px;right:-6px;bottom:-2px;left:-3px;border-radius:999px;background:#070a18e0;border:1px solid rgba(120,160,220,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}.game-detail-shelf-option:hover{background:color-mix(in srgb,var(--shelf-accent) 18%,rgba(7,10,24,.88));border-color:color-mix(in srgb,var(--shelf-accent) 48%,transparent)}.game-detail-shelf-option:active{transform:scale(.97)}.game-detail-header{position:relative;z-index:5}.game-detail-header-copy{min-width:0}.game-detail-header-actions{position:relative;z-index:6;flex-shrink:0}.game-detail-header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff0d;color:#fff3;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.game-detail-header-icon-btn:hover{color:#c5cce8;background:#ffffff1a}.game-detail-header-icon-btn--danger:hover{color:#fca5a5;background:#f871711a}.game-detail-header-confirm{display:flex;align-items:center;gap:6px;padding:4px;border-radius:10px;border:1px solid rgba(120,160,220,.18);background:#0d1226;box-shadow:0 12px 28px #00000073;white-space:nowrap;flex-shrink:0}.game-detail-header-confirm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border:none;border-radius:7px;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}.game-detail-header-confirm-btn--ghost{background:#ffffff0d;color:#9eb0d8}.game-detail-header-confirm-btn--ghost:hover{background:#ffffff1a}.game-detail-header-confirm-btn--archive{background:#ffffff1a;color:#c5cce8}.game-detail-header-confirm-btn--archive:hover{background:#ffffff26}.game-detail-header-confirm-btn--delete{background:#f8717126;color:#fca5a5;border:1px solid rgba(248,113,113,.3)}.game-detail-header-confirm-btn--delete:hover{background:#f8717140}.game-detail-header-meta{overflow:visible;margin-bottom:6px!important}.game-detail-cover-meta{overflow:visible}.game-detail-cover-tools.is-hidden{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:4px 0 10px}.chat-date-divider span{font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a89b8;padding:3px 10px;border-radius:999px;background:#ffffff08;border:1px solid rgba(120,160,220,.12)}.library-column-steam-import-btn:hover{background:#7a8ff529;border-color:#7a8ff580;color:#c6d0ff}.steam-wishlist-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#070a18d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.steam-wishlist-modal{width:100%;max-width:560px;max-height:min(88vh,720px);background:#0d1226;border:1px solid rgba(120,160,220,.14);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 48px #00000073;text-align:left}.steam-wishlist-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid rgba(120,160,220,.14);text-align:left}.steam-wishlist-header-copy{flex:1;min-width:0;text-align:left}.steam-wishlist-kicker{margin:0 0 4px;font-family:Geist Mono,monospace;font-size:8px;color:#7a89b8;letter-spacing:.16em;text-transform:uppercase}.steam-wishlist-title{margin:0 0 6px;font-family:Geist,system-ui;font-size:20px;font-weight:700;color:#eaf0ff;letter-spacing:-.02em}.steam-wishlist-subtitle{margin:0;font-family:Geist,system-ui;font-size:12px;line-height:1.5;color:#7a89b8}.steam-wishlist-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid rgba(120,160,220,.14);background:transparent;color:#7a89b8;cursor:pointer}.steam-wishlist-body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;text-align:left}.steam-wishlist-linked{margin:0;font-family:Geist,system-ui;font-size:11px;color:#9eb0d8}.steam-wishlist-input-row{display:flex;gap:8px}.steam-wishlist-input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;border:1px solid rgba(120,160,220,.18);background:#ffffff08;color:#eaf0ff;font-family:Geist,system-ui;font-size:13px}.steam-wishlist-input::-moz-placeholder{color:#7a89b8}.steam-wishlist-input::placeholder{color:#7a89b8}.steam-wishlist-preview-btn,.steam-wishlist-primary-btn,.steam-wishlist-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:8px;font-family:Geist Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.steam-wishlist-preview-btn{border:1px solid rgba(122,143,245,.35);background:#7a8ff51f;color:#9eb0ff}.steam-wishlist-preview-btn:disabled,.steam-wishlist-primary-btn:disabled{opacity:.55;cursor:not-allowed}.steam-wishlist-error{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid rgba(248,113,113,.25);background:#f8717114;color:#fca5a5;font-family:Geist,system-ui;font-size:12px;line-height:1.45}.steam-wishlist-success{padding:10px 12px;border-radius:8px;border:1px solid rgba(198,255,74,.25);background:#c6ff4a14;color:#c6ff4a;font-family:Geist,system-ui;font-size:12px;line-height:1.45}.steam-wishlist-stats{display:flex;gap:8px;flex-wrap:wrap}.steam-wishlist-stat{padding:4px 8px;border-radius:6px;font-family:Geist Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.steam-wishlist-stat.is-new{color:#c6ff4a;background:#c6ff4a1a}.steam-wishlist-stat.is-skipped{color:#7a89b8;background:#78a0dc1a}.steam-wishlist-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.steam-wishlist-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;border:1px solid rgba(120,160,220,.1);background:#78a0dc0a}.steam-wishlist-row.is-skipped{opacity:.62}.steam-wishlist-cover{width:36px;height:48px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid rgba(120,160,220,.14)}.steam-wishlist-row-copy{min-width:0}.steam-wishlist-row-title{margin:0 0 2px;font-family:Geist,system-ui;font-size:13px;font-weight:600;color:#eaf0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steam-wishlist-row-meta{margin:0;font-family:Geist,system-ui;font-size:11px;color:#7a89b8}.steam-wishlist-empty{margin:0;font-family:Geist,system-ui;font-size:12px;color:#7a89b8}.steam-wishlist-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid rgba(120,160,220,.14)}.steam-wishlist-secondary-btn{border:1px solid rgba(120,160,220,.18);background:transparent;color:#7a89b8}.steam-wishlist-primary-btn{border:1px solid rgba(122,143,245,.35);background:#7a8ff529;color:#c6d0ff}.last\:border-0:last-child{border-width:0px}.hover\:border-\[\#3cdbff\]\/50:hover{border-color:#3cdbff80}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:text-\[\#3cdbff\]:hover{--tw-text-opacity: 1;color:rgb(60 219 255 / var(--tw-text-opacity, 1))}.hover\:text-indigo-300:hover{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-\[\#3cdbff\]\/40:focus{border-color:#3cdbff66}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width: 640px){.sm\:h-48{height:12rem}.sm\:h-56{height:14rem}.sm\:max-w-lg{max-width:32rem}.sm\:items-center{align-items:center}.sm\:rounded-2xl{border-radius:1rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width: 768px){.md\:sticky{position:sticky}.md\:top-0{top:0}.md\:mt-0{margin-top:0}.md\:grid{display:grid}.md\:h-44{height:11rem}.md\:h-\[90vh\]{height:90vh}.md\:h-full{height:100%}.md\:w-\[40\%\]{width:40%}.md\:w-\[45\%\]{width:45%}.md\:max-w-3xl{max-width:48rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-6{gap:1.5rem}.md\:rounded-2xl{border-radius:1rem}.md\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.md\:from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.md\:via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.md\:to-\[\#0d1226\]\/60{--tw-gradient-to: rgb(13 18 38 / .6) var(--tw-gradient-to-position)}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}