:root{--blue:#3247fa;--blue-dark:#2033d9;--blue-soft:#eef2ff;--cyan:#43e6ff;--lime:#c7ff4a;--violet:#795cff;--ink:#111;--muted:#6b7280;--line:#e8eaf0;--surface:#fff;--discount:#ff3b57;--green:#16a66a;--shadow:0 18px 50px rgba(23,34,87,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.skip-link{position:fixed;top:-60px;left:16px;z-index:400;padding:12px 18px;border-radius:8px;background:var(--ink);color:#fff}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}
.site-header{position:sticky;top:0;z-index:100;height:82px;border-bottom:1px solid rgba(232,234,240,.85);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.header-inner{width:min(var(--max),calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:-.05em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;border-radius:11px;background:var(--blue);font-size:18px;letter-spacing:0;box-shadow:0 8px 20px rgba(50,71,250,.26)}.main-nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:650}.main-nav a{position:relative;padding:30px 0}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--blue);transition:right .2s}.main-nav a:hover:after,.main-nav a:focus-visible:after{right:0}.theme-toggle{margin-left:auto;display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#f5f6f8;font-size:21px;line-height:1;transition:transform .18s,background .18s}.theme-toggle:hover{transform:translateY(-2px);background:var(--blue-soft)}.theme-toggle:focus-visible{outline:3px solid rgba(50,71,250,.3);outline-offset:2px}.header-search{display:flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:10px 13px;color:#333;background:#f5f6f8;font-weight:700}
.hero{overflow:hidden;background:linear-gradient(120deg,#f7fdff 0%,#eef9ff 55%,#f2f5ff 100%)}.hero-inner{width:min(var(--max),calc(100% - 40px));min-height:620px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;padding:74px 0}.eyebrow,.section-kicker{margin:0 0 13px;color:var(--blue);font-size:12px;line-height:1;font-weight:900;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(48px,6vw,76px);line-height:1.05;letter-spacing:-.065em}.hero h1 span{color:var(--blue)}.hero-description{max-width:560px;margin:25px 0 34px;color:#4b5563;font-size:18px;line-height:1.7;letter-spacing:-.02em}.search-form{display:flex;align-items:center;max-width:620px;height:68px;padding:7px 7px 7px 20px;border:2px solid var(--ink);border-radius:17px;background:#fff;box-shadow:var(--shadow);transition:.2s}.search-form:focus-within{border-color:var(--blue);box-shadow:0 18px 46px rgba(50,71,250,.15)}.search-icon{margin-right:11px;font-size:26px;transform:rotate(-20deg)}.search-form input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:17px}.search-form input::placeholder{color:#9ca3af}.search-form button{height:50px;border:0;border-radius:12px;padding:0 25px;color:#fff;background:var(--blue);font-weight:800;transition:.15s}.search-form button:hover{background:var(--blue-dark);transform:translateY(-1px)}.quick-searches{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;color:var(--muted);font-size:13px}.quick-searches>span{margin-right:3px;font-weight:700}.quick-searches button{border:0;padding:5px 7px;color:#52606d;background:transparent}.quick-searches button:hover{color:var(--blue)}.search-status{min-height:22px;margin:12px 0 0;color:var(--blue);font-size:14px;font-weight:700}
.hero-feature{min-width:0}.feature-visual{position:relative;min-height:450px;overflow:hidden;padding:32px;border-radius:32px;background:#172052;color:#fff;box-shadow:0 30px 70px rgba(24,35,89,.2);isolation:isolate}.feature-visual:before{content:"";position:absolute;width:330px;height:330px;top:-100px;right:-100px;border-radius:50%;background:linear-gradient(135deg,#5769ff,#56d1ff);z-index:-2}.feature-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,12,40,.82) 100%);z-index:-1}.feature-kicker{display:inline-flex;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.feature-art{position:relative;height:250px;display:grid;place-items:center}.feature-image-button{position:relative;z-index:1;width:min(100%,390px);padding:0;border:1px solid rgba(255,255,255,.45);border-radius:22px;background:#202b68;box-shadow:0 24px 50px rgba(3,8,38,.38);overflow:hidden;cursor:pointer;transform:rotate(-2deg);transition:transform .2s ease,box-shadow .2s ease}.feature-image-button:not(:disabled):hover{transform:rotate(-2deg) scale(1.025);box-shadow:0 28px 58px rgba(3,8,38,.5)}.feature-image-button:focus-visible{outline:4px solid #8eeaff;outline-offset:4px}.feature-image-button:disabled{cursor:default}.feature-game-image{display:block;width:100%;aspect-ratio:460/215;object-fit:cover}.feature-image-hint{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(7,12,43,.82);color:#fff;font-size:12px;font-weight:800;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.feature-image-button:hover .feature-image-hint,.feature-image-button:focus-visible .feature-image-hint{opacity:1;transform:translateY(0)}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%}.orbit-one{width:210px;height:210px}.orbit-two{width:290px;height:130px;transform:rotate(28deg)}.feature-copy{position:absolute;z-index:2;left:32px;right:32px;bottom:30px;pointer-events:none}.feature-discount{display:inline-block;margin-bottom:10px;color:#9de9ff;font-size:14px;font-weight:900}.feature-copy h2{margin:0 0 7px;font-size:27px;line-height:1.2;letter-spacing:-.035em}.feature-copy p{margin:0;color:rgba(255,255,255,.7);font-size:14px}
.category-strip{border-bottom:1px solid var(--line);background:#fff}.category-inner{width:min(var(--max),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:repeat(5,1fr);padding:25px 0}.category-item{display:flex;align-items:center;justify-content:center;gap:13px;min-width:0;border:0;border-right:1px solid var(--line);background:transparent;text-align:left}.category-item:last-child{border-right:0}.category-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:15px;color:var(--blue);background:var(--blue-soft);font-size:18px;font-weight:900;transition:.2s}.category-item:hover .category-icon,.category-item.active .category-icon{color:#fff;background:var(--blue);transform:translateY(-2px)}.category-item strong,.category-item small{display:block}.category-item strong{margin-bottom:3px;font-size:15px}.category-item small{color:var(--muted);font-size:12px}
.next-sale-section{padding:100px 20px 10px;scroll-margin-top:78px}.next-sale-shell{width:min(var(--max),100%);margin:auto}.sale-event-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center;min-height:360px;padding:52px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#263df2 0%,#24339f 48%,#131a47 100%);box-shadow:0 28px 70px rgba(30,45,156,.25);isolation:isolate}.sale-event-card:before{content:"";position:absolute;width:340px;height:340px;right:-110px;top:-150px;border-radius:50%;background:linear-gradient(135deg,rgba(92,225,255,.65),rgba(115,117,255,.25));z-index:-1}.sale-badge{display:inline-flex;margin-bottom:30px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.sale-kicker{margin:0 0 10px;color:#9cecff;font-size:12px;font-weight:900;letter-spacing:.15em}.sale-event-copy h2{margin:0;font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.055em}.sale-event-copy>p:not(.sale-kicker){max-width:500px;margin:18px 0 28px;color:rgba(255,255,255,.75);line-height:1.65}.sale-date-row{display:flex;align-items:center;gap:12px}.sale-date-row span{color:rgba(255,255,255,.65);font-size:12px}.sale-date-row strong{font-size:15px}.countdown-panel{padding:31px;border:1px solid rgba(255,255,255,.16);border-radius:23px;background:rgba(8,14,54,.42);backdrop-filter:blur(13px)}.countdown-panel>p:first-child{margin:0 0 18px;color:#a6ecff;font-size:14px;font-weight:850}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.countdown-grid div{min-width:0;padding:16px 8px;border-radius:15px;background:rgba(255,255,255,.09);text-align:center}.countdown-grid strong,.countdown-grid span{display:block}.countdown-grid strong{font-variant-numeric:tabular-nums;font-size:clamp(26px,4vw,42px);line-height:1}.countdown-grid span{margin-top:8px;color:rgba(255,255,255,.62);font-size:11px}.sale-local-time{margin:18px 0 0;color:rgba(255,255,255,.7);font-size:12px;text-align:right}.sale-schedule{padding:48px 0 20px}.sale-schedule h3{margin:0;font-size:28px;letter-spacing:-.04em}.official-source{color:var(--blue);font-size:13px;font-weight:800}.sale-schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sale-schedule-item{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.sale-schedule-item span,.sale-schedule-item strong{display:block}.sale-schedule-item span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.08em}.sale-schedule-item strong{margin:9px 0 6px;font-size:17px}.sale-schedule-item small{color:var(--muted);font-size:12px}.sale-disclaimer{margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.content-shell,.search-results{width:min(var(--max),calc(100% - 40px));margin:auto}.search-results{padding:78px 0 24px}.deal-section{padding:92px 0 0;scroll-margin-top:90px}.deal-section:last-child{padding-bottom:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2{margin:0;font-size:clamp(25px,3vw,34px);letter-spacing:-.045em}.section-heading p:not(.section-kicker){margin:9px 0 0;color:var(--muted);line-height:1.55}.section-note{color:var(--muted);font-size:13px}.text-button{border:0;color:var(--muted);background:transparent;font-weight:700}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.game-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;transition:.22s}.game-card:hover{transform:translateY(-6px);border-color:#d8dcff;box-shadow:var(--shadow)}.game-card-button{width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left}.game-image-wrap{position:relative;aspect-ratio:460/215;overflow:hidden;background:#eef0f4}.game-image{width:100%;height:100%;object-fit:cover;transition:transform .35s}.game-card:hover .game-image{transform:scale(1.035)}.discount-badge{position:absolute;left:12px;bottom:12px;border-radius:8px;padding:7px 9px;color:#fff;background:var(--discount);font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(255,59,87,.24)}.game-card-body{padding:17px 17px 16px}.game-title{min-height:44px;margin:0 0 13px;overflow:hidden;font-size:16px;line-height:1.4;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.price-row{min-height:43px;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}.original-price{color:#9ca3af;font-size:12px;text-decoration:line-through}.current-price{font-size:19px;letter-spacing:-.03em}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f0f1f5}.price-signal{overflow:hidden;border-radius:999px;padding:6px 8px;color:var(--blue);background:var(--blue-soft);font-size:11px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}.price-signal.buy{color:#087c4a;background:#e9fbf3}.price-signal.wait{color:#a16300;background:#fff6df}.detail-link{color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.empty-state{grid-column:1/-1;min-height:190px;display:grid;place-items:center;border:1px dashed #ced3df;border-radius:18px;color:var(--muted);background:#fafbfc;text-align:center;line-height:1.7}.skeleton-card{min-height:280px;background:linear-gradient(100deg,#f4f5f7 25%,#fafbfc 38%,#f4f5f7 52%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position-x:-200%}}
.price-guide{padding:100px 20px;background:#101735;color:#fff}.price-guide-inner{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.price-guide h2{margin:0;font-size:clamp(35px,4vw,52px);line-height:1.2;letter-spacing:-.055em}.signal-list{display:grid;gap:13px}.signal-list article{display:flex;gap:15px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06)}.signal-dot{width:11px;height:11px;flex:0 0 auto;margin-top:5px;border-radius:50%}.signal-dot.green{background:#4ee0a0}.signal-dot.blue{background:#7f91ff}.signal-dot.amber{background:#ffc75a}.signal-list p{margin:5px 0 0;color:rgba(255,255,255,.65);font-size:14px;line-height:1.5}
.recommend-section{padding:110px 20px;background:#f5f7ff;scroll-margin-top:80px}.recommend-inner{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.recommend-copy h2{margin:0;font-size:clamp(42px,5vw,64px);letter-spacing:-.06em}.recommend-copy>p:last-child{max-width:390px;color:var(--muted);font-size:17px;line-height:1.75}.recommend-card{padding:35px;border:1px solid #e1e4f5;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.recommend-card fieldset{margin:0 0 27px;padding:0;border:0}.recommend-card legend{margin-bottom:13px;font-size:16px;font-weight:850}.choice-row{display:flex;flex-wrap:wrap;gap:9px}.choice-row input{position:absolute;opacity:0;pointer-events:none}.choice-row span{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#4b5563;background:#fff;font-size:13px;font-weight:700;transition:.16s}.choice-row input:checked+span{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.choice-row input:focus-visible+span{outline:3px solid rgba(50,71,250,.25)}.recommend-submit{width:100%;height:54px;border:0;border-radius:13px;color:#fff;background:var(--blue);font-weight:850}.recommend-result{margin-top:15px}.recommend-result:empty{display:none}.recommend-result article{display:flex;align-items:center;gap:12px;padding:12px;border-radius:13px;background:#f7f8ff}.recommend-result img{width:96px;height:45px;border-radius:7px;object-fit:cover}.recommend-result strong,.recommend-result span{display:block}.recommend-result span{margin-top:4px;color:var(--muted);font-size:12px}
.site-footer{width:min(var(--max),calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;gap:30px;padding:45px 0 55px;color:var(--muted);font-size:12px}.site-footer div{display:flex;flex-direction:column;gap:5px}.site-footer strong{color:var(--ink);font-size:20px}.site-footer span{font-size:10px;letter-spacing:.11em}.site-footer p{max-width:530px;margin:0;line-height:1.6;text-align:right}
.modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(5,9,24,.66);backdrop-filter:blur(8px)}.modal-panel{position:relative;z-index:1;width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));overflow-y:auto;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modal-close{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:rgba(0,0,0,.55);font-size:24px}.modal-hero{position:relative;min-height:270px;display:flex;align-items:end;padding:30px;color:#fff;background-size:cover;background-position:center}.modal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.82))}.modal-hero>div{position:relative;z-index:1}.modal-hero h2{margin:8px 0 0;font-size:32px;letter-spacing:-.04em}.modal-body{padding:28px 30px 32px}.modal-prices{display:flex;align-items:baseline;gap:10px;margin-bottom:22px}.modal-prices strong{font-size:28px}.modal-prices del{color:var(--muted)}.modal-analysis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modal-analysis div{min-height:92px;padding:15px;border-radius:13px;background:#f6f7fa}.modal-analysis span,.modal-analysis strong{display:block}.modal-analysis span{color:var(--muted);font-size:11px}.modal-analysis strong{margin-top:7px;font-size:14px;line-height:1.4}.history-placeholder{margin-top:25px;padding:22px;border:1px dashed #cfd4df;border-radius:14px;color:var(--muted);background:#fbfbfc;font-size:13px;line-height:1.6}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.modal-actions a{display:flex;min-height:50px;align-items:center;justify-content:center;border-radius:11px;padding:12px 14px;text-align:center;font-size:12px;font-weight:850;transition:transform .18s,box-shadow .18s}.modal-actions a:hover{transform:translateY(-2px)}.modal-detail-link{border:1px solid var(--blue);color:#fff;background:var(--blue);box-shadow:0 10px 24px rgba(50,71,250,.2)}.steam-link{border:1px solid var(--ink);color:#fff;background:var(--ink)}
html[data-theme="dark"]{color-scheme:dark;--ink:#f2f5fb;--muted:#a5afc0;--line:#2c3546;--surface:#0d1119;--blue:#7180ff;--blue-dark:#8f9aff;--blue-soft:#202846;--shadow:0 18px 50px rgba(0,0,0,.32)}
html[data-theme="dark"] .site-header{border-bottom-color:rgba(55,65,83,.85);background:rgba(13,17,25,.9)}html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .header-search{color:var(--ink);background:#1a2130}html[data-theme="dark"] .hero{background:linear-gradient(120deg,#111827 0%,#111c2c 55%,#15182a 100%)}html[data-theme="dark"] .hero-description{color:#c0c8d7}html[data-theme="dark"] .search-form{background:#151b27}html[data-theme="dark"] .quick-searches button{color:#b3bdcc}html[data-theme="dark"] .category-strip,html[data-theme="dark"] .game-card,html[data-theme="dark"] .recommend-card,html[data-theme="dark"] .choice-row span,html[data-theme="dark"] .modal-panel,html[data-theme="dark"] .sale-schedule-item{background:#131924}html[data-theme="dark"] .game-image-wrap{background:#202838}html[data-theme="dark"] .card-bottom{border-top-color:#2b3444}html[data-theme="dark"] .empty-state{border-color:#3a4558;background:#121823}html[data-theme="dark"] .skeleton-card{background:linear-gradient(100deg,#151c28 25%,#202938 38%,#151c28 52%);background-size:200% 100%}html[data-theme="dark"] .recommend-section{background:#101521}html[data-theme="dark"] .recommend-card{border-color:#303a4d}html[data-theme="dark"] .choice-row span{color:#c1c8d5}html[data-theme="dark"] .recommend-result article,html[data-theme="dark"] .modal-analysis div{background:#1b2230}html[data-theme="dark"] .history-placeholder{border-color:#3a4558;background:#111721}html[data-theme="dark"] .modal-detail-link,html[data-theme="dark"] .steam-link,html[data-theme="dark"] .skip-link{color:#fff;background:var(--blue)}html[data-theme="dark"] .price-signal.buy{color:#72e2ad;background:#15382b}html[data-theme="dark"] .price-signal.wait{color:#ffd078;background:#3b2c12}

/* Gaming visual refresh */
body{background-image:radial-gradient(circle at 15% 12%,rgba(67,230,255,.06),transparent 25%),radial-gradient(circle at 86% 35%,rgba(121,92,255,.06),transparent 24%)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),transparent);opacity:.55}.brand{position:relative}.brand-mark{clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);border-radius:7px}.brand-live{width:7px;height:7px;margin-left:-4px;border-radius:50%;background:#65e5a5;box-shadow:0 0 0 4px rgba(101,229,165,.13),0 0 14px rgba(101,229,165,.8);animation:live-pulse 1.8s ease-in-out infinite}.theme-toggle,.header-search{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(50,71,250,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(50,71,250,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 50%,transparent 88%);animation:grid-drift 20s linear infinite}.hero:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:-250px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(67,230,255,.22),transparent 68%);filter:blur(8px)}.hero-copy{position:relative}.hero-status{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.hero-status span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(50,71,250,.16);border-radius:999px;padding:7px 10px;color:#536173;background:rgba(255,255,255,.55);backdrop-filter:blur(10px);font-size:10px;font-weight:850;letter-spacing:.08em}.hero-status .live-status{color:#0b8c59}.live-status i,.feature-live i{width:6px;height:6px;border-radius:50%;background:#49e39d;box-shadow:0 0 10px #49e39d;animation:live-pulse 1.8s ease-in-out infinite}.hero .eyebrow{font-size:11px}.hero h1{display:grid;gap:3px;font-weight:950}.hero h1 .hero-line{color:var(--ink)}.hero h1 .hero-accent{width:max-content;max-width:100%;color:transparent;background:linear-gradient(90deg,var(--blue) 0%,var(--violet) 42%,#09a9d0 70%,var(--blue) 100%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;animation:accent-shift 6s ease-in-out infinite}.search-form{position:relative;border-width:1px;border-color:rgba(17,17,17,.8);box-shadow:0 18px 50px rgba(34,48,130,.1),inset 0 0 0 1px rgba(255,255,255,.72)}.search-form:before{content:"";position:absolute;left:18px;right:18px;bottom:-7px;height:7px;background:linear-gradient(90deg,var(--blue),var(--cyan));clip-path:polygon(0 0,100% 0,98% 100%,2% 100%);opacity:0;transform:scaleX(.7);transition:.24s}.search-form:focus-within:before{opacity:1;transform:scaleX(1)}.search-shortcut{display:grid;place-items:center;width:25px;height:25px;margin-right:7px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--blue-soft);font-size:12px;font-weight:900}.search-form button{position:relative;overflow:hidden}.search-form button:after,.recommend-submit:after{content:"";position:absolute;inset:-50% auto -50% -50%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg) translateX(-250%);transition:transform .65s}.search-form button:hover:after,.recommend-submit:hover:after{transform:skewX(-18deg) translateX(650%)}
.feature-visual{border:1px solid rgba(116,153,255,.22);border-radius:24px;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,32px 100%,0 calc(100% - 32px));background:linear-gradient(145deg,#141b49,#0d1231);box-shadow:0 32px 80px rgba(19,29,95,.28),inset 0 0 60px rgba(68,91,255,.08)}.feature-visual:before{animation:orb-drift 8s ease-in-out infinite}.feature-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-live{display:inline-flex;align-items:center;gap:7px;color:#b9c3e4;font-size:9px;font-weight:900;letter-spacing:.13em}.feature-image-button{--tilt-x:0deg;--tilt-y:0deg;border-color:rgba(105,229,255,.55);border-radius:16px;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(-1.5deg);transition:transform .18s ease,box-shadow .25s ease;will-change:transform}.feature-image-button:not(:disabled):hover{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(-1.5deg) scale(1.025);box-shadow:0 28px 64px rgba(0,0,0,.55),0 0 0 1px var(--cyan)}.feature-image-hint{border:1px solid rgba(255,255,255,.2);background:rgba(8,13,42,.88);letter-spacing:.08em}.feature-copy h2{font-weight:900}.feature-discount{position:relative;padding-left:14px}.feature-discount:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:2px;background:var(--lime);box-shadow:0 0 12px var(--lime);transform:translateY(-50%) rotate(45deg)}
.game-ticker{overflow:hidden;border-top:1px solid rgba(83,229,255,.2);border-bottom:1px solid rgba(83,229,255,.2);color:#fff;background:#0b102a}.ticker-track{display:flex;width:max-content;animation:ticker-shift 26s linear infinite}.ticker-track span{padding:12px 28px;font-size:11px;font-weight:900;letter-spacing:.18em;white-space:nowrap}.ticker-track b{margin:0 20px;color:var(--lime);font-weight:900}.category-strip{position:relative}.category-inner{gap:5px}.category-item{position:relative;border-right:0;border-radius:14px;padding:10px 7px;transition:background .2s,transform .2s}.category-item:hover{background:var(--blue-soft);transform:translateY(-2px)}.category-icon{border:1px solid rgba(50,71,250,.12);border-radius:12px}.category-item.active:after{content:"";position:absolute;left:22%;right:22%;bottom:-25px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px rgba(67,230,255,.55)}
.next-sale-section,.deal-section,.price-guide,.recommend-section{position:relative}.sale-event-card{--sale-art:none;--season-accent:#70e5ff;--season-glow:rgba(67,230,255,.3);border:1px solid color-mix(in srgb,var(--season-accent) 58%,transparent);border-radius:23px;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));background-image:linear-gradient(90deg,rgba(5,9,29,.97) 0%,rgba(6,12,36,.9) 39%,rgba(7,13,38,.55) 61%,rgba(6,10,29,.24) 82%,rgba(5,8,25,.44) 100%),linear-gradient(180deg,rgba(7,11,31,.14),rgba(6,10,30,.62)),var(--sale-art),linear-gradient(135deg,#263df2 0%,#202d92 48%,#111637 100%);background-position:center;background-size:cover;box-shadow:0 28px 70px rgba(12,20,66,.34),0 0 42px var(--season-glow);transition:border-color .5s,box-shadow .5s}.sale-event-card[data-season="autumn"]{--season-accent:#ffba52;--season-glow:rgba(255,129,45,.25)}.sale-event-card[data-season="winter"]{--season-accent:#70e5ff;--season-glow:rgba(72,190,255,.28)}.sale-event-card[data-season="spring"]{--season-accent:#9dffbd;--season-glow:rgba(87,229,163,.24)}.sale-event-card[data-season="summer"]{--season-accent:#ffd75f;--season-glow:rgba(51,210,255,.25)}.sale-event-card:before{width:440px;height:440px;right:-170px;top:-210px;z-index:0;background:radial-gradient(circle,var(--season-glow),transparent 68%);animation:season-glow 6s ease-in-out infinite;pointer-events:none}.sale-event-card:after{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.018) 8px);pointer-events:none}.sale-event-copy,.countdown-panel{position:relative;z-index:1}.sale-badge{border-color:color-mix(in srgb,var(--season-accent) 45%,transparent);background:rgba(5,10,30,.24);backdrop-filter:blur(8px)}.sale-kicker,.countdown-panel>p:first-child{color:var(--season-accent)}.countdown-panel{background:rgba(7,13,43,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.countdown-grid div{border:1px solid color-mix(in srgb,var(--season-accent) 18%,transparent);border-radius:11px;background:rgba(255,255,255,.075)}.countdown-grid strong{color:#fff;text-shadow:0 0 20px var(--season-glow)}.sale-schedule-item{position:relative;overflow:hidden;border-radius:14px;transition:transform .2s,border-color .2s,box-shadow .2s}.sale-schedule-item:before{content:"";position:absolute;top:0;left:0;width:46px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.sale-schedule-item:hover{transform:translateY(-4px);border-color:rgba(50,71,250,.4);box-shadow:var(--shadow)}
.deal-section .section-heading{position:relative;padding-left:18px}.deal-section .section-heading:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;background:linear-gradient(var(--cyan),var(--blue));box-shadow:0 0 12px rgba(67,230,255,.38)}.section-heading h2{font-weight:900}.game-grid{perspective:1200px}.game-card{--mx:50%;--my:50%;position:relative;border-radius:15px;box-shadow:0 1px 0 rgba(255,255,255,.65);transform:translateZ(0);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .24s}.game-card:before{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(86,222,255,.16),transparent 48%);opacity:0;pointer-events:none;transition:opacity .2s}.game-card:after{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);opacity:0;pointer-events:none;transition:opacity .2s}.game-card:hover{transform:translateY(-8px) rotateX(1deg);border-color:rgba(71,205,255,.5);box-shadow:0 24px 50px rgba(26,38,107,.16),0 0 0 1px rgba(76,220,255,.08)}.game-card:hover:before,.game-card:hover:after{opacity:1}.game-card-button{position:relative;z-index:1}.discount-badge{border-radius:7px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));letter-spacing:.03em}.detail-link{color:var(--blue);transition:transform .2s}.game-card:hover .detail-link{transform:translateX(3px)}
.price-guide{overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(67,230,255,.12),transparent 25%),linear-gradient(135deg,#0b1028,#121a40)}.price-guide:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}.price-guide-inner{position:relative;z-index:1}.signal-list article{position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.signal-list article:hover{transform:translateX(7px);border-color:rgba(95,229,255,.35)}.signal-list article:after{content:"";position:absolute;right:-40px;top:-40px;width:85px;height:85px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.recommend-section{overflow:hidden}.recommend-section:before{content:"?";position:absolute;right:-30px;top:-120px;color:rgba(50,71,250,.045);font-size:430px;font-weight:950;line-height:1}.recommend-card{position:relative;overflow:hidden;border-radius:18px}.recommend-card:before{content:"PLAYER PREFERENCE LOADOUT";display:block;margin:-8px 0 26px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.14em}.choice-row span{border-radius:10px}.recommend-submit{position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));letter-spacing:.03em;transition:transform .2s,box-shadow .2s}.recommend-submit:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(50,71,250,.25)}.modal-panel{border:1px solid rgba(91,219,255,.28);border-radius:18px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}

/* Game-styled scrollbar for the detail modal */
.modal-panel{scrollbar-width:thin;scrollbar-color:#4f6cff rgba(50,71,250,.08);scrollbar-gutter:stable;overscroll-behavior:contain}
.modal-panel::-webkit-scrollbar{width:10px}
.modal-panel::-webkit-scrollbar-track{border-left:1px solid rgba(50,71,250,.08);background:linear-gradient(180deg,rgba(238,242,255,.72),rgba(245,250,255,.88))}
.modal-panel::-webkit-scrollbar-thumb{min-height:70px;border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#3247fa,#43e6ff) padding-box;box-shadow:0 0 12px rgba(67,230,255,.38)}
.modal-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6172ff,#74efff) padding-box}
.modal-panel::-webkit-scrollbar-button{display:none;width:0;height:0}
.modal-panel::-webkit-scrollbar-corner{background:transparent}
html[data-theme="dark"] .modal-panel{scrollbar-color:#5d79ff rgba(9,14,28,.72)}
html[data-theme="dark"] .modal-panel::-webkit-scrollbar-track{border-left-color:rgba(91,219,255,.12);background:linear-gradient(180deg,#0d1422,#111a2b)}
html[data-theme="dark"] .modal-panel::-webkit-scrollbar-thumb{border-color:#101827}
.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}
html[data-theme="dark"] body{background-image:radial-gradient(circle at 15% 12%,rgba(67,230,255,.05),transparent 25%),radial-gradient(circle at 86% 35%,rgba(121,92,255,.07),transparent 24%)}html[data-theme="dark"] .hero-status span{border-color:rgba(113,128,255,.24);color:#aeb9cc;background:rgba(19,25,36,.62)}html[data-theme="dark"] .hero-status .live-status{color:#70e5ae}html[data-theme="dark"] .search-form{border-color:rgba(130,145,180,.45);box-shadow:0 20px 55px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.035)}html[data-theme="dark"] .search-shortcut{background:#202846}html[data-theme="dark"] .category-item:hover{background:#1d2539}html[data-theme="dark"] .game-card{box-shadow:0 1px 0 rgba(255,255,255,.035)}html[data-theme="dark"] .game-card:hover{box-shadow:0 24px 55px rgba(0,0,0,.4),0 0 0 1px rgba(76,220,255,.08)}
@keyframes live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}@keyframes grid-drift{to{background-position:44px 44px}}@keyframes accent-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes orb-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-22px,18px,0)}}@keyframes season-glow{0%,100%{opacity:.72;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes ticker-shift{to{transform:translateX(-50%)}}
@media(max-width:960px){.main-nav{display:none}.hero-inner{grid-template-columns:1fr;gap:45px;padding:62px 0}.hero-feature{max-width:620px;width:100%}.feature-visual{min-height:390px}.sale-event-card{grid-template-columns:1fr;gap:35px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-guide-inner,.recommend-inner{grid-template-columns:1fr;gap:45px}.recommend-copy>p:last-child{max-width:620px}}
@media(max-width:640px){.site-header{height:68px}.header-inner{width:min(100% - 28px,var(--max))}.brand{font-size:21px}.brand-mark{width:31px;height:31px}.header-search span:last-child{display:none}.hero-inner{width:min(100% - 28px,var(--max));min-height:auto;padding:50px 0}.hero h1{font-size:44px}.hero-description{font-size:16px}.search-form{height:61px;padding-left:15px}.search-form button{height:47px;padding:0 18px}.feature-visual{min-height:360px;padding:25px;border-radius:24px}.feature-copy{left:25px;right:25px;bottom:25px}.category-inner{width:100%;overflow-x:auto;display:flex;padding:18px 14px;scroll-snap-type:x mandatory}.category-item{min-width:180px;justify-content:flex-start;padding:0 18px;scroll-snap-align:start}.next-sale-section{padding:70px 14px 0}.sale-event-card{padding:28px 20px;border-radius:23px}.sale-event-copy h2{font-size:38px}.countdown-panel{padding:20px 12px}.countdown-grid{gap:6px}.countdown-grid div{padding:14px 4px}.countdown-grid strong{font-size:27px}.sale-date-row{align-items:flex-start;flex-direction:column;gap:5px}.sale-schedule-grid{grid-template-columns:1fr}.sale-schedule .section-heading{align-items:flex-start;flex-direction:column}.content-shell,.search-results{width:min(100% - 28px,var(--max))}.deal-section{padding-top:70px}.game-grid{grid-template-columns:1fr;gap:15px}.game-card-button{display:grid;grid-template-columns:145px 1fr}.game-image-wrap{height:100%;min-height:145px;aspect-ratio:auto}.game-title{min-height:auto}.section-heading{align-items:flex-start}.section-note{display:none}.price-guide,.recommend-section{padding:75px 14px}.recommend-card{padding:24px 18px;border-radius:19px}.site-footer{flex-direction:column}.site-footer p{text-align:left}.modal-analysis{grid-template-columns:1fr}.modal-analysis div{min-height:auto}.modal-panel{border-radius:20px}.modal-panel::-webkit-scrollbar{width:7px}.modal-panel::-webkit-scrollbar-thumb{border-width:1px}.modal-hero{min-height:230px;padding:24px}.modal-hero h2{font-size:26px}.modal-body{padding:24px}}
@media(max-width:640px){.hero-status{gap:6px;margin-bottom:18px}.hero-status span{font-size:9px}.hero-status span:nth-child(3){display:none}.search-shortcut{display:none}.feature-live{display:none}.game-ticker .ticker-track span{padding-block:10px;font-size:9px}.ticker-track b{margin-inline:12px}.feature-visual,.sale-event-card,.modal-panel{clip-path:none}.sale-event-card{background-position:69% center}.category-item.active:after{bottom:-18px}.game-card:hover{transform:translateY(-3px)}.recommend-section:before{right:-55px;font-size:280px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Search-friendly editorial and information pages */
.seo-guide{padding:110px 20px;background:linear-gradient(180deg,var(--surface),#f5f8ff)}.guide-shell{width:min(var(--max),100%);margin:auto}.guide-heading{align-items:center}.guide-heading>div>p:last-child{max-width:720px}.guide-more{flex:0 0 auto;color:var(--blue);font-size:13px;font-weight:850}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.editorial-grid article{position:relative;overflow:hidden;min-height:250px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 14px 40px rgba(27,41,105,.06)}.editorial-grid article:after{content:"";position:absolute;right:-35px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(67,230,255,.16),transparent 70%)}.editorial-grid span{color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.12em}.editorial-grid h3{margin:34px 0 13px;font-size:20px;line-height:1.35;letter-spacing:-.035em}.editorial-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.faq-block{display:grid;grid-template-columns:.36fr .64fr;gap:70px;margin-top:70px;padding-top:60px;border-top:1px solid var(--line)}.faq-block h3{margin:0;font-size:32px;letter-spacing:-.045em}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.faq-list summary{position:relative;padding:20px 48px 20px 20px;font-size:15px;font-weight:850;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:20px;top:50%;color:var(--blue);font-size:22px;transform:translateY(-50%)}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 20px 22px;color:var(--muted);font-size:14px;line-height:1.75}.site-footer{display:grid;grid-template-columns:auto 1fr minmax(260px,430px);align-items:start}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 20px;padding-top:5px}.footer-nav a{font-weight:750;transition:color .18s}.footer-nav a:hover{color:var(--blue)}.footer-copy{align-items:flex-end}.footer-copy small{color:var(--muted);font-size:10px;text-align:right}

.info-main{min-height:calc(100vh - 220px);padding:78px 20px 110px;background:linear-gradient(180deg,#f5fbff 0,var(--surface) 340px)}.info-shell{width:min(860px,100%);margin:auto}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:42px;color:var(--muted);font-size:12px}.breadcrumb a:hover{color:var(--blue)}.info-hero{padding-bottom:44px;border-bottom:1px solid var(--line)}.info-hero .section-kicker{margin-bottom:16px}.info-hero h1{margin:0;font-size:clamp(40px,6vw,64px);line-height:1.08;letter-spacing:-.06em}.info-lead{max-width:720px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.75}.info-meta{margin:20px 0 0;color:var(--muted);font-size:12px}.info-article{padding-top:20px}.info-section{padding:44px 0 0}.info-section h2{margin:0 0 17px;font-size:27px;letter-spacing:-.045em}.info-section h3{margin:28px 0 10px;font-size:18px}.info-section p,.info-section li{color:var(--muted);font-size:15px;line-height:1.85}.info-section p{margin:0 0 14px}.info-section ul,.info-section ol{margin:12px 0 0;padding-left:22px}.info-section li+li{margin-top:8px}.info-section a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}.info-callout{margin-top:30px;padding:24px;border:1px solid rgba(50,71,250,.2);border-radius:14px;background:var(--blue-soft)}.info-callout strong{display:block;margin-bottom:8px}.info-callout p{margin:0;color:var(--muted)}.guide-steps{display:grid;gap:14px;margin-top:24px;counter-reset:guide-step}.guide-step{position:relative;padding:25px 25px 25px 76px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.guide-step:before{counter-increment:guide-step;content:counter(guide-step);position:absolute;left:24px;top:24px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--blue);font-weight:900}.guide-step h3{margin:0 0 8px}.guide-step p{margin:0}.policy-table{width:100%;margin-top:18px;border-collapse:collapse;font-size:14px}.policy-table th,.policy-table td{padding:16px;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.65}.policy-table th{width:28%;background:var(--blue-soft)}

html[data-theme="dark"] .seo-guide{background:linear-gradient(180deg,var(--surface),#101623)}html[data-theme="dark"] .editorial-grid article,html[data-theme="dark"] .faq-list details,html[data-theme="dark"] .guide-step{background:#131924}html[data-theme="dark"] .info-main{background:linear-gradient(180deg,#101b29 0,var(--surface) 340px)}html[data-theme="dark"] .policy-table th{background:#202846}

@media(max-width:960px){.editorial-grid{grid-template-columns:1fr}.editorial-grid article{min-height:auto}.faq-block{grid-template-columns:1fr;gap:28px}.site-footer{grid-template-columns:1fr 1fr}.footer-nav{justify-content:flex-end}.footer-copy{grid-column:1/-1;align-items:flex-start}.footer-copy p,.footer-copy small{text-align:left}}
@media(max-width:640px){.seo-guide{padding:75px 14px}.guide-heading{align-items:flex-start}.editorial-grid article{padding:24px}.faq-block{margin-top:50px;padding-top:45px}.site-footer{display:grid;grid-template-columns:1fr;gap:24px}.footer-nav{justify-content:flex-start}.footer-copy{grid-column:auto}.info-main{padding:50px 14px 75px}.breadcrumb{margin-bottom:30px}.info-lead{font-size:16px}.info-section{padding-top:36px}.info-section h2{font-size:24px}.guide-step{padding:22px 20px 22px 68px}.guide-step:before{left:20px;top:21px}.policy-table,.policy-table tbody,.policy-table tr,.policy-table th,.policy-table td{display:block}.policy-table th{width:100%;border-bottom:0}.policy-table tr+tr th{border-top:0}}

/* Gechu-branded Steam review verdicts */
.review-row{min-height:28px;margin:-3px 0 10px}.review-chip,.verdict-legend span{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid currentColor;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950;line-height:1;letter-spacing:-.015em;white-space:nowrap}.review-chip.loading{color:#7b8494;background:#f2f4f8;animation:review-pulse 1.3s ease-in-out infinite}.review-chip.gechu,.verdict-legend .gechu{color:#304800;background:#dfff66}.review-chip.very-positive,.verdict-legend .very-positive{color:#006277;background:#c9f7ff}.review-chip.positive,.verdict-legend .positive{color:#1635c7;background:#e1e7ff}.review-chip.mostly-positive,.verdict-legend .mostly-positive{color:#5730a8;background:#eee5ff}.review-chip.mixed,.verdict-legend .mixed{color:#7a5000;background:#fff0b8}.review-chip.caution,.verdict-legend .caution{color:#974100;background:#ffe0bd}.review-chip.negative,.verdict-legend .negative{color:#b3213d;background:#ffe0e6}.review-chip.scout{color:#5e6674;background:#edf0f4}
.price-guide-description{max-width:500px;margin:22px 0 0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.75}.verdict-legend{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.verdict-legend span{border-color:rgba(255,255,255,.15)}
.gechu-verdict{--verdict-accent:#8a96ab;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;margin:0 0 20px;border:1px solid color-mix(in srgb,var(--verdict-accent) 46%,transparent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--verdict-accent) 13%,#fff),#f7f8fb)}.gechu-verdict.gechu{--verdict-accent:#8bcf00}.gechu-verdict.very-positive{--verdict-accent:#00a5c7}.gechu-verdict.positive{--verdict-accent:#3247fa}.gechu-verdict.mostly-positive{--verdict-accent:#795cff}.gechu-verdict.mixed{--verdict-accent:#cf8b00}.gechu-verdict.caution{--verdict-accent:#e16b00}.gechu-verdict.negative{--verdict-accent:#df3552}.gechu-verdict.scout{--verdict-accent:#7b8494}.verdict-brand,.verdict-source{min-width:0;padding:20px}.verdict-brand{position:relative;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--verdict-accent) 82%,#141a34),#11172e)}.verdict-brand:after{content:"";position:absolute;width:110px;height:110px;right:-45px;top:-55px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.verdict-brand>span,.verdict-source>span{display:block;margin-bottom:9px;font-size:9px;font-weight:950;letter-spacing:.15em}.verdict-brand>span{color:color-mix(in srgb,var(--verdict-accent) 45%,#fff)}.verdict-brand>strong{display:block;font-size:clamp(29px,5vw,42px);line-height:1;letter-spacing:-.06em}.verdict-brand p{margin:12px 0 0;color:rgba(255,255,255,.76);font-size:12px;line-height:1.55}.verdict-source{display:flex;flex-direction:column;justify-content:center}.verdict-source>span{color:var(--muted)}.verdict-source>strong{color:var(--ink);font-size:18px;letter-spacing:-.03em}.verdict-source>small{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}
html[data-theme="dark"] .review-chip.loading{color:#aab3c2;background:#252e3e}html[data-theme="dark"] .gechu-verdict{background:linear-gradient(135deg,color-mix(in srgb,var(--verdict-accent) 10%,#171e2b),#121823)}html[data-theme="dark"] .verdict-source>strong{color:var(--ink)}html[data-theme="dark"] .info-callout{background:#202846}
@keyframes review-pulse{50%{opacity:.52}}
@media(max-width:640px){.review-row{margin-bottom:8px}.review-chip{font-size:9px;padding:5px 7px}.gechu-verdict{grid-template-columns:1fr}.verdict-brand,.verdict-source{padding:18px}.verdict-brand>strong{font-size:34px}.price-guide-description{font-size:14px}}

/* Steam public-review playtime sample */
.playtime-panel{position:relative;overflow:hidden;margin:0 0 20px;padding:20px;border:1px solid rgba(50,71,250,.18);border-radius:16px;background:linear-gradient(135deg,#f5f8ff,#f8fcff)}.playtime-panel:after{content:"";position:absolute;width:150px;height:150px;right:-85px;top:-95px;border:1px solid rgba(50,71,250,.09);border-radius:50%}.playtime-heading{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px}.playtime-heading span{display:block;margin-bottom:7px;color:var(--blue);font-size:9px;font-weight:950;letter-spacing:.15em}.playtime-heading h3{margin:0;font-size:18px;letter-spacing:-.035em}.playtime-heading>strong{color:var(--blue);font-size:32px;line-height:1;letter-spacing:-.055em}.playtime-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.playtime-grid>div{min-width:0;padding:13px;border:1px solid rgba(50,71,250,.09);border-radius:11px;background:rgba(255,255,255,.72)}.playtime-grid span,.playtime-grid strong,.playtime-grid small{display:block}.playtime-grid span{color:var(--muted);font-size:10px}.playtime-grid strong{margin-top:6px;font-size:15px;letter-spacing:-.025em}.playtime-grid small{margin-top:4px;color:var(--muted);font-size:9px}.playtime-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 14px;margin-top:13px;color:var(--muted);font-size:9px}.playtime-note{position:relative;z-index:1;margin:14px 0 0;padding-top:13px;border-top:1px dashed rgba(50,71,250,.18);color:var(--muted);font-size:11px;line-height:1.6}.playtime-panel.unavailable .playtime-heading>strong{color:var(--muted)}
html[data-theme="dark"] .playtime-panel{border-color:rgba(93,116,255,.23);background:linear-gradient(135deg,#171e30,#121b28)}html[data-theme="dark"] .playtime-grid>div{border-color:#2e3950;background:rgba(27,34,48,.88)}
@media(max-width:640px){.playtime-panel{padding:18px}.playtime-heading{align-items:flex-start;flex-direction:column;gap:12px}.playtime-heading>strong{font-size:30px}.playtime-grid{grid-template-columns:1fr}.playtime-grid>div{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px}.playtime-grid>div strong{grid-row:1/3;grid-column:2;margin:0}.playtime-grid>div small{grid-column:1}.playtime-meta{flex-direction:column}}

/* Steam tag profiles and tag-driven picker */
.game-tags,.modal-game-tags,.recommend-result-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.game-tags{min-height:43px;max-height:43px;margin:-3px 0 9px;align-content:flex-start;overflow:hidden}.game-tags span,.modal-game-tags span,.recommend-result-tags span{display:inline-flex;align-items:center;max-width:100%;border:1px solid rgba(50,71,250,.18);border-radius:6px;padding:5px 7px;color:#4050c8;background:#f2f5ff;font-size:9px;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-tags.loading span{height:20px;border:0;background:linear-gradient(100deg,#eef1f7 25%,#f8f9fc 42%,#eef1f7 58%);background-size:200% 100%;animation:shimmer 1.4s infinite}.game-tags.loading span:nth-child(1){width:54px}.game-tags.loading span:nth-child(2){width:67px}.game-tags.loading span:nth-child(3){width:48px}.game-tags.unavailable span{color:var(--muted);background:transparent}.tag-source-note{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.type-choice-row span{padding-inline:12px}.recommend-submit:disabled{cursor:wait;opacity:.72}.recommend-result article{align-items:flex-start}.recommend-result-copy{min-width:0;flex:1}.recommend-result-tags{margin-top:9px}.recommend-result-tags span{color:#5363db;background:#edf1ff}.modal-prices{margin-bottom:12px}.modal-game-tags{gap:7px}.modal-game-tags span{border-radius:8px;padding:7px 9px;color:#263bd3;background:#eef2ff;font-size:10px}.modal-tag-source{margin:8px 0 18px;color:var(--muted);font-size:9px}.gechu-verdict{margin-top:0}
html[data-theme="dark"] .game-tags span,html[data-theme="dark"] .modal-game-tags span,html[data-theme="dark"] .recommend-result-tags span{border-color:rgba(113,128,255,.3);color:#b7c1ff;background:#202a49}html[data-theme="dark"] .game-tags.loading span{border:0;background:linear-gradient(100deg,#202838 25%,#2a3447 42%,#202838 58%);background-size:200% 100%}html[data-theme="dark"] .game-tags.unavailable span{color:var(--muted);background:transparent}
@media(max-width:640px){.game-tags{min-height:39px;max-height:39px}.game-tags span{font-size:8px}.modal-game-tags span{font-size:9px}}

/* Mobile layout hardening */
html,body{max-width:100%;overflow-x:hidden}
.header-inner>*,.hero-inner>*,.sale-event-card>*,.game-card-body,.recommend-inner>*,.site-footer>*{min-width:0}

@media(hover:none){
  .theme-toggle:hover,.category-item:hover,.game-card:hover,.recommend-submit:hover,.search-form button:hover{transform:none}
  .game-card:hover{box-shadow:0 1px 0 rgba(255,255,255,.65)}
  .game-card:hover:before,.game-card:hover:after{opacity:0}
}

@media(max-width:640px){
  .site-header{height:calc(68px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .header-inner{width:100%;gap:10px;padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}
  .brand{min-width:max-content;gap:8px;flex-shrink:1}
  .brand-live{margin-left:-2px}
  .theme-toggle,.header-search{min-width:44px;min-height:44px;padding:0;justify-content:center;touch-action:manipulation}
  .theme-toggle{margin-left:auto}
  .header-search{width:44px}

  .hero-inner,.content-shell,.search-results{width:100%;padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}
  .hero-inner{gap:36px;padding-top:42px;padding-bottom:48px}
  .hero h1{font-size:clamp(38px,11.5vw,48px);line-height:1.02;overflow-wrap:anywhere}
  .hero-description{font-size:15px;line-height:1.75}
  .search-form{width:100%;height:60px;padding:6px 6px 6px 14px;border-radius:15px}
  .search-form input{width:100%;font-size:16px}
  .search-form button{min-width:72px;height:46px;padding:0 16px;touch-action:manipulation}
  .quick-searches{gap:4px 2px;margin-top:13px}
  .quick-searches>span{width:100%;margin-bottom:2px}
  .quick-searches button{min-height:36px;padding:6px 8px;touch-action:manipulation}

  .feature-visual{min-height:340px;padding:22px}
  .feature-art{height:205px}
  .feature-art img{max-width:100%;height:auto}
  .feature-copy{right:22px;bottom:22px;left:22px}
  .feature-copy h2{font-size:clamp(21px,6.6vw,27px);overflow-wrap:anywhere}

  .category-inner{gap:7px;padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left));scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .category-inner::-webkit-scrollbar{display:none}
  .category-item{min-width:158px;min-height:62px;padding:0 12px;scroll-snap-stop:always;touch-action:manipulation}
  .category-item.active:after{bottom:-18px}

  .next-sale-section{padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}
  .sale-event-card{min-height:0;padding:27px 19px;background-position:67% center}
  .sale-event-copy h2{font-size:clamp(31px,9.5vw,40px);overflow-wrap:anywhere}
  .sale-event-copy>p:not(.sale-kicker){margin:15px 0 22px;font-size:14px}
  .countdown-panel{padding:18px 10px}
  .countdown-grid strong{font-size:clamp(24px,7.5vw,30px)}
  .local-time{line-height:1.5;text-align:left}

  .deal-section,.search-results{scroll-margin-top:calc(80px + env(safe-area-inset-top))}
  .section-heading{gap:10px}
  .section-heading h2{font-size:clamp(27px,8vw,34px);overflow-wrap:anywhere}
  .game-card-button{grid-template-columns:132px minmax(0,1fr)}
  .game-image-wrap{min-height:142px}
  .game-card-body{padding:14px 13px}
  .game-title{font-size:15px;overflow-wrap:anywhere}
  .game-tags{min-height:38px;max-height:38px}

  .price-guide,.recommend-section,.seo-guide{padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}
  .recommend-card{padding:24px 17px}
  .choice-row{gap:8px}
  .choice-row label{max-width:100%;touch-action:manipulation}
  .choice-row span{min-height:44px;align-items:center;padding:10px 13px}
  .recommend-submit{min-height:54px;touch-action:manipulation}
  .recommend-result article{gap:10px}

  .modal{align-items:end;padding:0;padding-top:max(12px,env(safe-area-inset-top))}
  .modal-panel{width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0;scrollbar-gutter:auto;padding-bottom:env(safe-area-inset-bottom)}
  .modal-close{top:12px;right:max(12px,env(safe-area-inset-right));width:44px;height:44px;touch-action:manipulation}
  .modal-hero{min-height:220px;padding:22px max(20px,env(safe-area-inset-right)) 22px max(20px,env(safe-area-inset-left))}
  .modal-hero h2{padding-right:40px;font-size:clamp(23px,7vw,28px);overflow-wrap:anywhere}
  .modal-body{padding:22px max(18px,env(safe-area-inset-right)) 28px max(18px,env(safe-area-inset-left))}
  .modal-prices{flex-wrap:wrap}
  .modal-prices strong{font-size:26px}
  .modal-analysis div{min-height:72px}
  .history-placeholder{margin-top:18px;padding:18px}
  .modal-actions{gap:8px}
  .modal-actions a{min-height:50px;padding-inline:9px;touch-action:manipulation}

  .info-main{padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(75px + env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left))}
  .site-footer{padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(34px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left))}
}

@media(max-width:480px){
  .game-card-button{display:block}
  .game-image-wrap{height:auto;min-height:0;aspect-ratio:460/215}
  .game-card-body{padding:16px}
  .game-title{min-height:auto;margin-bottom:10px;font-size:16px}
  .game-tags{min-height:0;max-height:none;margin-bottom:10px}
  .recommend-result article{display:grid;grid-template-columns:82px minmax(0,1fr)}
  .recommend-result img{width:82px;height:48px}
}

@media(max-width:370px){
  .brand{font-size:19px}
  .brand-mark{width:30px;height:30px}
  .brand-live{display:none}
  .theme-toggle,.header-search{min-width:40px;width:40px;min-height:40px}
  .hero h1{font-size:36px}
  .search-form button{min-width:66px;padding:0 13px}
  .feature-visual{min-height:318px;padding:18px}
  .feature-art{height:185px}
  .feature-copy{right:18px;bottom:18px;left:18px}
  .countdown-grid{grid-template-columns:repeat(2,1fr)}
  .countdown-grid strong{font-size:28px}
  .recommend-result article{grid-template-columns:1fr}
  .recommend-result img{width:100%;height:auto;aspect-ratio:460/215}
}

/* Keep the mobile search field fully inside the viewport. */
@media(max-width:640px){
  .hero-copy{width:100%;min-width:0}
  .search-form{width:calc(100% - 4px);max-width:100%;min-width:0;margin-right:2px;margin-left:2px;overflow:visible}
  .search-form:before{right:12px;bottom:0;left:12px;height:3px;border-radius:0 0 12px 12px;clip-path:none}
  .search-icon{flex:0 0 auto;margin-right:8px;font-size:22px}
  .search-form input{width:0;min-width:0;flex:1 1 0;padding-right:6px;text-overflow:ellipsis}
  .search-form button{flex:0 0 auto}
}

@media(max-width:360px){
  .search-form{padding-left:11px}
  .search-icon{margin-right:5px;font-size:20px}
}

/* Three-step, account-free game picker */
.picker-privacy-note{display:grid;gap:5px;max-width:420px;margin-top:26px;padding:16px 18px;border:1px solid rgba(50,71,250,.15);border-radius:14px;background:rgba(255,255,255,.58)}
.picker-privacy-note strong{font-size:13px}
.picker-privacy-note span{color:var(--muted);font-size:11px;line-height:1.55}
.picker-card:before{margin-bottom:18px}
.picker-progress{margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.picker-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}
.picker-progress>div:first-child span{color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.08em}
.picker-progress>div:first-child strong{font-size:14px}
.picker-progress-track{height:6px;margin-top:13px;overflow:hidden;border-radius:999px;background:#ebedf6}
.picker-progress-track span{display:block;width:33.333%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .28s ease}
.picker-progress>p{margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.picker-step{animation:picker-step-in .24s ease both}
@keyframes picker-step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.recommend-card fieldset legend small{margin-left:5px;color:var(--muted);font-size:10px;font-weight:650}
.picker-help,.picker-limit-message{min-height:16px;margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.picker-limit-message{color:var(--discount);font-weight:750}
.weekly-promo{padding:92px 20px;background:linear-gradient(135deg,#0d143b,#151f63);color:#fff}.weekly-promo-inner{width:min(var(--max),100%);margin:0 auto;display:grid;grid-template-columns:1fr .8fr;gap:45px;align-items:center}.weekly-promo h2{margin:9px 0 18px;font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.06em}.weekly-promo p:not(.section-kicker){max-width:610px;margin:0;color:rgba(255,255,255,.67);font-size:14px;line-height:1.8}.weekly-promo a{display:inline-flex;min-height:48px;align-items:center;margin-top:28px;border-radius:10px;padding:0 17px;color:#07142e;background:var(--cyan);font-size:12px;font-weight:900}.weekly-promo-panel{position:relative;overflow:hidden;min-height:290px;padding:35px;border:1px solid rgba(104,222,255,.35);border-radius:20px;background:linear-gradient(145deg,rgba(67,230,255,.12),rgba(93,73,255,.15));clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}.weekly-promo-panel:after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,#5368ff,#3ee8ff);opacity:.48;box-shadow:0 0 0 48px rgba(93,105,255,.08)}.weekly-promo-panel span,.weekly-promo-panel strong,.weekly-promo-panel i{position:relative;z-index:1;display:block}.weekly-promo-panel span{color:#7feaff;font-size:10px;font-weight:900;letter-spacing:.14em}.weekly-promo-panel strong{margin-top:42px;font-size:25px;line-height:1.45;letter-spacing:-.035em}.weekly-promo-panel i{margin-top:28px;color:var(--lime);font-size:9px;font-style:normal;font-weight:900;letter-spacing:.14em}html[data-theme="dark"] .weekly-promo{background:linear-gradient(135deg,#090f29,#12194b)}@media(max-width:820px){.weekly-promo{padding:70px 20px}.weekly-promo-inner{grid-template-columns:1fr}.weekly-promo-panel{min-height:250px}}@media(max-width:520px){.weekly-promo{padding-inline:14px}.weekly-promo h2{font-size:38px}.weekly-promo-panel{padding:28px}.weekly-promo-panel strong{font-size:21px}}
.picker-sub-question{margin:-10px 0 27px!important;padding:17px!important;border:1px dashed rgba(50,71,250,.25)!important;border-radius:13px!important;background:var(--blue-soft)}
.picker-split-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.picker-multi-row span,.picker-avoid-row span{position:relative;padding-left:30px}
.picker-multi-row span:before,.picker-avoid-row span:before{content:"+";position:absolute;left:11px;top:50%;font-size:15px;line-height:1;transform:translateY(-52%)}
.picker-multi-row input:checked+span:before,.picker-avoid-row input:checked+span:before{content:"✓"}
.liked-game-search{display:flex;gap:8px}
.liked-game-search input{min-width:0;flex:1;height:46px;border:1px solid var(--line);border-radius:11px;padding:0 13px;color:var(--ink);background:var(--surface);outline:0}
.liked-game-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(50,71,250,.12)}
.liked-game-search button{flex:0 0 auto;border:0;border-radius:11px;padding:0 17px;color:#fff;background:var(--ink);font-weight:800}
.liked-game-suggestions{display:grid;gap:5px;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 16px 35px rgba(20,31,81,.11)}
.liked-game-suggestions p{margin:7px;color:var(--muted);font-size:12px}
.liked-game-suggestions button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;padding:7px;background:transparent;color:var(--ink);text-align:left}
.liked-game-suggestions button:hover{background:var(--blue-soft)}
.liked-game-suggestions img{width:86px;aspect-ratio:460/215;border-radius:6px;object-fit:cover}
.liked-game-suggestions span{min-width:0;overflow:hidden;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.liked-game-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.liked-game-empty{margin:0;color:var(--muted);font-size:11px}
.liked-game-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid rgba(50,71,250,.2);border-radius:999px;padding:7px 8px 7px 12px;color:var(--blue);background:var(--blue-soft);font-size:11px;font-weight:800}
.liked-game-chip button{display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:50%;color:var(--blue);background:rgba(50,71,250,.1);font-size:16px;line-height:1}
.picker-data-note{display:grid;gap:5px;margin-top:8px;padding:17px;border:1px solid rgba(22,166,106,.22);border-radius:13px;background:rgba(22,166,106,.06)}
.picker-data-note strong{font-size:12px}
.picker-data-note span{color:var(--muted);font-size:10px;line-height:1.6}
.picker-nav{display:flex;gap:9px;margin-top:8px}
.picker-nav button{min-height:52px;border-radius:12px;font-weight:850}
.picker-back{flex:0 0 92px;border:1px solid var(--line);color:var(--ink);background:var(--surface)}
.picker-next{flex:1;border:0;color:#fff;background:var(--blue)}
.picker-nav .recommend-submit{flex:1;width:auto}
.picker-loading{display:grid;place-items:center;gap:7px;margin-top:18px;padding:30px;border:1px solid var(--line);border-radius:14px;text-align:center;background:#f8f9ff}
.picker-loading>span{width:34px;height:34px;border:3px solid rgba(50,71,250,.15);border-top-color:var(--blue);border-radius:50%;animation:picker-spin .8s linear infinite}
.picker-loading strong{font-size:14px}
.picker-loading small{color:var(--muted);font-size:10px}
@keyframes picker-spin{to{transform:rotate(360deg)}}
.picker-result-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:30px 0 12px}
.picker-result-heading span{display:block;margin-bottom:5px;color:var(--blue);font-size:9px;font-weight:950;letter-spacing:.13em}
.picker-result-heading h3{margin:0;font-size:22px;letter-spacing:-.04em}
.picker-result-heading button{border:0;padding:7px 0;color:var(--blue);background:transparent;font-size:11px;font-weight:800}
.picker-results-grid{display:grid;gap:12px}
.recommend-result .picker-result-card{display:block;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:opacity .2s,border-color .2s}
.recommend-result .picker-result-card:first-child{border-color:rgba(50,71,250,.5);box-shadow:0 14px 35px rgba(50,71,250,.1)}
.picker-result-card.is-disliked{opacity:.58}
.picker-result-rank{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;color:#fff;background:linear-gradient(90deg,#172052,#202d82)}
.picker-result-rank span{font-size:10px;font-weight:950;letter-spacing:.08em}
.picker-result-rank strong{font-size:11px}
.picker-result-main{display:grid;grid-template-columns:150px minmax(0,1fr);gap:13px;width:100%;border:0;padding:14px;color:var(--ink);background:transparent;text-align:left}
.picker-result-main img{width:150px;height:70px;border-radius:9px;object-fit:cover}
.picker-result-main h4{margin:1px 0 5px;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.picker-result-main p{margin:0;color:var(--muted);font-size:11px}
.picker-result-main .recommend-result-tags{margin-top:8px}
.picker-result-verdict{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 14px 12px}
.picker-result-verdict>span:last-child{color:var(--muted);font-size:10px;font-weight:750}
.picker-result-card ul{display:grid;gap:6px;margin:0;padding:14px 28px;border-top:1px solid var(--line);background:#fafbff}
.picker-result-card li{color:#465065;font-size:11px;line-height:1.55}
.picker-caution{margin:0;padding:11px 14px;color:var(--muted);font-size:9px;line-height:1.55}
.picker-feedback{display:flex;align-items:center;gap:6px;padding:0 14px 14px}
.picker-feedback>span{margin:0 auto 0 0;color:var(--muted);font-size:10px}
.picker-feedback button{border:1px solid var(--line);border-radius:8px;padding:7px 9px;color:var(--muted);background:var(--surface);font-size:10px;font-weight:750}
.picker-feedback button[aria-pressed="true"]{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}
.picker-feedback-note{margin:10px 0 0;color:var(--muted);font-size:9px;text-align:center}
.picker-empty-back{margin-top:14px;border:0;border-radius:9px;padding:10px 14px;color:#fff;background:var(--blue);font-weight:800}

html[data-theme="dark"] .picker-privacy-note,html[data-theme="dark"] .picker-loading{border-color:#303a4d;background:rgba(24,31,45,.72)}
html[data-theme="dark"] .picker-progress-track{background:#293144}
html[data-theme="dark"] .picker-sub-question{background:#202846}
html[data-theme="dark"] .liked-game-suggestions,html[data-theme="dark"] .liked-game-search input,html[data-theme="dark"] .picker-back,html[data-theme="dark"] .recommend-result .picker-result-card,html[data-theme="dark"] .picker-feedback button{background:#151c28}
html[data-theme="dark"] .picker-result-card ul{background:#171f2d}
html[data-theme="dark"] .picker-result-card li{color:#c2cada}
html[data-theme="dark"] .picker-data-note{background:rgba(77,224,157,.07)}

@media(max-width:640px){
  .picker-privacy-note{margin-top:20px}
  .picker-card{overflow:visible}
  .picker-progress{position:sticky;top:calc(68px + env(safe-area-inset-top));z-index:5;margin-right:-17px;margin-left:-17px;padding:14px 17px 17px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px)}
  .picker-split-fields{grid-template-columns:1fr;gap:0}
  .picker-nav{position:sticky;bottom:0;z-index:6;margin:10px -17px -24px;padding:12px 17px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px)}
  .picker-result-heading{align-items:flex-start;flex-direction:column}
  .picker-result-main{grid-template-columns:112px minmax(0,1fr);padding:12px}
  .picker-result-main img{width:112px;height:64px}
  .picker-result-main h4{font-size:15px}
  .picker-result-card ul{padding-right:25px;padding-left:25px}
  .liked-game-search input{font-size:16px}
}

@media(max-width:390px){
  .picker-result-main{grid-template-columns:1fr}
  .picker-result-main img{width:100%;height:auto;aspect-ratio:460/215}
  .picker-feedback{align-items:flex-start;flex-wrap:wrap}
  .picker-feedback>span{width:100%;margin-bottom:2px}
}

/* Crawlable game-detail links */
.feature-image-button[aria-disabled="true"]{cursor:default;pointer-events:none}
