@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-semibold:600;--tracking-tight:-.025em;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-18{height:calc(var(--spacing) * 18)}.min-h-screen{min-height:100vh}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-7{gap:calc(var(--spacing) * 7)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--line\)\]{border-color:var(--line)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--muted-2\)\]{color:var(--muted-2)}@media (min-width:40rem){.sm\:grid{display:grid}.sm\:inline-flex{display:inline-flex}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}}}:root{--background:#090b0a;--surface:#111411;--surface-2:#171b18;--foreground:#f3f1e8;--muted:#999f96;--muted-2:#6d736c;--accent:#b8f23d;--accent-dark:#26350b;--line:#f3f1e81a;--danger:#ff786a;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 70% -15%, #7b9e3417, transparent 32rem), var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:where(a[href],button:not(:disabled),[role=button]:not([aria-disabled=true])){cursor:pointer;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,opacity .18s,filter .18s,transform .18s}:where(a[href],button:not(:disabled),[role=button]:not([aria-disabled=true])):focus-visible{outline:2px solid var(--accent);outline-offset:3px}:where(a[href],button:not(:disabled),[role=button]:not([aria-disabled=true])):active{transform:translateY(1px)scale(.985)!important}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.55}@media (hover:hover){a[href]:hover{color:var(--accent)}button:not(:disabled):hover,[role=button]:not([aria-disabled=true]):hover{filter:brightness(1.12)}}::selection{background:var(--accent);color:#111}.page-shell{width:min(1180px,100% - 2rem);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0ac7;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.brand{letter-spacing:.2em;align-items:center;gap:.65rem;font-size:.92rem;font-weight:800;display:inline-flex}.brand-mark{width:2rem;height:2rem;color:var(--accent);font-family:var(--font-mono);border:1px solid #b8f23d80;border-radius:50% 50% 46% 54%;place-items:center;font-size:.8rem;display:grid;transform:rotate(-8deg);box-shadow:inset 0 0 20px #b8f23d14}.brand-mark:first-letter{transform:rotate(8deg)}.nav-link{transition:color .2s}.nav-link:hover{color:var(--foreground)}.language-switch{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.12em;font-size:.66rem;font-weight:700}.language-switch:hover{color:var(--accent)}.button-primary,.button-secondary,.button-ghost,.icon-button{border-radius:.65rem;justify-content:center;align-items:center;font-size:.84rem;font-weight:650;transition:transform .18s,background .18s,border-color .18s}.button-primary{border:1px solid var(--accent);background:var(--accent);color:#12170b;gap:.55rem;min-height:2.55rem;padding:.65rem 1rem;display:inline-flex;box-shadow:0 8px 30px #b8f23d14}.button-primary:hover{color:#12170b;background:#c7ff4b;transform:translateY(-1px)}.button-secondary{border:1px solid var(--line);background:#ffffff06;min-height:2.55rem;padding:.65rem 1rem;display:inline-flex}.button-secondary:hover,.button-ghost:hover{color:var(--foreground);background:#ffffff12}.button-ghost{min-height:2.55rem;padding:.65rem .8rem;display:inline-flex}.button-large{min-height:3.2rem;padding-inline:1.25rem;font-size:.92rem}.icon-button{width:2.55rem;height:2.55rem;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center}.icon-button:hover{border-color:var(--line);color:var(--foreground)}.hero{align-items:center;min-height:640px;padding-block:6.5rem 5rem;display:grid;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(20px);background:radial-gradient(circle,#b8f23d17,#0000 68%);border-radius:50%;width:32rem;height:32rem;position:absolute;top:7%;right:5%}.hero-title{letter-spacing:-.065em;max-width:850px;margin-top:1rem;font-size:clamp(3.6rem,8vw,7.8rem);font-weight:610;line-height:.88}.hero-copy{max-width:620px;color:var(--muted);text-wrap:balance;margin-top:2rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.eyebrow{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.18em;font-size:.67rem;font-weight:700}.hero-orbit{pointer-events:none;border:1px solid #b8f23d14;border-radius:50%;position:absolute}.orbit-one{width:38rem;height:38rem;top:2rem;right:-10rem}.orbit-two{width:26rem;height:26rem;top:8rem;right:-4rem}.activity-glass{z-index:12;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121612ad;border:1px solid #ffffff1a;border-radius:1rem;width:350px;padding:1.35rem;position:absolute;bottom:4rem;right:1.5rem;box-shadow:0 25px 70px #00000061}.live-dot{color:var(--muted-2);font-family:var(--font-mono), monospace;letter-spacing:.1em;font-size:.58rem}.live-dot:before{background:var(--accent);width:.38rem;height:.38rem;box-shadow:0 0 10px var(--accent);content:"";border-radius:50%;margin-right:.4rem;display:inline-block}.avatar{border:1px solid var(--line);width:2.1rem;height:2.1rem;color:var(--accent);background:linear-gradient(145deg,#282e28,#101310);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.section{padding-block:5.5rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading h2,.feature-copy>h2{letter-spacing:-.045em;margin-top:.55rem;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:610}.text-link{color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.text-link:hover{color:var(--accent)}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.game-cover{aspect-ratio:3/4.15;isolation:isolate;border:1px solid #ffffff1f;border-radius:.55rem;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 16px 35px #00000038}.game-card:hover .game-cover{border-color:#b8f23d99;transform:translateY(-5px);box-shadow:0 20px 48px #0006,0 0 0 1px #b8f23d1a}.cover-void{background:radial-gradient(circle at 65% 35%,#894bb0,#0000 18%),radial-gradient(circle at 60% 45%,#20264a,#0000 36%),linear-gradient(150deg,#161827,#07080b 70%)}.cover-ember{background:radial-gradient(circle at 45% 65%,#df5e26,#0000 18%),linear-gradient(150deg,#593328,#16100f 58%,#080808)}.cover-moss{background:radial-gradient(circle at 75% 25%,#b2d45a,#0000 14%),linear-gradient(140deg,#426444,#15251b 58%,#080d09)}.cover-ice{background:radial-gradient(circle at 40% 35%,#c0e7ec,#0000 12%),linear-gradient(155deg,#3a6a76,#172b32 52%,#091014)}.cover-plasma{background:radial-gradient(circle at 70% 32%,#f257b4,#0000 13%),linear-gradient(145deg,#603186,#25133a 52%,#0b0811)}.cover-grain{z-index:-1;opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.cover-symbol{color:#ffffffb3;text-shadow:0 8px 30px #00000073;font-family:serif;font-size:clamp(3rem,6vw,5.5rem);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.cover-copy{text-transform:uppercase;flex-direction:column;gap:.2rem;display:flex;position:absolute;inset:auto .9rem 1rem}.cover-copy span{color:#ffffff80;font-family:var(--font-mono), monospace;letter-spacing:.18em;font-size:.46rem}.cover-copy strong{letter-spacing:-.025em;font-size:clamp(.85rem,1.7vw,1.15rem);line-height:1.05}.cover-action{color:#fff;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050705a6;border:1px solid #fff3;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;transition:opacity .2s,transform .2s,background .2s;display:grid;position:absolute;top:.7rem;right:.7rem;transform:translateY(-5px)}.game-card:hover .cover-action,.cover-action:focus-visible{opacity:1;transform:none}.cover-action:hover{background:var(--accent);color:#12170b}.feature-panel{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0a,#ffffff03);border-radius:1.4rem;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,7rem);padding:clamp(2rem,5vw,4.5rem);display:grid;overflow:hidden}.feature-copy>p:not(.eyebrow){max-width:580px;color:var(--muted);margin-top:1.3rem;line-height:1.7}.feature-list{gap:1.4rem;margin-top:2.3rem;display:grid}.feature-list h3{font-size:.94rem;font-weight:650}.feature-list p{color:var(--muted);margin-top:.2rem;font-size:.82rem;line-height:1.5}.feature-icon{background:var(--accent-dark);width:2.6rem;height:2.6rem;color:var(--accent);border:1px solid #b8f23d33;border-radius:.7rem;flex:none;place-items:center;display:grid}.feature-icon svg{width:1.1rem}.library-preview{background:#0c0f0d;border:1px solid #ffffff1a;border-radius:1rem;padding:1.25rem;transform:rotate(1.5deg);box-shadow:0 35px 80px #00000073}.preview-topbar{justify-content:space-between;padding-bottom:1rem;font-size:.8rem;font-weight:650;display:flex}.preview-topbar span:last-child{color:var(--muted);font-weight:450}.preview-tabs{border-bottom:1px solid var(--line);color:var(--muted-2);white-space:nowrap;gap:1rem;font-size:.63rem;display:flex;overflow:hidden}.preview-tabs span{padding-bottom:.7rem}.preview-tabs .active{border-bottom:1px solid var(--accent);color:var(--accent)}.preview-list{display:grid}.preview-row{border-bottom:1px solid #ffffff0e;align-items:center;gap:.8rem;padding-block:.85rem;display:flex}.preview-cover{border-radius:.2rem;flex:none;width:2.35rem;height:3.05rem}.preview-row strong,.preview-row span{display:block}.preview-row strong{font-size:.72rem}.preview-row div span{color:var(--muted-2);margin-top:.2rem;font-size:.58rem}.status-pill{color:var(--accent);background:#b8f23d12;border:1px solid #b8f23d26;border-radius:2rem;padding:.3rem .5rem;font-size:.55rem}.community-section{border-top:1px solid var(--line);background:radial-gradient(circle at 50% 55%,#b8f23d14,#0000 24rem);margin-top:4rem;padding-block:8rem}.auth-shell{grid-template-columns:minmax(0,1fr) minmax(420px,.75fr);min-height:100vh;display:grid}.auth-visual{border-right:1px solid var(--line);background:radial-gradient(circle at 40% 40%,#b8f23d1f,#0000 25rem),#0c0f0d;flex-direction:column;justify-content:space-between;padding:2.2rem;display:flex;position:relative;overflow:hidden}.auth-visual:after{content:"";border:1px solid #b8f23d2e;border-radius:50%;width:35rem;height:35rem;position:absolute;bottom:-12rem;right:-10rem;box-shadow:inset 0 0 0 6rem #b8f23d04,inset 0 0 0 12rem #b8f23d03}.auth-quote{z-index:2;letter-spacing:-.055em;max-width:550px;font-size:clamp(2rem,4vw,4.5rem);font-weight:580;line-height:1.02;position:relative}.auth-panel{place-items:center;padding:2rem;display:grid}.auth-card{width:min(100%,410px)}.auth-card h1{letter-spacing:-.045em;margin-top:.6rem;font-size:2.25rem;font-weight:620}.auth-card>p{color:var(--muted);margin-top:.7rem;font-size:.9rem;line-height:1.6}.auth-form{gap:1rem;margin-top:2rem;display:grid}.field{gap:.45rem;display:grid}.field label{color:#c5c8c1;font-size:.76rem;font-weight:550}.field input,.field textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--foreground);border-radius:.55rem;outline:none;padding:.85rem;transition:border-color .2s,box-shadow .2s}.field input{height:3rem}.field textarea{resize:vertical;min-height:7rem;line-height:1.55}.field input:focus,.field textarea:focus{border-color:#b8f23d99;box-shadow:0 0 0 3px #b8f23d14}.field input:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}.form-message{color:#ffaaa1;background:#ff786a0f;border:1px solid #ff786a33;border-radius:.5rem;padding:.75rem;font-size:.75rem;line-height:1.5}.auth-switch{color:var(--muted);text-align:center;margin-top:1.5rem;font-size:.78rem}.auth-switch a{color:var(--accent)}.app-shell{background:radial-gradient(circle at 75% 0%, #b8f23d0e, transparent 28rem), var(--background);min-height:100vh}.app-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0adb;position:sticky;top:0}.app-nav{align-items:center;gap:.35rem;display:flex}.app-nav a{color:var(--muted);border-radius:.5rem;align-items:center;gap:.45rem;padding:.55rem .7rem;font-size:.75rem;transition:color .2s,background .2s;display:inline-flex}.app-nav a:hover{color:var(--foreground);background:#ffffff0d}.app-page,.profile-page{padding-block:4.5rem 6rem}.app-welcome{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:2rem;display:flex}.app-welcome h1{letter-spacing:-.055em;margin-top:.65rem;font-size:clamp(2.2rem,5vw,4.6rem);font-weight:610;line-height:1}.app-welcome h1 span{color:var(--accent)}.app-welcome p:not(.eyebrow){color:var(--muted);margin-top:.9rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem;display:grid}.stat-card{border:1px solid var(--line);background:#ffffff05;border-radius:.8rem;min-height:150px;padding:1.2rem;position:relative;overflow:hidden}.stat-card>span{color:var(--muted-2);position:absolute;top:1rem;right:1rem}.stat-card strong{letter-spacing:-.04em;margin-top:1.3rem;font-size:2.5rem;font-weight:550;display:block}.stat-card p{color:var(--muted);margin-top:.3rem;font-size:.76rem}.empty-library{background:#b8f23d06;border:1px dashed #b8f23d40;border-radius:.8rem;align-items:center;gap:1.3rem;margin-top:1.5rem;padding:1.5rem;display:flex}.empty-relic{width:3.4rem;height:3.4rem;color:var(--accent);font-family:var(--font-mono);border:1px solid #b8f23d59;border-radius:50%;flex:none;place-items:center;display:grid}.empty-library>div{flex:1}.empty-library h2,.setup-card h2{font-size:1rem;font-weight:650}.empty-library p,.setup-card div>p:last-child{color:var(--muted);margin-top:.35rem;font-size:.8rem;line-height:1.5}.setup-card{border:1px solid var(--line);background:linear-gradient(120deg,#ffffff09,#0000);border-radius:.8rem;justify-content:space-between;align-items:end;gap:2rem;margin-top:1.5rem;padding:1.5rem;display:flex}.setup-card h2{margin-top:.45rem;font-size:1.25rem}.profile-page>.text-link{margin-bottom:3rem}.profile-grid{grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);align-items:start;gap:clamp(3rem,10vw,8rem);display:grid}.profile-grid>section h1{letter-spacing:-.055em;margin-top:.65rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:610}.profile-grid>section>p:last-child{max-width:450px;color:var(--muted);margin-top:1rem;line-height:1.65}.profile-form{border:1px solid var(--line);background:#ffffff05;border-radius:1rem;gap:1rem;padding:1.5rem;display:grid}.profile-message{color:var(--accent);background:#b8f23d0e;border-color:#b8f23d33}.empty-section-page{text-align:center;align-content:center;place-items:center;min-height:58vh;display:grid}.empty-section-page svg{color:var(--accent);margin-bottom:1rem}.empty-section-page h1{letter-spacing:-.05em;margin-top:.7rem;font-size:clamp(2.2rem,5vw,4rem);font-weight:610}.empty-section-page>p:last-child{max-width:520px;color:var(--muted);margin-top:1rem;line-height:1.6}.catalog-page{padding-block:5rem 3rem}.catalog-hero{max-width:780px}.catalog-hero h1{letter-spacing:-.06em;margin-top:.65rem;font-size:clamp(3rem,7vw,6.2rem);font-weight:610;line-height:.93}.catalog-hero>p:not(.eyebrow){max-width:660px;color:var(--muted);margin-top:1.3rem;font-size:1.02rem;line-height:1.65}.catalog-search{padding:.42rem;background:#ffffff09;border:1px solid #ffffff24;border-radius:.8rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-top:2rem;padding-left:1rem;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 20px 60px #0003}.catalog-search:focus-within{border-color:#b8f23d8c;box-shadow:0 0 0 3px #b8f23d12,0 20px 60px #00000040}.catalog-search svg{color:var(--muted)}.catalog-search input{min-width:0;height:2.7rem;color:var(--foreground);background:0 0;border:0;outline:0}.catalog-search input::placeholder{color:var(--muted-2)}.catalog-results{margin-top:5rem}.catalog-results-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.25rem;display:flex}.catalog-results-heading h2{letter-spacing:-.035em;margin-top:.45rem;font-size:clamp(1.5rem,3vw,2.35rem);font-weight:610}.catalog-results-heading>span{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem}.catalog-notice{color:#bbc2b6;background:#b8f23d09;border:1px solid #b8f23d24;border-radius:.6rem;align-items:center;gap:.55rem;margin-top:1rem;padding:.75rem .9rem;font-size:.75rem;line-height:1.45;display:flex}.catalog-notice svg{color:var(--accent);flex:none}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4rem 1rem;margin-top:1.5rem;display:grid}.catalog-game-card{min-width:0}.catalog-cover-link{color:inherit;display:block}.catalog-cover-link:hover{color:inherit}.catalog-cover{aspect-ratio:3/4.15;background:var(--surface-2);border:1px solid #ffffff1f;border-radius:.55rem;transition:transform .24s,border-color .24s,box-shadow .24s;position:relative;overflow:hidden;box-shadow:0 16px 35px #00000038}.catalog-cover img{object-fit:cover;transition:transform .35s,filter .35s}.catalog-cover-glow{background:var(--accent);opacity:0;filter:blur(30px);height:20%;transition:opacity .24s;position:absolute;inset:auto 10% 0}.catalog-cover-fallback{background:radial-gradient(circle at 68% 24%,#b8f23d33,#0000 18%),radial-gradient(circle at 35% 70%,#7b58b438,#0000 26%),linear-gradient(150deg,#1d231e,#090b0a 72%);place-items:center;width:100%;height:100%;display:grid}.catalog-cover-fallback span{color:#f3f1e8cc;font-family:var(--font-mono);text-shadow:0 0 35px #b8f23d40;font-size:clamp(2.8rem,6vw,5rem);font-weight:700}.catalog-game-card:hover .catalog-cover{border-color:#b8f23d8c;transform:translateY(-5px);box-shadow:0 22px 50px #0006,0 0 0 1px #b8f23d14}.catalog-game-card:hover .catalog-cover img{filter:saturate(1.08);transform:scale(1.025)}.catalog-game-card:hover .catalog-cover-glow{opacity:.08}.catalog-card-copy{justify-content:space-between;align-items:start;gap:.7rem;margin-top:.8rem;display:flex}.catalog-card-copy h3{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:650;overflow:hidden}.catalog-card-copy h3 a:hover{color:var(--accent)}.catalog-card-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.28rem;font-size:.68rem;overflow:hidden}.catalog-rating{color:var(--accent);flex:none;align-items:center;gap:.25rem;padding-top:.12rem;font-size:.7rem;font-weight:700;display:inline-flex}.catalog-empty{border:1px dashed var(--line);text-align:center;border-radius:.8rem;align-content:center;place-items:center;min-height:320px;margin-top:1.5rem;display:grid}.catalog-empty svg{color:var(--accent)}.catalog-empty h2{margin-top:.8rem;font-size:1.25rem}.catalog-empty p{max-width:430px;color:var(--muted);margin-top:.5rem;font-size:.82rem;line-height:1.55}.catalog-attribution{color:var(--muted-2);text-align:center;margin-top:3rem;font-size:.68rem}.catalog-attribution a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.game-detail{padding-block:3rem 5rem}.game-detail-back{margin-bottom:2rem}.game-detail-grid{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,7vw,6rem);display:grid}.game-detail-cover{aspect-ratio:3/4.15;background:var(--surface-2);border:1px solid #ffffff21;border-radius:.75rem;position:relative;overflow:hidden;box-shadow:0 35px 80px #0000006b}.game-detail-cover img{object-fit:cover}.game-detail-copy{padding-top:1rem}.game-detail-copy h1{letter-spacing:-.06em;max-width:800px;margin-top:.65rem;font-size:clamp(3rem,7vw,6rem);font-weight:610;line-height:.94}.game-detail-meta{color:var(--muted);flex-wrap:wrap;gap:.8rem 1.4rem;margin-top:1.4rem;font-size:.76rem;display:flex}.game-detail-meta span{align-items:center;gap:.4rem;display:inline-flex}.game-detail-meta span:last-child{color:var(--accent)}.game-summary{color:#c1c5bd;max-width:760px;margin-top:2rem;font-size:1rem;line-height:1.75}.game-tags{flex-wrap:wrap;gap:.45rem;margin-top:1.5rem;display:flex}.game-tags span{border:1px solid var(--line);color:var(--muted);border-radius:10rem;padding:.38rem .62rem;font-size:.65rem}.game-facts{border-top:1px solid var(--line);gap:.8rem;max-width:720px;margin-top:2rem;padding-top:1.5rem;display:grid}.game-facts div{grid-template-columns:110px 1fr;gap:1rem;font-size:.76rem;line-height:1.5;display:grid}.game-facts dt{color:var(--muted-2)}.game-facts dd{color:#c8cbc4}.game-detail-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}@media (max-width:900px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card:nth-child(n+4),.activity-glass{display:none}.feature-panel,.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.app-nav a{font-size:0}.app-nav a svg{width:18px;height:18px}.profile-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.page-shell{width:min(100% - 1.25rem,1180px)}.site-header .page-shell{height:4rem}.hero{min-height:650px;padding-block:5rem 3rem}.hero-title{font-size:clamp(3.4rem,18vw,5rem)}.section{padding-block:4rem}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card:nth-child(3){display:none}.cover-action{opacity:1;transform:none}.feature-panel{padding:1.4rem}.library-preview{transform:none}.community-section{padding-block:6rem}.app-header .page-shell{height:4rem}.app-signout{padding-inline:.35rem}.app-page,.profile-page{padding-block:2.5rem 4rem}.app-welcome{flex-direction:column;align-items:start}.stat-grid{grid-template-columns:1fr}.stat-card{min-height:115px}.empty-library,.setup-card{flex-direction:column;align-items:stretch}.profile-form{padding:1rem}.catalog-page{padding-block:3rem 2rem}.catalog-search{grid-template-columns:auto 1fr;padding-block:.55rem}.catalog-search .button-primary{grid-column:1/-1;width:100%}.catalog-results{margin-top:3.5rem}.catalog-results-heading{flex-direction:column;align-items:start;gap:.8rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .7rem}.game-detail{padding-block:2rem 4rem}.game-detail-grid{grid-template-columns:1fr}.game-detail-cover{width:min(82vw,360px)}.game-detail-copy h1{font-size:clamp(2.8rem,15vw,4.5rem)}}@media (max-width:430px){.site-header .button-ghost{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
