body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-main:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b);--panel-bg:#ffffff14;--panel-border:#ffffff17;--panel-shadow:0 10px 24px #0000002e;--surface-bg:#ffffff14;--surface-border:#ffffff12;--input-bg:#0c0e18eb;--muted-bg:#ffffff14;--accent:linear-gradient(135deg,#6d28d9,#2563eb);--accent-shadow:0 0 24px #4f46e552;--text-main:#fff;--text-soft:#d1d5db;--text-muted:#9ca3af;--genre-color:#c084fc;--ui-font-scale:1;--ui-panel-padding:14px;--ui-card-padding:14px;--ui-radius-xl:22px;--ui-radius-lg:18px;--ui-radius-md:16px;--ui-image-height:240px;--ui-thumb-size:92px;--ui-title-size:32px;--ui-game-title-size:20px;--ui-section-title-size:24px}body,html{margin:0;overflow-x:hidden;overflow-y:auto}#root,body,html{background:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b);background:var(--bg-main)}#root{min-height:100vh;overflow:visible}.app-shell{overflow-x:hidden;overflow-y:visible}*{box-sizing:border-box}html{background:#060611;overscroll-behavior:none}body{-webkit-overflow-scrolling:touch;color:#fff;color:var(--text-main);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;font-size:calc(16px*var(--ui-font-scale));overflow-x:hidden;overscroll-behavior-y:none;transition:background .35s ease,color .35s ease}body[data-theme=theme-indigo]{--bg-main:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b);--panel-bg:#ffffff14;--panel-border:#ffffff17;--surface-bg:#ffffff14;--surface-border:#ffffff12;--input-bg:#0c0e18eb;--muted-bg:#ffffff14;--accent:linear-gradient(135deg,#6d28d9,#2563eb);--accent-shadow:0 0 24px #4f46e552;--genre-color:#c084fc}body[data-theme=theme-emerald]{--bg-main:radial-gradient(circle at 15% 10%,#10b98173,#0000 30%),radial-gradient(circle at 85% 0%,#4ade8042,#0000 25%),linear-gradient(180deg,#02100c,#041713 48%,#010805);--panel-bg:#08281c8f;--panel-border:#10b98138;--surface-bg:#08281c80;--surface-border:#22c55e2e;--input-bg:#041c14f0;--muted-bg:#10b98124;--accent:linear-gradient(135deg,#059669,#22c55e);--accent-shadow:0 0 26px #10b98152;--genre-color:#86efac}body[data-theme=theme-crimson]{--bg-main:radial-gradient(circle at 20% 8%,#ef44446b,#0000 28%),radial-gradient(circle at 82% 0%,#f43f5e47,#0000 24%),linear-gradient(180deg,#120407,#17070b 48%,#080205);--panel-bg:#36081294;--panel-border:#f43f5e38;--surface-bg:#34091285;--surface-border:#f43f5e29;--input-bg:#20070df0;--muted-bg:#f43f5e24;--accent:linear-gradient(135deg,#ef4444,#ec4899);--accent-shadow:0 0 26px #ef44444d;--genre-color:#f9a8d4}body[data-theme=theme-graphite]{--bg-main:radial-gradient(circle at 18% 8%,#94a3b833,#0000 28%),radial-gradient(circle at 82% 0%,#ffffff1a,#0000 24%),linear-gradient(180deg,#0b0d12,#10131b 48%,#07090d);--panel-bg:#ffffff12;--panel-border:#ffffff17;--surface-bg:#ffffff0f;--surface-border:#ffffff14;--input-bg:#12141cf0;--muted-bg:#ffffff14;--accent:linear-gradient(135deg,#64748b,#e2e8f0);--accent-shadow:0 0 26px #94a3b83d;--genre-color:#cbd5e1}body[data-theme=theme-retro]{--bg-main:radial-gradient(circle at 20% 10%,#ffb84d29,#0000 26%),linear-gradient(180deg,#120f07,#1b160b 48%,#090703);--panel-bg:#362a12b8;--panel-border:#ffcc662e;--surface-bg:#403012a8;--surface-border:#ffcc6624;--input-bg:#1c160af5;--muted-bg:#ffcc661f;--accent:linear-gradient(135deg,#f59e0b,#eab308);--accent-shadow:0 0 0 2px #ffcc661f;--text-main:#fff4d6;--text-soft:#f2d59b;--text-muted:#c7ab72;--genre-color:#ffd166}body[data-theme=theme-cyberpunk]{--bg-main:radial-gradient(circle at 15% 8%,#ff00803d,#0000 28%),radial-gradient(circle at 84% 6%,#00ffff2e,#0000 24%),linear-gradient(180deg,#090312,#12051f 46%,#05020a);--panel-bg:#1a082ab8;--panel-border:#ff009938;--surface-bg:#1e0a30a3;--surface-border:#00ffff29;--input-bg:#12061ef5;--muted-bg:#ff00991a;--accent:linear-gradient(135deg,#ff0080,#00f5ff);--accent-shadow:0 0 26px #ff009947;--text-main:#fdf4ff;--text-soft:#f3c9ff;--text-muted:#c792d9;--genre-color:#67e8f9}body[data-theme=theme-playstation]{--bg-main:radial-gradient(circle at 20% 0%,#3b82f647,#0000 32%),radial-gradient(circle at 85% 8%,#7c3aed29,#0000 28%),linear-gradient(180deg,#0b0f1f,#111a3a);--panel-bg:#1e293bb8;--panel-border:#94a3b833;--surface-bg:#3341558f;--surface-border:#94a3b82e;--input-bg:#0f172ae0;--muted-bg:#94a3b824;--accent:linear-gradient(135deg,#2563eb,#60a5fa);--accent-shadow:0 0 26px #2563eb4d;--text-main:#f8fafc;--text-soft:#cbd5e1;--text-muted:#94a3b8;--genre-color:#93c5fd}body[data-theme=theme-xbox]{--bg-main:radial-gradient(circle at 18% 6%,#22c55e3d,#0000 30%),radial-gradient(circle at 85% 0%,#84cc161f,#0000 26%),linear-gradient(180deg,#07120b,#0d2a17);--panel-bg:#0e2416c2;--panel-border:#22c55e33;--surface-bg:#15342094;--surface-border:#4ade8029;--input-bg:#05180ce6;--muted-bg:#22c55e21;--accent:linear-gradient(135deg,#16a34a,#84cc16);--accent-shadow:0 0 26px #22c55e47;--text-main:#f7fee7;--text-soft:#d9f99d;--text-muted:#a7f3d0;--genre-color:#86efac}body[data-theme=theme-steamdeck]{--bg-main:radial-gradient(circle at 18% 6%,#f973162e,#0000 30%),radial-gradient(circle at 82% 8%,#0ea5e91f,#0000 26%),linear-gradient(180deg,#141414,#1f1f1f);--panel-bg:#262626d1;--panel-border:#ffffff1a;--surface-bg:#4040409e;--surface-border:#ffffff17;--input-bg:#171717e6;--muted-bg:#ffffff14;--accent:linear-gradient(135deg,#f97316,#0ea5e9);--accent-shadow:0 0 22px #f9731638;--text-main:#fafafa;--text-soft:#d4d4d4;--text-muted:#a3a3a3;--genre-color:#fdba74}body[data-scale=compact]{--ui-font-scale:0.94;--ui-panel-padding:11px;--ui-card-padding:11px;--ui-radius-xl:18px;--ui-radius-lg:15px;--ui-radius-md:13px;--ui-image-height:200px;--ui-thumb-size:78px;--ui-title-size:28px;--ui-game-title-size:18px;--ui-section-title-size:21px}body[data-scale=normal]{--ui-font-scale:1;--ui-panel-padding:14px;--ui-card-padding:14px;--ui-radius-xl:22px;--ui-radius-lg:18px;--ui-radius-md:16px;--ui-image-height:240px;--ui-thumb-size:92px;--ui-title-size:32px;--ui-game-title-size:20px;--ui-section-title-size:24px}body[data-scale=comfortable]{--ui-font-scale:1.05;--ui-panel-padding:17px;--ui-card-padding:17px;--ui-radius-xl:24px;--ui-radius-lg:20px;--ui-radius-md:17px;--ui-image-height:265px;--ui-thumb-size:100px;--ui-title-size:34px;--ui-game-title-size:21px;--ui-section-title-size:26px}button,input,textarea{font:inherit;font-size:16px!important}.checkpoint-splash{background:radial-gradient(circle at 50% 34%,#18244f 0,#080914 46%,#03040a 100%);isolation:isolate;overflow-x:hidden}.splash-bg{background:radial-gradient(circle at 26% 36%,#5091ff57,#0000 34%),radial-gradient(circle at 72% 72%,#9b5cff4d,#0000 34%),linear-gradient(180deg,#ffffff08,#0000 60%);z-index:-5}.splash-grid{background-image:linear-gradient(#8cb4ff12 1px,#0000 0),linear-gradient(90deg,#8cb4ff12 1px,#0000 0);background-size:56px 56px;inset:-30%;opacity:.45;transform:perspective(780px) rotateX(64deg) translateY(190px);z-index:-4}.splash-vignette{background:radial-gradient(circle at center,#0000 0,#0000003d 58%,#000000b8 100%);inset:0;pointer-events:none;position:absolute;z-index:4}.splash-orb{animation:orbFloat 5s ease-in-out infinite alternate;z-index:-3}.orb-one{height:340px;left:18%;top:24%;width:340px}.orb-two{animation-delay:.8s;background:#8b5cf6;bottom:10%;height:360px;right:18%;width:360px}.orb-three{animation-delay:1.4s;background:#fff;height:180px;opacity:.18;right:28%;top:18%;width:180px}.splash-particles-premium{inset:0;pointer-events:none;position:absolute;z-index:1}.splash-particles-premium span{animation:particleFloat linear infinite;background:#bee6ffe6;border-radius:999px;box-shadow:0 0 8px #78befff2,0 0 18px #965aff8c;opacity:0;position:absolute}.splash-stage{z-index:5}.splash-cube-wrap{margin-bottom:26px;perspective:900px}.splash-cube{animation:cubeFloat 3.2s ease-in-out infinite;height:108px;width:108px}.cube-face{background:linear-gradient(145deg,#445596d1,#0b1026f5);border:2px solid #8cd2fff2;box-shadow:0 0 28px #5fb4ffbf,0 0 52px #8250ff59,inset 0 0 24px #ffffff1f;font-size:3.3rem;text-shadow:0 0 22px #fffffff2}.cube-front{transform:translateZ(54px)}.cube-back{transform:rotateY(180deg) translateZ(54px)}.cube-left{transform:rotateY(-90deg) translateZ(54px)}.cube-right{transform:rotateY(90deg) translateZ(54px)}.cube-top{transform:rotateX(90deg) translateZ(54px)}.cube-bottom{transform:rotateX(-90deg) translateZ(54px)}.splash-title-wrap{position:relative}.splash-title{animation:titlePulse 2.4s ease-in-out infinite alternate;text-shadow:0 0 14px #fffffff2,0 0 32px #6ebeffd1,0 0 60px #825aff59}.splash-title,.splash-title-reflect{font-size:clamp(4rem,8vw,7.2rem);line-height:.86}.splash-title-reflect{color:#ffffff29;filter:blur(8px);font-weight:950;left:0;letter-spacing:-.08em;-webkit-mask-image:linear-gradient(180deg,#0000008c,#0000 70%);mask-image:linear-gradient(180deg,#0000008c,#0000 70%);pointer-events:none;position:absolute;right:0;top:76%;transform:scaleY(-1)}.splash-subtitle{font-size:clamp(1.25rem,2.8vw,2.15rem);letter-spacing:.16em;margin:24px 0 34px;text-shadow:0 0 12px #ffffffd9,0 0 26px #6ebeffb8}.splash-loader{width:min(78vw,450px)}.splash-loader-top{color:#fffc;font-size:.72rem}.loader-bar{background:#ffffff21;box-shadow:0 0 18px #5aa0ff3d,inset 0 0 10px #ffffff14;height:12px;overflow-x:hidden}.loader-fill{box-shadow:0 0 20px #64befff2,0 0 38px #8c5aff8c}.splash-scanline{animation:scanline 3.2s ease-in-out infinite;background:linear-gradient(180deg,#0000 0,#ffffff0f 50%,#0000);height:18%;inset:0;opacity:.45;pointer-events:none;position:absolute;transform:translateY(-120%);z-index:6}.checkpoint-splash.complete:after{animation:finalFlash .45s ease forwards;background:#fff;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:20}@keyframes titlePulse{0%{filter:brightness(1)}to{filter:brightness(1.18)}}@keyframes orbFloat{0%{transform:translate3d(-12px,8px,0) scale(1)}to{transform:translate3d(16px,-14px,0) scale(1.08)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(26px) scale(.7)}20%{opacity:.9}to{opacity:0;transform:translateY(-70px) scale(1.4)}}@keyframes scanline{0%{transform:translateY(-130%)}55%,to{transform:translateY(720%)}}@keyframes finalFlash{0%{opacity:0}35%{opacity:.18}to{opacity:0}}@media (max-width:768px){.splash-cube{height:82px;width:82px}.cube-front{transform:translateZ(41px)}.cube-back{transform:rotateY(180deg) translateZ(41px)}.cube-left{transform:rotateY(-90deg) translateZ(41px)}.cube-right{transform:rotateY(90deg) translateZ(41px)}.cube-top{transform:rotateX(90deg) translateZ(41px)}.cube-bottom{transform:rotateX(-90deg) translateZ(41px)}.cube-face{border-radius:22px;font-size:2.6rem}.splash-title,.splash-title-reflect{font-size:clamp(3.3rem,15vw,5rem)}.splash-subtitle{font-size:1rem;letter-spacing:.13em;margin-bottom:30px}.splash-loader{width:min(82vw,360px)}}.app-shell{background:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b);background:var(--bg-main);min-height:100%;overflow:visible!important;transition:opacity .55s ease,transform .55s ease}.app-hidden{transform:translateY(14px)}.app-visible{transform:none}.container{box-sizing:border-box;margin:0 auto;max-width:720px;overflow:visible!important;padding:0 10px 104px;width:100%}.title{font-size:32px;font-size:var(--ui-title-size);letter-spacing:-.5px;margin:8px 0 20px;text-align:center;text-shadow:0 0 18px #6a74ff38}.toast{background:linear-gradient(135deg,#1e1e28f5,#37235af5);border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 12px 28px #00000040,0 0 18px #a855f733;color:#fff;font-weight:700;left:50%;padding:12px 16px;position:fixed;top:calc(12px + env(safe-area-inset-top));transform:translateX(-50%);z-index:220}.xp-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff17;border:1px solid var(--panel-border);border-radius:22px;border-radius:var(--ui-radius-xl);box-shadow:0 10px 24px #0000002e;box-shadow:var(--panel-shadow);margin-bottom:18px;padding:14px;padding:var(--ui-panel-padding)}.xp-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.xp-level{font-size:20px;font-weight:700}.xp-title{color:#d1d5db;color:var(--text-soft);font-size:14px}.xp-total{color:#fff;font-weight:700}.xp-bar{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#7c3aed,#22c55e);height:100%;transition:width .45s ease}.xp-bottom{color:#d1d5db;color:var(--text-soft);font-size:13px;margin-top:8px}.loader-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;padding:28px 0}.loader-spinner{animation:spin .9s linear infinite;border:3px solid #ffffff2e;border-radius:999px;border-top-color:#fff;height:34px;width:34px}.loader-text{color:#d1d5db;color:var(--text-soft);font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:20px;padding:22px 16px;text-align:center}.empty-state-icon{font-size:28px;margin-bottom:10px;opacity:.9}.empty-state-title{font-weight:700;margin-bottom:6px}.empty-state-subtitle{color:#9ca3af;color:var(--text-muted);font-size:14px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff17;border:1px solid var(--panel-border);border-radius:18px;border-radius:var(--ui-radius-lg);box-shadow:0 10px 24px #0000002e;box-shadow:var(--panel-shadow);min-width:0;padding:14px;padding:var(--ui-card-padding);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.favorite{grid-column:span 2}.stats-grid.compact .stat-card.favorite{grid-column:auto}.stat-value{font-size:26px;font-weight:700;margin-bottom:4px}.stat-label{color:#c5c7d0;font-size:13px}.options-panel,.search-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff17;border:1px solid var(--panel-border);border-radius:22px;border-radius:var(--ui-radius-xl);box-shadow:0 10px 24px #0000002e;box-shadow:var(--panel-shadow);margin-bottom:22px;overflow:hidden;padding:14px;padding:var(--ui-panel-padding)}.panel-title{margin:0 0 10px}.options-panel h2{margin-top:0}.option-block+.option-block{margin-top:18px}.option-title{font-weight:700;margin-bottom:10px}.option-value{color:#d1d5db;color:var(--text-soft)}.theme-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.input-container{display:flex;gap:10px;margin-bottom:12px;width:100%}.input-container input{background:#0c0e18eb;background:var(--input-bg);border:none;border-radius:16px;border-radius:var(--ui-radius-md);box-shadow:inset 0 0 0 1px #ffffff0d;color:#fff;flex:1 1;font-size:16px;min-width:0;outline:none;padding:14px 16px;width:100%}.input-container input::placeholder,.review-textarea::placeholder{color:#9ca3af;color:var(--text-muted)}.chip,.close-search-btn,.delete-btn,.delete-large-btn,.filter-toggle-btn,.game-overlay button,.input-container button,.library-switch-btn,.modal-close-btn,.save-review-btn,.status-btn,.tab-btn,.theme-btn,.wishlist-upcoming-btn{border:none;cursor:pointer}.theme-btn{background:#ffffff14;background:var(--muted-bg);border-radius:16px;border-radius:var(--ui-radius-md);box-shadow:0 6px 20px #00000024;color:#fff;padding:14px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.theme-btn:hover{transform:translateY(-1px)}.theme-btn.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 0 2px #ffffff1f,0 0 24px #4f46e552;box-shadow:0 0 0 2px #ffffff1f,var(--accent-shadow)}.close-search-btn,.filter-toggle-btn,.input-container button{border-radius:16px;border-radius:var(--ui-radius-md);flex-shrink:0;font-size:15px;font-weight:700;padding:14px 16px;transition:transform .18s ease,filter .18s ease}.close-search-btn:hover,.filter-toggle-btn:hover,.input-container button:hover{filter:brightness(1.05);transform:translateY(-1px)}.close-search-btn:active,.filter-toggle-btn:active,.input-container button:active,.library-switch-btn:active,.status-btn:active,.tab-btn:active,.theme-btn:active{transform:scale(.98)}.input-container button{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 10px 24px #0000002e;color:#fff}.toolbar-row{display:flex;justify-content:center}.filter-toggle-btn{background:#ffffff14;background:var(--muted-bg);color:#fff;width:100%}.filter-toggle-btn.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent)}.filters-panel{background:#12141ceb;border-radius:20px;margin-top:14px;padding:14px}.filter-block+.filter-block,.month-filter-block{margin-top:18px}.filter-label{color:#d1d5db;color:var(--text-soft);font-size:14px;font-weight:700;margin-bottom:10px}.chips-group::-webkit-scrollbar{display:none}.chip{background:var(--muted-bg);flex-shrink:0;padding:10px 14px;white-space:nowrap}.chip:hover{transform:translateY(-1px)}.chip.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow);transform:scale(1.02)}.search-results-block{margin:22px 0 28px}.search-results-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.search-results-header h2{font-size:22px;margin:0}.close-search-btn{background:#ffffff14;background:var(--muted-bg);color:#fff;flex-shrink:0}.results-container,.upcoming-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.swipe-wrapper{border-radius:22px;border-radius:var(--ui-radius-xl);overflow:hidden;position:relative}.swipe-bg,.swipe-bg-left{font-weight:900}.swipe-bg-wishlist{background:linear-gradient(135deg,#8b5cf6,#6d28d9);justify-content:flex-end;padding-right:18px}.swipe-bg-collection{background:linear-gradient(135deg,#2563eb,#0ea5e9);justify-content:flex-start;padding-left:18px}.swipe-bg-left.confirmed,.swipe-bg.confirmed{box-shadow:inset 0 0 0 3px #ffffff40;opacity:1;transform:scale(1.02)}.swipe-action-label{letter-spacing:-.01em;padding:9px 13px}.game-card{background:#222;border-radius:22px;border-radius:var(--ui-radius-xl);box-shadow:0 10px 28px #00000040;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease;z-index:1}.game-card:hover{box-shadow:0 16px 34px #0000004d;transform:translateY(-2px)}.swipe-card{touch-action:pan-y;will-change:transform}.swipe-card.dragging{box-shadow:0 14px 34px #4f46e559}.swipe-card.swipe-right-ready{box-shadow:0 0 0 2px #8b5cf6d9,0 14px 34px #8b5cf63d}.swipe-card.swipe-left-ready{box-shadow:0 0 0 2px #0ea5e9d9,0 14px 34px #0ea5e93d}.game-image,.upcoming-image{display:block;height:240px;height:var(--ui-image-height);object-fit:cover;width:100%}.upcoming-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:22px;border-radius:var(--ui-radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.upcoming-card:hover{box-shadow:0 16px 34px #00000042;transform:translateY(-2px)}.upcoming-content{padding:14px;padding:var(--ui-card-padding)}.upcoming-title{font-size:19px;font-weight:700;margin-bottom:6px}.upcoming-date{color:#fff;margin-bottom:8px}.upcoming-meta{color:#d1d5db;color:var(--text-soft);font-size:14px;margin-bottom:12px}.wishlist-upcoming-btn{background:linear-gradient(135deg,#a855f7,#2563eb);border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;font-weight:700;padding:12px 14px;transition:transform .18s ease,filter .18s ease;width:100%}.wishlist-upcoming-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.game-overlay{background:linear-gradient(0deg,#000000f0,#0000002e);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:14px;padding:var(--ui-card-padding);padding-top:16px;position:absolute}.game-title{display:block;font-size:16px;font-weight:900;line-height:1.2;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal}.game-meta{color:#ddd;font-size:14px;margin-bottom:10px}.search-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mini-tag{background:#ffffff24;border-radius:999px;font-size:12px;padding:5px 9px}.swipe-hint{color:#ddd;font-size:13px;margin-bottom:12px;opacity:.95}.search-actions{display:flex;gap:10px}.search-actions button{border-radius:16px;border-radius:var(--ui-radius-md);flex:1 1;font-weight:700;padding:12px 14px;transition:transform .18s ease,filter .18s ease}.search-actions button:hover{filter:brightness(1.05);transform:translateY(-1px)}.search-actions button:first-child{background:linear-gradient(135deg,#a855f7,#c026d3);color:#fff}.search-actions button:last-child{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.library-section,.progression-stack{margin-top:0}.current-rank-card{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);padding:14px;padding:var(--ui-card-padding)}.current-rank-level{color:#d1d5db;color:var(--text-soft);font-size:14px;margin-bottom:6px}.current-rank-title{font-size:28px;font-weight:700}.rank-list{display:flex;flex-direction:column;gap:12px}.rank-item{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);display:flex;gap:14px;justify-content:space-between;padding:14px;padding:var(--ui-card-padding);transition:transform .18s ease,box-shadow .18s ease}.rank-item:hover{transform:translateY(-1px)}.rank-item.unlocked{opacity:1}.rank-item.locked{opacity:.55}.rank-item.active{border-color:#ffffff29;box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow)}.rank-name{font-weight:700}.rank-range{font-size:14px;margin-top:4px}.rank-range,.rank-state{color:#d1d5db;color:var(--text-soft)}.rank-state{font-size:13px;white-space:nowrap}.section-header{align-items:center;display:flex;gap:10px;margin:28px 0 14px}.section-header h2{font-size:24px;font-size:var(--ui-section-title-size);margin:0}.section-count{background:#ffffff14;background:var(--muted-bg);border-radius:999px;color:#d1d5db;color:var(--text-soft);font-size:13px;padding:6px 10px}.games-list{display:flex;flex-direction:column;gap:14px}.game-card-main,.game-main-info{min-width:0}.game-thumb,.top5-thumb{align-items:center;background:#2a2a2a;border-radius:16px;border-radius:var(--ui-radius-md);display:flex;font-size:32px;height:92px;height:var(--ui-thumb-size);justify-content:center;object-fit:cover;width:92px;width:var(--ui-thumb-size)}.heart-btn{background:#0000;box-shadow:none;color:#8d8f99;font-size:24px;height:auto;line-height:1;outline:none;padding:0;transition:transform .18s ease,text-shadow .18s ease,color .18s ease;width:auto}.heart-btn:hover{transform:scale(1.08)}.heart-btn.active{color:#ff4d6d;text-shadow:0 0 12px #ff4d6d59}.delete-btn{background:linear-gradient(135deg,#ef4444,#f87171);border-radius:12px;color:#fff;flex-shrink:0;padding:8px 12px;transition:transform .18s ease,filter .18s ease}.delete-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.status-row{gap:6px}.status-btn{background:#ffffff14;background:var(--muted-bg);border-radius:999px;color:#fff;font-size:13px;padding:8px 10px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.status-btn:hover{transform:translateY(-1px)}.status-btn.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow)}.rating-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.letterboxd-stars-proper{align-items:center;display:flex;gap:4px}.star-hitbox{flex-shrink:0;height:24px;position:relative;width:24px}.star-base,.star-fill{font-size:24px;inset:0;line-height:24px;pointer-events:none;position:absolute}.star-base{color:#4b4b56}.star-fill{color:#f5c542;overflow:hidden;white-space:nowrap}.star-click{background:#0000;border:none;bottom:0;margin:0;padding:0;position:absolute;top:0;width:50%;z-index:2}.star-click.left{left:0}.star-click.right{right:0}.rating-value{color:#cfcfcf;font-size:14px}.detailed-ratings-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.detailed-rating-card{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:16px;border-radius:var(--ui-radius-md);padding:12px}.detailed-rating-title{font-weight:700;margin-bottom:8px}.top5-list{display:flex;flex-direction:column;gap:12px}.top5-item{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);display:flex;gap:12px;padding:12px;transition:transform .18s ease,box-shadow .18s ease}.top5-item:hover{transform:translateY(-1px)}.top5-rank{font-size:18px;font-weight:700;text-align:center;width:34px}.top5-main{flex:1 1;min-width:0}.top5-name{font-weight:700}.top5-meta{color:#d1d5db;color:var(--text-soft);font-size:14px;margin-top:4px}.modal-backdrop{padding:16px;z-index:150}.game-modal{max-height:90vh}.modal-close-btn{background:#00000080;border-radius:999px;color:#fff;height:38px;position:absolute;right:14px;top:14px;transition:transform .18s ease,filter .18s ease;width:38px;z-index:2}.modal-close-btn:hover{filter:brightness(1.08);transform:scale(1.05)}.modal-image{display:block;height:260px;object-fit:cover;width:100%}.modal-content{padding:16px}.modal-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.modal-title-row h2{margin:0 0 10px}.modal-meta{color:#d1d5db;color:var(--text-soft);line-height:1.4;margin-bottom:8px}.modal-block{margin-top:18px}.modal-block-title{font-weight:700;margin-bottom:10px}.review-textarea{background:#0c0e18eb;background:var(--input-bg);border:none;border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;margin-bottom:10px;min-height:110px;outline:none;padding:12px 14px;resize:vertical;width:100%}.save-review-btn{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;font-weight:700;padding:14px 16px;transition:transform .18s ease,filter .18s ease;width:100%}.save-review-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.delete-large-btn{background:linear-gradient(135deg,#ef4444,#f87171);border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;font-weight:700;margin-top:18px;padding:14px 16px;transition:transform .18s ease,filter .18s ease;width:100%}.delete-large-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.library-carousel-wrap{margin-top:0}.library-switcher{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.library-switch-btn{background:var(--muted-bg);border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;font-weight:700;padding:12px 10px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.library-switch-count{margin-left:6px;opacity:.9}.library-swipe-hint{color:#d1d5db;color:var(--text-soft);font-size:13px;margin-bottom:12px;text-align:center}.library-carousel-viewport{overflow:hidden;width:100%}.library-carousel-track-fixed{display:flex;transition:transform .32s ease;width:100%;will-change:transform}.library-carousel-track::-webkit-scrollbar{display:none}.library-carousel-slide-fixed{flex:0 0 100%;min-width:100%}.bottom-tabs{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff14;box-shadow:0 10px 28px #00000052;scroll-snap-type:x mandatory}.tab-btn{align-items:center;background:#0000;border:none;border-radius:14px;color:#ffffffb8;display:flex;flex:0 0 auto;flex-direction:column;gap:3px;height:60px;justify-content:center;min-width:92px;padding:6px 8px;transition:all .2s ease}.tab-btn:hover{background:#ffffff0d;color:#ffffffb8}.tab-btn.active{box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow);filter:saturate(1.05) brightness(1.02)}.tab-icon{font-size:1.08rem;line-height:1}.tab-label{font-size:.58rem;line-height:1;white-space:nowrap}.tab-btn.active .tab-icon,.tab-btn.active .tab-label{color:#fff}@media (min-width:769px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.container{box-sizing:border-box;max-width:100%;padding:calc(14px + env(safe-area-inset-top)) 14px 96px}.title{font-size:30px}.xp-top{align-items:flex-start}.input-container,.xp-top{flex-direction:column}.close-search-btn,.filter-toggle-btn,.input-container button,.input-container input{width:100%}.search-results-header{align-items:stretch;flex-direction:column}.game-item,.top5-item{align-items:flex-start;flex-direction:column}.game-thumb,.top5-thumb,.upcoming-image{height:140px;max-width:140px;width:100%}.status-row,.top-row{width:100%}.status-btn{flex:1 1;text-align:center}.bottom-tabs{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff14;border-radius:20px;bottom:10px;box-shadow:0 10px 28px #00000052;display:flex;gap:8px;left:50%;max-width:720px;overflow-x:auto;overflow-y:hidden;padding:8px;position:fixed;scrollbar-width:none;transform:translateX(-50%);white-space:nowrap;width:calc(100% - 14px);z-index:1000}.bottom-tabs::-webkit-scrollbar{display:none}.tab-btn{align-items:center;background:#0000;border:none;border-radius:14px;color:#ffffffb8;display:flex;flex:0 0 auto;flex-direction:column;gap:3px;height:60px;justify-content:center;padding:6px;width:84px}.tab-icon{font-size:1.08rem;line-height:1}.tab-label{font-size:.6rem;line-height:1;white-space:nowrap}.theme-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal-image{height:220px}.rank-item{align-items:flex-start;flex-direction:column}.badges-grid,.library-switcher{grid-template-columns:1fr}.stats-grid.compact{gap:10px;grid-template-columns:repeat(3,1fr)}.stat-card.compact{min-height:82px}}body[data-ui=modern] .chip,body[data-ui=modern] .close-search-btn,body[data-ui=modern] .filter-toggle-btn,body[data-ui=modern] .game-card,body[data-ui=modern] .game-item,body[data-ui=modern] .input-container button,body[data-ui=modern] .library-switch-btn,body[data-ui=modern] .save-review-btn,body[data-ui=modern] .status-btn,body[data-ui=modern] .tab-btn,body[data-ui=modern] .theme-btn,body[data-ui=modern] .top5-item,body[data-ui=modern] .wishlist-upcoming-btn{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,opacity .22s ease,filter .22s ease}body[data-ui=modern] .current-rank-title,body[data-ui=modern] .game-name,body[data-ui=modern] .game-title,body[data-ui=modern] .panel-title,body[data-ui=modern] .title{letter-spacing:-.02em}body[data-ui=modern] .chip.active,body[data-ui=modern] .status-btn.active,body[data-ui=modern] .tab-btn.active,body[data-ui=modern] .theme-btn.active{transform:translateY(-1px)}.tab-transition-overlay.pixel{animation:pixelNeonWave .48s ease-out forwards;background:linear-gradient(90deg,#f0a0,#ff00aa14 18%,#00f5ff24 34%,#a855f733 50%,#00f5ff24 66%,#ff00aa14 82%,#fff0);filter:blur(.4px) saturate(1.15);image-rendering:pixelated;mix-blend-mode:screen;opacity:0;transform:translateX(-110%)}@keyframes pixelNeonWave{0%{opacity:0;transform:translateX(-110%)}18%{opacity:1}55%{opacity:1;transform:translateX(-6%)}to{opacity:0;transform:translateX(110%)}}@keyframes splashPixelPulse{0%{opacity:0;transform:scale(.94)}20%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1.01)}}.tab-transition-overlay.modern{animation:modernWaveBetter .42s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#fff0,#ffffff08 18%,#ffffff1a 30%,#7c3aed2e 45%,#22d3ee2e 58%,#ffffff0f 72%,#fff0)}@keyframes modernWaveBetter{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1}55%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.badges-summary{color:#d1d5db;color:var(--text-soft);margin-bottom:14px}.badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.badge-card{border-radius:18px;padding:14px;position:relative;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.badge-card:hover{transform:translateY(-2px)}.badge-card.unlocked{border:1px solid #ffffff24;box-shadow:0 0 18px #ffffff14;opacity:1;transform:scale(1)}.badge-card.unlocked .badge-icon{filter:none;transform:scale(1.05)}.badge-card.locked{border:1px solid #ffffff0f;box-shadow:none;opacity:.48}.badge-card.locked,.badge-card.locked .badge-icon{filter:grayscale(1)}.badge-card.locked .badge-desc,.badge-card.locked .badge-name,.badge-card.locked .badge-rarity,.badge-card.locked .badge-status{opacity:.75}.badge-card.unlocked.common{box-shadow:0 0 14px #ffffff14}.badge-card.unlocked.rare{box-shadow:0 0 18px #50a0ff38}.badge-card.unlocked.epic{box-shadow:0 0 22px #b45aff47}.badge-card.unlocked.legendary{box-shadow:0 0 26px #ffbe3c57}.badge-icon{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:30px;margin-bottom:8px}.badge-name{font-weight:700;margin-bottom:6px}.badge-desc{color:#d1d5db;color:var(--text-soft);font-size:13px;line-height:1.35;margin-bottom:8px}.badge-rarity{font-size:12px;margin-bottom:6px;opacity:.85;text-transform:uppercase}.badge-status{color:#9ca3af;color:var(--text-muted);font-size:12px}.badge-card.common{border-color:#9ca3af8c}.badge-card.rare{border-color:#3b82f6bf;box-shadow:0 0 14px #3b82f629}.badge-card.epic{border-color:#a855f7c7;box-shadow:0 0 16px #a855f738}.badge-card.legendary{border-color:#f59e0bcc;box-shadow:0 0 18px #f59e0b47}@media (max-width:768px){.badges-grid{grid-template-columns:1fr}}.load-more-btn{border-radius:14px;font-weight:700;margin-top:10px;padding:14px}.xp-card.compact{border-radius:20px;margin-bottom:12px;padding:14px 14px 12px}.xp-top.compact{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.xp-compact-left{align-items:baseline;display:flex;gap:8px;min-width:0}.xp-level.compact{font-size:1.05rem;font-weight:800;line-height:1}.xp-title.compact{font-size:.82rem;opacity:.82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-total.compact{font-size:.95rem;font-weight:800;white-space:nowrap}.xp-bar.compact{border-radius:999px;height:8px;overflow:hidden}.stats-grid.compact{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px;width:100%}.stats-grid.compact .stat-card{align-items:center;border-radius:18px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:82px;min-width:0;padding:10px 8px;text-align:center}.stats-grid.compact .stat-value{font-size:1.05rem;font-weight:700;line-height:1.1}.stats-grid.compact .stat-label{font-size:.78rem;line-height:1.1;margin-top:6px;white-space:nowrap}.filter-actions{display:flex;justify-content:flex-end;margin-top:12px}.reset-filters-btn{background:#ffffff14;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:8px 14px;transition:.2s}.reset-filters-btn:hover{background:#ffffff26}.owned-badge{background:#00ff9626;border-radius:8px;color:#00ff9c;display:inline-block;font-size:12px;font-weight:600;margin-top:6px;padding:4px 8px}.disabled-btn{background:#ffffff1a!important;border:1px solid #fff3;color:#aaa!important;cursor:not-allowed;opacity:.5}.disabled-btn:hover{box-shadow:none;transform:none}.badge-card,.current-rank-card,.game-item,.library-section,.options-panel,.rank-item,.search-panel,.stat-card,.top5-item,.upcoming-card,.xp-card{border-radius:18px}.badge-card,.current-rank-card,.game-item,.library-section,.options-panel,.rank-item,.search-panel,.top5-item,.upcoming-card,.xp-card{background:#ffffff0a;border:1px solid #ffffff0f;box-shadow:0 10px 24px #0000002e}.pixel-click{animation:pixelPop .4s ease-out forwards;background:#f0a;box-shadow:0 0 6px #f0a,0 0 12px #00f5ff,0 0 18px #a855f7;height:8px;pointer-events:none;position:fixed;width:8px;z-index:9999}@keyframes pixelPop{0%{opacity:1;transform:scale(1)}60%{opacity:.9;transform:scale(4)}to{opacity:0;transform:scale(6)}}.badge-card.unlocked{animation:badgeGlow 2s infinite alternate}@keyframes badgeGlow{0%{box-shadow:0 0 10px #ffffff1a}to{box-shadow:0 0 22px #a855f759}}.badge-card.locked:after{content:"🔒";font-size:14px;opacity:.6;position:absolute;right:10px;top:8px}.level-up{align-items:center;animation:levelUpAnim 1s ease forwards;background:radial-gradient(circle,#a855f740,#0000);color:#fff;display:flex;font-size:32px;font-weight:700;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:9999}@keyframes levelUpAnim{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}.sub-option+.sub-option{margin-top:18px}.sub-option-label{color:#d1d5db;color:var(--text-soft);font-size:14px;font-weight:700;margin-bottom:10px}.game-item.detailed-card .game-thumb{height:92px;width:92px}.game-item{align-items:stretch;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.game-item:hover{border-color:#ffffff1a;box-shadow:0 14px 28px #0003}.game-item-left{display:flex}.game-thumb{height:96px;width:96px}.game-item-content{gap:10px;justify-content:space-between}.game-card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.game-card-main{flex:1 1;min-width:0}.game-card-bottom{display:flex;flex-direction:column;gap:10px}.game-name{font-weight:800}.library-meta.subtle{color:#9ca3af;color:var(--text-muted);font-size:12px;margin-top:4px}.library-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.library-chip{align-items:center;background:#ffffff14;border:1px solid #ffffff0f;border-radius:999px;color:#d1d5db;color:var(--text-soft);display:inline-flex;font-size:12px;line-height:1;padding:5px 9px}.library-chip.platform{color:#cbd5e1}.library-chip.genre{color:#c084fc;color:var(--genre-color)}.library-chip.rating-chip{font-weight:700}.delete-btn{align-self:flex-start}.game-item.compact-card{align-items:stretch}.game-item.compact-card .game-thumb{border-radius:14px}.game-item.compact-card .library-meta.subtle{font-size:11px}.game-item.compact-card .library-chip{font-size:10px;padding:4px 7px}.game-item.compact-card .status-row{gap:5px;margin-bottom:6px}.game-item.compact-card .delete-btn{font-size:11px;padding:5px 8px}.game-item.compact-card .rating-row{transform:scale(.92);transform-origin:left center}.game-item.compact-card .game-item-content{width:100%}.game-item.detailed-card .library-chip{font-size:12px;padding:6px 10px}.game-item.detailed-card .status-btn{padding:8px 12px}@media (max-width:768px){.game-item{align-items:flex-start!important;flex-direction:row!important}.game-item-left{flex-shrink:0}.game-item.compact-card .game-thumb{height:62px;width:62px}.game-item.detailed-card .game-thumb{height:82px;width:82px}.game-card-top{gap:8px}.game-name{word-break:break-word}}.game-item{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:var(--ui-radius-xl);padding:14px;padding:var(--ui-card-padding);transition:transform .2s ease,box-shadow .2s ease}.game-item:hover{box-shadow:0 14px 28px #0000002e;transform:translateY(-2px)}.game-item.clickable{cursor:pointer}.game-item-left{flex-shrink:0}.game-thumb{align-items:center;background:#2a2a2a;border-radius:16px;border-radius:var(--ui-radius-md);display:flex;font-size:32px;height:92px;height:var(--ui-thumb-size);justify-content:center;object-fit:cover;width:92px;width:var(--ui-thumb-size)}.game-item-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.game-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.game-name{font-size:18px;font-weight:700;line-height:1.2}.library-meta{color:#c7cad4;font-size:13px;line-height:1.35;margin-top:4px;word-break:break-word}.platforms-text{color:#9ca3af}.genre-text{color:#c084fc;color:var(--genre-color)}.top-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.status-row{flex-wrap:wrap;margin-bottom:12px}.game-item.compact-card .game-thumb{height:92px;height:var(--ui-thumb-size);width:92px;width:var(--ui-thumb-size)}.game-item.compact-card .library-meta{font-size:13px}.game-item.compact-card .status-btn{font-size:12px}.game-item.detailed-card .library-meta{font-size:13px}.game-item.detailed-card .status-btn{padding:9px 12px}@media (max-width:768px){.game-item{align-items:flex-start!important;flex-direction:row!important}.game-thumb{height:88px;width:88px}.game-name{font-size:16px}.library-meta{font-size:12px}}.game-item.compact-card{border-radius:16px;gap:10px;padding:10px}.game-item.compact-card .game-thumb{border-radius:12px;height:68px;width:68px}.game-item.compact-card .status-row{gap:6px;margin-bottom:8px}.game-item.compact-card .status-btn{border-radius:10px;padding:6px 8px}.game-item.compact-card .rating-row{transform:scale(.9);transform-origin:left}.game-item.detailed-card{border-radius:20px;gap:14px;padding:16px}.game-item.detailed-card .game-name{font-size:19px}.game-item.detailed-card .library-meta{font-size:14px}.game-item.detailed-card .status-btn{font-size:13px;padding:10px 14px}.game-item.detailed-card .rating-row{transform:scale(1.05);transform-origin:left}.game-item.detailed-card:hover{transform:translateY(-3px) scale(1.01)}.compact-bottom-row{display:flex;gap:14px;justify-content:center;margin-top:6px}.xp-inline{background:#7c3aed33;border-radius:8px;color:#c4b5fd;font-weight:800;padding:4px 8px}.rating-inline{order:2}.compact-bottom-row .heart-btn{order:3}.rating-inline .rating-row{justify-content:flex-end}.library-section{padding:20px}.section-header{margin:0 0 18px}.game-item{border-radius:22px;display:flex;flex-direction:column;gap:14px;padding:18px}.game-card-head{align-items:flex-start;display:flex;gap:14px;width:100%}.game-item-left{flex:0 0 auto}.game-head-main{flex:1 1;min-width:0}.game-head-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;width:100%}.game-main-info{flex:1 1;min-width:0}.game-card-actions{display:flex;flex-direction:column;gap:12px;width:100%}.status-row{display:flex;gap:8px;margin:0;width:100%}.status-row .status-btn{flex:1 1;min-width:0;text-align:center}.compact-bottom-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:70px 1fr 40px;width:100%}.xp-inline{color:#d1d5db;font-size:12px;font-weight:700;text-align:left}.rating-inline{align-items:center;display:flex;justify-content:center;min-width:0}.rating-inline .rating-row{flex-wrap:nowrap;justify-content:center;margin:0}.rating-inline .letterboxd-stars-proper{flex-wrap:nowrap}.compact-bottom-row .heart-btn{font-size:18px;justify-self:end}.detailed-bottom-row{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.detailed-bottom-row .rating-row{margin:0}.game-item.compact-card{padding:14px}.game-item.compact-card .game-thumb{border-radius:16px;height:74px;width:74px}.game-item.compact-card .game-name{font-size:15px;line-height:1.15}.game-item.compact-card .library-meta{font-size:12px;margin-top:4px}.game-item.compact-card .status-btn{font-size:11px;padding:8px 10px}.game-item.compact-card .delete-btn{padding:6px 10px}.game-item.detailed-card{padding:20px}.game-item.detailed-card .game-thumb{border-radius:18px;height:110px;width:110px}.game-item.detailed-card .game-name{font-size:20px;line-height:1.15}@media (max-width:768px){.library-section{padding:18px 14px}.game-item{padding:16px}.game-item.compact-card .game-thumb{height:72px;width:72px}.game-item.detailed-card .game-thumb{height:96px;width:96px}.compact-bottom-row{gap:8px;grid-template-columns:62px 1fr 34px}.xp-inline{font-size:11px}}.game-item{border-radius:22px!important;flex-direction:column!important;overflow:hidden;padding:18px!important}.game-card-head,.game-item{display:flex!important;gap:14px!important}.game-card-head{align-items:flex-start!important;flex-direction:row!important;width:100%!important}.game-item-left{flex:0 0 auto!important;width:auto!important}.game-thumb{border-radius:16px!important;display:block!important;height:96px!important;object-fit:cover!important;width:96px!important}.game-head-main{flex:1 1 auto!important;min-width:0!important;width:100%!important}.game-head-top{align-items:flex-start!important;display:flex!important;gap:12px!important;justify-content:space-between!important;width:100%!important}.game-main-info{flex:1 1 auto!important;min-width:0!important;width:auto!important}.game-name{font-size:18px!important;line-height:1.15!important}.game-name,.library-meta{display:block!important;white-space:normal!important;word-break:break-word!important;writing-mode:horizontal-tb!important}.library-meta{font-size:14px!important;line-height:1.3!important;margin-top:6px!important}.delete-btn{align-self:flex-start!important;flex:0 0 auto!important}.game-card-actions{flex-direction:column!important;gap:12px!important}.game-card-actions,.status-row{display:flex!important;width:100%!important}.status-row{gap:8px!important;margin:0!important}.status-row .status-btn{flex:1 1!important;min-width:0!important;text-align:center!important}.compact-bottom-row{grid-gap:10px!important;align-items:center!important;display:grid!important;gap:10px!important;grid-template-columns:70px 1fr 40px!important;width:100%!important}.xp-inline{color:#d1d5db!important;font-size:12px!important;font-weight:700!important;text-align:left!important;white-space:nowrap!important}.rating-inline{align-items:center!important;display:flex!important;justify-content:center!important;min-width:0!important}.rating-inline .rating-row{flex-wrap:nowrap!important;justify-content:center!important;margin:0!important}.compact-bottom-row .heart-btn{font-size:18px!important;justify-self:end!important}.detailed-bottom-row{align-items:center!important;display:flex!important;gap:12px!important;justify-content:space-between!important;width:100%!important}.detailed-bottom-row .rating-row{margin:0!important}.game-item.compact-card .game-thumb{height:74px!important;width:74px!important}.game-item.detailed-card .game-thumb{height:120px!important;width:120px!important}@media (max-width:768px){.game-card-head{flex-direction:row!important}.game-item.compact-card .game-thumb{height:72px!important;width:72px!important}.game-item.detailed-card .game-thumb{height:96px!important;width:96px!important}.compact-bottom-row{grid-template-columns:62px 1fr 34px!important}.game-name{font-size:16px!important}.library-meta{font-size:13px!important}}.game-modal{-webkit-overflow-scrolling:touch;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}.game-image,.game-thumb,.modal-image,.upcoming-image{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}.game-modal,.modal-content,.modal-image{max-width:100%}.game-modal{animation:modalPop .25s ease}@keyframes modalPop{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.game-item:active{transform:scale(.98)}.genre-chart{display:flex;flex-direction:column;gap:12px}.genre-chart-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:110px 1fr 32px}.genre-chart-label{color:#d1d5db;color:var(--text-soft);font-size:13px;font-weight:600;word-break:break-word}.genre-chart-bar-wrap{background:#ffffff14;border-radius:999px;height:12px;overflow:hidden;width:100%}.genre-chart-bar{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border-radius:999px;height:100%}.genre-chart-value{color:#fff;font-size:13px;font-weight:700;text-align:right}@media (max-width:768px){.genre-chart-row{gap:8px;grid-template-columns:90px 1fr 28px}.genre-chart-label,.genre-chart-value{font-size:12px}}.profile-card{background:linear-gradient(135deg,#7c3aed40,#2563eb40);box-shadow:0 0 20px #7c3aed40}.difficulty-badge{border-radius:10px;padding:6px 10px}.difficulty-badge:has(:contains("Casual")){background:#22c55e33;color:#4ade80}.difficulty-badge:has(:contains("Normal")){background:#3b82f633;color:#60a5fa}.difficulty-badge:has(:contains("Difficile")){background:#fb923c33;color:#fb923c}.difficulty-badge:has(:contains("Hardcore")){background:#ef444433;color:#f87171}.difficulty-1{background:#22c55e33}.difficulty-2{background:#3b82f633}.difficulty-3{background:#fb923c33}.difficulty-4{background:#ef444433}.difficulty-bar-wrap{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden;width:100%}.difficulty-bar-fill{background:linear-gradient(90deg,#22c55e,#ef4444);height:100%}.advanced-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.advanced-stats .stat-card{background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff17;border:1px solid var(--panel-border);border-radius:18px;padding:14px;text-align:center}.advanced-stats .stat-card.wide{grid-column:span 2}.profile-card{background:linear-gradient(135deg,#7c3aed38,#2563eb38);border:1px solid #ffffff1f;box-shadow:0 0 20px #7c3aed2e}.difficulty-badge{border-radius:12px;display:inline-block;font-size:13px;font-weight:700;padding:6px 12px}.difficulty-1{background:#22c55e2e;color:#4ade80}.difficulty-2{background:#3b82f62e;color:#60a5fa}.difficulty-3{background:#fb923c2e;color:#fb923c}.difficulty-4{background:#ef44442e;color:#f87171}@media (max-width:768px){.advanced-stats{grid-template-columns:1fr}.advanced-stats .stat-card.wide{grid-column:span 1}}.game-card,.game-item,.library-switch-btn,.status-btn,.swipe-card,.tab-btn,.theme-btn,.top5-item{will-change:transform}.game-image,.game-thumb,.modal-image,.top5-thumb,.upcoming-image{content-visibility:auto}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hardware-icon{border-radius:14px;font-size:24px;height:46px;width:46px}@media (max-width:768px){.hardware-card,.hardware-main{align-items:flex-start}}.hardware-results{display:flex;flex-direction:column;gap:12px}.hardware-result-card{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);display:flex;gap:12px;padding:14px;padding:var(--ui-card-padding)}.hardware-result-image,.hardware-thumb{background:#ffffff14;background:var(--muted-bg);border-radius:16px;border-radius:var(--ui-radius-md);flex-shrink:0;height:82px;object-fit:cover;width:82px}.hardware-result-content{flex:1 1;min-width:0}.hardware-result-content button{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border:none;border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 12px}@media (max-width:768px){.hardware-result-card{align-items:flex-start}.hardware-result-image,.hardware-thumb{height:74px;width:74px}}.hardware-catalog-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.hardware-catalog-card{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);padding:var(--ui-card-padding)}.hardware-catalog-image,.hardware-thumb{border-radius:16px;border-radius:var(--ui-radius-md);flex-shrink:0;height:86px;object-fit:contain;padding:6px;width:86px}.hardware-catalog-content{flex:1 1;min-width:0}.hardware-catalog-content button{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border-radius:16px;border-radius:var(--ui-radius-md);margin-top:10px;padding:10px 12px}.disabled-btn,.hardware-catalog-content button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.45}.hardware-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.hardware-form input,.hardware-form select,.hardware-form textarea{background:#0c0e18eb;background:var(--input-bg);border:none;border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;outline:none;padding:13px 14px;width:100%}.hardware-form textarea{min-height:90px;resize:vertical}.hardware-form button{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border:none;border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;cursor:pointer;font-weight:700;padding:14px 16px}.hardware-list{display:flex;flex-direction:column;gap:12px}.hardware-card{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);justify-content:space-between;padding:14px;padding:var(--ui-card-padding)}.hardware-card,.hardware-main{align-items:center;display:flex;gap:12px}.hardware-main{min-width:0}.hardware-icon{align-items:center;background:#ffffff14;background:var(--muted-bg);border-radius:16px;border-radius:var(--ui-radius-md);display:flex;flex-shrink:0;font-size:30px;height:86px;justify-content:center;width:86px}.hardware-name{font-size:17px}.hardware-notes{color:#9ca3af;color:var(--text-muted);font-size:13px;line-height:1.35;margin-top:6px}.hardware-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}@media (max-width:768px){.hardware-card,.hardware-catalog-card,.hardware-main{align-items:flex-start}.hardware-catalog-image,.hardware-icon,.hardware-thumb{height:74px;width:74px}}.hardware-group{margin-top:18px}.hardware-group-title{font-size:20px;margin:0 0 12px}.hardware-variant-block{margin-bottom:18px}.hardware-variant-title{color:#d1d5db;color:var(--text-soft);font-weight:800;margin-bottom:10px}.hardware-tag{background:#ffffff14;border-radius:999px;color:#d1d5db;color:var(--text-soft);display:inline-block;font-size:11px;font-weight:700;margin-top:6px;padding:4px 8px}.hardware-catalog-card{align-items:center;background:linear-gradient(180deg,#1f1f25,#1a1a20);border:1px solid #ffffff0d;border-radius:16px;display:flex;gap:12px;padding:14px;transition:all .25s ease}.hardware-catalog-card:hover{border-color:#8c64ff66;box-shadow:0 10px 25px #0006;transform:translateY(-3px)}.hardware-image-wrapper{align-items:center;background:linear-gradient(180deg,#fff,#f2f2f2);border-radius:14px;display:flex;height:90px;justify-content:center;transition:transform .25s ease;width:90px}.hardware-catalog-card:hover .hardware-image-wrapper{transform:scale(1.05)}.hardware-catalog-content button{background:linear-gradient(135deg,#6a5cff,#8e7bff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-top:8px;padding:8px 14px;transition:all .2s ease}.hardware-catalog-content button:hover{box-shadow:0 4px 12px #7864ff66;transform:scale(1.05)}.hardware-catalog-content button:active{transform:scale(.95)}.hardware-name{font-size:16px;font-weight:800}.hardware-meta{color:#a0a0b0;margin-top:4px}.hardware-tools{margin:14px 0 18px}.hardware-tool-block{min-width:0}.hardware-catalog-card{background:linear-gradient(180deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.045));border:1px solid hsla(0,0%,100%,.075);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.hardware-catalog-card:hover{border-color:#7c3aed5c;box-shadow:0 12px 26px #00000047,0 0 14px #7c3aed29;transform:translateY(-2px)}.hardware-catalog-card[data-brand=Sony]:hover{border-color:#3b82f6a6;box-shadow:0 12px 26px #00000047,0 0 16px #3b82f633}.hardware-catalog-card[data-brand=Microsoft]:hover{border-color:#22c55ea6;box-shadow:0 12px 26px #00000047,0 0 16px #22c55e2e}.hardware-catalog-card[data-brand=Nintendo]:hover{border-color:#ef4444a6;box-shadow:0 12px 26px #00000047,0 0 16px #ef44442e}.hardware-image-wrapper{transition:transform .22s ease}.hardware-catalog-card:hover .hardware-image-wrapper{transform:scale(1.04)}.hardware-catalog-content button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.hardware-catalog-content button:hover:not(:disabled){box-shadow:0 6px 14px #7c3aed47;filter:brightness(1.06);transform:translateY(-1px)}.hardware-catalog-content button:active:not(:disabled){transform:scale(.96)}.hardware-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.hardware-card:hover{border-color:#ffffff21;box-shadow:0 12px 24px #00000038;transform:translateY(-2px)}@media (min-width:769px){.hardware-tools{grid-template-columns:1fr 1fr}}.clear-btn{font-weight:600;transition:all .2s ease}.results-count{color:#d1d5db;color:var(--text-soft);margin-top:6px}.hardware-group{border-top:1px solid #ffffff0d;margin-top:22px;padding-top:10px}.hardware-filter-panel{margin:14px 0 18px}.hardware-filter-panel,.hardware-tools{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.clear-btn{background:#ffffff14;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px;width:fit-content}.clear-btn:hover{background:#ffffff26}.chips-group{flex-wrap:wrap;gap:8px}@media (min-width:769px){.hardware-filter-panel{align-items:end;grid-template-columns:1fr auto}.hardware-tools{grid-column:1/2;grid-template-columns:1fr 1fr}.clear-btn{grid-column:2/3;grid-row:1/3}}.hardware-filters-bar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:12px 0 18px}.filters-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.results-count{color:#a0a0b0;font-size:12px;margin-right:6px}.chips-group{display:flex;gap:6px}.chip{background:#ffffff14;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease}.chip.active{background:linear-gradient(135deg,#6a5cff,#8e7bff)}.chip:hover{background:#ffffff26}.clear-btn-minimal{background:#ffffff14;border-radius:50%;font-size:16px}.clear-btn-minimal:hover{background:#fff3}.hardware-category{margin-top:18px}.hardware-category-header{align-items:center;background:#ffffff12;border:none;border-radius:18px;border-radius:var(--ui-radius-lg);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:900;gap:10px;padding:14px 16px;width:100%}.hardware-category-header:hover{background:#ffffff1c}.hardware-category-count{font-size:13px;margin-left:auto}.hardware-category-arrow,.hardware-category-count{color:#d1d5db;color:var(--text-soft)}.hardware-category-content{margin-top:12px}.hardware-console-list{grid-gap:10px;gap:10px}.hardware-console-card{background:#ffffff14;border-radius:12px;font-weight:700;padding:14px;transition:all .2s ease}.hardware-console-card:hover{background:#ffffff26}.hardware-view{width:100%}.hardware-brand-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.hardware-view-container{width:100%}.hardware-view-slider{display:flex;transition:transform .35s ease;width:200%}.hardware-view{flex-shrink:0;width:50%}.hardware-console-list{grid-gap:12px;display:grid;gap:12px}.hardware-console-card{background:linear-gradient(180deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.045));border:1px solid hsla(0,0%,100%,.075);border-radius:18px;border-radius:var(--ui-radius-lg);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.hardware-console-card:hover{border-color:#7c3aed5c;box-shadow:0 12px 26px #00000047,0 0 14px #7c3aed29}.hardware-console-card[data-brand=Sony]:hover{border-color:#3b82f6a6}.hardware-console-card[data-brand=Microsoft]:hover{border-color:#22c55ea6}.hardware-console-card[data-brand=Nintendo]:hover{border-color:#ef4444a6}.hardware-console-arrow{color:#d1d5db;color:var(--text-soft);font-size:28px}.clear-btn-minimal{background:#ffffff1a;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:900;height:32px;width:32px}.clear-btn-minimal:hover{background:#ffffff2e}.back-btn{background:linear-gradient(135deg,#6a5cff,#8e7bff);display:inline-flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:14px;padding:8px 12px;transition:all .2s ease}.back-btn:hover{box-shadow:0 4px 12px #7864ff66;transform:translateX(-2px)}.back-btn:active{transform:scale(.95)}.hardware-console-card{align-items:center;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid #ffffff12;border-radius:14px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .25s ease;width:100%}.hardware-console-card:hover{border-color:#7c3aed66;box-shadow:0 12px 25px #0000004d,0 0 14px #7c3aed26;transform:translateY(-2px)}.hardware-console-card[data-brand=Sony]:hover{border-color:#3b82f6}.hardware-console-card[data-brand=Microsoft]:hover{border-color:#22c55e}.hardware-console-card[data-brand=Nintendo]:hover{border-color:#ef4444}.hardware-console-card .hardware-image-wrapper{flex-shrink:0;height:70px;width:70px}.hardware-console-info{flex:1 1;min-width:0}.hardware-console-arrow{font-size:26px;opacity:.5;transition:transform .2s ease}.hardware-console-card:hover .hardware-console-arrow{opacity:1;transform:translateX(4px)}.hardware-console-card:hover .hardware-image-wrapper{transform:scale(1.05)}.hardware-brand-line{color:#d1d5db;color:var(--text-soft);font-size:12px;gap:6px}.brand-dot{border-radius:50%;height:8px;width:8px}.brand-dot.sony{background:#3b82f6}.brand-dot.microsoft{background:#22c55e}.brand-dot.nintendo{background:#ef4444}.hardware-brand-name{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.brand-logo{height:18px;width:18px}.hardware-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-collection-card{background:linear-gradient(180deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.045));border:1px solid hsla(0,0%,100%,.075);border-radius:18px;border-radius:var(--ui-radius-lg);overflow:hidden}.hardware-collection-image-wrap{align-items:center;display:flex;height:170px;justify-content:center;width:170px}.hardware-collection-image{filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}.hardware-collection-placeholder{align-items:center;background:#ffffff14;background:var(--muted-bg);display:flex;font-size:34px;height:120px;justify-content:center}.hardware-collection-content{padding:12px}.hardware-collection-actions{align-items:center;justify-content:space-between}@media (max-width:420px){.hardware-collection-grid{grid-template-columns:1fr}}.series-list{display:flex;flex-direction:column;gap:12px}.series-card{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);padding:14px;padding:var(--ui-card-padding)}.series-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.series-title{font-size:17px;font-weight:900}.series-percent{font-size:18px;font-weight:900}.series-games{display:flex;flex-direction:column;gap:6px;margin-top:10px}.series-game-row{color:#d1d5db;color:var(--text-soft);display:flex;font-size:13px;gap:10px;justify-content:space-between}.series-missing{color:#f59e0b;font-size:12px;font-weight:700;margin-top:6px}.series-actions{display:flex;flex-wrap:wrap;gap:8px}.series-actions button{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:800;padding:8px 10px}.series-suggestions-btn{margin-top:16px}.quick-status-actions{align-items:center;display:flex;gap:6px}.quick-status-btn{background:#ffffff1a;border:none;border-radius:10px;cursor:pointer;font-size:15px;height:32px;width:32px}.quick-status-btn:hover:not(:disabled){background:#ffffff2e;transform:translateY(-1px)}.already-added{color:#4ade80;font-size:13px;font-weight:600;opacity:.9}.search-actions.single{margin-top:10px}.in-progress-btn{border-radius:999px;color:#fff;font-size:11px;font-weight:800;padding:5px 10px}.swipe-action-label{font-size:14px}.game-meta{opacity:.8}.search-actions.single{align-items:center;display:flex;justify-content:center}.search-actions.single .in-progress-btn{all:unset;align-items:center;background:#ffffff24;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;gap:6px;justify-content:center;min-width:0!important;padding:6px 12px;width:auto!important}.swipe-action-label{font-size:28px;transition:transform .08s linear}.game-meta{font-size:12px;margin-top:4px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.in-progress-btn{all:unset;align-items:center;background:#ffffff26;border-radius:50%;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.in-progress-btn:hover{background:#ffffff40}.swipe-action-label svg{transition:transform .1s}.swipe-action-label{transition:transform .08s ease-out}.swipe-card.swiping-wishlist{box-shadow:0 0 22px #6366f173}.swipe-card.swiping-finished{box-shadow:0 0 22px #22c55e73}.icon-btn{align-items:center;background:#ffffff14;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.icon-btn:hover{background:#ffffff29;transform:translateY(-1px)}.icon-btn.active{background:#fff3}.icon-btn svg{stroke-width:2.4}.back-btn{border-radius:10px;color:#fff;height:36px;width:36px}.back-btn,.heart-btn{align-items:center;background:#ffffff14;border:none;cursor:pointer;display:flex;justify-content:center}.heart-btn{border-radius:10px;color:#ef4444;height:34px;width:34px}.heart-btn.active{background:#ef444426}.heart-btn:active{transform:scale(1.2);transform:scale(1.25)}.heart-btn.active{animation:pop .25s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.status-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;height:26px;left:8px;top:8px;width:26px}.status-badge.en\ cours{background:#f59e0be6}.game-item{position:relative}.status-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;color:#fff;display:flex;height:28px;justify-content:center;left:10px;position:absolute;top:10px;width:28px;z-index:5}.status-badge.wishlist{background:#6366f1e6}.status-badge.en-cours{background:#f59e0be6}.status-badge.terminé{background:#22c55ee6}.options-page{display:flex;flex-direction:column;gap:14px}.options-header{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);padding:18px}.options-header h2{font-size:24px;margin:0}.options-header p{color:#d1d5db;color:var(--text-soft);font-size:13px;margin:6px 0 0}.option-section{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);padding:14px}.option-section-head h3{font-size:18px;margin:0}.option-section-head p{color:#d1d5db;color:var(--text-soft);font-size:13px;margin:4px 0 12px}.option-row{border-top:1px solid #ffffff14;display:flex;gap:14px;justify-content:space-between;padding:14px 0}.option-row-text{flex:1 1;min-width:0}.option-row-label{font-weight:900}.option-row-desc{color:#d1d5db;color:var(--text-soft);font-size:12px;margin-top:4px}.option-row-control{width:min(360px,100%)}.option-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.option-chip,.segmented-control button{background:#ffffff14;border:none;color:#fff}.option-chip.active,.segmented-control button.active{background:var(--accent-gradient)}.segmented-control{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.segmented-control.three{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.option-row{flex-direction:column}.option-row-control{width:100%}}.option-chip,.segmented-control button{background:#ffffff12;border:1px solid #ffffff14;border-radius:12px;color:#d1d5db;color:var(--text-soft);cursor:pointer;font-weight:800;padding:9px 12px;transition:.15s ease}.option-chip:hover,.segmented-control button:hover{background:#ffffff1f;color:#fff}.option-chip.active,.segmented-control button.active{background:linear-gradient(135deg,#7c3aedf2,#2563ebf2);border-color:#ffffff38;box-shadow:0 0 18px #7c3aed59;color:#fff;transform:translateY(-1px)}.option-chip.active:before,.segmented-control button.active:before{content:"✓ "}.library-sort{gap:8px;margin-bottom:12px}.library-sort button{background:#ffffff14;border-radius:10px;font-weight:800;padding:6px 10px}.library-sort button.active{background:var(--accent-gradient)}.library-group{display:flex;flex-direction:column;gap:10px}.library-group-title{align-items:center;background:#ffffff12;border-radius:10px;color:#fff;display:flex;font-weight:900;justify-content:space-between;margin:8px 0 2px;padding:8px 10px}.library-group-title span:last-child{color:#d1d5db;color:var(--text-soft);font-size:13px}.profile-tab{display:flex;flex-direction:column;gap:16px}.profile-hero{align-items:center;display:flex;gap:14px;justify-content:space-between}.profile-kicker{color:#9ca3af;color:var(--text-muted);font-size:13px;font-weight:700;margin-bottom:6px}.profile-title{font-size:26px;line-height:1.1;margin:0}.profile-subtitle{color:#d1d5db;color:var(--text-soft);font-size:14px;line-height:1.4;margin-top:8px}.profile-badge-count{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:16px;min-width:92px;padding:12px;text-align:center}.profile-badge-count strong{display:block;font-size:24px}.profile-badge-count span{color:#9ca3af;color:var(--text-muted);font-size:12px}.profile-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.next-goal-card{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;display:flex;gap:12px;padding:14px}.profile-badges-section{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.compact-ranks .rank-item{padding:12px}@media (max-width:560px){.profile-hero{align-items:flex-start;flex-direction:column}.profile-badge-count{width:100%}.profile-badges-section,.profile-stats-grid{grid-template-columns:1fr}}.profile-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.profile-toggle-btn{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border:none;border-radius:999px;box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow);color:#fff;cursor:pointer;flex-shrink:0;font-weight:800;padding:10px 14px}.profile-toggle-btn:active{transform:scale(.97)}.badge-unlock-toast{align-items:center;animation:badgeUnlockPop 2.8s ease forwards;background:linear-gradient(135deg,#141420f5,#2d194bf5);border:1px solid #ffffff29;border-radius:22px;box-shadow:0 18px 45px #00000059,0 0 28px #a855f759;color:#fff;display:flex;gap:14px;left:50%;padding:16px;pointer-events:none;position:fixed;top:calc(70px + env(safe-area-inset-top));transform:translateX(-50%);width:min(92vw,390px);z-index:9999}.badge-unlock-toast.rare{box-shadow:0 18px 45px #00000059,0 0 32px #3b82f67a}.badge-unlock-toast.epic{box-shadow:0 18px 45px #00000059,0 0 36px #a855f794}.badge-unlock-toast.legendary{background:linear-gradient(135deg,#46280afa,#784b0cf5);box-shadow:0 18px 45px #00000061,0 0 42px #f59e0bad}.badge-unlock-icon{align-items:center;background:#ffffff1f;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff1a;display:flex;font-size:30px;height:54px;justify-content:center;width:54px}.badge-unlock-kicker{color:#d1d5db;color:var(--text-soft);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.badge-unlock-name{font-size:18px;font-weight:900;margin-top:3px}.badge-unlock-desc{color:#d1d5db;color:var(--text-soft);font-size:13px;margin-top:4px}@keyframes badgeUnlockPop{0%{opacity:0;transform:translateX(-50%) translateY(-16px) scale(.92)}12%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.04)}22%{transform:translateX(-50%) translateY(0) scale(1)}82%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.96)}}.badge-card.unlocked{overflow:hidden}.badge-card.unlocked:before{content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.badge-card.unlocked:hover:before{opacity:1}.badge-card.unlocked.common{background:linear-gradient(135deg,#ffffff14,#ffffff08)}.badge-card.unlocked.rare{background:linear-gradient(135deg,#3b82f62e,#0f172a66);border-color:#60a5facc}.badge-card.unlocked.epic{background:linear-gradient(135deg,#a855f738,#0f172a6b);border-color:#c084fce6}.badge-card.unlocked.legendary{animation:legendaryPulse 2.4s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b3d,#78350f61);border-color:#fbbf24f2}.badge-card.unlocked.legendary .badge-icon{animation:legendaryIconFloat 1.8s ease-in-out infinite}@keyframes legendaryPulse{0%,to{box-shadow:0 0 18px #f59e0b47,inset 0 0 0 1px #ffffff0f}50%{box-shadow:0 0 34px #f59e0b8c,inset 0 0 0 1px #ffffff24}}@keyframes legendaryIconFloat{0%,to{transform:translateY(0) scale(1.05)}50%{transform:translateY(-3px) scale(1.12)}}.badge-progress{color:#d1d5db;color:var(--text-soft);font-size:12px;margin-top:8px}.badge-progress-bar{background:#ffffff1a;border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.badge-progress-fill{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border-radius:999px;height:100%;transition:width .3s ease}.home-page{display:flex;flex-direction:column;gap:16px}.home-hero{align-items:center;background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff17;border:1px solid var(--panel-border);border-radius:22px;border-radius:var(--ui-radius-xl);box-shadow:0 10px 24px #0000002e;box-shadow:var(--panel-shadow);display:flex;gap:14px;justify-content:space-between;padding:18px}.home-kicker{color:#9ca3af;color:var(--text-muted);font-size:13px;font-weight:800;margin-bottom:6px}.home-hero h2{font-size:26px;margin:0}.home-hero p{color:#d1d5db;color:var(--text-soft);font-size:14px;margin:8px 0 0}.home-level-pill{align-items:center;background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border-radius:24px;box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow);display:flex;flex-direction:column;height:76px;justify-content:center;min-width:76px}.home-level-pill span{color:#fffc;font-size:12px}.home-level-pill strong{font-size:28px}.home-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.home-actions-grid button,.home-section-head button{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:16px;border-radius:var(--ui-radius-md);color:#fff;cursor:pointer;font-weight:900;padding:13px 10px}.home-actions-grid button:first-child{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow)}.home-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.home-section-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.home-section-head .panel-title{margin:0}.home-game-list{display:flex;flex-direction:column;gap:10px}.home-game-row{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);color:#fff;cursor:pointer;display:flex;gap:12px;padding:10px;text-align:left;width:100%}.home-game-placeholder,.home-game-row img{align-items:center;background:#ffffff14;border-radius:14px;display:flex;flex-shrink:0;height:54px;justify-content:center;object-fit:cover;width:54px}.home-game-row strong{display:block;font-size:15px}.home-game-row span{color:#9ca3af;color:var(--text-muted);display:block;font-size:12px;margin-top:4px}.home-goal-card{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;border-radius:var(--ui-radius-lg);display:flex;gap:12px;padding:14px}.home-goal-main{flex:1 1;min-width:0}@media (max-width:560px){.home-hero{align-items:flex-start}.home-actions-grid,.home-stats-grid{grid-template-columns:1fr}}.games-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:900px){.games-grid{grid-template-columns:repeat(3,1fr)}}.game-grid-item{aspect-ratio:3/4;background:#111;border-radius:16px;cursor:pointer;overflow:hidden;position:relative}.game-grid-item img{height:100%;object-fit:cover;width:100%}.grid-overlay{background:linear-gradient(0deg,#000000d9,#0000);bottom:0;left:0;padding:10px;position:absolute;right:0}.grid-title{font-size:13px;font-weight:700;line-height:1.2}.grid-meta{font-size:12px;opacity:.8}.grid-status{font-size:11px;margin-top:4px;opacity:.7}.library-view-toggle{background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;display:flex;gap:6px;margin:8px 0;padding:4px;width:fit-content}.library-view-toggle button{background:#0000;border:none;border-radius:999px;color:#d1d5db;color:var(--text-soft);cursor:pointer;font-size:13px;font-weight:800;padding:8px 12px}.library-view-toggle button.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow);color:#fff}.library-switch{display:flex;gap:8px;justify-content:center;margin:16px 0 20px}.library-switch-btn{background:#ffffff14;border:none;color:#d1d5db;color:var(--text-soft);cursor:pointer;font-size:13px;font-weight:800;padding:10px 14px;transition:all .2s ease}.library-switch-btn.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow)}.library-sort{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.library-sort button{background:#ffffff0f;border:none;border-radius:999px;color:#d1d5db;color:var(--text-soft);cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px;transition:all .2s ease}.library-sort button.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow);color:#fff}.library-section{display:flex;flex-direction:column;gap:10px}.grid-meta span:first-child{opacity:.85}.grid-status.wishlist{color:#60a5fa}.grid-countdown{background:#60a5fa2e;border:1px solid #60a5fa47;border-radius:999px;color:#bfdbfe;font-size:11px;font-weight:800;margin-top:5px;padding:4px 8px;width:fit-content}.results-container{padding-bottom:120px}.load-more-btn{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border:none;border-radius:999px;box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow);color:#fff;cursor:pointer;font-weight:900;margin:18px 0 24px;padding:14px 16px;width:100%}.home-tab{display:flex;flex-direction:column;gap:14px}.home-card{background:#ffffff0f}.home-card-title{font-weight:900;margin-bottom:10px}.home-horizontal-scroll{display:flex;gap:10px;overflow-x:auto}.home-game{font-size:12px;min-width:90px;text-align:center}.home-game img{border-radius:8px;width:100%}.home-card{background:#ffffff0d;border-radius:14px;padding:14px}.home-big{font-size:22px;font-weight:900}.home-stats{display:flex;font-weight:900;justify-content:space-between}.progress-bar{background:#ffffff1a;border-radius:999px;height:6px;margin-top:8px}.progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:999px;height:100%}.home-game-row.improved{align-items:center;display:flex;gap:10px}.home-game-meta{font-size:12px}.empty-small,.home-game-meta{color:#d1d5db;color:var(--text-soft)}.empty-small{font-size:13px}.live-event-card{border-color:#ef444459}.live-dot{background:#ef4444;border-radius:999px;color:#fff;font-size:11px;font-weight:900;padding:4px 8px}.live-event-title{font-size:18px;margin-bottom:6px}.live-open-btn{margin-top:12px}.live-modal-backdrop{align-items:center;background:#000000c7;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.live-modal{background:#111827;border-radius:18px;padding:16px;position:relative;width:min(900px,100%)}.live-video-wrap{aspect-ratio:16/9;background:#000;border-radius:14px;margin-top:12px;overflow:hidden;width:100%}.live-video-wrap iframe{border:0;height:100%;width:100%}#root,body,html{background:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b)!important;background:var(--bg-main)!important}.badge-card,.bottom-tabs,.current-rank-card,.home-card,.library-section,.options-panel,.rank-item,.search-panel,.top5-item,.upcoming-card,.xp-card{background:#ffffff14!important;background:var(--panel-bg)!important;border-color:#ffffff17!important;border-color:var(--panel-border)!important;box-shadow:0 10px 24px #0000002e!important;box-shadow:var(--panel-shadow)!important}.choice-pill,.detailed-rating-card,.game-item,.home-game-row,.news-card{background:#ffffff14!important;background:var(--surface-bg)!important;border-color:#ffffff12!important;border-color:var(--surface-border)!important}.swipe-hint-row{color:#ffffffd1;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-top:6px}.status-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.status-buttons .status-btn{font-size:12px;min-width:0;padding:10px 6px;white-space:nowrap;width:100%}@media (max-width:768px){.container{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;padding-top:calc(16px + env(safe-area-inset-top))!important}.bottom-tabs{bottom:calc(env(safe-area-inset-bottom) + 4px)!important}}.swipe-hints{align-items:center;color:#ffffffdb;display:flex;font-size:13px;font-weight:800;justify-content:space-between;margin-top:8px;pointer-events:none}.hint-left,.hint-right{align-items:center;display:inline-flex;gap:5px}.hint-left{color:#d8b4fe;padding-left:14px}.hint-right{color:#86efac;padding-right:14px}.search-actions.two-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.search-actions.two-actions button{font-size:15px;font-weight:900;min-height:48px}.already-owned-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e38;border:1px solid #86efac73;border-radius:999px;bottom:42px;color:#86efac;font-size:13px;font-weight:800;left:16px;padding:6px 12px;position:absolute}.swipe-bg,.swipe-bg-left{align-items:center;display:flex;inset:0;opacity:0;position:absolute;transform:scale(.98);transition:opacity .2s ease,transform .2s ease;z-index:0}.swipe-bg-wishlist{background:linear-gradient(135deg,#a855f7,#7c3aed);justify-content:flex-start;padding-left:20px}.swipe-bg-collection{background:linear-gradient(135deg,#22c55e,#16a34a);justify-content:flex-end;padding-right:20px}.swipe-bg-left.visible,.swipe-bg.visible{opacity:1;transform:scale(1)}.swipe-action-label{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000047;border-radius:999px;color:#fff;display:inline-flex;font-size:15px;font-weight:900;gap:8px;padding:10px 14px}.swipe-arrow{font-size:18px;line-height:1}.already-owned-badge{align-items:center!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22c55e2e!important;border:1px solid #86efac59!important;border-radius:999px!important;box-shadow:none!important;color:#bbf7d0!important;display:inline-flex!important;font-size:12px!important;font-weight:900!important;gap:6px!important;height:auto!important;line-height:1!important;margin:8px 0 6px!important;min-height:0!important;min-width:0!important;padding:6px 10px!important;position:static!important;transform:none!important;width:fit-content!important}.swipe-big-icon{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-radius:50%;display:flex;height:90px;justify-content:center;opacity:0;transform:scale(.7);transition:transform .22s ease,opacity .22s ease;width:90px}.swipe-bg-left.visible .swipe-big-icon,.swipe-bg.visible .swipe-big-icon{opacity:1;transform:scale(1)}.swipe-bg .swipe-big-icon{color:#f0abfc}.swipe-bg-left .swipe-big-icon{color:#bbf7d0}.compact-series-grid{gap:14px}.compact-series-card{min-height:96px;padding:16px}.detailed-series-card{cursor:pointer}.series-card-top{display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.series-card-meta{color:#d1d5db;color:var(--text-soft);font-size:13px;margin-top:8px}.compact-series-grid{grid-gap:14px!important;display:grid!important;gap:14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-series-card{border-radius:18px!important;margin:0!important;padding:14px!important}@media (min-width:720px){.compact-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.app-shell,body,html{background:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b)!important;background:var(--bg-main)!important}.app-shell{padding-top:18px!important}.title{margin-top:0!important}.compact-series-card,.compact-series-card *,.compact-series-card .series-title,.compact-series-card h3{color:#fff!important}.compact-series-card .series-card-meta{color:#ffffffb8!important}.library-view-toggle{grid-template-columns:repeat(3,minmax(0,1fr))}.library-simple-card{align-items:center}.library-simple-card .game-thumb{height:74px;width:74px}.library-simple-card .game-name{font-size:16px}.library-simple-card .heart-btn{margin-left:auto}.library-compact-grid{grid-gap:14px!important;display:grid!important;gap:14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (min-width:700px){.library-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.library-simple-card{align-items:center!important;display:flex!important;flex-direction:row!important;gap:14px!important}.library-simple-card .game-thumb{flex-shrink:0!important;height:74px!important;width:74px!important}.library-simple-card .game-item-content{flex:1 1!important;min-width:0!important}.library-simple-card .game-name{color:#fff!important;font-size:16px!important;line-height:1.2!important}.library-simple-card .heart-btn{flex-shrink:0!important;margin-left:auto!important}.library-game-cover{border-radius:18px;flex-shrink:0;height:180px;object-fit:cover;width:180px}.library-card.detailed{align-items:flex-start;display:flex;gap:20px}.library-card-content{flex:1 1}.news-card img,.news-card-image,.news-image{border-radius:18px;display:block;height:auto;object-fit:cover;width:100%}.news-page{gap:16px}.news-list,.news-page{display:flex;flex-direction:column}.news-list{gap:18px}.news-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff17;border:1px solid var(--panel-border);border-radius:22px;border-radius:var(--ui-radius-xl);box-shadow:0 10px 24px #0000002e;box-shadow:var(--panel-shadow);overflow:hidden}.news-image{border-radius:0;display:block;height:260px;object-fit:cover;width:100%}.news-content{padding:14px}.news-date,.news-meta{color:#d1d5db;color:var(--text-soft);font-size:13px;font-weight:700}.news-content h3{color:#fff;font-size:19px;line-height:1.2;margin:8px 0}.news-content p{color:#d1d5db;color:var(--text-soft);line-height:1.35;margin:10px 0}.news-content a{color:#93c5fd;font-weight:800;text-decoration:none}@media (max-width:768px){.news-image{height:190px}}#root,.app-shell,.container,body,html{image-rendering:auto!important}.search-detail-modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;background:var(--panel-bg);box-shadow:0 24px 80px #00000073;max-height:calc(100vh - 40px);position:relative;width:min(920px,calc(100vw - 24px))}.search-detail-hero{border-radius:28px 28px 0 0;height:330px;overflow:hidden;position:relative}.search-detail-hero img{height:100%;object-fit:cover;width:100%}.search-detail-hero-overlay{background:linear-gradient(0deg,#000000eb,#0000)}.search-detail-hero-overlay h2{font-size:30px}.search-detail-meta{color:#d1d5db;color:var(--text-soft);margin-top:8px}.search-detail-content{padding:18px}.search-detail-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:18px}.search-detail-actions button{align-items:center;background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border:none;border-radius:16px;color:#fff;display:inline-flex;font-weight:900;gap:8px;justify-content:center;padding:14px}.search-detail-section{margin-top:20px}.search-detail-section h3{margin:0 0 10px}.search-detail-section p{color:#d1d5db;color:var(--text-soft);line-height:1.45}.screenshots-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.screenshots-row img{border-radius:14px;height:120px;object-fit:cover;width:100%}.search-detail-video{background:#000;border-radius:18px;width:100%}.search-detail-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.search-detail-info-grid div{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:16px;padding:12px}.search-detail-info-grid strong{display:block;margin-bottom:6px}.search-detail-info-grid span{color:#d1d5db;color:var(--text-soft);font-size:14px}@media (max-width:768px){.search-detail-modal{border-radius:0;max-height:100vh;width:100vw}.search-detail-hero{border-radius:0;height:260px}.screenshots-row{grid-template-columns:1fr 1fr}.search-detail-info-grid{grid-template-columns:1fr}}.search-detail-hero.premium{background-position:50%;background-size:cover;border-radius:28px 28px 0 0;height:360px;overflow:hidden;position:relative}.search-detail-hero-blur{background:inherit;filter:blur(30px) brightness(.65);inset:-30px;position:absolute;transform:scale(1.12)}.search-detail-cover{height:100%;inset:0;-webkit-mask-image:linear-gradient(180deg,#000 55%,#0000);mask-image:linear-gradient(180deg,#000 55%,#0000);object-fit:cover;position:absolute;width:100%}.search-detail-hero-overlay{background:linear-gradient(0deg,#000000eb,#00000014),radial-gradient(circle at 20% 20%,#60a5fa2e,#0000 32%);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:24px;position:absolute}.search-detail-hero-overlay h2{color:#fff;font-size:clamp(26px,5vw,42px);line-height:1;margin:0;text-shadow:0 12px 30px #0000008c}.search-detail-meta{color:#ffffffc7;font-weight:800;margin-top:10px}.screenshots-carousel{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.screenshots-carousel::-webkit-scrollbar{display:none}.screenshots-carousel img{border-radius:18px;box-shadow:0 12px 28px #00000047;flex:0 0 78%;height:190px;object-fit:cover;scroll-snap-align:start}.tab-transition-overlay.modern{background:linear-gradient(90deg,#0000,#60a5fa14 25%,#8b5cf62e 50%,#60a5fa14 75%,#0000);opacity:0;transform:translateX(-100%)}.tab-transition-overlay.modern.backward{animation:premiumTabWaveBack .42s ease forwards}@media (max-width:768px){.search-detail-hero.premium{border-radius:0;height:280px}.screenshots-carousel img{flex-basis:86%;height:160px}}.tab-transition-overlay.modern{animation:premiumTabWave .42s ease forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(90deg,#0000,#60a5fa14 25%,#8b5cf638 50%,#60a5fa14 75%,#0000)}.tab-transition-overlay.modern.forward{animation-name:premiumTabWave}.tab-transition-overlay.modern.backward{animation-name:premiumTabWaveBack}@keyframes premiumTabWave{0%{opacity:0;transform:translateX(-100%)}18%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes premiumTabWaveBack{0%{opacity:0;transform:translateX(100%)}18%{opacity:1}to{opacity:0;transform:translateX(-100%)}}@keyframes pixelTabFlash{0%{opacity:0;transform:scaleX(0);transform-origin:left}40%{opacity:1}to{opacity:0;transform:scaleX(1)}}.search-detail-backdrop{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b8;display:flex;inset:0;justify-content:center;overflow:hidden;padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));position:fixed;z-index:3000}.search-detail-modal{-webkit-overflow-scrolling:touch;background:#0c0e18f5;border:1px solid #ffffff17;border:1px solid var(--panel-border);border-radius:28px;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px);overflow-y:auto;overscroll-behavior:contain;width:min(920px,100%)}#root,body,html{background:#060611!important}.app-shell{background:radial-gradient(circle at top,#788cff29,#0000 45%),radial-gradient(circle at bottom right,#5078ff1a,#0000 40%),linear-gradient(135deg,#0b1020,#111a38 45%,#1a1f4d)!important;min-height:100dvh}@supports (height:100dvh){.app-shell{min-height:100dvh}}@keyframes pixelWipeClean{0%{clip-path:inset(0 100% 0 0);opacity:0}35%{opacity:1}to{clip-path:inset(0 0 0 100%);opacity:0}}.tab-transition-overlay{inset:0;pointer-events:none;position:fixed;z-index:99999}.tab-transition-overlay.pixel.backward{animation-name:pixelTransitionCleanReverse}@keyframes pixelTransitionClean{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes pixelTransitionCleanReverse{0%{opacity:0;transform:translateX(100%)}20%{opacity:1}to{opacity:0;transform:translateX(-100%)}}body[data-ui=modern]{--ui-font-scale:1.04;--ui-title-size:34px;--ui-game-title-size:21px;--ui-section-title-size:25px}body[data-ui=modern] .game-name,body[data-ui=modern] .game-title,body[data-ui=modern] .panel-title{letter-spacing:-.02em}.rating-slider-wrap{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:16px;padding:12px;width:100%}.rating-slider-top{align-items:center;color:#d1d5db;color:var(--text-soft);display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.rating-slider-top strong{color:#fff;font-size:18px}.rating-slider{appearance:none;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);border-radius:999px;height:12px;outline:none;width:100%}.rating-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:4px solid #7c3aed;border-radius:50%;box-shadow:0 8px 22px #00000059;cursor:pointer;height:28px;-webkit-transition:transform .12s ease;transition:transform .12s ease;width:28px}.rating-slider::-webkit-slider-thumb:active{transform:scale(1.18)}.rating-slider::-moz-range-thumb{background:#fff;border:4px solid #7c3aed;border-radius:50%;box-shadow:0 8px 22px #00000059;cursor:pointer;height:28px;width:28px}.rating-scale{color:#9ca3af;color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.choice-grid,.status-row{grid-gap:10px;display:grid;gap:10px}.status-row{grid-template-columns:repeat(3,1fr)}.progress-choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.time-choice-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.choice-pill,.status-btn{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:16px;color:#fff;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;gap:8px;justify-content:center;padding:13px 14px;text-align:center;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.choice-pill.small{font-size:13px;padding:11px 12px}.choice-pill:hover,.status-btn:hover{border-color:#ffffff38;transform:translateY(-1px)}.choice-pill.active,.status-btn.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border-color:#0000;box-shadow:0 0 0 1px #ffffff14,0 0 18px #7c3aed73,0 0 38px #7c3aed59,0 0 70px #7c3aed38;color:#fff;overflow:hidden;position:relative;transform:translateY(-1px)}.choice-pill.active:before,.status-btn.active:before{background:radial-gradient(circle,#ffffff2e 0,#0000 70%);content:"";inset:-20%;opacity:.9;pointer-events:none;position:absolute}.choice-icon{font-size:15px;line-height:1}@media (max-width:640px){.status-row{grid-template-columns:1fr}.progress-choice-grid,.time-choice-grid{grid-template-columns:1fr 1fr}}.platform-choice-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.console-xp-list{gap:12px}.console-xp-card{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:18px;padding:14px}.console-xp-top{color:#fff;font-weight:900}.console-xp-meta{color:#d1d5db;color:var(--text-soft);font-size:13px;margin:6px 0 10px}.hardware-brand-line{align-items:center;display:flex;gap:8px;margin-bottom:6px}.brand-logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.15));height:22px;object-fit:contain;width:22px}.hardware-brand-name{color:#ffffffb8;font-size:.9rem;font-weight:600}.hardware-console-detail,.hardware-detail-panel,.hardware-selected-panel{height:auto!important;min-height:auto!important;padding-bottom:90px}.hardware-back-btn,.hardware-detail-back,.hardware-selected-back{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:14px;color:#fff;color:var(--text-main);display:inline-flex;font-weight:900;justify-content:center;line-height:1;margin:0 0 14px;max-width:100%;padding:9px 14px;white-space:nowrap;width:fit-content}.hardware-back-btn:hover,.hardware-detail-back:hover,.hardware-selected-back:hover{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow);color:#fff}.hardware-content{min-height:auto}.hardware-detail-view{height:fit-content!important;min-height:0!important;min-height:auto!important;padding-bottom:110px}.hardware-back-button{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:14px;color:#fff;color:var(--text-main);display:inline-flex!important;font-weight:900;justify-content:center;line-height:1;margin:0 0 14px!important;max-width:max-content!important;min-width:0!important;padding:8px 13px!important;white-space:nowrap;width:auto!important}.hardware-version-list,.hardware-versions-list{margin-bottom:0!important;padding-bottom:0!important}.hardware-view-container{overflow:hidden}.hardware-view-slider{align-items:flex-start!important}.hardware-detail-content{height:auto!important;min-height:0!important}.hardware-detail-view .hardware-catalog-grid{margin-bottom:0!important;padding-bottom:0!important}.hardware-view,.hardware-view-container,.hardware-view-slider{height:auto!important;min-height:0!important}.hardware-view{align-self:start!important}.hardware-view.hardware-detail-view{height:fit-content!important;min-height:fit-content!important}.hardware-catalog-grid,.hardware-detail-content,.hardware-variant-block{height:auto!important;margin-bottom:0!important;min-height:0!important;padding-bottom:0!important}.hardware-view.hardware-detail-view{height:auto!important;min-height:0!important;padding-bottom:24px!important}.hardware-brand-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.hardware-brand-card{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:22px;color:#fff;color:var(--text-main);cursor:pointer;display:flex;flex-direction:column;font-weight:900;gap:14px;justify-content:center;min-height:120px}.hardware-brand-card-logo{filter:drop-shadow(0 0 18px rgba(255,255,255,.18));height:58px;object-fit:contain;width:58px}.hardware-brand-card:hover{border-color:#fff3;transform:translateY(-2px)}.game-modal{background:#0f1119f5;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 40px #0000004d;max-height:calc(100vh - 110px);max-width:720px;overflow:auto;padding-bottom:calc(90px + env(safe-area-inset-bottom));position:relative;width:100%}.modal-backdrop{align-items:flex-end;align-items:center!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px 16px calc(86px + env(safe-area-inset-bottom));padding:calc(58px + env(safe-area-inset-top)) 12px calc(98px + env(safe-area-inset-bottom))!important;position:fixed;touch-action:auto;touch-action:auto!important;z-index:180;z-index:180!important}.game-modal{border-radius:24px!important;max-height:calc(100vh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding-bottom:28px!important}.modal-close-btn{align-items:center!important;display:flex!important;justify-content:center!important;margin-left:auto!important;margin-right:12px!important;margin-top:12px!important;position:sticky!important;top:12px!important;z-index:20!important}.dlc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.dlc-item{align-items:center;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:14px;color:#fff;display:flex;font-weight:700;gap:10px;justify-content:space-between;padding:10px 12px}.dlc-item button{background:#ef444429;border:none;border-radius:10px;color:#f87171;cursor:pointer;font-weight:900;padding:6px 10px}.dlc-input-row{margin-bottom:0}.library-dlc-list{display:flex;flex-direction:column;gap:12px}.library-dlc-card{grid-gap:12px;background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:16px;display:grid;gap:12px;grid-template-columns:92px 1fr;padding:10px}.library-dlc-card img,.library-dlc-placeholder{background:#ffffff14;border-radius:12px;height:92px;object-fit:cover;width:92px}.library-dlc-content{min-width:0}.library-dlc-title{font-weight:900;margin-bottom:4px}.library-dlc-meta{color:#d1d5db;color:var(--text-soft);font-size:13px;margin-bottom:10px}.library-dlc-btn{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);border:none;border-radius:12px;color:#fff;font-weight:800;padding:10px;width:100%}.hardware-status-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hardware-mini-status,.hardware-status-actions button{background:var(--muted-bg);cursor:pointer;padding:9px 12px}.hardware-mini-status.active,.hardware-status-actions button.active{box-shadow:0 0 24px #4f46e552;box-shadow:var(--accent-shadow)}.hardware-status-badge{background:#22c55e29;border-radius:999px;color:#86efac;display:inline-flex;font-size:13px;font-weight:900;margin-top:10px;padding:7px 10px;width:fit-content}.hardware-collection-sections{display:flex;flex-direction:column;gap:22px}.hardware-collection-section{display:flex;flex-direction:column;gap:12px}.hardware-condition-block{margin-top:8px}.hardware-condition-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hardware-collection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.hardware-collection-card{grid-gap:12px;border-radius:20px;box-shadow:none;gap:12px;grid-template-columns:86px 1fr;padding:12px}.hardware-collection-image-wrap,.hardware-collection-placeholder{border-radius:16px;height:86px;width:86px}.hardware-collection-image{padding:8px}.hardware-collection-content .hardware-name{font-size:16px;line-height:1.2;margin-bottom:4px}.hardware-meta{font-size:13px;line-height:1.35}.hardware-status-actions{gap:6px;margin-top:8px}.hardware-mini-status,.hardware-status-actions button{font-size:12px;padding:7px 10px}.hardware-mini-status.active,.hardware-status-actions button.active{box-shadow:none}.hardware-condition-actions{gap:6px}.hardware-collection-actions{gap:8px;margin-top:10px}.hardware-collection-actions .delete-btn,.hardware-collection-actions .heart-btn{border-radius:12px;height:36px;width:36px}.hardware-collection-card{grid-gap:18px;align-items:center;background:hsla(0,0%,100%,.065);border:1px solid #ffffff14;border-radius:24px;display:grid;gap:18px;grid-template-columns:130px 1fr;padding:18px}.hardware-collection-image-wrap,.hardware-collection-placeholder{align-items:center;border-radius:20px;display:flex;height:130px;justify-content:center;overflow:hidden;width:130px}.hardware-collection-image{height:100%;object-fit:contain;padding:12px;width:100%}.hardware-collection-content{display:flex;flex-direction:column;justify-content:center;min-width:0}.hardware-collection-content .hardware-name{font-size:24px;font-weight:900;line-height:1.1;margin-bottom:10px}.hardware-meta{color:#d1d5db;color:var(--text-soft);font-size:15px;line-height:1.4}.hardware-condition-block{margin-top:12px}.hardware-condition-actions,.hardware-status-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hardware-mini-status,.hardware-status-actions button{background:#ffffff14;border:none;border-radius:999px;color:#fff;font-size:13px;font-weight:800;padding:8px 12px}.hardware-mini-status.active,.hardware-status-actions button.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent)}.hardware-collection-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.hardware-collection-actions .delete-btn,.hardware-collection-actions .heart-btn{border-radius:14px;height:42px;width:42px}.hardware-collection-card{grid-gap:14px!important;align-items:start!important;border-radius:22px!important;display:grid!important;gap:14px!important;grid-template-columns:96px 1fr!important;min-height:auto!important;padding:14px!important}.hardware-collection-image-wrap,.hardware-collection-placeholder{border-radius:16px!important;height:96px!important;width:96px!important}.hardware-collection-image{padding:8px!important}.hardware-collection-content{display:flex!important;flex-direction:column!important;min-width:0!important}.hardware-collection-content .hardware-name{font-size:18px!important;line-height:1.15!important;margin-bottom:6px!important;text-align:left!important}.hardware-meta{font-size:13px!important;line-height:1.35!important}.hardware-condition-actions,.hardware-status-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important}.hardware-mini-status,.hardware-status-actions button{border-radius:999px!important;font-size:12px!important;padding:7px 9px!important}.hardware-collection-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important;margin-top:10px!important}.hardware-collection-actions .delete-btn,.hardware-collection-actions .heart-btn{border-radius:12px!important;height:36px!important;width:36px!important}@media (min-width:900px){.hardware-collection-card{gap:22px!important;grid-template-columns:180px 1fr!important;padding:18px!important}.hardware-collection-image-wrap,.hardware-collection-placeholder{height:140px!important;width:180px!important}.hardware-collection-content .hardware-name{font-size:24px!important}}.hardware-dropdown{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:58px 1fr;margin-top:8px;position:relative}.hardware-dropdown-label{color:#d1d5db;color:var(--text-soft);font-size:13px;font-weight:800}.hardware-dropdown-wrap{position:relative}.hardware-dropdown-trigger{align-items:center;background:#ffffff17;border:1px solid #ffffff14;border-radius:999px;color:#fff;display:flex;font-weight:900;justify-content:space-between;padding:9px 12px;width:100%}.hardware-dropdown-trigger.open{border-color:#60a5fab3;box-shadow:0 0 0 3px #3b82f629}.hardware-dropdown-menu{background:#191e30fa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 14px 32px #00000059;left:0;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.hardware-dropdown-option{background:#0000;border:none;border-radius:12px;color:#fff;font-weight:800;padding:9px 10px;text-align:left;width:100%}.hardware-dropdown-option.active,.hardware-dropdown-option:hover{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent)}.hardware-collection-card{overflow:visible!important;position:relative!important;z-index:1!important}.hardware-collection-card:has(.hardware-dropdown-trigger.open){z-index:50!important}.hardware-collection-content{overflow:visible!important}.hardware-dropdown{position:relative!important;z-index:20!important}.hardware-dropdown-wrap{position:relative!important;z-index:30!important}.hardware-dropdown-menu{background:#191e30fa!important;border:1px solid #ffffff1a!important;border-radius:16px!important;bottom:calc(100% + 6px)!important;box-shadow:0 14px 32px #00000073!important;left:0!important;padding:6px!important;position:absolute!important;right:0!important;top:auto!important;z-index:999!important;z-index:9999!important}.hardware-dropdown-option{position:relative!important;z-index:2!important}.hardware-dropdown-trigger{position:relative!important;z-index:3!important}.hardware-collection-image-wrap{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.hardware-collection-image{background:#0000!important;mix-blend-mode:normal}.hardware-collection-image-wrap,.hardware-image-wrapper{background-color:initial!important;padding:0!important}body[data-theme=theme-indigo],html body[data-theme=theme-indigo]{--bg-main:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b)!important}.hardware-collection-image-wrap,.hardware-collection-placeholder,.hardware-image-wrapper{background:#0000!important;background-color:initial!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:0!important}.hardware-catalog-image,.hardware-collection-image,.hardware-thumb{background-color:initial!important;border:0!important;outline:0!important}.hardware-collection-image-wrap,.hardware-image-wrapper{background:#0000!important;background-image:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.hardware-catalog-image,.hardware-collection-image,.hardware-thumb{background:#0000!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important;padding:0!important}.hardware-type-switch{display:flex;gap:10px;margin:14px 0 18px}.hardware-type-switch button{background:#ffffff0f;border:none;border-radius:16px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:14px;font-weight:800;padding:12px 14px;transition:.2s ease}.hardware-type-switch button:hover{background:#ffffff1a}.hardware-type-switch button.active{background:linear-gradient(135deg,#6d5dfc,#4f8cff);box-shadow:0 6px 18px #4f8cff47;color:#fff}.hardware-image-zoom-btn{background:#0000;border:none;cursor:zoom-in;height:100%;padding:0;width:100%}.hardware-zoom-backdrop{align-items:center;animation:hardwareZoomFade .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at center,#5078ff24,#000000ad);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:3000}.hardware-zoom-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#232a4ae0,#111423e0);border:1px solid #ffffff14;border-radius:34px;box-shadow:0 30px 80px #0000008c,0 0 80px #5a78ff1f;padding:30px;position:relative;width:min(92vw,720px)}.hardware-zoom-close{background:#00000073;border:none;border-radius:999px;color:#fff;font-weight:900;height:38px;position:absolute;right:14px;top:14px;width:38px}.hardware-zoom-title{font-size:18px;font-weight:900;margin-top:14px;text-align:center}.hardware-collection-image,.hardware-collection-image-wrap,.hardware-image-zoom-btn,.hardware-image-zoom-btn img{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;box-shadow:none!important}.hardware-zoom-image{animation:hardwareZoomPop .22s ease;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45));max-height:70vh;object-fit:contain;width:100%}@keyframes hardwareZoomPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes hardwareZoomFade{0%{opacity:0}to{opacity:1}}.hardware-rank-btn{background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:900;padding:8px 10px}.live-events-list,.live-list{grid-gap:14px;display:grid;gap:14px}.live-event-card{background:#ffffff14;background:var(--surface-bg);border:1px solid #ffffff12;border:1px solid var(--surface-border);border-radius:22px;box-shadow:0 12px 28px #00000038;display:block;padding:18px}.live-event-title{font-size:19px;font-weight:900;margin-bottom:8px}.event-date,.live-event-date{color:#d1d5db;color:var(--text-soft);font-size:14px;margin-bottom:10px}.live-page{grid-gap:18px;display:grid;gap:18px}.live-section{grid-gap:12px;display:grid;gap:12px}.live-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--panel-bg);border:1px solid #ffffff17;border:1px solid var(--panel-border);border-radius:22px;box-shadow:0 10px 24px #0000002e;box-shadow:var(--panel-shadow);display:block;padding:18px}.live-card+.live-card{margin-top:14px}.live-card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.live-type{color:#d1d5db;color:var(--text-soft);font-size:13px;font-weight:800}.live-title{font-size:20px;font-weight:900;margin-top:3px}.live-status{background:#ffffff1a;border-radius:999px;font-size:12px;font-weight:900;padding:6px 10px}.live-description{color:#d1d5db;color:var(--text-soft);margin:10px 0 14px}.pixel-transition{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:2500}.pixel-transition span{animation:pixelWaveRight .55s ease forwards;animation-delay:var(--delay);background:#8cb4ffe6;border-radius:1px;box-shadow:0 0 10px #82aaff73;filter:blur(.4px);height:var(--size);left:var(--x);opacity:0;position:absolute;top:var(--y);width:var(--size)}.pixel-transition.right span{animation-name:pixelWaveRight}.pixel-transition.left span{animation-name:pixelWaveLeft}@keyframes pixelWaveRight{0%{opacity:0;transform:translateX(-90px) scale(.4)}35%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(120px) scale(.1)}}@keyframes pixelWaveLeft{0%{opacity:0;transform:translateX(90px) scale(.4)}35%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-120px) scale(.1)}}.background-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.background-particles span{animation:floatParticle linear infinite;background:#b4d2ffb3;border-radius:50%;height:3px;position:absolute;width:3px}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh)}15%{opacity:1}to{opacity:0;transform:translateY(-120vh)}}.option-section{margin-top:22px}.option-section h3{color:#fff;color:var(--text-main);font-size:16px;font-weight:900;margin:0 0 12px}.option-pill-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.option-pill-grid.two{grid-template-columns:repeat(2,1fr)}.option-pill{background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0f;color:#fff;color:var(--text-main);cursor:pointer;font-weight:900;padding:14px 12px}.option-pill.active{background:linear-gradient(135deg,#6d5dfc,#4f8cff);box-shadow:0 10px 24px #5078ff40;color:#fff}.option-pill.theme-ps5.active{background:linear-gradient(135deg,#fff,#5b8cff);color:#071127}.option-pill.theme-xbox.active{background:linear-gradient(135deg,#107c10,#6aff7a);color:#fff}.option-pill.theme-steam.active{background:linear-gradient(135deg,#171a21,#66c0f4);color:#fff}.checkpoint-splash{height:100vh;width:100vw}.checkpoint-splash,.splash-center{align-items:center;display:flex;justify-content:center}.splash-center{flex-direction:column;gap:22px;max-height:90vh;transform:none;width:min(92vw,520px)}.splash-logo{align-items:center;display:flex;flex-direction:column;text-align:center}.splash-logo h1{font-size:clamp(3rem,8vw,5.5rem);line-height:1;margin:0}.splash-logo p{font-size:clamp(1.4rem,4vw,2.4rem);line-height:1.1;margin:12px 0 0;text-align:center}.logo-icon{display:grid;height:86px;place-items:center;width:86px}.splash-loader{margin-top:8px;width:min(80vw,360px)}.checkpoint-splash{background:radial-gradient(circle at 50% 35%,#16234a 0,#070914 45%,#03040a 100%);display:grid;inset:0;overflow:hidden;place-items:center;position:fixed;z-index:9999}.splash-bg{background:radial-gradient(circle at 30% 25%,#5078ff38,#0000 35%),radial-gradient(circle at 75% 70%,#bc50ff2e,#0000 34%);inset:0;position:absolute}.splash-grid{background-image:linear-gradient(#78a0ff14 1px,#0000 0),linear-gradient(90deg,#78a0ff14 1px,#0000 0);background-size:48px 48px;inset:-20%;opacity:.35;position:absolute;transform:perspective(700px) rotateX(62deg) translateY(160px)}.splash-orb{border-radius:999px;height:260px;opacity:.45;position:absolute;width:260px}.orb-one{background:#4da3ff;left:22%;top:18%}.orb-two{background:#9b5cff;bottom:14%;right:20%}.splash-stage{align-items:center;animation:stageIn .9s ease both;display:flex;flex-direction:column;text-align:center;width:min(92vw,760px)}.splash-cube,.splash-stage{position:relative;transform-style:preserve-3d}.splash-cube{animation:cubeFloat 3s ease-in-out infinite;height:112px;margin-bottom:30px;width:112px}.cube-face{background:linear-gradient(145deg,#283669eb,#10142df5);border:2px solid #85cafff2;border-radius:28px;box-shadow:0 0 28px #63b4ffb3,inset 0 0 28px #ffffff1f;color:#fff;display:grid;font-size:3.4rem;font-weight:950;inset:0;place-items:center;position:absolute;text-shadow:0 0 22px #ffffffe6}.cube-front{transform:translateZ(56px)}.cube-back{transform:rotateY(180deg) translateZ(56px)}.cube-left{transform:rotateY(-90deg) translateZ(56px)}.cube-right{transform:rotateY(90deg) translateZ(56px)}.cube-top{transform:rotateX(90deg) translateZ(56px)}.cube-bottom{transform:rotateX(-90deg) translateZ(56px)}.splash-title{color:#fff;font-size:clamp(3.6rem,9vw,7.5rem);font-weight:950;letter-spacing:-.08em;line-height:.9;margin:0;text-shadow:0 0 16px #ffffffe6,0 0 36px #63b4ffbf}.splash-subtitle{color:#fff;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:950;letter-spacing:.12em;margin:22px 0 42px;text-shadow:0 0 14px #ffffffe6,0 0 28px #63b4ffcc;text-transform:uppercase}.splash-loader{width:min(78vw,460px)}.splash-loader-top{color:#ffffffc7;display:flex;font-size:.78rem;justify-content:space-between;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.loader-bar{background:#ffffff24;border-radius:999px;box-shadow:0 0 18px #50a0ff40;height:10px;overflow:hidden}.loader-fill{background:linear-gradient(90deg,#55d7ff,#8f6bff,#fff);border-radius:inherit;box-shadow:0 0 22px #64beffe6;height:100%;transition:width .12s ease}@keyframes cubeFloat{0%,to{transform:rotateX(-12deg) rotateY(18deg) translateY(0)}50%{transform:rotateX(-18deg) rotateY(35deg) translateY(-14px)}}@keyframes stageIn{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.splash-stage{transform:translateY(-35px)}.splash-cube{height:96px;margin-bottom:22px;width:96px}.cube-front{transform:translateZ(48px)}.cube-back{transform:rotateY(180deg) translateZ(48px)}.cube-left{transform:rotateY(-90deg) translateZ(48px)}.cube-right{transform:rotateY(90deg) translateZ(48px)}.cube-top{transform:rotateX(90deg) translateZ(48px)}.cube-bottom{transform:rotateX(-90deg) translateZ(48px)}.splash-title{font-size:clamp(3.2rem,7vw,6.2rem)}.splash-subtitle{margin:18px 0 30px}.splash-loader{transform:translateY(-8px);width:min(72vw,420px)}.loader-bar{height:14px}.splash-loader-top{font-size:.7rem;margin-bottom:8px}.checkpoint-splash.complete{animation:splashImpact .42s ease forwards}.checkpoint-splash.complete .splash-stage{filter:drop-shadow(2px 0 rgba(0,245,255,.35)) drop-shadow(-2px 0 rgba(255,0,170,.25))}.checkpoint-splash.complete .splash-cube{animation:cubeFloat 3.2s ease-in-out infinite,cubeImpact .42s ease forwards}@keyframes splashImpact{0%{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes cubeImpact{0%{filter:brightness(1)}45%{filter:brightness(1.8) saturate(1.4)}to{filter:brightness(1)}}.shelf3d-scene{background:radial-gradient(circle at 50% 0,#78aaff33,#0000 42%),linear-gradient(180deg,#ffffff0f,hsla(0,0%,100%,.025));border-radius:28px;margin:18px 0 28px;padding:24px 14px 34px;perspective:900px;position:relative}.shelf3d-title-block{margin-bottom:24px;position:relative;text-align:center;z-index:2}.shelf3d-title-block h2{font-size:26px;margin:0}.shelf3d-title-block p{color:#d1d5db;color:var(--text-soft);font-size:13px;margin:6px 0 0}.shelf3d-room-glow{background:radial-gradient(circle at 20% 20%,#a855f72e,#0000 30%),radial-gradient(circle at 80% 30%,#22d3ee29,#0000 28%);filter:blur(20px);inset:-30%;position:absolute}.shelf3d-unit{height:310px;position:relative}.shelf3d-back{background:linear-gradient(135deg,#ffffff14,#ffffff05),#0a0c18cc;border:1px solid #ffffff14;border-radius:20px;box-shadow:inset 0 0 40px #00000059;height:210px;left:5%;position:absolute;right:5%;top:20px;transform:translateZ(-45px)}.shelf3d-row{gap:4px;height:150px;left:7%;padding:0 8px 8px;position:absolute;right:7%;top:70px;transform-style:preserve-3d}.shelf3d-row::-webkit-scrollbar{display:none}.shelf3d-game{background:linear-gradient(90deg,#ffffff38,#0000 18%,#00000059),var(--cover);background-position:50%;background-size:cover;border:none;border-radius:6px 6px 3px 3px;box-shadow:5px 8px 14px #00000059,inset 0 0 0 1px #ffffff24;cursor:pointer;flex:0 0 28px;height:132px;padding:0;position:relative;transform:rotateY(-12deg);transform-style:preserve-3d}.shelf3d-game:before{background:linear-gradient(180deg,#ffffff1f,#0000008c);border-radius:0 4px 4px 0;content:"";height:124px;position:absolute;right:-7px;top:4px;transform:rotateY(70deg);transform-origin:left;width:7px}.shelf3d-game:hover{box-shadow:0 18px 26px #0000006b,0 0 24px #5aa0ff59;filter:brightness(1.15);transform:rotateY(0deg) translateY(-18px) translateZ(50px) scale(1.18)}.shelf3d-spine{align-items:center;color:#fff;display:flex;font-size:9px;font-weight:900;inset:0;justify-content:center;overflow:hidden;padding:8px 2px;position:absolute;text-shadow:0 1px 3px #000;transform:rotate(180deg);writing-mode:vertical-rl}.shelf3d-spine span{max-height:110px;overflow:hidden}.shelf3d-board{background:linear-gradient(180deg,#ffffff38,#ffffff0a),#171827;border-radius:8px;box-shadow:0 18px 30px #00000073,inset 0 0 0 1px #ffffff1a;height:28px;left:4%;position:absolute;right:4%;top:218px;transform:rotateX(68deg)}.shelf3d-floor{background:radial-gradient(ellipse at center,#64a0ff2e,#0000 65%);bottom:-34px;height:120px;left:-10%;position:absolute;right:-10%;transform:rotateX(72deg)}@media (max-width:768px){.shelf3d-unit{height:285px}.shelf3d-row{left:4%;right:4%}.shelf3d-game{flex-basis:24px;height:122px}.shelf3d-spine{font-size:8px}}#root,body,html{-webkit-text-size-adjust:100%;max-width:100%;min-height:100%;overflow-x:hidden;width:100%}#root,body,html{background:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b);background:var(--bg-main)}.app-shell,body{position:relative}.app-shell{background:#0000;isolation:auto!important;min-height:100vh;transition:opacity .55s ease,transform .55s ease,filter .55s ease}.app-shell:before{background:radial-gradient(circle at 18% 8%,#7c3aed8c,#0000 28%),radial-gradient(circle at 82% 4%,#22d3ee52,#0000 24%),linear-gradient(180deg,#060611,#090916 45%,#04040b);background:var(--bg-main);z-index:-2}.app-shell:after,.app-shell:before{content:"";inset:0;pointer-events:none;position:fixed}.app-shell:after{animation:themeBgFloatClean 18s ease-in-out infinite alternate;background:radial-gradient(circle at 22% 18%,#60a5fa38,#0000 30%),radial-gradient(circle at 82% 28%,#a855f72e,#0000 32%),radial-gradient(circle at 52% 86%,#22d3ee1a,#0000 34%);filter:blur(18px) saturate(1.08);opacity:.7;transform:scale(1.03);z-index:-1}@keyframes themeBgFloatClean{0%{transform:scale(1.03) translate3d(-1.2%,-.8%,0)}to{transform:scale(1.07) translate3d(1.2%,.8%,0)}}.app-hidden{opacity:0;transform:scale(.96) translateY(18px)}.app-visible{opacity:1;transform:scale(1) translateY(0);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease}.container{position:relative;z-index:1}.bottom-tabs{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#ffffff17,hsla(0,0%,100%,.035)),#14182cc7;border:1px solid #ffffff1c;border-radius:20px;bottom:calc(env(safe-area-inset-bottom) + 8px);box-shadow:0 18px 44px #00000061,inset 0 1px 0 #ffffff1a;display:flex;gap:8px;left:8px;overflow-x:auto;overflow-y:hidden;padding:8px;position:fixed;right:8px;scrollbar-width:none;white-space:nowrap;z-index:1000}.bottom-tabs::-webkit-scrollbar{display:none}.tab-btn.active{background:linear-gradient(135deg,#6d28d9,#2563eb);background:var(--accent);box-shadow:0 0 24px #4f46e552,inset 0 1px 0 #ffffff29;box-shadow:var(--accent-shadow),inset 0 1px 0 #ffffff29;color:#fff}.tab-btn.active:after{background:#ffffffc7;border-radius:999px;bottom:5px;box-shadow:0 0 14px #ffffffa6;content:"";height:3px;left:22%;position:absolute;right:22%}@media (max-width:768px){.bottom-tabs{bottom:calc(env(safe-area-inset-bottom) + 10px);left:50%;max-width:720px;right:auto;transform:translateX(-50%);width:calc(100% - 14px)}}.library-section{background:radial-gradient(circle at 20% 0,#60a5fa24,#0000 34%),radial-gradient(circle at 90% 20%,#a855f71f,#0000 32%),hsla(0,0%,100%,.045);border:1px solid #ffffff17;border-radius:30px;box-shadow:0 24px 60px #00000042,inset 0 1px 0 #ffffff14;padding:22px}.library-section .section-header{justify-content:space-between;margin:0 0 22px}.library-section .section-header h2{font-size:1.8rem;letter-spacing:-.04em}.library-section .section-count{background:#ffffff1f;border:1px solid #ffffff14;font-weight:900;padding:7px 12px}.library-card-mode-switch,.library-switcher,.library-view-switch{background:hsla(0,0%,100%,.055);border:1px solid #ffffff0f;border-radius:999px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;max-width:100%;padding:6px;width:fit-content}.library-switch-btn{background:#0000;border-radius:999px;box-shadow:none;color:#ffffffb8;font-size:.82rem;font-weight:900;min-height:38px;padding:9px 15px}.library-switch-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.library-switch-btn.active{background:linear-gradient(135deg,#5b8cff,#7c5cff);box-shadow:0 8px 24px #5b8cff59,inset 0 1px 0 #ffffff40;color:#fff}.library-sort-switch,.sort-switch{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 26px}.library-sort-switch button,.sort-switch button{background:#ffffff12;border:none;border-radius:999px;color:#ffffffc7;font-weight:800;padding:10px 14px}.library-sort-switch button.active,.sort-switch button.active{background:linear-gradient(135deg,#5b8cff,#7c5cff);box-shadow:0 8px 20px #5b8cff47;color:#fff}.shelf3d-scene{background:radial-gradient(circle at 35% 0,#7daaff33,#0000 40%),radial-gradient(circle at 75% 80%,#a855f72e,#0000 38%),linear-gradient(180deg,#ffffff12,hsla(0,0%,100%,.025));border:1px solid #ffffff14;border-radius:30px;box-shadow:0 24px 60px #0000004d,inset 0 1px 0 #ffffff14;margin-top:22px;padding:30px 20px 44px}.shelf3d-title-block h2{font-size:2rem;letter-spacing:-.05em}.shelf3d-title-block p{font-size:.9rem;opacity:.8}.shelf3d-unit{height:350px;transform:rotateX(8deg);transform-style:preserve-3d}.shelf3d-back{background:linear-gradient(180deg,#ffffff14,hsla(0,0%,100%,.025)),#060916d1;border-radius:24px;height:240px;left:4%;right:4%}.shelf3d-row{gap:5px;height:170px;left:6%;right:6%;scroll-snap-type:x proximity;top:82px}.shelf3d-game{flex-basis:31px;height:148px;scroll-snap-align:center}.shelf3d-game:hover{box-shadow:0 16px 24px #0006,0 0 18px #60a5fa40;filter:brightness(1.08);transform:rotateY(0deg) translateY(-14px) translateZ(36px) scale(1.12);z-index:10}.shelf3d-board{height:34px;top:248px}.badge-card:hover,.game-item:hover,.stat-card:hover,.top5-item:hover,.upcoming-card:hover{transform:translateY(-2px)}.badge-card:after,.game-item:after,.library-section:after,.search-panel:after,.shelf3d-scene:after,.top5-item:after,.upcoming-card:after{display:none}.badges-grid,.games-list,.library-section,.options-panel,.progression-stack,.search-panel,.shelf3d-scene,.top5-list,.upcoming-list{animation:pageSoftInClean .42s ease both}@keyframes pageSoftInClean{0%{filter:blur(4px);opacity:0;transform:translateY(10px)}to{filter:blur(0);opacity:1;transform:none}}@media (max-width:768px){.library-section{border-radius:24px;padding:16px}.library-section .section-header{align-items:flex-start;flex-direction:column;gap:8px}.library-card-mode-switch,.library-switcher,.library-view-switch{width:100%}.library-switch-btn{flex:1 1;font-size:.76rem;min-width:0;padding:9px 10px}.shelf3d-scene{padding:24px 10px 34px}.shelf3d-title-block h2{font-size:1.55rem}.shelf3d-unit{height:300px}.shelf3d-game{flex-basis:24px;height:122px}}.shelf3d-scene{overflow:hidden}.shelf3d-unit{height:390px;overflow:visible}.shelf3d-row{align-items:flex-end;display:flex;gap:7px;height:190px;left:5%;overflow-x:auto;overflow-y:visible;padding:38px 18px 18px;right:5%;scroll-behavior:smooth;scrollbar-color:#78a0ff8c #ffffff14;scrollbar-width:thin;top:92px}.shelf3d-row::-webkit-scrollbar{height:8px}.shelf3d-row::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.shelf3d-row::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#5b8cff,#8b5cf6);border-radius:999px}.shelf3d-game{border-radius:8px 8px 4px 4px;flex:0 0 34px;height:150px;transform:rotateY(-8deg);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.shelf3d-game:hover{box-shadow:0 18px 30px #00000073,0 0 24px #60a5fa61;filter:brightness(1.12) saturate(1.15);transform:rotateY(0deg) translateY(-18px) scale(1.12)!important;z-index:20}.shelf3d-game:after{background-image:var(--cover);background-position:50%;background-size:cover;border:1px solid #ffffff2e;border-radius:12px;bottom:112%;box-shadow:0 18px 32px #00000080,0 0 26px #60a5fa59;content:"";height:118px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(12px) scale(.85);transition:opacity .18s ease,transform .22s ease;width:86px}.shelf3d-game:hover:after{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.shelf3d-game[title]:hover{cursor:pointer}.shelf3d-spine{font-size:8px;line-height:1.05}.shelf3d-board{top:268px}@media (max-width:768px){.shelf3d-unit{height:350px}.shelf3d-row{gap:6px;height:178px;left:2%;padding:34px 14px 18px;right:2%;top:92px}.shelf3d-game{flex-basis:30px;height:140px}.shelf3d-game:after{height:108px;width:78px}.shelf3d-board{top:258px}}.shelf3d-multi{padding:28px 18px 34px}.shelf3d-cabinet{display:flex;flex-direction:column;gap:26px}.shelf3d-cabinet,.shelf3d-level,.shelf3d-multi,.shelf3d-scene{height:auto!important;max-height:none!important;overflow:visible!important}@media (max-width:768px){.shelf3d-level-games{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important}.shelf3d-case{flex:1 1!important;max-width:28px!important;min-width:18px!important}}.shelf3d-level{background:radial-gradient(circle at 50% 0,#78aaff24,#0000 45%),#0508146b;border:1px solid #ffffff14;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff14,0 18px 36px #00000047;min-height:210px;overflow:visible;padding:24px 18px 34px;position:relative}.shelf3d-level-back{background:linear-gradient(180deg,#ffffff0f,hsla(0,0%,100%,.015)),#03050e8c;border-radius:20px;bottom:42px;box-shadow:inset 0 0 34px #0000006b;left:4%;position:absolute;right:4%;top:24px}.shelf3d-level-games{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.shelf3d-case{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;position:relative;transition:transform .18s ease,filter .18s ease}.shelf3d-case:hover{filter:brightness(1.1);transform:translateY(-10px)}.shelf3d-cover{background:linear-gradient(90deg,#ffffff38,#0000 22%,#00000059),var(--cover);background-position:50%;background-size:cover;border-radius:8px 8px 4px 4px;box-shadow:8px 12px 22px #0000006b,inset 0 0 0 1px #ffffff29;height:118px;width:62px}.shelf3d-cover:after{content:"";position:absolute}.shelf3d-label{color:#ffffffeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf3d-wood{background:linear-gradient(180deg,#ffffff3d,#ffffff0a),#171827;border-radius:999px;bottom:22px;box-shadow:0 16px 24px #00000073,inset 0 1px 0 #ffffff1f;height:20px;left:3%;position:absolute;right:3%}.shelf3d-multi .shelf3d-back,.shelf3d-multi .shelf3d-board,.shelf3d-multi .shelf3d-floor,.shelf3d-multi .shelf3d-row,.shelf3d-multi .shelf3d-unit{display:none}@media (max-width:768px){.shelf3d-level-games{align-items:flex-end;display:flex!important;gap:2px;overflow:hidden}.shelf3d-case{flex:0 0 4%!important;max-width:none!important;min-width:0!important}.shelf3d-cover{height:108px;width:100%}.shelf3d-label{font-size:.42rem;padding:6px 1px}}.shelf3d-level-games{align-items:flex-end;display:flex;gap:3px;overflow-x:hidden;position:relative;z-index:2}.shelf3d-case{flex:1 1;max-width:28px;min-width:20px}.shelf3d-cover{border-radius:6px 6px 3px 3px;height:132px;width:100%}.shelf3d-label{background:#0000;border:none;font-size:.52rem;inset:0;line-height:1;max-width:none;min-height:0;padding:8px 2px;position:absolute;text-shadow:0 1px 3px #000;transform:rotate(180deg);writing-mode:vertical-rl}.shelf3d-case:hover{transform:translateY(-12px) scale(1.15);z-index:10}.shelf3d-level{min-height:205px}.shelf3d-wood{bottom:24px}@supports (-webkit-touch-callout:none){.checkpoint-splash,.checkpoint-splash *,.loader-fill,.splash-bg,.splash-grid,.splash-loader,.splash-orb,.splash-stage,.splash-title,.splash-title-reflect,.splash-vignette{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.splash-orb,.splash-title-reflect,.splash-vignette{display:none!important}.checkpoint-splash{background:radial-gradient(circle at 50% 35%,#5091ff52,#0000 32%),linear-gradient(180deg,#070914,#03040a)!important}.splash-grid{opacity:.18!important}.splash-subtitle,.splash-title{text-shadow:none!important}.loader-fill{box-shadow:none!important}}.app-hidden,.app-shell,.app-visible,.container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.app-visible{opacity:1!important;transform:none!important}@supports (-webkit-touch-callout:none){.app-shell,.app-shell *,.checkpoint-splash,.checkpoint-splash *,.container,.container *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.splash-orb,.splash-scanline,.splash-title-reflect,.splash-vignette{display:none!important}}.tab-transition-overlay.modern{animation-duration:.26s!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.pixel-transition{animation-duration:.32s!important}.shelf3d-platform-list{display:flex;flex-direction:column;gap:34px}.shelf3d-platform-section{background:radial-gradient(circle at 20% 0,#60a5fa21,#0000 35%),hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.075);border-radius:26px;padding:18px}.shelf3d-platform-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.shelf3d-platform-header h3{font-size:1.35rem;letter-spacing:-.04em;margin:0}.shelf3d-platform-header p{color:#d1d5db;color:var(--text-soft);font-size:.85rem;margin:4px 0 0}.shelf3d-platform-section .shelf3d-cabinet{gap:20px}.shelf3d-platform-section .shelf3d-level{min-height:190px}@media (max-width:768px){.shelf3d-platform-section{border-radius:22px;padding:14px 10px}.shelf3d-platform-header h3{font-size:1.1rem}}.console-xp-list{display:flex;flex-direction:column;gap:14px}.console-xp-card{background:radial-gradient(circle at top right,#60a5fa1f,#0000 30%),#ffffff0a;border:1px solid #ffffff14;border-radius:22px;padding:16px}.console-xp-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.console-xp-name{font-size:1rem;font-weight:900}.console-xp-rank{color:#d1d5db;color:var(--text-soft);font-size:.72rem;margin-top:2px}.console-xp-level{background:#ffffff14;border-radius:999px;font-size:.82rem;font-weight:900;padding:7px 12px}.console-xp-bar{background:#ffffff0f;border-radius:999px;height:10px;margin-top:14px;overflow:hidden}.console-xp-fill{background:linear-gradient(90deg,#5ee7ff,#7b61ff);border-radius:inherit;height:100%}.console-xp-bottom{align-items:center;display:flex;font-size:.82rem;justify-content:space-between;margin-top:10px}.console-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.console-badge{background:#ffffff14;border-radius:999px;font-size:.68rem;font-weight:800;padding:6px 10px}.console-badge.legendary{background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff}.hardware-console-xp-mini{margin:8px 0 10px;max-width:390px}.hardware-console-xp-top{color:#d1d5db;color:var(--text-soft);display:flex;font-size:.74rem;gap:10px;justify-content:space-between}.hardware-console-xp-top strong{color:#fff;font-weight:900}.hardware-console-xp-bar{background:#ffffff14;border-radius:999px;height:5px;margin-top:5px;overflow:hidden}.hardware-console-xp-fill{background:linear-gradient(90deg,#5ee7ff,#7b61ff);border-radius:inherit;height:100%}.hardware-console-xp-bottom{color:#9ca3af;color:var(--text-muted);font-size:.68rem;margin-top:4px}#root,.app-shell,.container,.hardware-collection-sections,.hardware-view,.hardware-view-container,.progression-stack,.search-panel{overflow-x:hidden!important;overflow-y:visible!important}.hardware-console-card{max-width:100%!important;min-width:0!important;width:100%!important}.hardware-console-info{flex:1 1!important;min-width:0!important;overflow:hidden!important}.hardware-console-info .hardware-meta,.hardware-console-info .hardware-name{overflow-wrap:anywhere!important;white-space:normal!important}.hardware-console-list{max-width:100%!important;width:100%!important}@media (max-width:768px){.hardware-catalog-grid,.hardware-console-list,.hardware-view,.hardware-view-container{max-width:100%!important;overflow:visible!important;width:100%!important}.hardware-brand-grid{grid-gap:14px!important;display:grid!important;gap:14px!important;grid-template-columns:1fr!important}.hardware-brand-card{align-items:center!important;display:flex!important;flex-direction:column!important;gap:12px!important;height:128px!important;justify-content:center!important;max-height:128px!important;min-height:128px!important;padding:16px!important;width:100%!important}.hardware-brand-card-logo{height:48px!important;object-fit:contain!important;width:110px!important}.hardware-catalog-grid,.hardware-console-list{display:flex!important;flex-direction:column!important;gap:12px!important}.hardware-catalog-card,.hardware-console-card{align-items:center!important;display:flex!important;flex-direction:row!important;gap:14px!important;height:auto!important;justify-content:flex-start!important;max-width:100%!important;min-height:112px!important;min-width:0!important;overflow:hidden!important;padding:14px!important;width:100%!important}.hardware-catalog-card .hardware-image-wrapper,.hardware-console-card .hardware-image-wrapper{flex:0 0 104px!important;height:84px!important;max-width:104px!important;min-width:104px!important;width:104px!important}.hardware-catalog-card .hardware-catalog-image,.hardware-console-card .hardware-catalog-image{height:100%!important;object-fit:contain!important;width:100%!important}.hardware-catalog-content,.hardware-console-info{flex:1 1 auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;width:auto!important}.hardware-name{font-size:1rem!important;line-height:1.15!important;overflow-wrap:break-word!important;word-break:normal!important}.hardware-meta,.hardware-name{display:block!important;white-space:normal!important}.hardware-meta{line-height:1.25!important}.hardware-console-arrow{flex:0 0 20px!important;margin-left:auto!important}.hardware-status-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}.hardware-brand-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.hardware-brand-card{min-height:120px!important;padding:12px!important;width:100%!important}.hardware-brand-card-logo{height:40px!important;object-fit:contain!important;width:80px!important}}@media screen and (max-width:768px){.hardware-brand-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hardware-brand-grid .hardware-brand-card{height:118px!important;max-height:118px!important;max-width:none!important;min-height:118px!important;min-width:0!important;width:auto!important}.hardware-brand-grid .hardware-brand-card-logo{height:38px!important;object-fit:contain!important;width:78px!important}.hardware-brand-grid .hardware-brand-card span{font-size:.85rem!important}}.hardware-card-rating{color:#ffffffeb;font-size:.78rem;font-weight:900;margin-top:6px}.hardware-detail-modal{max-width:620px}.hardware-detail-image{background:#ffffff0a;object-fit:contain}.hardware-detail-score{background:radial-gradient(circle at top right,#60a5fa2e,#0000 35%),#ffffff0f;border:1px solid #ffffff14;border-radius:16px;margin:10px 0 14px;padding:12px 14px}.hardware-detail-score span{display:block;font-size:1.25rem;font-weight:950}.hardware-detail-score small{color:#d1d5db;color:var(--text-soft);display:block;font-size:.76rem;margin-top:2px}.hardware-rating-list{display:flex;flex-direction:column;gap:14px}.hardware-rating-row{background:hsla(0,0%,100%,.045);border:1px solid #ffffff12;border-radius:16px;padding:12px}.hardware-rating-label{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}body,html{min-height:100%;overflow-x:hidden!important;overflow-y:scroll!important;width:100%}#root{overflow:visible!important}#root,.app-shell{height:auto!important;min-height:100vh!important;width:100%}.app-shell{overflow-x:hidden!important;overflow-y:visible!important}.container,.progression-stack{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}.search-panel{overflow:visible!important}body.modal-open{overflow-x:hidden!important;overflow-y:auto!important}#root,.app-shell,.container,.progression-stack,body,html{height:auto!important;max-height:none!important;overflow-y:visible!important}body,html{overflow-y:auto!important}.app-shell:after,.app-shell:before,.tab-transition-overlay{pointer-events:none!important}.hardware-detail-panel .modal-image{background:#ffffff0a;height:220px;object-fit:contain;width:100%}.hardware-detail-panel .modal-content{padding:16px}.hardware-detail-panel .modal-close-btn{margin-left:auto!important;position:sticky!important;top:12px!important;z-index:10}.hardware-view-container{height:auto!important;min-height:0!important;overflow:visible!important}.hardware-view-slider{display:block!important;transform:none!important;width:100%!important}.hardware-view{flex-shrink:1!important;width:100%!important}.hardware-catalog-grid,.hardware-detail-view,.hardware-variant-block,.hardware-view{height:auto!important;min-height:0!important;overflow:visible!important}.hardware-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ad!important;display:block!important;inset:0!important;padding:16px 12px 110px!important;position:fixed!important;z-index:5000!important}.hardware-modal-panel{background:#0f1119f5;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 40px #0000004d;margin:0 auto!important;max-height:none!important;overflow:visible!important;position:relative;width:min(620px,100%)!important}.hardware-modal-panel .modal-image{background:#ffffff0a;height:220px;object-fit:contain;width:100%}.hardware-modal-panel .modal-content{padding:16px}.hardware-modal-panel .modal-close-btn{margin:12px 12px 0 auto!important;position:sticky!important;top:12px!important;z-index:20!important}.hardware-modal-backdrop{overflow-y:scroll!important;overscroll-behavior:auto!important;touch-action:pan-y!important}.hardware-modal-panel *{touch-action:auto!important}.hardware-zoom-backdrop{align-items:normal!important;display:block!important;justify-content:normal!important;padding:16px 12px 120px!important}.hardware-zoom-modal{margin:16px auto 0!important}.hardware-zoom-backdrop{overflow-y:auto!important;pointer-events:auto!important;z-index:9000!important}.hardware-zoom-modal{pointer-events:auto!important;position:relative!important;z-index:9001!important}.hardware-zoom-close{cursor:pointer!important;pointer-events:auto!important;z-index:9002!important}.hardware-modal-backdrop,.hardware-modal-panel{overflow-y:auto!important}.hardware-modal-panel{margin:16px auto 120px!important;max-height:calc(100vh - 140px)!important}.hardware-catalog-image,.hardware-detail-main-image,.hardware-zoom-image{max-width:100%!important;object-fit:contain!important;width:100%!important}.hardware-catalog-image{height:220px!important}.hardware-detail-main-image{height:260px!important}.hardware-zoom-image{max-height:70vh!important}.hardware-zoom-modal{max-height:calc(100vh - 160px)!important;overflow:auto!important;padding:18px!important;width:min(90vw,680px)!important}.hardware-zoom-image{display:block!important;height:auto!important;margin:0 auto!important;max-height:55vh!important;max-width:620px!important;object-fit:contain!important;width:100%!important}.hardware-brand-grid,.hardware-catalog-grid,.hardware-console-list,.hardware-detail-view,.hardware-variant-block,.hardware-view,.hardware-view-container{overscroll-behavior:auto!important;pointer-events:auto!important;touch-action:pan-y!important}.search-panel:has(.hardware-type-switch){overflow:visible!important;overscroll-behavior:auto!important;touch-action:pan-y!important}@media (max-width:640px){.hardware-catalog-card,.hardware-collection-card,.hardware-console-card{align-items:center!important;gap:10px!important;min-height:96px!important;padding:10px!important}.hardware-catalog-card .hardware-image-wrapper,.hardware-collection-image-wrap,.hardware-console-card .hardware-image-wrapper{flex:0 0 96px!important;height:72px!important;max-width:96px!important;min-width:96px!important;width:96px!important}.hardware-catalog-image,.hardware-collection-image{height:100%!important;object-fit:contain!important;width:100%!important}.hardware-collection-main{gap:8px!important}.hardware-name{font-size:.95rem!important;line-height:1.15!important}.hardware-console-xp-bottom,.hardware-meta{font-size:.72rem!important}.hardware-dropdown-row{gap:6px!important;margin-top:6px!important}.hardware-collection-actions{margin-top:8px!important}.hardware-collection-card{grid-gap:14px!important;border-radius:22px!important;display:grid!important;gap:14px!important;grid-template-columns:88px 1fr!important;min-height:auto!important;padding:14px!important}.hardware-collection-image-wrap{align-items:center!important;display:flex!important;height:120px!important;justify-content:center!important;min-width:88px!important;width:88px!important}.hardware-collection-image{height:100%!important;object-fit:contain!important;width:100%!important}.hardware-collection-main{gap:6px!important;min-width:0!important}.hardware-name{font-size:1.22rem!important;line-height:1.12!important;margin-bottom:4px!important}.hardware-brand,.hardware-console-xp-bottom,.hardware-rating-line{font-size:.82rem!important}.hardware-dropdown-row{grid-gap:8px!important;align-items:center!important;display:grid!important;gap:8px!important;grid-template-columns:58px 1fr!important;margin-top:8px!important}.hardware-dropdown-row .hardware-dropdown-label,.hardware-dropdown-row label{font-size:.78rem!important}.hardware-dropdown-row select{border-radius:18px!important;font-size:.9rem!important;min-height:38px!important;padding:8px 12px!important;width:100%!important}.hardware-collection-actions{display:flex!important;gap:10px!important;grid-column:2!important;justify-content:flex-end!important;margin-top:8px!important}.hardware-collection-actions button{border-radius:15px!important;font-size:1rem!important;height:44px!important;min-width:44px!important;width:44px!important}.hardware-collection-card{grid-gap:8px 14px!important;align-items:center!important;display:grid!important;gap:8px 14px!important;grid-template-areas:"image title" "image meta" "image selects"!important;grid-template-columns:110px 1fr!important;min-height:190px!important;padding:14px!important;position:relative!important}.hardware-collection-image-wrap{align-self:center!important;grid-area:image!important;height:150px!important;min-width:110px!important;width:110px!important}.hardware-collection-image{height:100%!important;object-fit:contain!important;width:100%!important}.hardware-collection-main{display:contents!important}.hardware-name{font-size:1.12rem!important;grid-area:title!important;line-height:1.1!important;margin:0!important;padding-right:82px!important}.hardware-brand,.hardware-console-xp,.hardware-console-xp-bottom,.hardware-rating-line{font-size:.78rem!important}.hardware-card-info,.hardware-info,.hardware-meta-block{grid-area:meta!important}.hardware-dropdown-row{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:50px 1fr!important;margin-top:6px!important}.hardware-dropdown-row select{border-radius:16px!important;font-size:.85rem!important;min-height:34px!important;padding:6px 10px!important}.hardware-collection-actions{display:flex!important;gap:6px!important;margin:0!important;position:absolute!important;right:12px!important;top:12px!important}.hardware-collection-actions button{border-radius:13px!important;font-size:.9rem!important;height:36px!important;min-width:36px!important;width:36px!important}}.hardware-card-v3{grid-gap:16px!important;background:radial-gradient(circle at 20% 30%,#60a5fa1f,#0000 42%),hsla(0,0%,100%,.065)!important;border:1px solid #ffffff1a!important;border-radius:26px!important;display:grid!important;gap:16px!important;grid-template-columns:118px 1fr!important;overflow:visible!important;padding:16px!important}.hardware-image-zoom-btn{background:#0000!important;border:0!important;height:100%!important;padding:8px!important;width:100%!important}.hardware-collection-image{filter:drop-shadow(0 12px 18px rgba(0,0,0,.35));height:100%!important;object-fit:contain!important;padding:0!important;width:100%!important}.hardware-card-main{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important}.hardware-card-head{grid-gap:10px!important;align-items:start!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 44px!important}.hardware-card-v3 .hardware-name{font-size:clamp(1.2rem,5vw,1.55rem)!important;font-weight:950!important;-webkit-hyphens:none!important;hyphens:none!important;line-height:1.08!important;margin:0!important;overflow-wrap:normal!important;padding:0!important;text-align:left!important;word-break:normal!important}.hardware-brand-rating{align-items:center!important;color:#d1d5db!important;color:var(--text-soft)!important;display:flex!important;flex-wrap:wrap!important;font-size:.92rem!important;gap:10px!important;margin-top:6px!important}.hardware-card-rating{color:#fff!important;font-weight:900!important}.hardware-heart-floating{background:#ffffff14!important;border-radius:16px!important;height:44px!important;min-width:44px!important;width:44px!important}.hardware-console-xp-mini{margin-top:2px!important}.hardware-console-xp-top{align-items:center!important;color:#d1d5db!important;color:var(--text-soft)!important;display:flex!important;font-size:.9rem!important;gap:10px!important}.hardware-console-xp-bar{border-radius:999px!important;height:7px!important;margin-top:8px!important}.hardware-console-xp-bottom{color:#9ca3af!important;color:var(--text-muted)!important;font-size:.88rem!important;margin-top:7px!important}.hardware-card-bottom{grid-gap:12px!important;align-items:end!important;display:grid!important;gap:12px!important;grid-template-columns:1fr 48px!important;margin-top:auto!important}.hardware-card-dropdowns{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hardware-card-v3 .hardware-dropdown{display:block!important;margin:0!important}.hardware-card-v3 .hardware-dropdown-label,.hardware-card-v3 .hardware-dropdown>label{color:#9ca3af!important;color:var(--text-muted)!important;display:block!important;font-size:.72rem!important;letter-spacing:.04em!important;margin-bottom:6px!important;text-transform:uppercase!important}.hardware-card-v3 .hardware-dropdown-trigger{border-radius:16px!important;font-size:.92rem!important;min-height:40px!important;padding:8px 12px!important}.hardware-delete-floating{border-radius:16px!important;font-size:1.2rem!important;height:48px!important;min-width:48px!important;width:48px!important}@media (max-width:390px){.hardware-card-v3{gap:12px!important;grid-template-columns:100px 1fr!important;padding:14px!important}.hardware-card-v3 .hardware-name{font-size:1.15rem!important}}@media (max-width:640px){.hardware-card-v3{align-items:start!important;gap:14px!important;grid-template-columns:125px 1fr!important;min-height:245px!important;padding:16px!important}.hardware-card-main{gap:8px!important}.hardware-card-head{grid-template-columns:1fr 42px!important}.hardware-card-v3 .hardware-name{font-size:1.22rem!important;line-height:1.08!important;max-width:100%!important;white-space:normal!important}.hardware-brand-rating{font-size:.86rem!important;margin-top:4px!important}.hardware-console-xp-top{font-size:.82rem!important}.hardware-console-xp-bar{height:6px!important;margin-top:6px!important}.hardware-console-xp-bottom{font-size:.78rem!important;margin-top:5px!important}.hardware-card-bottom{align-items:end!important;grid-template-columns:1fr 48px!important;margin-top:6px!important}.hardware-card-dropdowns{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hardware-card-v3 .hardware-dropdown-trigger{font-size:.86rem!important;min-height:38px!important;padding:7px 10px!important}.hardware-card-v3 .hardware-dropdown-label{font-size:.68rem!important;margin-bottom:4px!important}.hardware-heart-floating{height:42px!important;min-width:42px!important;width:42px!important}.hardware-delete-floating{height:48px!important;min-width:48px!important;width:48px!important}.hardware-card-v3{align-items:center!important;height:auto!important;min-height:0!important;min-height:auto!important;padding:14px!important}.hardware-card-main{gap:8px!important;justify-content:center!important}.hardware-card-bottom{margin-top:4px!important}.hardware-card-dropdowns{align-items:end!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hardware-card-v3 .hardware-dropdown-trigger{align-items:center!important;border-radius:18px!important;display:flex!important;font-size:.82rem!important;height:38px!important;justify-content:space-between!important;line-height:1!important;min-height:38px!important;min-width:0!important;padding:0 12px!important;white-space:nowrap!important;width:100%!important}.hardware-card-v3 .hardware-dropdown-label{font-size:.68rem!important;margin-bottom:4px!important}.hardware-card-v3 .hardware-name{font-size:1.12rem!important}.hardware-card-v3{align-items:center!important;gap:14px!important;grid-template-columns:118px 1fr!important;height:auto!important;min-height:0!important;padding:14px!important}.hardware-card-main{gap:8px!important;justify-content:center!important}.hardware-card-bottom{display:block!important;margin-top:8px!important}.hardware-card-dropdowns{align-items:flex-end!important;display:flex!important;gap:8px!important}.hardware-card-v3 .hardware-dropdown{flex:1 1!important;min-width:0!important}.hardware-card-v3 .hardware-dropdown-trigger{border-radius:18px!important;font-size:.82rem!important;height:40px!important;line-height:1!important;min-height:40px!important;padding:0 10px!important;white-space:nowrap!important;width:100%!important}.hardware-card-v3 .hardware-dropdown-label{font-size:.66rem!important;margin-bottom:5px!important}.hardware-brand-rating{align-items:center!important;display:flex!important;gap:8px!important;justify-content:space-between!important;width:100%!important}.hardware-brand-rating>span:first-child{align-items:center!important;display:flex!important;height:100%!important}.hardware-card-rating{align-items:center!important;display:flex!important;gap:3px!important;line-height:1!important;margin:0!important;padding:0!important;white-space:nowrap!important}.hardware-card-v3{gap:12px!important;padding:12px!important}.hardware-card-image-zone{height:125px!important;min-width:100px!important;width:100px!important}.hardware-card-main{gap:6px!important}.hardware-card-bottom{margin-top:4px!important}.hardware-card-v3 .hardware-name{font-size:1.05rem!important;line-height:1.05!important}.hardware-card-head{gap:8px!important;grid-template-columns:1fr auto!important}.hardware-card-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important}.hardware-delete-floating,.hardware-heart-floating{border-radius:15px!important;height:44px!important;min-width:44px!important;width:44px!important}.hardware-heart-floating svg{height:20px!important;width:20px!important}.hardware-delete-floating{font-size:1.25rem!important;padding:0!important}.hardware-card-bottom{margin-top:8px!important}.hardware-card-v3{padding-right:72px!important;position:relative!important}.hardware-card-head{display:block!important}.hardware-card-actions{display:flex!important;flex-direction:column!important;gap:8px!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important}.hardware-delete-floating,.hardware-heart-floating{border-radius:16px!important;height:46px!important;min-width:46px!important;width:46px!important}.hardware-heart-floating svg{height:20px!important;width:20px!important}.hardware-delete-floating{font-size:1.2rem!important;padding:0!important}.hardware-card-main{min-width:0!important}.hardware-card-v3 .hardware-name{max-width:100%!important;padding-right:0!important}.hardware-card-v3{align-items:center!important;gap:14px!important;grid-template-columns:118px 1fr!important;height:auto!important;min-height:0!important;padding:14px 56px 14px 14px!important;position:relative!important}.hardware-card-head{display:block!important}.hardware-card-title-zone{padding-right:0!important}.hardware-card-actions{display:flex!important;flex-direction:column!important;gap:7px!important;position:absolute!important;right:12px!important;top:14px!important;transform:none!important;z-index:5!important}.hardware-delete-floating,.hardware-heart-floating{border-radius:13px!important;height:38px!important;max-height:38px!important;max-width:38px!important;min-height:38px!important;min-width:38px!important;padding:0!important;width:38px!important}.hardware-heart-floating svg{height:18px!important;width:18px!important}.hardware-delete-floating{font-size:1.05rem!important;line-height:1!important}.hardware-brand-rating{gap:8px!important;margin-top:4px!important}.hardware-brand-rating,.hardware-card-rating{align-items:center!important;display:flex!important;line-height:1!important}.hardware-card-rating{position:relative!important;top:-1px!important}.hardware-card-bottom{margin-top:14px!important}.hardware-card-dropdowns{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hardware-card-v3 .hardware-dropdown-label{line-height:1!important;margin-bottom:4px!important}.hardware-card-v3 .hardware-dropdown-trigger{border-radius:17px!important;font-size:.82rem!important;height:38px!important;min-height:38px!important;padding:0 10px!important}.hardware-card-v3{align-items:center!important;gap:14px!important;grid-template-columns:118px 1fr!important;height:auto!important;min-height:0!important;padding:14px 54px 14px 14px!important;position:relative!important}.hardware-card-actions,.hardware-card-head{display:block!important}.hardware-card-actions{position:absolute!important;right:12px!important;top:14px!important;transform:none!important;z-index:5!important}.hardware-delete-floating{border-radius:10px!important;font-size:.9rem!important;height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.hardware-brand-rating{align-items:baseline!important;display:inline-flex!important;flex-wrap:nowrap!important;gap:8px!important;line-height:1!important;margin-top:4px!important;width:auto!important}.hardware-brand-rating>span:first-child,.hardware-card-rating{align-items:baseline!important;display:inline-flex!important;line-height:1!important;white-space:nowrap!important}.hardware-card-rating{font-size:.82rem!important;position:static!important;top:auto!important;transform:none!important}.hardware-card-dropdowns{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hardware-card-v3 .hardware-dropdown-trigger{border-radius:18px!important;font-size:.9rem!important;height:42px!important;min-height:42px!important;padding:0 12px!important}.hardware-card-v3 .hardware-dropdown-label{font-size:.68rem!important;line-height:1!important;margin-bottom:5px!important}.hardware-collection-image{transform:scale(1.25)}.hardware-card-bottom{margin-top:4px!important}}.hardware-card-main{height:auto!important;justify-content:flex-start!important}.hardware-card-bottom{margin-top:6px!important}.hardware-card-dropdowns{margin-top:0!important}.hardware-card-actions{right:8px!important;top:8px!important}.hardware-delete-floating{height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}@media (max-width:640px){.hardware-card-v3{grid-gap:12px!important;align-items:center!important;display:grid!important;gap:12px!important;grid-template-columns:118px 1fr!important;height:auto!important;min-height:0!important;padding:12px 44px 12px 12px!important}.hardware-card-image-zone{background:#0000!important;border:none!important;box-shadow:none!important;height:142px!important;width:118px!important}.hardware-card-main{display:flex!important;flex-direction:column!important;gap:5px!important;height:auto!important;justify-content:flex-start!important;min-height:0!important}.hardware-card-head{display:block!important}.hardware-brand-rating{gap:6px!important;margin-top:2px!important}.hardware-brand-rating,.hardware-card-rating{align-items:center!important;display:inline-flex!important;line-height:1!important}.hardware-card-rating{margin:0!important;position:static!important;transform:none!important}.hardware-card-bottom{display:block!important;margin-top:6px!important}.hardware-card-dropdowns{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hardware-card-v3 .hardware-dropdown-label{font-size:.7rem!important;line-height:1!important;margin-bottom:5px!important}.hardware-card-v3 .hardware-dropdown-trigger{border-radius:18px!important;font-size:.9rem!important;height:44px!important;line-height:1!important;min-height:44px!important;padding:0 12px!important}.hardware-card-actions{position:absolute!important;right:10px!important;top:10px!important;transform:none!important}.hardware-delete-floating{border-radius:9px!important;font-size:.85rem!important;height:30px!important;line-height:1!important;min-height:30px!important;min-width:30px!important;padding:0!important;width:30px!important}.hardware-card-dropdowns{align-items:flex-start!important;display:flex!important;gap:12px!important}.hardware-card-v3 .hardware-dropdown{flex:1 1!important;min-width:0!important}.hardware-card-v3 .hardware-dropdown-label{font-size:.72rem!important;font-weight:700!important;letter-spacing:.04em!important;margin-bottom:6px!important}.hardware-card-v3 .hardware-dropdown-trigger{align-items:center!important;border-radius:20px!important;display:flex!important;font-size:1rem!important;font-size:inherit!important;font-weight:700!important;height:48px!important;height:56px!important;justify-content:space-between!important;min-height:48px!important;min-height:56px!important;padding:0 14px!important;padding:0 16px!important;white-space:nowrap!important;width:100%!important}}.hardware-card-v3 .hardware-dropdown{min-height:60px!important}.hardware-card-dropdowns{align-items:stretch!important}@media (max-width:640px){.hardware-card-v3 .hardware-dropdown-trigger{align-items:center!important;border-radius:22px!important;display:flex!important;height:44px!important;justify-content:space-between!important;min-height:44px!important;padding-left:14px!important;padding-right:14px!important}.hardware-card-dropdown-trigger span{margin-right:8px!important}}.hardware-delete-floating{border-radius:8px!important;font-size:.8rem!important;height:26px!important;min-height:26px!important;min-width:26px!important;width:26px!important}@media (max-width:640px){.hardware-card-dropdowns{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.hardware-card-v3 .hardware-dropdown{min-width:0!important;width:100%!important}.hardware-card-v3 .hardware-dropdown-trigger{align-items:center!important;border-radius:999px!important;display:flex!important;font-size:.86rem!important;gap:6px!important;height:42px!important;justify-content:space-between!important;line-height:1!important;min-height:42px!important;min-width:0!important;overflow:hidden!important;padding:0 10px!important;white-space:nowrap!important;width:100%!important}.hardware-card-v3 .hardware-dropdown-trigger div,.hardware-card-v3 .hardware-dropdown-trigger span,.hardware-card-v3 .hardware-dropdown-trigger strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hardware-card-v3 .hardware-dropdown-trigger .chevron,.hardware-card-v3 .hardware-dropdown-trigger svg,.hardware-card-v3 .hardware-dropdown-trigger:after{flex:0 0 auto!important}.hardware-card-v3{grid-gap:14px!important;align-items:center!important;display:grid!important;gap:14px!important;grid-template-columns:118px 1fr!important;height:auto!important;min-height:0!important;padding:14px 54px 14px 14px!important}.hardware-card-main{gap:8px!important;justify-content:flex-start!important}.hardware-card-bottom{margin-top:10px!important}.hardware-card-dropdowns{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hardware-card-v3 .hardware-dropdown-trigger{align-items:center!important;border-radius:18px!important;display:flex!important;font-size:.9rem!important;font-weight:800!important;height:42px!important;justify-content:center!important;min-height:42px!important;padding:0 12px!important;width:100%!important}.hardware-card-v3 .hardware-dropdown-trigger,.hardware-card-v3 .hardware-dropdown-trigger *{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.hardware-card-v3 .hardware-dropdown-label{font-size:.68rem!important;margin-bottom:5px!important}.hardware-delete-floating{border-radius:11px!important;font-size:.9rem!important;height:34px!important;min-height:34px!important;min-width:34px!important;padding:0!important;position:absolute!important;right:12px!important;top:12px!important;width:34px!important}.hardware-card-dropdowns{display:flex!important;gap:12px!important}.hardware-card-v3 .hardware-dropdown{flex:1 1!important;min-width:0!important}.hardware-card-v3 .hardware-dropdown-trigger{align-items:center!important;border-radius:22px!important;display:flex!important;font-size:.92rem!important;font-weight:700!important;height:44px!important;justify-content:space-between!important;min-height:44px!important;min-width:120px!important;padding:0 16px!important;width:100%!important}.hardware-card-dropdowns{align-items:flex-start!important;display:flex!important;gap:10px!important}.hardware-card-v3 .hardware-dropdown{flex:initial!important;min-width:auto!important;width:auto!important}.hardware-card-v3 .hardware-dropdown-trigger{align-items:center!important;border-radius:22px!important;display:inline-flex!important;height:44px!important;justify-content:space-between!important;min-width:110px!important;padding:0 14px!important;width:auto!important}.hardware-card-v3{grid-gap:12px!important;border-radius:24px!important;display:grid!important;gap:12px!important;grid-template-columns:104px minmax(0,1fr)!important;height:auto!important;min-height:0!important;padding:12px 40px 12px 12px!important;position:relative!important}.hardware-card-image-zone,.hardware-card-v3{align-items:center!important;overflow:visible!important}.hardware-card-image-zone{border:none!important;box-shadow:none!important;height:142px!important;min-width:104px!important;width:104px!important}.hardware-card-image-zone,.hardware-card-image-zone .hardware-image-zoom-btn{background:#0000!important;display:flex!important;justify-content:center!important}.hardware-card-image-zone .hardware-image-zoom-btn{align-items:center!important;border:0!important;height:100%!important;padding:0!important;width:100%!important}.hardware-card-image-zone .hardware-collection-image{filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))!important;height:100%!important;object-fit:contain!important;transform:scale(1.18)!important;transform-origin:center!important;width:100%!important}.hardware-card-main{display:flex!important;flex-direction:column!important;gap:6px!important;height:auto!important;justify-content:center!important;min-height:0!important;min-width:0!important}.hardware-card-head{display:block!important;min-width:0!important}.hardware-card-title-zone{min-width:0!important;padding-right:0!important}.hardware-card-v3 .hardware-name{font-size:1.08rem!important;font-weight:950!important;-webkit-hyphens:none!important;hyphens:none!important;line-height:1.08!important;margin:0!important;max-width:100%!important;overflow-wrap:normal!important;padding:0!important;white-space:normal!important;word-break:normal!important}.hardware-brand-rating{align-items:center!important;color:#d1d5db!important;color:var(--text-soft)!important;display:inline-flex!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-start!important;line-height:1!important;margin-top:4px!important;max-width:100%!important;width:auto!important}.hardware-brand-rating>span:first-child{line-height:1!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.hardware-card-rating{align-items:center!important;color:#fff!important;color:var(--text-main)!important;display:inline-flex!important;flex:0 0 auto!important;font-size:.82rem!important;font-weight:900!important;line-height:1!important;margin:0!important;padding:0!important;position:static!important;top:auto!important;transform:none!important;white-space:nowrap!important}.hardware-card-actions{display:block!important;height:auto!important;margin:0!important;position:absolute!important;right:10px!important;top:10px!important;transform:none!important;width:auto!important;z-index:6!important}.hardware-heart-floating{display:none!important}.hardware-delete-floating{border-radius:9px!important;display:grid!important;font-size:.82rem!important;font-weight:800!important;height:28px!important;line-height:1!important;max-height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;place-items:center!important;width:28px!important}.hardware-card-bottom{display:block!important;height:auto!important;margin-top:8px!important;min-height:0!important;padding:0!important}.hardware-card-dropdowns{grid-gap:8px!important;align-items:start!important;display:grid!important;gap:8px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-width:0!important;width:100%!important}.hardware-card-v3 .hardware-dropdown{flex:initial!important;min-height:0!important;min-width:0!important;width:100%!important}.hardware-card-v3 .hardware-dropdown-label{color:#9ca3af!important;color:var(--text-muted)!important;display:block!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.04em!important;line-height:1!important;margin:0 0 5px!important;text-transform:uppercase!important}.hardware-card-v3 .hardware-dropdown-wrap{min-width:0!important;width:100%!important}.hardware-card-v3 .hardware-dropdown-trigger{align-items:center!important;background:#ffffff14!important;background:var(--muted-bg)!important;border-radius:999px!important;color:#fff!important;color:var(--text-main)!important;display:flex!important;font-size:.82rem!important;font-weight:850!important;gap:5px!important;height:42px!important;justify-content:center!important;line-height:1!important;max-width:100%!important;min-height:42px!important;min-width:0!important;overflow:visible!important;padding:0 10px!important;text-overflow:clip!important;white-space:nowrap!important;width:100%!important}.hardware-card-v3 .hardware-dropdown-trigger span{flex:0 0 auto!important;line-height:1!important;margin:0!important}.hardware-card-v3 .hardware-dropdown-trigger *,.hardware-card-v3 .hardware-dropdown-trigger div,.hardware-card-v3 .hardware-dropdown-trigger strong{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.hardware-card-v3 .hardware-dropdown-menu{min-width:150px!important;z-index:20!important}}@media (max-width:380px){.hardware-card-v3{gap:10px!important;grid-template-columns:96px minmax(0,1fr)!important;padding:12px 38px 12px 10px!important}.hardware-card-image-zone{height:136px!important;min-width:96px!important;width:96px!important}.hardware-card-v3 .hardware-name{font-size:1rem!important}.hardware-card-v3 .hardware-dropdown-trigger{font-size:.78rem!important;height:40px!important;min-height:40px!important;padding:0 8px!important}}
/*# sourceMappingURL=main.e637dd3f.css.map*/