:root{--bg-primary:#08080d;--bg-secondary:#0e0e16;--bg-card:#13131d;--bg-card-hover:#1a1a28;--bg-surface:#16162266;--bg-overlay:#08080dd9;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6a6a80;--text-accent:#c8b6ff;--accent-primary:#8b5cf6;--accent-primary-glow:#8b5cf666;--accent-secondary:#06b6d4;--accent-secondary-glow:#06b6d44d;--accent-hot:#f43f5e;--accent-hot-glow:#f43f5e4d;--accent-gold:#f59e0b;--accent-success:#22c55e;--youtube-red:red;--youtube-red-hover:#c00;--gradient-hero:linear-gradient(135deg, #1a0533 0%, #0a0a14 40%, #0d1520 100%);--gradient-card:linear-gradient(145deg, #8b5cf614 0%, #06b6d40a 100%);--gradient-cta:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--gradient-cta-hover:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--gradient-play:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-youtube:linear-gradient(135deg, red 0%, #c00 100%);--font-sans:"Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Inter", "Noto Sans JP", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--border-subtle:1px solid #ffffff0f;--border-card:1px solid #ffffff14;--border-accent:1px solid #8b5cf64d;--shadow-card:0 4px 24px #0006;--shadow-card-hover:0 8px 40px #00000080, 0 0 30px var(--accent-primary-glow);--shadow-glow:0 0 20px var(--accent-primary-glow);--shadow-button:0 4px 16px #8b5cf64d;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--z-header:100;--z-overlay:200;--z-modal:300;--z-sticky-cta:90}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px}.container{width:100%;max-width:1400px;padding:0 var(--space-5);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-10)}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-3);left:var(--space-3);z-index:1000;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);border:var(--border-card);transition:transform var(--duration-fast) var(--ease-out);position:absolute;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.btn-block{width:100%}.deferred-section{content-visibility:auto;contain-intrinsic-size:720px}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.site-header{z-index:var(--z-header);padding:var(--space-4) 0;transition:background var(--duration-base) var(--ease-out), backdrop-filter var(--duration-base) var(--ease-out);position:fixed;top:0;left:0;right:0}.site-header.scrolled{background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border-bottom:var(--border-subtle)}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary), var(--accent-primary));-webkit-text-fill-color:transparent;cursor:pointer;transition:opacity var(--duration-fast);-webkit-background-clip:text;background-clip:text;font-weight:800}.logo:hover{opacity:.85}.logo .dot{-webkit-text-fill-color:var(--accent-primary)}.nav-links{align-items:center;gap:var(--space-6);display:flex}.nav-link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast);font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";background:var(--accent-primary);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav-subscribe-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--youtube-red);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);transition:background var(--duration-fast), transform var(--duration-fast);font-weight:600;display:none}.nav-subscribe-btn:hover{background:var(--youtube-red-hover);transform:scale(1.03)}@media (width>=768px){.nav-subscribe-btn{display:flex}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);white-space:nowrap;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--duration-fast);background:linear-gradient(#ffffff26,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-play{background:var(--gradient-play);color:#fff;box-shadow:0 4px 16px #06b6d44d}.btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06b6d473}.btn-youtube{background:var(--gradient-youtube);color:#fff;box-shadow:0 4px 16px #f003}.btn-youtube:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff000059}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover{background:var(--gradient-cta-hover);transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf666}.btn-ghost{color:var(--text-primary);border:var(--border-subtle);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff26}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--accent-primary);background:#8b5cf626;border:1px solid #8b5cf633;font-weight:600;display:inline-flex}.badge-hot{color:var(--accent-hot);background:#f43f5e26;border-color:#f43f5e33}.badge-new{color:var(--accent-success);background:#22c55e26;border-color:#22c55e33}.badge-experiment{color:var(--accent-gold);background:#f59e0b26;border-color:#f59e0b33}.tag{padding:var(--space-1) var(--space-2);color:var(--text-muted);border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff0d;font-size:.7rem;font-weight:500;display:inline-block}.section-heading{margin-bottom:var(--space-6);padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.section-heading h2{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:700}.section-heading .see-all{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast);font-weight:500}.section-heading .see-all:hover{color:var(--accent-primary)}.hero{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-bg:before{content:"";background:radial-gradient(at 30%,#8b5cf61f 0%,#0000 50%),radial-gradient(at 70% 60%,#06b6d414 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite heroFloat;position:absolute;top:-50%;left:-50%}@keyframes heroFloat{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,-2%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-.5deg)}}.hero-grid{background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#00000080 0%,#0000 70%);mask-image:radial-gradient(#00000080 0%,#0000 70%)}.hero-content{z-index:2;text-align:center;max-width:800px;padding:var(--space-8) var(--space-5);position:relative}.hero-label{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--accent-primary);border-radius:var(--radius-full);background:#8b5cf61a;border:1px solid #8b5cf633;font-weight:500;display:inline-flex}.hero h1{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.03em;margin-bottom:var(--space-6);font-weight:900;line-height:1.15}.hero h1 .highlight{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-10);line-height:1.7}.hero-ctas{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=768px){.hero h1{font-size:var(--text-5xl)}}.featured-section{padding:var(--space-16) 0;position:relative}.featured-card{border-radius:var(--radius-xl);background:var(--bg-card);border:var(--border-card);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.featured-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.featured-visual{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.featured-thumbnail{object-fit:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.featured-gradient{background:linear-gradient(to top, var(--bg-card), transparent);height:60%;position:absolute;bottom:0;left:0;right:0}.featured-info{padding:var(--space-6) var(--space-6) var(--space-8);position:relative}.featured-info .badge{margin-bottom:var(--space-3)}.featured-info h3{font-size:var(--text-2xl);margin-bottom:var(--space-2);font-weight:800}.featured-info .tagline{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6)}.featured-ctas{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=768px){.featured-card{grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.featured-visual{aspect-ratio:auto;height:100%;min-height:400px}.featured-gradient{background:linear-gradient(to left, var(--bg-card), transparent);width:60%;height:auto;inset:0 0 0 auto}.featured-info{padding:var(--space-10)}.featured-info h3{font-size:var(--text-3xl)}}.project-rail-section{padding:var(--space-10) 0}.rail-scroll{gap:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:var(--space-2) var(--space-5) var(--space-6);scrollbar-width:none;cursor:grab;display:flex;overflow-x:auto}.rail-scroll::-webkit-scrollbar{display:none}.rail-scroll:active{cursor:grabbing}.project-card{scroll-snap-align:start;border-radius:var(--radius-lg);background:var(--bg-card);border:var(--border-card);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);cursor:pointer;flex-direction:column;flex:0 0 280px;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-card-hover);border-color:#8b5cf640;transform:translateY(-6px)scale(1.02)}.project-card:focus-visible{border-color:#06b6d499;box-shadow:0 0 0 3px #06b6d433}.card-thumbnail{aspect-ratio:16/10;flex-shrink:0;width:100%;position:relative;overflow:hidden}.card-thumbnail-inner{width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.project-card:hover .card-thumbnail-inner{transform:scale(1.08)}.card-badge{top:var(--space-3);left:var(--space-3);z-index:2;position:absolute}.card-play-overlay{opacity:0;transition:opacity var(--duration-base) var(--ease-out);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .card-play-overlay{opacity:1}.play-icon-circle{background:var(--gradient-play);width:56px;height:56px;transition:transform var(--duration-base) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #06b6d466}.project-card:hover .play-icon-circle{transform:scale(1.1)}.play-icon-circle svg{fill:#fff;width:24px;height:24px;margin-left:3px}.card-info{padding:var(--space-4);flex-direction:column;flex:1;display:flex}.card-content{margin-bottom:var(--space-5)}.card-info h3{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:700;line-height:1.3}.card-tagline{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:3em;line-height:1.5;display:-webkit-box;overflow:hidden}.card-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.card-actions{gap:var(--space-3);margin-top:auto;display:flex}.btn-card{border-radius:var(--radius-sm);height:36px;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out);letter-spacing:.02em;flex:1;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.btn-card-primary{color:var(--accent-secondary);background:#06b6d41a;border:1px solid #06b6d433}.btn-card-primary:hover{background:#06b6d433;border-color:#06b6d466}.btn-card-secondary{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff1a}.btn-card-secondary:hover{background:#ffffff14;border-color:#fff3}.video-card{border-radius:var(--radius-lg);background:var(--bg-card);border:var(--border-card);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);cursor:pointer;flex:0 0 320px;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.video-thumbnail{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-play-btn{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-play-circle{width:64px;height:64px;transition:transform var(--duration-base) var(--ease-spring);background:#ff0000e6;border-radius:50%;justify-content:center;align-items:center;display:flex}.video-card:hover .video-play-circle{transform:scale(1.1)}.video-play-circle svg{fill:#fff;width:28px;height:28px;margin-left:3px}.video-info{padding:var(--space-4)}.video-info h3{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:600}.video-info p{font-size:var(--text-sm);color:var(--text-secondary)}.about-section{padding:var(--space-20) 0;position:relative}.about-grid{gap:var(--space-8);text-align:center;display:grid}@media (width>=768px){.about-grid{text-align:left;grid-template-columns:repeat(3,1fr)}}.about-item{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-card);border:var(--border-card);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.about-item:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.about-icon{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.about-item h3{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.about-item p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.subscribe-section{padding:var(--space-20) 0 var(--space-24);text-align:center;position:relative}.subscribe-section:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ff00000f 0%,#0000 60%);position:absolute;inset:0}.subscribe-content{max-width:600px;margin:0 auto;position:relative}.subscribe-icon{margin-bottom:var(--space-6);font-size:3rem}.subscribe-section h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);letter-spacing:-.02em;font-weight:800}.subscribe-section p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.7}.subscribe-stats{justify-content:center;gap:var(--space-8);margin-top:var(--space-8);display:flex}.stat-item{text-align:center}.stat-number{font-size:var(--text-2xl);color:var(--text-primary);font-weight:800}.stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.site-footer{padding:var(--space-10) 0;border-top:var(--border-subtle);color:var(--text-muted)}.footer-inner{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.footer-logo{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-secondary);font-weight:700}.footer-text{font-size:var(--text-sm);color:var(--text-muted);max-width:500px;line-height:1.6}.footer-links{gap:var(--space-6);display:flex}.footer-link{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--duration-fast)}.footer-link:hover{color:var(--text-primary)}.footer-copy{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-4)}.project-hero{align-items:flex-end;min-height:50vh;display:flex;position:relative;overflow:hidden}.project-hero-bg{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.project-hero-gradient{background:linear-gradient(to top, var(--bg-primary), transparent 40%), linear-gradient(to top, var(--bg-primary) 0%, transparent 100%);position:absolute;inset:0}.project-hero-content{z-index:2;padding:var(--space-16) 0 var(--space-8);width:100%;position:relative}.project-hero-content .badge{margin-bottom:var(--space-3)}.project-hero-content h1{font-size:var(--text-3xl);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:900}.project-hero-content .tagline{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.project-hero-ctas{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=768px){.project-hero-content h1{font-size:var(--text-4xl)}}.game-embed-section{padding:var(--space-12) 0}.game-embed-wrapper{border-radius:var(--radius-xl);background:var(--bg-card);border:var(--border-card);overflow:hidden}.game-embed-placeholder{aspect-ratio:16/9;justify-content:center;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-8);text-align:center;background:var(--project-embed-bg,var(--bg-card));flex-direction:column;display:flex}.game-embed-placeholder .game-icon{font-size:4rem}.game-embed-placeholder h3{font-size:var(--text-xl);font-weight:700}.game-embed-placeholder p{font-size:var(--text-sm);color:var(--text-secondary)}.game-controls{padding:var(--space-4) var(--space-6);border-top:var(--border-subtle);align-items:center;gap:var(--space-3);display:flex}.game-controls .controls-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.game-controls .controls-text{font-size:var(--text-sm);color:var(--text-secondary)}.project-details{padding:var(--space-10) 0}.detail-action{margin-top:var(--space-4)}.details-grid{gap:var(--space-8);display:grid}@media (width>=768px){.details-grid{grid-template-columns:2fr 1fr}}.detail-block{padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-lg);border:var(--border-card)}.detail-block h3{font-size:var(--text-lg);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.detail-block p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.detail-tags{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.related-section{padding:var(--space-16) 0}.related-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.back-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);margin-top:var(--space-24);transition:color var(--duration-fast);font-weight:500;display:inline-flex}.back-link:hover{color:var(--accent-primary)}.thumb-placeholder{justify-content:center;align-items:center;gap:var(--space-2);background:var(--thumb-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.thumb-placeholder:before{content:"";opacity:.6;position:absolute;inset:0}.thumb-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb-title{font-size:var(--text-lg);color:#fff;text-shadow:0 2px 10px #00000080;z-index:2;text-align:center;padding:0 var(--space-4);font-weight:800;font-size:var(--thumb-title-size,var(--text-lg));position:relative}.thumb-genre{font-size:var(--text-xs);color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;z-index:2;font-weight:600;position:relative}.thumb-deco{opacity:.3;z-index:1;border-radius:50%;position:absolute}.thumb-deco-primary{background:radial-gradient(circle, var(--thumb-accent), transparent);width:180px;height:180px;top:-20%;right:-10%}.thumb-deco-secondary{background:radial-gradient(circle, var(--thumb-secondary), transparent);width:120px;height:120px;bottom:-15%;left:-5%}.thumb-placeholder.is-hero .thumb-deco-primary{width:300px;height:300px}.thumb-placeholder.is-hero .thumb-deco-secondary{width:200px;height:200px}.thumb-placeholder.video-thumb .thumb-deco-primary{width:200px;height:200px;top:-30%;right:-10%}.library-hero{padding:calc(80px + var(--space-10)) 0 var(--space-8);text-align:center}.library-hero h1{font-size:var(--text-3xl);margin-bottom:var(--space-3);font-weight:800}.library-hero p{font-size:var(--text-base);color:var(--text-secondary)}.library-filters{gap:var(--space-2);padding:var(--space-4) var(--space-5);scrollbar-width:none;flex-wrap:wrap;justify-content:center;display:flex;overflow-x:auto}.library-filters::-webkit-scrollbar{display:none}.filter-btn{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--duration-fast);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;font-weight:500}.filter-btn:hover{color:var(--text-primary);background:#ffffff1a}.filter-btn.active{color:var(--accent-primary);background:#8b5cf626;border-color:#8b5cf64d}.library-grid{gap:var(--space-5);padding:var(--space-6) 0 var(--space-16);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.library-grid .project-card{flex:none}.floating-cta{z-index:var(--z-sticky-cta);padding:var(--space-3) var(--space-4);background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:var(--border-subtle);display:none;position:fixed;bottom:0;left:0;right:0}.floating-cta-inner{gap:var(--space-2);max-width:600px;margin:0 auto;display:flex}.floating-cta .btn{flex:1}@media (width<=767px){.floating-cta.visible{display:block}}#app{min-height:100vh}.page-enter{animation:pageEnter .4s var(--ease-out) forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.videos-section{padding:var(--space-12) 0}.videos-rail{gap:var(--space-4);padding:var(--space-2) var(--space-5) var(--space-6);scrollbar-width:none;display:flex;overflow-x:auto}.videos-rail::-webkit-scrollbar{display:none}.latest-videos-section{padding:var(--space-12) 0}@media (width<=767px){.hero{min-height:auto;padding:calc(60px + var(--space-8)) var(--space-4) var(--space-6)}.hero h1{font-size:var(--text-3xl);line-height:1.2}.hero-sub{font-size:var(--text-base);margin-bottom:var(--space-6)}.hero-label{font-size:var(--text-xs);margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3)}.hero-label svg{width:12px;height:12px}.hero-ctas{gap:var(--space-3);flex-direction:column;align-items:center}.hero-ctas .btn-lg{width:100%;max-width:300px;padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.hide-mobile{display:none}.site-header{padding:var(--space-3) 0}.header-inner{gap:var(--space-2)}.logo{font-size:var(--text-base)}.nav-links{gap:var(--space-3)}.nav-link{font-size:var(--text-xs)}.featured-section{padding:var(--space-8) 0}.featured-info h3{font-size:var(--text-xl)}.featured-info .tagline{font-size:var(--text-sm)}.featured-ctas .btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.project-card{flex:0 0 240px}.card-info h3{font-size:var(--text-sm)}.card-tagline{font-size:var(--text-xs)}.btn-card{height:32px;font-size:.7rem}.section-heading h2{font-size:var(--text-base)}.section-heading .see-all{font-size:var(--text-xs)}.about-section{padding:var(--space-10) 0}.about-icon,.subscribe-section h2{font-size:var(--text-2xl)}.subscribe-section p{font-size:var(--text-base)}.subscribe-stats{gap:var(--space-4)}.stat-number{font-size:var(--text-lg)}.library-hero{padding:calc(60px + var(--space-8)) 0 var(--space-4)}.library-hero h1{font-size:var(--text-2xl)}.library-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.library-filters{justify-content:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:nowrap}.filter-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.project-hero{min-height:40vh}.project-hero-content h1{font-size:var(--text-2xl)}.project-hero-ctas .btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.back-link{margin-top:calc(60px + var(--space-6))}.game-embed-section{padding:var(--space-6) 0}.detail-block{padding:var(--space-4)}.detail-block h3{font-size:var(--text-base)}.footer-text{font-size:var(--text-xs)}.footer-links{gap:var(--space-4)}.footer-link{font-size:var(--text-xs)}.rail-scroll,.videos-rail{padding:var(--space-2) var(--space-4) var(--space-4);gap:var(--space-3)}.video-card{flex:0 0 260px}.floating-cta{padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.floating-cta .btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.btn{min-height:44px}.btn-sm{min-height:36px}}@media (width<=359px){.hero h1{font-size:1.6rem}.project-card{flex:0 0 200px}.library-grid{grid-template-columns:1fr 1fr}}.btn svg{flex-shrink:0;width:18px;height:18px}.btn-sm svg{width:14px;height:14px}.btn-lg svg{width:22px;height:22px}.nav-subscribe-btn svg{flex-shrink:0;width:20px;height:20px}.library-grid{transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out)}.not-found-page{padding:calc(90px + var(--space-16)) 0 var(--space-20)}.not-found-card{max-width:640px;padding:var(--space-10);text-align:center;background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin:0 auto}.not-found-card h1{font-size:var(--text-3xl);margin:var(--space-4) 0 var(--space-3);font-weight:800}.not-found-message{color:var(--text-secondary);margin-bottom:var(--space-6)}.project-embed-cta{margin-top:var(--space-4)}