.wp-hero{padding:148px 0 60px;position:relative}.wp-hero-tag{display:inline-block;margin-bottom:16px}.wp-hero h1{font-size:clamp(28px,5vw,44px);font-weight:700;letter-spacing:-.02em;max-width:780px;line-height:1.15}.wp-hero-desc{font-size:15px;color:var(--ink-2);max-width:600px;margin-top:16px;line-height:1.75}.wp-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 34px}.home-btn-secondary{background:var(--bg-card-2);color:var(--ink-2);border:1px solid var(--line)}.home-btn-secondary:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.wp-index-label{display:flex;align-items:center;gap:8px;margin-top:6px;margin-bottom:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.wp-index-label i{font-size:10px;opacity:.8}.wp-index{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wp-index-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:16px 18px;text-decoration:none;border:1px solid var(--line);border-radius:10px;background:var(--bg-card-2);color:var(--ink-2);transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.wp-index-card:hover{color:var(--ink);border-color:var(--ink-3);background:#ffd54a0f}.wp-index-card.is-active{color:var(--gold);border-color:var(--gold);background:#ffd54a1a}.wp-index-ic{font-size:12px;color:var(--ink-3);transition:color .2s var(--ease);flex-shrink:0}.wp-index-card:hover .wp-index-ic,.wp-index-card.is-active .wp-index-ic{color:var(--gold)}.wp-index-tx{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;text-align:center}.wp-index-nm{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.wp-index-ct{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);white-space:nowrap}@media (max-width: 900px){.wp-index{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.wp-index{grid-template-columns:1fr}}@media (max-width: 720px){.wp-hero{padding:108px 0 40px}}.wp-stats .score-grid{grid-template-columns:repeat(4,1fr)}@media (max-width: 720px){.wp-stats .score-grid{grid-template-columns:repeat(2,1fr)}.wp-stats .score:last-child{grid-column:auto}}.wp-studios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px}.wp-studios-grid>*,.projects-grid>*,.wp-oss-grid>*,.wp-index>*{min-width:0}.studio-card{background:linear-gradient(165deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.studio-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 32px #ffd54a1a}.studio-card-contribution{font-size:13.5px;color:var(--ink-2);line-height:1.65}.studio-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.studio-link-btn{display:block;min-height:48px;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;line-height:30px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);color:var(--ink-2);background:var(--bg-card-2);text-decoration:none;transition:border-color .2s var(--ease),color .2s var(--ease)}.studio-link-btn i{margin-right:5px}.studio-link-btn:hover{border-color:var(--ink-3);color:var(--ink)}.studio-link-btn--play{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}.studio-link-btn--play:hover{border-color:var(--gold);color:var(--on-gold)}.studio-link-btn--soon{color:var(--hud);border-color:#93b4f859;cursor:default}@media (max-width: 480px){.wp-studios-grid{grid-template-columns:1fr}}.wp-section-hidden{display:none}.game-shelf-hint{margin-left:14px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;color:var(--ink-3);white-space:nowrap}@media (max-width: 560px){.game-shelf-hint{display:none}}.game-shelf-wrap{position:relative}.game-shelf-wrap:before,.game-shelf-wrap:after{content:"";position:absolute;top:0;bottom:14px;width:36px;z-index:3;pointer-events:none}.game-shelf-wrap:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.game-shelf-wrap:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}.game-shelf-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--line) var(--bg-card-2)}.game-shelf-grid:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:10px}.game-shelf-grid::-webkit-scrollbar{height:8px}.game-shelf-grid::-webkit-scrollbar-track{background:var(--bg-card-2);border-radius:999px}.game-shelf-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.game-shelf-grid::-webkit-scrollbar-thumb:hover{background:var(--gold)}.game-card{position:relative;display:block;flex:0 0 auto;width:320px;scroll-snap-align:start;background:linear-gradient(165deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.game-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 12px 40px #ffd54a1f}.game-card--unavailable{cursor:default}.game-card--unavailable:hover{transform:none;border-color:var(--line);box-shadow:none}.game-thumb{aspect-ratio:16 / 9;background:var(--bg-card-2);position:relative;overflow:hidden}.game-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:transform .5s ease-out}.game-card:hover .game-thumb img{transform:scale(1.06)}.game-card--unavailable:hover .game-thumb img{transform:none}.game-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(7,9,26,.55))}.game-thumb:before{content:"";position:absolute;left:0;right:0;top:0;height:22%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,213,74,.22),transparent);transform:translateY(-140%);transition:transform .6s var(--ease)}.game-card:hover .game-thumb:before{transform:translateY(540%)}.game-card--unavailable:hover .game-thumb:before{transform:translateY(-140%)}.game-index{position:absolute;top:8px;left:8px;z-index:3;font-family:var(--font-px);font-size:11px;letter-spacing:.05em;color:var(--gold);background:#07091abf;padding:3px 6px;border-radius:4px}.game-status{position:absolute;top:8px;right:8px;z-index:3;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:#07091abf;color:var(--ink-3)}.game-status--live{color:var(--ok);border-color:#4ade8066}.game-status--soon{color:var(--hud);border-color:#93b4f866}.template-thumb-placeholder{display:grid;place-items:center;height:100%}.template-thumb-placeholder i{font-size:26px;color:var(--ink-3);opacity:.6}.game-info{padding:13px 15px 15px;display:flex;flex-direction:column;gap:4px}.game-name{font-size:15.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:12px}.game-meta span{display:inline-flex;align-items:center;gap:5px}.game-meta i{color:var(--gold);font-size:9px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 560px){.game-card{width:272px}}.projects-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.filter-btn{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);background:var(--bg-card-2);border:1px solid var(--line);border-radius:999px;padding:10px 18px;min-height:48px;display:inline-flex;align-items:center;transition:border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.filter-btn:hover{border-color:var(--ink-3);color:var(--ink)}.filter-btn.active{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{position:relative;display:block;background:linear-gradient(165deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.project-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 12px 40px #ffd54a1f}.project-thumb{aspect-ratio:16 / 9;background:var(--bg-card-2);position:relative;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:transform .5s ease-out}.project-card:hover .project-thumb img{transform:scale(1.06)}.project-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#07091a8c;opacity:0;transition:opacity .2s var(--ease)}.project-card:hover .project-thumb-overlay{opacity:1}.project-play{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--on-gold);font-size:14px;transform:scale(.8);transition:transform .2s var(--ease)}.project-card:hover .project-play{transform:scale(1)}.project-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px}.project-name{font-size:15.5px;font-weight:600;color:var(--ink)}.project-desc{font-size:12.5px;color:var(--ink-2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.project-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px}.load-more-btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--bg-card);border:1px solid var(--line);border-radius:8px;padding:12px 28px;min-height:48px;transition:border-color .2s var(--ease),transform .2s var(--ease)}.load-more-btn:hover{border-color:var(--gold);transform:translateY(-2px)}.load-more-count{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.06em}@media (max-width: 900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.projects-grid{grid-template-columns:1fr}}.wp-oss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.oss-card--detail{border-top:2px solid var(--gold-deep)}.oss-detail-meta{display:flex;flex-wrap:wrap;gap:8px}.oss-meta-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2)}@media (max-width: 480px){.wp-oss-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.wp-index-card,.studio-card,.game-card,.project-card,.home-btn-secondary,.load-more-btn{transition:none}.game-card:hover,.project-card:hover,.studio-card:hover,.home-btn-secondary:hover,.load-more-btn:hover{transform:none}.game-thumb:before{display:none}.project-thumb-overlay,.project-play{transition:none;transform:none}.game-thumb img,.project-thumb img{transition:none}.game-card:hover .game-thumb img,.project-card:hover .project-thumb img{transform:none}}