:root{--bg0:#0f0f1f;--bg1:#1f1b3a;--card:#1b1b27;--card2:#141421;--text:#f1f2ff;--muted:rgba(241,242,255,.72);--muted2:rgba(241,242,255,.48);--stroke:rgba(255,255,255,.10);--shadow:0 12px 30px rgba(0,0,0,.38);--radius:18px;--radius2:14px;--tap:cubic-bezier(.2,.9,.2,1);--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%}html{background:var(--bg0)}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:transparent;overflow-y:auto;-webkit-overflow-scrolling:touch}body::after{content:"";position:fixed;top:-50px;left:0;right:0;bottom:-150px;z-index:-1;background:radial-gradient(1200px 700px at 10% 0%,rgba(122,93,255,.35),transparent 60%),radial-gradient(900px 600px at 80% 20%,rgba(57,190,255,.18),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg0));pointer-events:none}.app{min-height:100%;padding:calc(8px + var(--safe-top)) 14px calc(18px + var(--safe-bot));display:flex;flex-direction:column;transition:opacity 170ms var(--tap),transform 170ms var(--tap)}.app--dark{background:linear-gradient(180deg,#0d0d14 0%,#0a0a10 40%,#0b0b12 100%)}body[data-page="game"]{background:linear-gradient(180deg,#0d0d14 0%,#0a0a10 40%,#0b0b12 100%)}body[data-page="game"]::after{display:none}html[data-leave="1"] .app{opacity:0;transform:translateY(8px)}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.0));opacity:0;transform:translateY(8px);transition:opacity 260ms var(--tap),transform 260ms var(--tap)}html[data-enter="1"] body::before{opacity:1;transform:translateY(0)}.sticky-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:calc(8px + var(--safe-top)) 14px 14px;background:radial-gradient(800px 400px at 10% 0%,rgba(122,93,255,.35),transparent 60%),radial-gradient(600px 350px at 85% 10%,rgba(57,190,255,.18),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg1));transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform 280ms var(--tap),opacity 280ms var(--tap)}.sticky-header.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.sticky-header__row{display:flex;align-items:center;gap:10px}.sticky-header__title{font-weight:800;letter-spacing:.2px;font-size:20px}.sticky-header__section{display:flex;align-items:center;gap:10px;margin-top:10px}.sticky-header__label{display:flex;align-items:center;gap:4px;font-weight:800;font-size:14px;color:rgba(241,242,255,.85);white-space:nowrap;flex-shrink:0}.sticky-header__rail{display:flex;gap:8px;overflow-x:auto;flex:1;-webkit-overflow-scrolling:touch}.sticky-header__rail::-webkit-scrollbar{height:0}.mini-card{width:52px;height:52px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;display:block;transition:transform 180ms var(--tap),filter 180ms var(--tap)}.mini-card__icon{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.mini-card::after{content:"";position:absolute;inset:-40% -20%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.20),transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.10),transparent 55%);transform:rotate(-12deg);opacity:.9;z-index:1}.mini-card:active{transform:scale(.95);filter:brightness(.95)}.topbar{padding-top:6px}.topbar__row{display:flex;align-items:center;gap:10px}.topbar__title{font-weight:800;letter-spacing:.2px;font-size:22px}.search{margin-top:12px;height:44px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;gap:10px;padding:0 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color 200ms var(--tap),background 200ms var(--tap),transform 200ms var(--tap)}.search:focus-within{border-color:rgba(138,114,255,.7);background:rgba(255,255,255,.14);transform:translateY(-1px)}.search__input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:14px}.search__input::placeholder{color:rgba(241,242,255,.58)}.content{padding-top:12px;flex:1 1 auto}.content--detail{padding-top:10px}.section{margin-top:18px}.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section__title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px}.chev{opacity:.7;font-weight:900;transform:translateY(-1px)}.link-btn{border:0;background:transparent;color:rgba(241,242,255,.70);font-weight:700;font-size:14px;padding:10px 10px;border-radius:12px;transition:transform 170ms var(--tap),color 170ms var(--tap),background 170ms var(--tap)}.link-btn:active{transform:scale(.98);background:rgba(255,255,255,.08)}.rail{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.rail::-webkit-scrollbar{height:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:410px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{scroll-snap-align:start;position:relative;border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 rgba(0,0,0,0);transform:translateZ(0);transition:transform 240ms var(--tap),box-shadow 240ms var(--tap),border-color 240ms var(--tap),filter 240ms var(--tap);user-select:none;-webkit-tap-highlight-color:transparent;display:block;text-decoration:none;color:inherit}.card:focus-visible{outline:2px solid rgba(138,114,255,.75);outline-offset:2px}html.using-mouse .card:focus-visible{outline:none}.card--my{width:106px;min-width:106px;flex-shrink:0}.card--my .cover{height:85px}.card--rec{width:100%}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(155,132,255,.22)}.card:active{transform:scale(.985);filter:brightness(.98)}.cover{height:94px;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.02));position:relative;overflow:hidden}.card--rec .cover{height:86px}.cover__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.cover::after{content:"";position:absolute;inset:-40% -20%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.20),transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.10),transparent 55%);transform:rotate(-12deg);opacity:.9;z-index:1}.cover__badge{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:900;padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.92);z-index:2}.cover__info{position:absolute;right:10px;top:10px;width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:12px;color:rgba(255,255,255,.86);background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.16);z-index:2}.cover__delete{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:18px;line-height:1;color:#fff;background:rgba(220,38,38,0.9);border:2px solid rgba(255,255,255,.3);cursor:pointer;z-index:10;transition:transform 0.15s,background 0.15s;padding:0}.cover__delete:hover{background:rgba(185,28,28,1);transform:scale(1.1)}.cover__delete:active{transform:scale(0.95)}.card__body{padding:8px 10px 10px}.title{font-size:13px;font-weight:800;line-height:1.15;color:rgba(241,242,255,.92);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}.meta{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{font-size:12px;font-weight:900;padding:2px 7px;border-radius:999px;color:rgba(255,255,255,.92);background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12)}.i{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:12px;color:rgba(255,255,255,.86);background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.16)}.icon-btn{border:0;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;transition:transform 180ms var(--tap),background 180ms var(--tap),border-color 180ms var(--tap);color:var(--text)}.icon-btn:active{transform:scale(.96);background:rgba(255,255,255,.12)}.icon{display:inline-block;width:18px;height:18px;opacity:.92;background:currentColor;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.icon--menu{mask-image:url("./images/menu.svg");-webkit-mask-image:url("./images/menu.svg")}.icon--search{width:16px;height:16px;opacity:.78;mask-image:url("./images/search.svg");-webkit-mask-image:url("./images/search.svg")}.icon--controller{width:18px;height:18px;opacity:.9;mask-image:url("./images/controller.svg");-webkit-mask-image:url("./images/controller.svg")}.detailbar{display:flex;align-items:center;gap:10px;padding-top:calc(2px + var(--safe-top));padding-bottom:10px}.back{border:0;background:transparent;color:rgba(241,242,255,.86);font-weight:800;padding:10px 10px;border-radius:14px;display:flex;align-items:center;gap:8px;transition:transform 170ms var(--tap),background 170ms var(--tap)}.back:active{transform:scale(.98);background:rgba(255,255,255,.08)}.chev--left{font-size:22px;opacity:.8;transform:translateY(-1px)}.hero{margin-top:2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:14px}.hero__top{display:flex;gap:14px;align-items:flex-start}.hero__cover{width:74px;height:74px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden;flex:0 0 auto}.hero__icon{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero__cover::after{content:"";position:absolute;inset:-40% -40%;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.22),transparent 55%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.10),transparent 60%);transform:rotate(-18deg);z-index:1}.hero__info{flex:1 1 auto;min-width:0}.hero__name{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;margin-top:2px}.age{font-size:12px;font-weight:900;padding:3px 8px;border-radius:999px;background:rgba(56,255,132,.14);border:1px solid rgba(56,255,132,.30);color:rgba(56,255,132,.95)}.hero__sub{margin-top:6px;color:rgba(241,242,255,.66);font-weight:700;display:flex;gap:8px;flex-wrap:wrap}.dot{opacity:.35}.hero__stats{margin-top:14px;display:flex;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10);color:rgba(241,242,255,.82)}.stat{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;opacity:.95;white-space:nowrap}.thumb{width:16px;height:16px;opacity:.92;background:currentColor;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-image:url("./images/thumb.svg");-webkit-mask-image:url("./images/thumb.svg")}.star{width:16px;height:16px;opacity:.95;background:currentColor;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-image:url("./images/star.svg");-webkit-mask-image:url("./images/star.svg")}.stat__label{color:rgba(241,242,255,.52);font-weight:800}.play{margin-top:14px;width:100%;border:0;height:54px;border-radius:18px;background:linear-gradient(90deg,rgba(117,91,255,.95),rgba(132,90,255,.92));color:rgba(255,255,255,.96);font-weight:900;font-size:17px;letter-spacing:.2px;box-shadow:0 14px 30px rgba(92,72,255,.25);display:flex;align-items:center;justify-content:center;gap:10px;transform:translateZ(0);transition:transform 200ms var(--tap),filter 200ms var(--tap),box-shadow 200ms var(--tap)}.play:hover{filter:brightness(1.04);box-shadow:0 18px 40px rgba(92,72,255,.32)}.play:active{transform:scale(.985);filter:brightness(.98)}.play__tri{width:0;height:0;border-left:10px solid rgba(255,255,255,.95);border-top:7px solid transparent;border-bottom:7px solid transparent;transform:translateX(1px)}.shots{margin-top:12px}.shots__rail{display:flex;gap:12px;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.shots__rail::-webkit-scrollbar{height:0}.shot{width:148px;height:118px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);overflow:hidden;position:relative;flex:0 0 auto;transition:transform 220ms var(--tap),filter 220ms var(--tap)}.shot:hover{transform:translateY(-3px)}.shot:active{transform:scale(.99);filter:brightness(.98)}.shot::after{content:"";position:absolute;inset:-30% -20%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.22),transparent 55%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.10),transparent 60%);transform:rotate(-10deg)}.shot__cap{position:absolute;left:10px;right:10px;bottom:10px;font-weight:900;font-size:12px;color:rgba(255,255,255,.92);text-shadow:0 2px 10px rgba(0,0,0,.45)}.about{margin-top:12px;padding-top:10px}.about__title{margin:0;font-size:28px;font-weight:900}.about__text{margin-top:10px;line-height:1.55;color:rgba(241,242,255,.72);font-weight:650}.section--recommended{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.detail-layout{display:block}.detail-layout__main,.detail-layout__side{width:100%}.ripple{position:relative;overflow:hidden}.ripple>.rip{position:absolute;border-radius:999px;transform:scale(0);opacity:.55;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,255,255,.35) 40%,rgba(255,255,255,0) 70%);animation:rip 560ms var(--tap) forwards;pointer-events:none}@keyframes rip{to{transform:scale(1);opacity:0}}.toast{position:fixed;left:50%;bottom:calc(18px + var(--safe-bot));transform:translateX(-50%) translateY(16px);background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.92);padding:10px 12px;border-radius:999px;font-weight:800;font-size:13px;opacity:0;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity 220ms var(--tap),transform 220ms var(--tap);max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}.loading,.error{display:flex;align-items:center;justify-content:center;padding:32px 16px;color:rgba(241,242,255,.58);font-weight:700;font-size:14px}.loading::before{content:'';width:18px;height:18px;border:2px solid rgba(255,255,255,.18);border-top-color:rgba(138,114,255,.8);border-radius:999px;margin-right:10px;animation:spin 800ms linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:rgba(255,100,100,.8)}.sidebar-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity 280ms var(--tap),visibility 280ms var(--tap)}.sidebar-overlay.is-visible{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:210;width:210px;max-width:50vw;background:linear-gradient(180deg,#1a1428 0%,#12101c 100%);transform:translateX(-100%);transition:transform 320ms var(--tap);display:flex;flex-direction:column;overflow:hidden;box-shadow:4px 0 24px rgba(0,0,0,0.4)}.sidebar.is-open{transform:translateX(0)}.sidebar__close{position:absolute;top:calc(12px + var(--safe-top));left:14px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,0.7);display:grid;place-items:center;cursor:pointer;transition:background 180ms var(--tap),transform 180ms var(--tap)}.sidebar__close:hover{background:rgba(255,255,255,0.08)}.sidebar__close:active{transform:scale(0.95);background:rgba(255,255,255,0.12)}.icon--close{width:20px;height:20px;mask-image:url("./images/close.svg");-webkit-mask-image:url("./images/close.svg")}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:calc(60px + var(--safe-top)) 0 calc(20px + var(--safe-bot))}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}.sidebar__list{list-style:none;margin:0;padding:0 10px}.sidebar__list--categories{padding-top:8px}.sidebar__list:not(.sidebar__list--categories) .sidebar__item{font-size:13px}.sidebar__item{display:flex;align-items:center;gap:14px;padding:12px 14px;margin:2px 0;border-radius:14px;color:rgba(255,255,255,0.75);text-decoration:none;font-weight:600;font-size:12px;transition:background 180ms var(--tap),color 180ms var(--tap),transform 180ms var(--tap)}.sidebar__item:hover{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.9)}.sidebar__item:active{transform:scale(0.98);background:rgba(255,255,255,0.08)}.sidebar__item--active{background:linear-gradient(90deg,rgba(93,72,255,0.65) 0%,rgba(93,72,255,0.45) 100%);color:#fff}.sidebar__item--active:hover{background:linear-gradient(90deg,rgba(93,72,255,0.75) 0%,rgba(93,72,255,0.55) 100%);color:#fff}.sidebar__icon{width:22px;height:22px;flex-shrink:0;background:currentColor;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;opacity:0.9}.sidebar__icon--controller{mask-image:url("./images/controller.svg");-webkit-mask-image:url("./images/controller.svg")}.sidebar__icon--new{mask-image:url("./images/new.svg");-webkit-mask-image:url("./images/new.svg")}.sidebar__icon--popular{mask-image:url("./images/popular.svg");-webkit-mask-image:url("./images/popular.svg")}.sidebar__icon--list{mask-image:url("./images/list.svg");-webkit-mask-image:url("./images/list.svg")}.sidebar__icon--action{mask-image:url("./images/action.svg");-webkit-mask-image:url("./images/action.svg")}.sidebar__icon--match3{mask-image:url("./images/match3.svg");-webkit-mask-image:url("./images/match3.svg")}.sidebar__icon--rpg{mask-image:url("./images/rpg.svg");-webkit-mask-image:url("./images/rpg.svg")}.sidebar__icon--midcore{mask-image:url("./images/midcore.svg");-webkit-mask-image:url("./images/midcore.svg")}.sidebar__icon--bubble{mask-image:url("./images/bubble.svg");-webkit-mask-image:url("./images/bubble.svg")}.sidebar__icon--board{mask-image:url("./images/board.svg");-webkit-mask-image:url("./images/board.svg")}.sidebar__icon--twoplayers{mask-image:url("./images/twoplayers.svg");-webkit-mask-image:url("./images/twoplayers.svg")}.sidebar__icon--novels{mask-image:url("./images/novels.svg");-webkit-mask-image:url("./images/novels.svg")}.sidebar__icon--adventure{mask-image:url("./images/adventure.svg");-webkit-mask-image:url("./images/adventure.svg")}.sidebar__icon--economy{mask-image:url("./images/economy.svg");-webkit-mask-image:url("./images/economy.svg")}.sidebar__icon--casual{mask-image:url("./images/casual.svg");-webkit-mask-image:url("./images/casual.svg")}.sidebar__icon--arcade{mask-image:url("./images/arcade.svg");-webkit-mask-image:url("./images/arcade.svg")}.sidebar__icon--babies{mask-image:url("./images/babies.svg");-webkit-mask-image:url("./images/babies.svg")}.sidebar__icon--strategy{mask-image:url("./images/strategy.svg");-webkit-mask-image:url("./images/strategy.svg")}.sidebar__icon--educational{mask-image:url("./images/educational.svg");-webkit-mask-image:url("./images/educational.svg")}.sidebar__icon--card{mask-image:url("./images/card.svg");-webkit-mask-image:url("./images/card.svg")}.sidebar__icon--sports{mask-image:url("./images/sports.svg");-webkit-mask-image:url("./images/sports.svg")}.sidebar__text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__badge{padding:3px 10px;border-radius:999px;background:rgba(138,114,255,0.35);color:rgba(255,255,255,0.95);font-size:12px;font-weight:800}.sidebar__section-title{display:flex;align-items:center;gap:12px;padding:16px 24px 10px;color:rgba(255,255,255,0.55);font-weight:700;font-size:13px;text-transform:capitalize;letter-spacing:0.5px}body.sidebar-open{overflow:hidden}.sidebar__footer{padding:16px 14px calc(20px + var(--safe-bot));border-top:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,transparent,rgba(0,0,0,0.15))}.lang-switcher{position:relative}.lang-switcher__label{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.55);font-weight:700;font-size:12px;margin-bottom:10px;padding:0 4px}.lang-switcher__icon{width:18px;height:18px;background:currentColor;mask-image:url("./images/globe.svg");-webkit-mask-image:url("./images/globe.svg");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;opacity:0.8}.lang-switcher__select{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);border-radius:12px;cursor:pointer;transition:background 180ms var(--tap),border-color 180ms var(--tap)}.lang-switcher__select:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.15)}.lang-switcher.is-open .lang-switcher__select{background:rgba(255,255,255,0.10);border-color:rgba(138,114,255,0.5)}.lang-switcher__current{font-weight:600;font-size:13px;color:rgba(255,255,255,0.9)}.lang-switcher__arrow{width:16px;height:16px;background:currentColor;color:rgba(255,255,255,0.6);mask-image:url("./images/chevron-down.svg");-webkit-mask-image:url("./images/chevron-down.svg");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;transition:transform 200ms var(--tap)}.lang-switcher.is-open .lang-switcher__arrow{transform:rotate(180deg)}.lang-switcher__dropdown{position:absolute;left:0;right:0;bottom:100%;margin-bottom:6px;background:linear-gradient(180deg,#1f1a30 0%,#18142a 100%);border:1px solid rgba(255,255,255,0.12);border-radius:14px;box-shadow:0 -8px 30px rgba(0,0,0,0.35);max-height:280px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 200ms var(--tap),transform 200ms var(--tap),visibility 200ms var(--tap);z-index:10}.lang-switcher__dropdown::-webkit-scrollbar{width:4px}.lang-switcher__dropdown::-webkit-scrollbar-track{background:transparent}.lang-switcher__dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}.lang-switcher.is-open .lang-switcher__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:flex;align-items:center;padding:11px 14px;cursor:pointer;transition:background 150ms var(--tap)}.lang-option:first-child{border-radius:13px 13px 0 0}.lang-option:last-child{border-radius:0 0 13px 13px}.lang-option:hover{background:rgba(255,255,255,0.06)}.lang-option.is-active{background:rgba(138,114,255,0.25)}.lang-option.is-active:hover{background:rgba(138,114,255,0.35)}.lang-option__name{font-weight:600;font-size:13px;color:rgba(255,255,255,0.9)}.lang-option.is-active .lang-option__name{color:#fff}.play-page{position:fixed;inset:0;background:#0c0c12}.play-frame{width:100%;height:100%;border:0;display:block}.play-back{position:fixed;left:14px;top:14px;width:44px;height:44px;border-radius:999px;border:0;padding:0;background:transparent;display:grid;place-items:center;z-index:5}.play-back__icon{width:28px;height:28px;display:block}.play-notice{position:fixed;left:50%;top:18px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.55);color:rgba(255,255,255,.9);font-weight:700;font-size:13px;border:1px solid rgba(255,255,255,.12);z-index:6}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}body::before{transition:none !important}}@media (min-width:768px){.app{padding:16px 24px 32px;max-width:1600px;margin:0 auto}.topbar__title{font-size:26px}.search{max-width:400px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rail{gap:16px}.card--my{width:130px;min-width:130px}.card--my .cover{height:105px}.cover{height:110px}.card--rec .cover{height:100px}.title{font-size:14px;min-height:34px}.section__title{font-size:22px}.content--detail{max-width:720px;margin:0 auto}.hero{padding:20px;border-radius:22px}.hero__top{gap:18px}.hero__cover{width:90px;height:90px;border-radius:20px}.hero__name{font-size:24px}.play{height:56px;font-size:17px}.shots__rail{gap:14px}.shot{width:160px;height:130px;border-radius:16px}.about__title{font-size:26px}.about__text{font-size:15px;line-height:1.65}.section--recommended .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar{width:260px;max-width:260px}.sidebar__item{padding:14px 18px;font-size:14px}.sidebar__list:not(.sidebar__list--categories) .sidebar__item{font-size:15px}}@media (min-width:1024px){.sidebar{transform:translateX(0);width:240px;max-width:240px;box-shadow:none;border-right:1px solid rgba(255,255,255,.08)}.sidebar-overlay{display:none}.sidebar__close{display:none}.sidebar__nav{padding-top:24px}.app{margin-left:240px;padding:20px 32px 40px;max-width:calc(1600px - 240px)}.sticky-header{left:240px;padding:16px 32px 16px}.topbar__row .icon-btn[data-action="menu"],.sticky-header__row .icon-btn[data-action="menu"]{display:none}.topbar__title{font-size:28px}.search{margin-top:16px;max-width:480px;height:48px;border-radius:16px}.search__input{font-size:15px}.content{padding-top:16px}.section{margin-top:24px}.section__title{font-size:24px}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.rail{gap:18px}.card--my{width:145px;min-width:145px}.card--my .cover{height:115px}.cover{height:120px}.card--rec .cover{height:110px}.card__body{padding:10px 12px 12px}.title{font-size:14px;min-height:34px}.hero{padding:20px;border-radius:24px}.hero__cover{width:90px;height:90px;border-radius:20px}.hero__name{font-size:26px}.play{height:58px;font-size:18px;border-radius:20px}.site-footer{margin-top:48px;padding:32px 24px 40px}.site-footer__link{font-size:14px;padding:8px 14px}}@media (min-width:1280px){.sidebar{width:260px;max-width:260px}.app{margin-left:260px;padding:24px 40px 48px;max-width:calc(1700px - 260px)}.sticky-header{left:260px;padding:18px 40px 18px}.search{max-width:520px;height:50px}.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.rail{gap:20px}.card--my{width:155px;min-width:155px}.card--my .cover{height:125px}.cover{height:130px}.card--rec .cover{height:120px}.card__body{padding:12px 14px 14px}.title{font-size:15px;min-height:36px}.section__title{font-size:26px}.detail-layout{grid-template-columns:420px 1fr;gap:40px}.hero__cover{width:140px;height:140px}.hero__name{font-size:26px}.shots__rail{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.shot{height:160px}.section--recommended .grid{grid-template-columns:repeat(6,minmax(0,1fr))}.content--detail{max-width:1200px;margin:0 auto;padding-top:20px}body[data-page="game"] .app{margin-left:0;max-width:1400px;margin:0 auto}body[data-page="game"] .sidebar{display:none}.detail-layout{display:grid;grid-template-columns:380px 1fr;gap:32px;align-items:start}.detail-layout__main{position:sticky;top:24px}.detail-layout__side{min-width:0}.detailbar{padding-top:10px;padding-bottom:16px}.hero{padding:24px;border-radius:24px}.hero__top{flex-direction:column;align-items:center;text-align:center;gap:16px}.hero__cover{width:120px;height:120px;border-radius:24px}.hero__info{width:100%}.hero__name{font-size:24px;justify-content:center;flex-wrap:wrap}.hero__sub{justify-content:center}.hero__stats{margin-top:20px;padding-top:18px;flex-direction:column;gap:12px}.stat{font-size:14px;justify-content:center}.play{margin-top:20px;height:56px;font-size:18px;border-radius:16px}.shots{margin-top:0}.shots__rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;overflow:visible;padding-bottom:0}.shot{width:100%;height:140px;border-radius:16px}.about{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.about__title{font-size:28px}.about__text{font-size:15px;line-height:1.7}.section--recommended{margin-top:40px}.section--recommended .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1536px){.sidebar{width:280px;max-width:280px}.app{margin-left:280px;padding:28px 48px 56px;max-width:calc(1800px - 280px)}.sticky-header{left:280px;padding:20px 48px 20px}.grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:22px}.cover{height:140px}.card--rec .cover{height:130px}.card--my{width:165px;min-width:165px}.card--my .cover{height:135px}body[data-page="game"] .app{max-width:1600px}.content--detail{max-width:1400px}.detail-layout{grid-template-columns:460px 1fr;gap:48px}.hero{padding:28px}.hero__cover{width:160px;height:160px;border-radius:28px}.hero__name{font-size:28px}.play{height:60px;font-size:19px}.shots__rail{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.shot{height:180px;border-radius:18px}.about__title{font-size:32px}.about__text{font-size:16px}.section--recommended .grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width:1920px){.grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px}.cover{height:150px}.card--rec .cover{height:140px}}@media (hover:hover) and (min-width:1024px){.card{cursor:pointer}.card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px rgba(0,0,0,.45);border-color:rgba(138,114,255,.35);z-index:5}.card:hover .cover::after{opacity:1}.sidebar__item{cursor:pointer}.sidebar__item:hover{background:rgba(255,255,255,.08);transform:translateX(4px)}.sidebar__item--active:hover{transform:translateX(0)}.link-btn{cursor:pointer}.link-btn:hover{color:rgba(241,242,255,.95);background:rgba(255,255,255,.10)}.icon-btn{cursor:pointer}.icon-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.15)}.play:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(92,72,255,.35)}.mini-card:hover{transform:scale(1.08);filter:brightness(1.05)}.back:hover{background:rgba(255,255,255,.10)}.shot{cursor:pointer}.shot:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.35)}.site-footer__link{cursor:pointer}.lang-switcher__select{cursor:pointer}.lang-option{cursor:pointer}}.loading-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 16px;color:var(--muted);font-size:14px;opacity:0;transition:opacity 200ms ease}.loading-more.is-visible{opacity:1}.loading-more__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:rgba(122,93,255,.8);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{margin-top:32px;padding:24px 16px calc(20px + var(--safe-bot));text-align:center;border-top:1px solid rgba(255,255,255,0.08)}.site-footer__links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.site-footer__link{color:rgba(241,242,255,0.65);text-decoration:none;font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px;transition:color 180ms var(--tap),background 180ms var(--tap)}.site-footer__link:hover{color:rgba(241,242,255,0.9);background:rgba(255,255,255,0.06)}.site-footer__link:active{background:rgba(255,255,255,0.1)}.site-footer__divider{color:rgba(241,242,255,0.25);font-size:12px}.site-footer__copyright{color:rgba(241,242,255,0.45);font-size:12px;font-weight:500}.content--static{padding-top:10px;padding-bottom:20px}.static-page{max-width:720px;margin:0 auto}.static-page__title{font-size:28px;font-weight:900;margin:0 0 8px;color:var(--text)}.static-page__updated{font-size:13px;color:var(--muted2);margin:0 0 24px;font-weight:600}.static-page__section{margin-bottom:28px}.static-page__section h2{font-size:20px;font-weight:800;margin:0 0 12px;color:var(--text)}.static-page__section h3{font-size:16px;font-weight:700;margin:18px 0 10px;color:rgba(241,242,255,0.9)}.static-page__section p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 12px;font-weight:500}.static-page__section ul{margin:0 0 12px;padding-left:20px}.static-page__section li{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:8px;font-weight:500}.static-page__section li strong{color:rgba(241,242,255,0.9);font-weight:700}.static-page__link{color:rgba(138,114,255,0.9);text-decoration:none;font-weight:600;transition:color 180ms var(--tap)}.static-page__link:hover{color:rgba(158,134,255,1);text-decoration:underline}@media (min-width:768px){.static-page__title{font-size:36px}.static-page__section h2{font-size:24px}.static-page__section p,.static-page__section li{font-size:15px}}@media (min-width:1024px){body[data-page="static"] .app{margin-left:0;max-width:1200px;margin:0 auto}body[data-page="static"] .sidebar{display:none}.static-page{max-width:800px;padding:20px 0}.static-page__title{font-size:40px;margin-bottom:12px}.static-page__updated{font-size:14px;margin-bottom:32px}.static-page__section{margin-bottom:36px}.static-page__section h2{font-size:26px;margin-bottom:16px}.static-page__section h3{font-size:18px;margin:24px 0 14px}.static-page__section p,.static-page__section li{font-size:16px;line-height:1.75}}