:root{--color-bg:#83ffe7;--color-bg-soft:#a4ffee;--color-primary:#009cff;--color-primary-hover:#007fcf;--color-link:#0074e0;--color-text:#002b50;--color-muted:#5d6b84;--color-surface:#fff;--color-surface-muted:#f0f5fc;--color-danger:#e74c3c;--color-success:#27ae60;--color-warning:#f39c12;--color-accent-pink:#ff6b9d;--color-accent-yellow:#ffd93d;--color-accent-purple:#a66cff;--color-accent-green:#6bcb77;--color-accent-orange:#ff8c32;--radius-card:16px;--radius-pill:999px;--radius-sm:8px;--radius-md:12px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-card:0 6px 14px -2px rgba(93,107,132,.18);--shadow-hover:0 12px 22px -4px rgba(93,107,132,.24);--shadow-sm:0 2px 8px -2px rgba(93,107,132,.14);--shadow-drawer:-10px 0 28px rgba(0,43,80,.14);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--font-size-display:clamp(2rem,4vw,3rem);--font-size-page-title:clamp(1.8rem,3vw,2.35rem);--font-size-section-title:clamp(1.2rem,2vw,1.45rem);--font-size-body:1rem;--font-weight-heading:800;--nav-height:60px;--nav-sidebar-width:240px;--nav-capsule-height:96px;--home-gutter:clamp(var(--space-md),3vw,var(--space-2xl));--transition-fast:150ms ease;--transition-normal:250ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-text);background-color:var(--color-bg);min-height:100vh;font-size:var(--font-size-body);line-height:1.6}body,h1,h2,h3,h4{font-family:var(--font-sans)}h1,h2,h3,h4{font-weight:var(--font-weight-heading);line-height:1.2}button,input,select,textarea{font-size:inherit}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bg-pattern{position:fixed;inset:0;z-index:-1;background-color:var(--color-bg);opacity:.94;background-image:linear-gradient(32deg,transparent 0 58%,rgba(0,156,255,.1) 58% 72%,transparent 72%),linear-gradient(148deg,transparent 0 42%,rgba(0,214,198,.18) 42% 63%,transparent 63%),linear-gradient(214deg,transparent 0 64%,rgb(0 156 255/8%) 64% 79%,transparent 79%);background-size:620px 520px,760px 620px,540px 680px;background-position:0 0,140px -80px,300px 120px}.container{position:relative;z-index:0;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.page-toolbar{margin-bottom:var(--space-lg)}.page-toolbar,.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.pagination{justify-content:center;margin-top:var(--space-2xl)}.pagination-pages{display:flex;align-items:center;gap:var(--space-xs)}.pagination-page{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;color:var(--color-muted);font-size:.85rem;font-weight:700;text-decoration:none}.pagination-page:focus-visible,.pagination-page:hover{background:var(--color-surface-muted);color:var(--color-primary);outline:none;text-decoration:none}.pagination-page.is-active{background:var(--color-primary);color:var(--color-surface)}.pagination-ellipsis{width:24px;color:var(--color-muted);text-align:center}.pagination-current{padding:8px var(--space-md);color:var(--color-muted);font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.state-box-spaced{margin-top:var(--space-2xl)}.state-box-compact{padding:var(--space-xl)}.surface-card{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.narrow-page{max-width:500px;margin:0 auto;padding-top:var(--space-2xl)}.narrow-page-card{padding:var(--space-2xl)}.auth-page{max-width:400px;margin:0 auto;padding:var(--space-2xl) 0}.auth-card{padding:var(--space-2xl)}.auth-title{margin-bottom:var(--space-xs);color:var(--color-text);font-size:1.5rem;font-weight:800;text-align:center}.auth-subtitle{margin-bottom:var(--space-lg);color:var(--color-muted);font-size:.9rem;text-align:center}.auth-alert{margin-bottom:var(--space-md);padding:10px 14px;border-radius:var(--radius-sm);background:#ffeaea;color:var(--color-danger);font-size:.85rem}.form-submit{width:100%;margin-top:var(--space-sm)}.auth-switch{margin-top:var(--space-lg);font-size:.9rem;text-align:center}.text-link-spaced{margin-left:var(--space-xs)}.static-page{max-width:920px;margin:0 auto;padding:var(--space-2xl) var(--space-md) var(--space-3xl,64px)}.static-page-header{max-width:680px;margin-bottom:var(--space-xl)}.static-page-header h1{margin-bottom:var(--space-sm);font-size:var(--font-size-page-title)}.static-page-header p{color:var(--color-muted);line-height:1.7}.static-page h1{margin-bottom:var(--space-lg);font-size:var(--font-size-page-title)}.static-page h2{margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.2rem}.static-page p{color:var(--color-muted);line-height:1.8}.static-page-card{padding:var(--space-xl);border:1px solid hsla(0,0%,100%,.78);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.static-page-stack{display:flex;flex-direction:column;gap:var(--space-lg)}.static-page-action,.static-page-stack-offset{margin-top:var(--space-lg)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.contact-card{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;padding:var(--space-lg);border:1px solid hsla(0,0%,100%,.78);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.contact-card:focus-visible,.contact-card:hover{color:var(--color-text);outline:none;text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.contact-card-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;margin-bottom:var(--space-md);border-radius:14px;background:var(--color-surface-muted);color:var(--color-primary);font-size:1.3rem}.contact-card-title{margin-bottom:var(--space-xs);font-size:1rem;font-weight:800}.contact-card-desc{color:var(--color-muted);font-size:.86rem}.contact-card-action{margin-top:var(--space-md);color:var(--color-primary);font-size:.85rem;font-weight:800}.faq-list{overflow:hidden;border:1px solid var(--color-surface-muted);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.faq-item{border-bottom:1px solid var(--color-surface-muted)}.faq-item:last-child{border-bottom:0}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);color:var(--color-text);cursor:pointer;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--color-primary);font-size:1.4rem;font-weight:400;transition:transform var(--transition-fast)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:focus-visible,.faq-item summary:hover{background:var(--color-surface-muted);outline:none}.faq-answer{padding:0 var(--space-lg) var(--space-lg)}.policy-card{padding:var(--space-xl);border:1px solid hsla(0,0%,100%,.78);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.policy-card h2{margin-top:var(--space-lg)}.policy-card h2:first-child{margin-top:0}.policy-card ol,.policy-card ul{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm);padding-left:var(--space-lg);color:var(--color-muted);line-height:1.7}@media (max-width:640px){.contact-grid{grid-template-columns:1fr}.contact-card,.policy-card,.static-page-card{padding:var(--space-lg)}}.btn,.btn:hover{text-decoration:none}@media (max-width:768px){.locale-main{padding-left:0}.container{padding:0 var(--space-sm)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 24px;border:none;border-radius:var(--radius-pill);font-size:.95rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.96)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,156,255,.4)}.btn-secondary{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:rgba(0,0,0,.05)}.btn-sm{padding:6px 16px;font-size:.85rem}.btn-lg{padding:14px 32px;font-size:1.05rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.pill{display:inline-flex;align-items:center;padding:4px 14px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:500;background:var(--color-surface-muted);color:var(--color-muted);white-space:nowrap;transition:all var(--transition-fast)}.pill-active,.pill:hover{background:var(--color-primary);color:#fff}.game-card{--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg;position:relative;display:flex;flex-direction:column;aspect-ratio:1;overflow:hidden;border:1px solid hsla(0,0%,100%,.78);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.game-card:after{position:absolute;inset:0;z-index:2;pointer-events:none;content:"";background:radial-gradient(160px circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.32),transparent 60%);opacity:0;transition:opacity var(--transition-fast)}@media (hover:hover){.game-card:hover{z-index:2;transform:translateY(-4px) scale(1.03) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:var(--shadow-hover)}.game-card:hover:after{opacity:1}}.game-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.game-card-image{position:relative;z-index:0}.game-card-image,.game-card-video{width:100%;height:100%;object-fit:cover;background:var(--color-surface-muted)}.game-card-video{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.game-card-video.is-active{opacity:1}.game-card-placeholder{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:var(--placeholder-bg,var(--color-surface-muted));color:var(--placeholder-ink,var(--color-text))}.game-card-placeholder:after,.game-card-placeholder:before{position:absolute;content:"";border-radius:50%;opacity:.42;filter:blur(1px)}.game-card-placeholder:before{width:78%;aspect-ratio:1;right:-24%;top:-18%;background:var(--placeholder-highlight,#fff)}.game-card-placeholder:after{width:60%;aspect-ratio:1;left:-25%;bottom:-28%;background:var(--placeholder-shadow,rgba(0,43,80,.24))}.game-card-placeholder-shape{position:absolute;z-index:-1;display:block;width:42%;aspect-ratio:1;border-radius:34% 66% 58% 42%;transform:rotate(24deg);background:hsla(0,0%,100%,.22)}.game-card-placeholder-shape-primary{right:10%;bottom:12%}.game-card-placeholder-shape-secondary{left:7%;top:18%;width:27%;transform:rotate(-28deg);background:rgba(0,43,80,.12)}.game-card-placeholder-icon{position:relative;z-index:1;display:block;font-size:clamp(2rem,5vw,3.4rem);line-height:1;text-shadow:0 4px 0 hsla(0,0%,100%,.32)}.game-card-placeholder-label{position:absolute;right:var(--space-sm);bottom:var(--space-sm);z-index:1;font-size:.62rem;font-weight:800;letter-spacing:.14em;opacity:.72}.game-card[data-placeholder-accent=pink]{--placeholder-bg:linear-gradient(135deg,var(--color-accent-pink),#ffb4c9);--placeholder-ink:#681c43;--placeholder-highlight:#fff4f7}.game-card[data-placeholder-accent=yellow]{--placeholder-bg:linear-gradient(135deg,var(--color-accent-yellow),#ffed91);--placeholder-ink:#684c00;--placeholder-highlight:#fffdf0}.game-card[data-placeholder-accent=purple]{--placeholder-bg:linear-gradient(135deg,var(--color-accent-purple),#d3b9ff);--placeholder-ink:#32166d;--placeholder-highlight:#f8f2ff}.game-card[data-placeholder-accent=green]{--placeholder-bg:linear-gradient(135deg,var(--color-accent-green),#b9e9ae);--placeholder-ink:#1a5a39;--placeholder-highlight:#f4fff1}.game-card[data-placeholder-accent=orange]{--placeholder-bg:linear-gradient(135deg,var(--color-accent-orange),#ffc187);--placeholder-ink:#6a2d08;--placeholder-highlight:#fff7ed}.game-card-title{position:absolute;right:0;bottom:0;left:0;z-index:3;padding:40px var(--space-md) var(--space-sm);background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:.9rem;font-weight:600;opacity:0;transition:opacity var(--transition-normal)}.game-card:focus-visible .game-card-title,.game-card:hover .game-card-title{opacity:1}.game-card[data-placeholder-variant="1"] .game-card-placeholder-icon{transform:translate(-14%,-10%) rotate(-8deg) scale(1.12)}.game-card[data-placeholder-variant="1"] .game-card-placeholder-shape-primary{right:-6%;bottom:-10%;transform:rotate(-18deg)}.game-card[data-placeholder-variant="2"] .game-card-placeholder-icon{transform:translate(14%,8%) rotate(10deg) scale(.92)}.game-card[data-placeholder-variant="2"] .game-card-placeholder-shape-secondary{left:32%;top:-8%;width:36%}.game-card[data-placeholder-variant="3"] .game-card-placeholder-icon{transform:translateY(-18%) scale(1.05)}.game-card[data-placeholder-variant="3"] .game-card-placeholder-shape-primary{right:30%;bottom:32%;width:30%}.game-card[data-placeholder-variant="3"] .game-card-placeholder-label{right:auto;left:var(--space-sm)}.game-card-category{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:3}.game-card-play,.game-card-shine{display:none}@media (prefers-reduced-motion:reduce){.game-card:hover{transform:none}.game-card:after{display:none}}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}@media (min-width:640px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (min-width:1024px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.featured-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.featured-grid .game-card:first-child{grid-row:span 2}@media (min-width:768px){.featured-grid{grid-template-columns:1fr 1fr 1fr}.featured-grid .game-card:first-child{grid-row:span 2;grid-column:span 2}.featured-grid .game-card:nth-child(2),.featured-grid .game-card:nth-child(3){grid-column:3}}.skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 25%,#e8edf5 50%,var(--color-surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-card{aspect-ratio:1;border-radius:var(--radius-card)}.skeleton-text{height:1em;width:80%;margin-top:var(--space-sm)}.skeleton-text-short{width:50%}.skeleton-heading{width:min(260px,60vw);height:2.1rem;border-radius:var(--radius-sm)}.skeleton-subtitle{width:min(220px,48vw);height:1rem;margin-top:var(--space-sm);border-radius:var(--radius-sm)}.skeleton-pill{width:84px;height:32px;border-radius:var(--radius-pill)}.skeleton-pill-short{width:64px}.loading-page .page-header{padding-bottom:var(--space-md)}.loading-toolbar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.search-result-skeleton{display:flex;align-items:center;gap:var(--space-md);min-height:64px;padding:var(--space-sm)}.search-result-skeleton-thumb{flex:0 0 48px;width:48px;height:48px;border-radius:var(--radius-sm)}.search-result-skeleton-copy{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm)}.search-result-skeleton-title{width:66%;height:.9rem}.search-result-skeleton-description{width:88%;height:.72rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-overlay{position:fixed;inset:0;z-index:1000;width:100%;padding:0;border:0;background:rgba(0,43,80,.42);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;background:var(--color-surface);z-index:1001;transition:right var(--transition-normal);overflow-y:auto;box-shadow:var(--shadow-drawer)}.drawer.open{right:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-surface-muted)}.drawer-body{padding:var(--space-lg)}.drawer-kicker{display:block;margin-bottom:var(--space-xs);color:var(--color-primary);font-size:.66rem;font-weight:800;letter-spacing:.16em}.drawer-title{color:var(--color-text);font-size:1.25rem}.drawer-search-input{min-height:52px;background:var(--color-surface-muted)}.search-leading-icon{color:var(--color-primary);font-size:1.35rem;line-height:1}.search-clear-button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--color-muted)}.search-clear-button:focus-visible,.search-clear-button:hover{background:var(--color-surface);color:var(--color-text);outline:none}.drawer-section{margin-top:var(--space-xl)}.drawer-section-label{margin-bottom:var(--space-sm);color:var(--color-muted);font-size:.8rem;font-weight:800;letter-spacing:.04em}.search-result-list{display:flex;flex-direction:column;gap:var(--space-sm)}.search-result-item{display:flex;align-items:center;gap:var(--space-md);min-width:0;padding:var(--space-sm);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast)}.search-result-item:focus-visible,.search-result-item:hover{background:var(--color-surface-muted);outline:none;text-decoration:none;transform:translateX(2px)}.search-result-thumb{display:flex;flex:0 0 52px;width:52px;height:52px;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent-purple),var(--color-primary));color:var(--color-surface);font-size:1.4rem}.search-result-image{width:100%;height:100%;object-fit:cover}.search-result-copy{min-width:0;flex:1 1}.search-result-description,.search-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-title{color:var(--color-text);font-size:.9rem;font-weight:800}.search-result-description{margin-top:3px;color:var(--color-muted);font-size:.78rem}.search-result-arrow{color:var(--color-primary);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.search-result-item:focus-visible .search-result-arrow,.search-result-item:hover .search-result-arrow{opacity:1;transform:translateX(2px)}.search-result-all{justify-content:center;margin-top:var(--space-sm)}.search-empty-state{padding:var(--space-xl) var(--space-md)}body.drawer-open{overflow:hidden}@media (max-width:480px){.drawer{max-width:100%}}@media (prefers-reduced-motion:reduce){.drawer{transition:none}}.nav-loading-shell{position:fixed;top:var(--space-md);left:50%;z-index:100;display:flex;align-items:center;gap:var(--space-sm);width:min(calc(100vw - var(--space-xl)),600px);height:var(--nav-height);padding:6px 8px;transform:translateX(-50%);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-pill);background:hsla(0,0%,100%,.92);box-shadow:var(--shadow-sm)}.nav-loading-logo{width:80px;height:32px;border-radius:var(--radius-pill)}.nav-loading-spacer{flex:1 1}.nav-loading-action{width:40px;height:40px;border-radius:50%}.feedback-page{display:flex;min-height:60vh;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.feedback-code,.feedback-icon{margin-bottom:var(--space-md);color:var(--color-primary);font-size:4rem;font-weight:800;line-height:1}.feedback-title{margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.5rem}.feedback-description{margin-bottom:var(--space-lg);color:var(--color-muted)}.nav-capsule{position:fixed;top:var(--space-md);left:22px;z-index:100;display:grid;grid-template-columns:1fr;width:204px;height:var(--nav-capsule-height);padding:0;overflow:hidden;background:hsla(0,0%,100%,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.86);border-radius:var(--radius-card);box-shadow:var(--shadow-hover)}.nav-logo{display:inline-flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;gap:6px;padding:0 var(--space-sm);font-size:1.35rem;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.nav-logo,.nav-logo:hover{color:var(--color-text);text-decoration:none}.nav-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1.3rem}.nav-logo-mark,.nav-logo-name span{color:var(--color-primary)}.nav-links{display:none}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:0;border-radius:var(--radius-pill);background:transparent;font-size:.85rem;font-weight:600;color:var(--color-muted);transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none;white-space:nowrap}.nav-link:focus-visible,.nav-link:hover{background:var(--color-surface-muted);color:var(--color-text);text-decoration:none;outline:none}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer}.nav-dropdown-chevron{margin-left:5px;color:var(--color-primary);font-size:.9rem;transition:transform var(--transition-fast)}.nav-dropdown-trigger[aria-expanded=true] .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;display:grid;min-width:190px;grid-gap:4px;gap:4px;padding:var(--space-sm);border:1px solid var(--color-surface-muted);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.nav-dropdown-menu.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-dropdown-item{display:block;padding:9px 12px;border-radius:var(--radius-sm);color:var(--color-text);font-size:.85rem;font-weight:600;text-decoration:none}.nav-dropdown-item:focus-visible,.nav-dropdown-item:hover{background:var(--color-surface-muted);color:var(--color-primary);outline:none;text-decoration:none}.nav-dropdown-item-emphasis{margin-top:4px;border-top:1px solid var(--color-surface-muted);border-radius:0;color:var(--color-primary)}.nav-spacer{display:none}.nav-actions{grid-column:1;grid-row:2;flex-direction:row;justify-content:space-evenly;gap:0;border-top:1px solid var(--color-surface-muted)}.nav-actions,.nav-search-btn{display:flex;align-items:center}.nav-search-btn{width:44px;height:48px;border:0;border-radius:0;background:transparent;justify-content:center;color:var(--color-primary);font-size:1.35rem;transition:background var(--transition-fast),color var(--transition-fast)}.nav-search-btn:focus-visible,.nav-search-btn:hover{background:var(--color-surface-muted);color:var(--color-primary-hover);outline:none}.nav-login-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:48px;padding:0;border-radius:0;background:transparent;font-size:1.35rem;text-decoration:none}.nav-login-link,.nav-login-link:hover{box-shadow:none;color:var(--color-accent-pink)}.nav-login-link:hover{background:#fff0f4;transform:none}.nav-login-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav-user-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:48px;border-radius:0;text-decoration:none}.nav-user-link:focus-visible,.nav-user-link:hover{background:var(--color-surface-muted);outline:none}.nav-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--color-primary);color:var(--color-surface);font-size:.8rem;font-weight:800}.nav-menu-toggle{display:none}.release-dialog-backdrop{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:rgba(0,43,80,.38);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.release-dialog{width:min(680px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:var(--space-lg);border:1px solid var(--color-surface-muted);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-hover)}.release-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.release-dialog-kicker{color:var(--color-primary);font-size:.65rem;font-weight:800;letter-spacing:.14em}.release-dialog h2{margin:4px 0 0;color:var(--color-text);font-size:1.2rem}.release-dialog-entry+.release-dialog-entry{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-surface-muted)}.release-dialog-entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--color-text)}.release-dialog-entry-meta time{color:var(--color-muted);font-size:.78rem}.release-dialog-entry ul{margin:8px 0 0;padding-left:20px;color:var(--color-muted);line-height:1.7}.release-dialog-empty,.release-dialog-footnote{color:var(--color-muted);font-size:.85rem}.release-dialog-footnote{margin:var(--space-lg) 0 0;padding-top:var(--space-md);border-top:1px solid var(--color-surface-muted)}.mobile-menu-layer{position:fixed;inset:0;z-index:1100}.mobile-menu-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(0,43,80,.38);opacity:0;animation:menu-backdrop-in var(--transition-normal) forwards}.mobile-menu-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(88vw,360px);height:100%;padding:calc(var(--space-xl) + env(safe-area-inset-top)) var(--space-lg) var(--space-xl);overflow-y:auto;border-radius:var(--radius-card) 0 0 var(--radius-card);background:var(--color-surface);box-shadow:-12px 0 32px rgba(0,43,80,.18);animation:menu-drawer-in var(--transition-normal) forwards}.mobile-menu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-xl)}.mobile-menu-kicker{display:block;margin-bottom:var(--space-xs);color:var(--color-primary);font-size:.68rem;font-weight:800;letter-spacing:.16em}.mobile-menu-header h2{color:var(--color-text);font-size:1.45rem;line-height:1.2}.mobile-menu-links{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-menu-link{display:flex;align-items:center;gap:var(--space-md);min-height:48px;padding:10px var(--space-md);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;font-weight:700;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.mobile-menu-link span{display:inline-flex;width:24px;justify-content:center;color:var(--color-primary);font-size:1.2rem}.mobile-menu-link:focus-visible,.mobile-menu-link:hover{background:var(--color-surface-muted);color:var(--color-primary);outline:none;text-decoration:none;transform:translateX(3px)}.mobile-menu-link-secondary{min-height:40px;color:var(--color-muted);font-size:.9rem}.mobile-menu-divider{width:100%;margin:var(--space-md) 0;border-top:1px solid var(--color-surface-muted)}@keyframes menu-backdrop-in{to{opacity:1}}@keyframes menu-drawer-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}body.mobile-menu-open{overflow:hidden}@media (max-width:768px){.nav-links{display:none}.nav-capsule{top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);width:calc(100vw - var(--space-md));max-width:none;height:var(--nav-height);grid-template-columns:auto 1fr auto;transform:none;border-radius:var(--radius-pill);overflow:visible;padding:6px 8px}.nav-logo{grid-column:1;grid-row:1;padding:0 var(--space-sm);border-right:0;font-size:1.08rem}.nav-actions{grid-column:3;grid-row:1;flex-direction:row;align-items:center;gap:var(--space-xs);border-top:0}.nav-login-link,.nav-search-btn,.nav-user-link{width:40px;height:40px;border-radius:50%}.nav-login-link{display:inline-flex}.nav-menu-toggle{display:flex}}.nav-played-btn{position:relative}.nav-played-count{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.62rem;font-weight:800;pointer-events:none}.nav-played-popover{position:fixed;z-index:300;width:-moz-fit-content;width:fit-content;min-width:240px;max-width:min(400px,calc(100vw - 24px));padding:14px;border:1px solid hsla(0,0%,100%,.88);border-radius:18px;background:hsla(0,0%,100%,.96);box-shadow:0 18px 44px rgba(0,43,80,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:nav-played-in .16s ease both}@keyframes nav-played-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.nav-played-popover-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.nav-played-popover-row::-webkit-scrollbar{display:none}.nav-played-popover-row .game-card{width:104px;flex-shrink:0;border-radius:14px}.nav-played-popover-footer{margin-top:10px;text-align:right}.nav-played-popover-footer a{color:var(--color-link);font-size:.86rem;font-weight:700}.nav-played-popover-empty{padding:8px 4px;color:var(--color-muted);font-size:.88rem;text-align:center}.nav-played-popover-empty p{margin:0 0 6px}.nav-played-popover-empty a{color:var(--color-link);font-weight:700}.section{margin-bottom:var(--space-2xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{color:var(--color-text);font-size:var(--font-size-section-title);font-weight:var(--font-weight-heading);line-height:1.25}.section-link{font-size:.85rem;color:var(--color-muted)}.section-kicker,.section-link:hover{color:var(--color-primary)}.section-kicker{display:block;margin-bottom:var(--space-xs);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}@media (max-width:768px){.section-title{font-size:1.25rem}}.game-play-container--scaled{aspect-ratio:16/10}.game-play-container--scaled.game-play-container--portrait{aspect-ratio:9/16}.game-play-container>.game-scaler{position:absolute;inset:0;overflow:hidden}.game-play-container>.game-scaler .game-scaler-inner{--game-aspect-ratio:auto;position:absolute;top:50%;left:50%;transform-origin:center center}.game-play-container>.game-scaler .game-scaler-inner>iframe{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0}.page-header{padding:calc(var(--nav-height) + var(--space-xl)) 0 var(--space-lg)}.page-title{color:var(--color-text);font-size:var(--font-size-page-title);font-weight:var(--font-weight-heading);letter-spacing:-.025em;line-height:1.15}.page-subtitle{margin-top:var(--space-sm);color:var(--color-muted);font-size:1rem;line-height:1.6}@media (max-width:768px){.page-title{font-size:1.75rem}}.locale-main{min-height:100vh;padding-top:calc(var(--nav-height) + var(--space-lg));padding-left:var(--nav-sidebar-width)}.pill-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.search-page-form{margin-bottom:var(--space-2xl)}.category-results-page .category-search-form{margin:0 0 var(--space-md)}.author-games-page .category-result-toolbar{margin-bottom:var(--space-md)}.search-page-input{max-width:500px}.search-page-label{margin-bottom:var(--space-sm);color:var(--color-muted);font-size:.9rem}.search-input-wrap{position:relative;display:flex;align-items:center;background:var(--color-surface-muted);border-radius:var(--radius-pill);padding:0 var(--space-md);transition:all var(--transition-fast)}.search-input-wrap:focus-within{background:var(--color-surface);box-shadow:0 0 0 2px var(--color-primary)}.search-input{flex:1 1;border:none;background:transparent;padding:12px 8px;font-size:1rem;font-family:inherit;outline:none;color:var(--color-text)}.search-input::placeholder{color:var(--color-muted)}.scroll-x{display:flex;gap:var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-sm);scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex-shrink:0}.scroll-x .game-card{width:140px}@media (min-width:640px){.scroll-x .game-card{width:160px}}.footer{background:var(--color-surface);padding:var(--space-2xl) var(--space-md);margin-top:var(--space-2xl);border-radius:var(--radius-card) var(--radius-card) 0 0}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl)}.footer-column h4{font-size:.9rem;font-weight:600;margin-bottom:var(--space-md)}.footer-brand-link{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text);font-size:1.15rem;font-weight:800;text-decoration:none}.footer-brand-link:hover{color:var(--color-primary);text-decoration:none}.footer-brand-mark{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--color-text);color:var(--color-surface)}.footer-brand p{margin-top:var(--space-sm);color:var(--color-muted);font-size:.86rem}.footer-languages{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg)}.footer-languages a{display:inline-flex;margin:0;padding:6px 10px;border:1px solid var(--color-primary);border-radius:var(--radius-pill);color:var(--color-primary);font-size:.76rem;font-weight:700}.footer-languages a:hover{background:var(--color-primary);color:var(--color-surface)}.footer-column a{display:block;font-size:.85rem;color:var(--color-muted);margin-bottom:var(--space-sm)}.footer-column a:hover{color:var(--color-primary)}.footer-bottom{max-width:1200px;margin:var(--space-xl) auto 0;padding-top:var(--space-md);border-top:1px solid var(--color-surface-muted);font-size:.8rem}.footer-bottom,.state-box{color:var(--color-muted);text-align:center}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl)}.state-box-icon{font-size:3rem;margin-bottom:var(--space-md)}.state-box-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.state-box-desc{font-size:.9rem;max-width:300px}.toast-viewport{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:3000;width:min(360px,calc(100vw - var(--space-xl)));flex-direction:column;pointer-events:none}.toast-item,.toast-viewport{display:flex;gap:var(--space-sm)}.toast-item{align-items:center;min-height:48px;padding:10px var(--space-sm) 10px var(--space-md);border:1px solid hsla(0,0%,100%,.78);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hover);color:var(--color-text);font-size:.9rem;font-weight:700;pointer-events:auto;animation:toast-in var(--transition-normal) both}.toast-indicator{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.toast-item-success .toast-indicator{background:var(--color-success)}.toast-item-error .toast-indicator{background:var(--color-danger)}.toast-message{flex:1 1}.toast-dismiss{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--color-muted);font-size:1.2rem;line-height:1}.toast-dismiss:focus-visible,.toast-dismiss:hover{background:var(--color-surface-muted);color:var(--color-text);outline:none}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.toast-viewport{right:var(--space-sm);bottom:var(--space-sm);width:calc(100vw - var(--space-md))}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.modal{background:var(--color-surface);border-radius:var(--radius-card);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-hover)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-surface-muted)}.modal-body,.modal-header{padding:var(--space-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-surface-muted)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text)}.form-input{width:100%;padding:10px 14px;border:2px solid var(--color-surface-muted);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;transition:border-color var(--transition-fast);color:var(--color-text);background:var(--color-surface)}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-textarea{min-height:100px;resize:vertical}.form-error{font-size:.8rem;color:var(--color-danger);margin-top:var(--space-xs)}