html.case-open,html.case-open body{overflow:hidden}.game-case{z-index:1002;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.game-case-backdrop{touch-action:none;background:#05050ac7;position:absolute;inset:0}[data-theme=light] .game-case-backdrop{background:#1a1a2e94}.game-case-panel{contain:paint;background:var(--bg-card);border:1px solid var(--glass-border-gold);border-radius:24px;width:min(860px,100%);max-height:min(90vh,940px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000c}.game-case-panel[data-fill]{height:min(90vh,940px)}@keyframes gameCaseFade{0%{opacity:0}}.game-case-scroll{max-height:inherit;overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.game-case-scroll::-webkit-scrollbar{display:none}.game-case-panel>.custom-scrollbar{opacity:.6;width:8px;top:34%;bottom:34%;right:7px}.game-case-panel>.custom-scrollbar .custom-scrollbar-thumb{width:4px;box-shadow:none;left:2px}.game-case-content{min-width:0}.game-case-grip{display:none}@media (width<=640px){.game-case{place-items:end center;padding:0}.game-case-panel{width:100%;max-height:92svh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:22px 22px 0 0}.game-case-panel[data-fill]{height:92svh}.game-case-scroll{touch-action:pan-y}.game-case-grip{z-index:4;width:100%;height:22px;margin-bottom:-22px;display:block;position:sticky;top:0}.game-case-grip:after{content:"";background:#ffffff8c;border-radius:3px;width:44px;height:5px;margin-left:-22px;position:absolute;top:8px;left:50%}.game-case-panel>.custom-scrollbar{display:none}}.game-case .duo{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.game-case-close{float:right;z-index:5;color:#f2f0ea;cursor:pointer;width:38px;height:38px;transition:border-color var(--t-fast), color var(--t-fast), background var(--t-fast);background:#09090f99;border:1px solid #ffffff2e;border-radius:50%;place-items:center;margin:12px 12px -50px 0;display:grid;position:sticky;top:12px}@media (hover:hover){.game-case-close:hover{border-color:var(--gold);color:var(--gold);background:#09090fcc}}.game-case-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.game-case-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.game-case-poster{background:var(--bg-card);border-radius:24px 24px 0 0;height:clamp(190px,30vh,280px);position:relative;overflow:hidden}@media (width<=640px){.game-case-poster{border-radius:22px 22px 0 0;height:clamp(160px,26vh,220px)}}.game-case-art.project-banner{aspect-ratio:auto;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.game-case-poster .project-bg{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.game-case-poster.has-bg .project-banner--logo:after{background:linear-gradient(90deg,#14082ee6 0%,#14082e80 45%,#14082e1f 100%)}.game-case-poster.has-bg .project-logo-img{filter:drop-shadow(0 12px 28px #00000080);max-width:40%;max-height:52%;margin-right:34%}@media (width<=640px){.game-case-poster.has-bg .project-logo-img{max-width:46%;margin-right:30%}}.game-case-heading{gap:.3rem;padding:clamp(.9rem,2.6vw,1.3rem) clamp(1rem,3vw,1.6rem) 0;display:grid}.game-case-heading .project-meta{margin:0}.game-case-heading .project-studio{color:var(--gold)}[data-theme=light] .game-case-heading .project-studio{color:var(--gold-dim)}.game-case-heading .project-studio.is-link{text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:3px;transition:text-decoration-color var(--t-fast)}.game-case-heading .project-studio.is-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}@media (hover:hover){.game-case-heading .project-studio.is-link:hover{text-decoration-color:currentColor}}.game-case-heading .project-role{color:var(--text-muted)}.game-case-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);overflow-wrap:break-word;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;line-height:1.05}.game-case-body{gap:1.1rem;padding:clamp(.8rem,2.4vw,1.1rem) clamp(1rem,3vw,1.6rem) clamp(1.2rem,3vw,1.7rem);display:grid}.game-case-body>*{min-width:0}.game-case-desc{max-width:62ch;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.game-case-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem 1rem;display:flex}.game-case-links .project-links{flex-wrap:nowrap;flex:0 auto;margin:0}.btn-case-study{border-radius:var(--r-pill);font-family:var(--font-display);letter-spacing:.3px;white-space:nowrap;color:var(--gold);border:1px solid var(--glass-border-gold);background:color-mix(in srgb, var(--gold) 8%, transparent);transition:border-color var(--t-fast), background var(--t-fast);align-items:center;gap:.4rem;padding:11px 18px 11px 20px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}[data-theme=light] .btn-case-study{color:var(--gold-dim)}.btn-case-study .duo{width:15px;height:15px;transition:transform var(--t-fast)}.btn-case-study:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (hover:hover){.btn-case-study:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.btn-case-study:hover .duo{transform:translate(3px)}}.game-case-more{border:1px solid var(--glass-border-gold);background:color-mix(in srgb, var(--gold) 5%, transparent);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.2rem;padding:1rem 1.1rem 1rem 1.2rem;display:flex}.game-case-more p{color:var(--text-secondary);flex:260px;font-size:.9rem;line-height:1.5}.game-case-more b{color:var(--text-primary);font-weight:600}@media (width<=480px){.game-case-links .project-links{flex-wrap:wrap}}.game-case-links .btn-store{flex:none}.game-case-links .project-tags{flex-wrap:wrap;gap:6px;margin:0;display:flex}.game-case-links .tag-pill{padding:4px 10px;font-size:.7rem}.game-case-block{border-top:1px solid var(--glass-border);gap:.7rem;padding-top:1rem;display:grid}.game-case-block>*{min-width:0}.game-case-label{font-family:var(--font-display);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);font-size:.72rem;font-weight:600}[data-theme=light] .game-case-label{color:var(--gold-dim)}.game-case-numbers.role-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:8px}.game-case-numbers .role-stat{border-left:3px solid color-mix(in srgb, var(--gold) 55%, transparent);border-radius:12px 14px 14px 12px;grid-template-rows:auto auto;gap:.3rem;padding:.9rem 1rem .95rem}.game-case-numbers .role-viz{display:none}.game-case-numbers .role-stat-value{font-size:clamp(1.5rem,5cqi,1.9rem)}.game-case-numbers .role-stat-label{font-size:.82rem}.game-case-notice{grid-template-columns:minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.game-case-notice.has-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (width<=640px){.game-case-notice.has-scene{grid-template-columns:minmax(0,1fr)}}.game-case-scene{border-radius:14px}.game-case-facts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.game-case-facts li{color:var(--text-secondary);background:color-mix(in srgb, var(--text-primary) 3%, transparent);border:1px solid var(--glass-border);transition:border-color var(--t-fast);border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem .75rem .55rem .55rem;font-size:.88rem;line-height:1.45;display:grid}@media (hover:hover){.game-case-facts li:hover{border-color:var(--glass-border-gold)}}.game-case-facts .sx-practice-ico{width:34px;height:34px}.game-case-chips{flex-wrap:wrap;gap:6px;display:flex}.game-case-chip{border-radius:var(--r-pill);font-family:var(--font-display);color:var(--text-secondary);border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;transition:border-color var(--t-fast), color var(--t-fast), background var(--t-fast);align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.game-case-chip .duo{width:15px;height:15px}@media (hover:hover){.game-case-chip:hover{color:var(--text-primary);border-color:var(--gold-dim)}}.game-case-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.game-case-chip.is-on{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}[data-theme=light] .game-case-chip.is-on{color:var(--gold-dim)}.game-case-example{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:.85rem 1rem}.game-case-example-line{font-size:.95rem;font-weight:500;line-height:1.5}.game-case-points{gap:.25rem;margin:.45rem 0 0 1.1rem;padding:0;display:grid}.game-case-points li{color:var(--text-secondary);font-size:.86rem;line-height:1.5}.game-case-highlight{font-family:var(--font-display);color:var(--gold);justify-self:start;font-weight:700}.game-case-shots{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin:0 calc(-1*clamp(1rem,3vw,1.6rem));padding:4px clamp(1rem,3vw,1.6rem) 6px;display:flex;overflow-x:auto}.game-case-shots::-webkit-scrollbar{display:none}.game-case-shot:first-child{margin-left:auto}.game-case-shot:last-child{margin-right:auto}.game-case-shot{scroll-snap-align:center;cursor:zoom-in;background:0 0;border:0;border-radius:18px;flex:none;padding:0}.game-case-shot:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.game-case-shot img{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:300px;transition:transform .35s var(--ease-out-expo), border-color var(--t-fast);border-radius:18px;display:block;box-shadow:0 14px 30px -18px #000000b3}@media (hover:hover){.game-case-shot:hover img{border-color:var(--glass-border-gold);transform:translateY(-3px)}}@media (width<=640px){.game-case-shot img{height:240px}}.game-case-viewer{z-index:8;cursor:zoom-out;background:#05050af0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;padding:clamp(16px,4vw,40px);animation:.22s both gameCaseFade;display:grid;position:absolute;inset:0}.game-case-viewer-img{object-fit:contain;cursor:default;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%;animation:viewerIn .32s var(--ease-out-expo) both;border-radius:16px;box-shadow:0 30px 80px -30px #000000e6}@keyframes viewerIn{0%{opacity:0;transform:scale(.96)}}.game-case-viewer-close,.game-case-viewer-nav{color:#f2f0ea;cursor:pointer;width:40px;height:40px;transition:border-color var(--t-fast), color var(--t-fast);background:#09090fb3;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid;position:absolute}.game-case-viewer-close{top:12px;right:12px}.game-case-viewer-nav.is-prev{top:50%;left:10px;transform:translateY(-50%)}.game-case-viewer-nav.is-next{top:50%;right:10px;transform:translateY(-50%)}@media (hover:hover){.game-case-viewer-close:hover,.game-case-viewer-nav:hover{border-color:var(--gold);color:var(--gold)}}.game-case-viewer-close:focus-visible,.game-case-viewer-nav:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.game-case-viewer-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.game-case-viewer-nav .duo{width:18px;height:18px}.game-case-viewer-count{border-radius:var(--r-pill);font-family:var(--font-display);color:#f2f0ea;background:#09090fb3;border:1px solid #ffffff24;padding:4px 12px;font-size:.74rem;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media (pointer:coarse){.game-case-close{width:44px;height:44px;margin-bottom:-56px}.game-case-viewer-close,.game-case-viewer-nav{width:44px;height:44px}}[data-reduced-motion=true] .game-case-viewer,[data-reduced-motion=true] .game-case-viewer-img{animation:none!important}