.accordion-gallery{--ag-accent: #ffffff;--ag-overlay: #060010;--ag-text: #ffffff;--ag-gap: 10px;--ag-radius: 16px;--ag-media-size: 320px;display:flex;flex-direction:row;gap:var(--ag-gap);width:100%;max-width:100%;perspective:1400px;perspective-origin:50% 50%}.accordion-gallery--vertical{flex-direction:column}.ag-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border-radius:var(--ag-radius);cursor:pointer;display:block;text-decoration:none;outline:none;transform-style:preserve-3d;transform-origin:center center;background:#0a0713;box-shadow:0 10px 30px -18px #000c;will-change:transform;-webkit-tap-highlight-color:transparent}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent),0 10px 30px -18px #000c}.ag-panel__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.ag-panel__media{--ag-gray: 1;--ag-dim: .35;position:absolute;top:50%;left:50%;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform,filter}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:blur(var(--ag-blur, 0px));transition:filter .45s ease}.ag-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--ag-overlay) 78%,transparent) 100%),color-mix(in srgb,var(--ag-overlay) calc(var(--ag-dim, .35) * 100%),transparent)}.ag-panel__label{position:absolute;left:20px;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;pointer-events:none;z-index:2}.ag-panel__bar{flex:0 0 auto;width:3px;height:26px;border-radius:3px;background:var(--ag-accent);opacity:0;box-shadow:0 0 12px color-mix(in srgb,var(--ag-accent) 60%,transparent)}.ag-panel__text{color:var(--ag-text);font-family:inherit;font-weight:600;font-size:clamp(1rem,1.4vw,1.4rem);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px rgba(0,0,0,.55)}.ag-panel__play{position:absolute;top:50%;left:50%;z-index:3;display:grid;place-items:center;width:68px;height:48px;border-radius:13px;background:#16120f47;border:1px solid rgba(255,255,255,.32);color:#fff;cursor:pointer;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);box-shadow:0 12px 34px -14px #000000b3,inset 0 1px #ffffff2e;transition:transform .32s cubic-bezier(.2,.8,.2,1),background .25s ease,border-color .25s ease,box-shadow .3s ease}.ag-panel__play svg{width:22px;height:22px;margin-left:3px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.ag-panel__play:hover{transform:translate(-50%,-50%) scale(1.14);background:#221c166b;border-color:#fff9;box-shadow:0 0 22px #ffffff73,0 0 46px #ffffff47,0 0 74px #ffffff26,inset 0 1px #ffffff4d}.ag-panel:has(.ag-panel__play:hover) .ag-panel__media{--ag-blur: 9px}@media (max-width: 520px){.accordion-gallery{flex-direction:column;perspective:none;height:auto!important}.ag-panel{min-height:84px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media (prefers-reduced-motion: reduce){.ag-panel,.ag-panel__media{will-change:auto}}.media-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:5vh 4vw;background:#0c0a0880;-webkit-backdrop-filter:blur(26px) saturate(115%) brightness(.85);backdrop-filter:blur(26px) saturate(115%) brightness(.85);animation:mm-fade .32s ease both}.media-modal__film{position:relative;width:min(1120px,94vw);max-height:90vh;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#16120f,#0c0a08);border:1px solid rgba(236,226,208,.14);box-shadow:0 50px 120px -40px #000000eb,0 0 0 1px #0000008c,0 0 100px -34px #d9a45f66;animation:mm-pop .44s cubic-bezier(.16,1,.3,1) both}.media-modal__rail{flex:none;height:30px;background-color:#d7d3cb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='30'%3E%3Crect x='7' y='7' width='20' height='16' rx='4' fill='%230a0806'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;box-shadow:inset 0 0 10px #00000059}.media-modal__stage{position:relative;background:#000;line-height:0;display:grid;place-items:center;min-height:0}.media-modal__video{display:block;width:100%;max-height:64vh;background:#000;outline:none}.media-modal__film.is-portrait{width:min(calc((88vh - 128px)*.5504),86vw);max-height:92vh}.media-modal__film.is-portrait .media-modal__video{width:100%;height:auto;max-height:calc(88vh - 128px)}.media-modal__caption{flex:none;display:flex;align-items:center;gap:12px;padding:13px 18px;background:linear-gradient(180deg,#1a1613,#100d0b);border-top:1px solid rgba(236,226,208,.1)}.media-modal__dot{width:8px;height:8px;flex:none;border-radius:50%;background:#d9a45f;box-shadow:0 0 12px #d9a45fe6;animation:mm-blink 1.6s ease-in-out infinite}.media-modal__label{color:#ece3d3;font-size:15px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-modal__spacer{flex:1}.media-modal__hint{font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.22em;color:#a89d8b}.media-modal__close{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(236,226,208,.16);background:#ece2d00d;color:#ece3d3;font-size:13px;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.media-modal__close:hover{background:#d9a45f;border-color:#d9a45f;color:#100d0b;transform:rotate(90deg)}@keyframes mm-fade{0%{opacity:0}to{opacity:1}}@keyframes mm-pop{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mm-blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 640px){.media-modal{padding:3vh 3vw}.media-modal__rail{height:22px}.media-modal__video{max-height:56vh}.media-modal__film.is-portrait{width:min(calc((94vh - 112px)*.5504),88vw)}.media-modal__film.is-portrait .media-modal__video{max-height:calc(94vh - 112px)}.media-modal__hint{display:none}}@media (prefers-reduced-motion: reduce){.media-modal,.media-modal__film,.media-modal__dot{animation:none}}.aurora-container{width:100%;height:100%}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}:root{--bg: #171412;--bg-soft: #14110e;--bg-card: #1f1b17;--border: rgba(236, 226, 208, .08);--border-strong: rgba(236, 226, 208, .16);--text: #ece3d3;--text-dim: #a89d8b;--text-faint: #6f6659;--accent: #d9a45f;--accent-soft: rgba(217, 164, 95, .13);--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:radial-gradient(1100px 760px at 50% -8%,rgba(210,205,198,.1),transparent 62%),linear-gradient(180deg,#c2b3a4,#171412 45%,#100d0b);background-attachment:fixed;color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}::selection{background:var(--accent);color:#1a1410}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{max-width:1700px;margin:0 auto;padding:0 64px}section{position:relative;padding:150px 0}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:.02em;border:1px solid transparent;cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-primary{background:var(--text);color:#1a1410}.btn-primary:hover{background:var(--accent);transform:translateY(-2px)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:#fff0dc08}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.section-head{position:relative;--rule: 1;display:flex;align-items:baseline;gap:22px;margin-bottom:72px}.section-head:after{content:"";position:absolute;left:0;right:0;bottom:-30px;height:1px;background:linear-gradient(90deg,var(--border-strong) 0%,rgba(236,227,211,.07) 55%,transparent 100%);transform:scaleX(var(--rule, 1));transform-origin:left center}.section-index{font-family:var(--font-mono);font-size:14px;color:var(--accent)}.section-head h2{font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:.01em}.section-en{margin-left:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.32em;color:var(--text-faint);text-transform:uppercase}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease;border-bottom:1px solid transparent}.navbar.is-scrolled{background:#100d0bb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:76px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:.04em}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav-links{display:flex;align-items:center;gap:38px}.nav-links a{display:inline-flex;align-items:baseline;gap:7px;font-size:14px;color:var(--text-dim);transition:color .2s ease}.nav-links a:hover{color:var(--text)}.nav-index{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.navbar-right{display:flex;align-items:center;gap:16px}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:1px solid var(--border-strong);border-radius:10px;cursor:pointer}.nav-toggle span{display:block;width:18px;height:1.5px;margin:0 auto;background:var(--text);transition:transform .25s ease}.nav-toggle.is-open span:first-child{transform:translateY(3.25px) rotate(45deg)}.nav-toggle.is-open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.hero{padding:108px 0 20px}.hero-rows{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.hero-row{position:relative;height:32%;overflow:hidden}.hero-marquee-track{display:flex;width:max-content;height:100%;align-items:center;will-change:transform}.hero-marquee-track.is-rtl{animation:hero-marquee-rtl 60s linear infinite}.hero-marquee-track.is-ltr{animation:hero-marquee-ltr 72s linear infinite}.hero-marquee-group{display:flex;align-items:center;gap:26px;padding-right:26px;height:100%}.hero-box{position:relative;flex:none;width:clamp(360px,26vw,520px);height:100%;border-radius:16px;border:1px solid var(--border);background:#14110e;overflow:hidden}.hero-box video,.hero-box img{width:100%;height:100%;object-fit:cover}.hero-box img{animation:kenburns 18s ease-in-out infinite alternate}.hero-box-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#100d0b14 40%,#100d0bc7)}.hero-box figcaption{position:absolute;left:18px;right:18px;bottom:14px;display:flex;flex-direction:column;gap:5px}.hero-box-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--accent)}.hero-box-index{color:var(--text-faint)}.hero-box-title{font-size:17px;font-weight:500;color:var(--text)}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#100d0b80,#100d0b80 36%,#100d0b0f,#100d0b2e),linear-gradient(180deg,#100d0b8c,#100d0b1f 48%,#100d0b00)}@keyframes hero-marquee-rtl{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hero-marquee-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.12)}}.hero-content{position:relative;z-index:2;padding-top:90px}.hero-eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.34em;color:var(--accent);margin-bottom:28px}.hero-stage{position:relative}.hero-card{position:relative;height:clamp(560px,78vh,780px);overflow:hidden;background:#14110e}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-gradient canvas{display:block;width:100%!important;height:100%!important}.hero-rows--card{z-index:1;opacity:.42;pointer-events:none}.hero-rows--card .hero-box{border-color:transparent;background:transparent}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#100d0b8c,#100d0b00 28%),linear-gradient(0deg,#100d0b99,#100d0b00 36%)}.hero-card-top{position:absolute;top:46px;left:52px;right:52px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.hero-brand-name{display:block;font-size:clamp(22px,1.9vw,30px);font-weight:600;letter-spacing:.02em;color:#fff}.hero-brand-sub{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:#ffffff8c}.hero-pill{flex:none;padding:13px 24px;border-radius:999px;font-size:14px;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease,transform .3s ease}.hero-pill:hover{background:#ffffff38;border-color:#ffffff57;transform:translateY(-1px)}.hero-title{position:absolute;left:52px;bottom:52px;z-index:2;max-width:60%;font-size:clamp(40px,5.2vw,84px);font-weight:700;line-height:1.05;letter-spacing:-.01em;color:#fff}.hero-title .mask-line{padding-bottom:.06em;margin-bottom:0}.hero-links{position:absolute;right:52px;bottom:52px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:14px;margin:0;padding:0;list-style:none}.hero-links a{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--text-dim);transition:color .25s ease}.hero-links a:hover{color:#fff}.hero-links .arrow{font-size:12px;opacity:.75}.hero-sub{max-width:560px;margin-top:34px;font-size:17px;color:var(--text-dim)}.hero-actions{display:flex;gap:16px;margin-top:44px}.hero-scroll{position:absolute;left:64px;bottom:42px;z-index:2;display:flex;align-items:center;gap:16px}.hero-scroll-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;color:var(--text-faint)}.hero-scroll-line{position:relative;width:1px;height:54px;background:var(--border-strong);overflow:hidden}.hero-scroll-line:after{content:"";position:absolute;left:0;top:-50%;width:100%;height:50%;background:var(--accent);animation:scroll-line 2.2s ease-in-out infinite}@keyframes scroll-line{0%{top:-50%}to{top:110%}}.about{padding-top:84px}.about-top{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:start}.about-name{font-size:clamp(32px,3.4vw,46px);font-weight:600;letter-spacing:.02em}.about-role{margin-top:10px;font-family:var(--font-mono);font-size:14px;letter-spacing:.08em;color:var(--accent)}.about-desc{margin-top:26px;max-width:560px;color:var(--text-dim);font-size:16px}.about-honors{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;list-style:none}.about-honors li{padding:6px 12px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;background:var(--bg-card)}.about-info{display:grid;border-top:1px solid var(--border)}.about-info-row{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--border)}.about-info-row dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.about-info-row dd{font-size:15px;color:var(--text)}.about-info-row a:hover{color:var(--accent)}.games{margin-top:72px}.games-head{display:flex;align-items:baseline;gap:16px;margin-bottom:26px}.games-en{font-family:var(--font-mono);font-size:12px;letter-spacing:.3em;color:var(--accent);text-transform:uppercase}.games-title{font-size:22px;font-weight:600}.carousel{position:relative;height:460px;margin-top:6px;perspective:2600px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.carousel.is-dragging{cursor:grabbing}.carousel.is-locked{cursor:default}.film-foot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:12px}.film-hint{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--text-faint)}.film-hint-icon{display:inline-block;font-size:13px;letter-spacing:0;color:var(--accent);animation:film-hint 2.6s ease-in-out infinite}@keyframes film-hint{0%,to{transform:translate(-4px);opacity:.45}50%{transform:translate(4px);opacity:1}}.film-dots{position:relative;width:200px;height:22px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 72%,transparent 100%)}.film-dots-track{position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:12px;transition:transform .55s cubic-bezier(.22,1,.36,1)}.film-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#ece2d042;transition:transform .45s ease,background .45s ease,box-shadow .45s ease}.film-dot.is-active{background:var(--dot-color, var(--accent));transform:scale(1.6);box-shadow:0 0 12px var(--dot-color, var(--accent)),0 0 0 2px #ffffff1f}.carousel-scene{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-7deg);transform-style:preserve-3d}.carousel-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateY(0);transition:transform .72s cubic-bezier(.22,1,.36,1)}.carousel.is-dragging .carousel-ring{transition:none}.film-rail{height:22px;flex:none;background-color:#dddbdb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='22'%3E%3Crect x='6' y='5' width='20' height='12' rx='3' fill='%23070709'/%3E%3C/svg%3E");background-repeat:repeat-x}.film-cell{position:absolute;left:50%;top:50%;width:266px;height:214px;margin-left:-133px;margin-top:-107px;display:flex;flex-direction:column;background:#28231d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.film-cell:before{content:"";position:absolute;top:22px;left:0;width:100%;height:2px;background:var(--game-color);opacity:.5;z-index:1}.film-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:rgba(16,13,11,var(--fade, 0))}.film-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;padding:13px 14px 15px;border-left:1px solid rgba(0,0,0,.5);overflow:hidden}.film-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:grayscale(1);transform:scale(1);transition:opacity .45s ease,transform .45s ease,filter .45s ease;pointer-events:none;z-index:0}.carousel:not(.is-locked) .film-cell:hover .film-img{opacity:1.2;filter:grayscale(0);transform:scale(1)}.carousel:not(.is-locked) .film-cell:hover{--fade: 0 !important;--liftY: -7px;--liftZ: 35px;--hScale: 1.07;box-shadow:0 24px 60px -20px #000000a6,0 0 46px -12px color-mix(in srgb,var(--game-color) 60%,transparent)}.film-cell.is-picked{--fade: 0 !important;--liftY: 0px;--liftZ: 50px;--hScale: 1.12;box-shadow:0 28px 70px -22px #000000b8,0 0 62px -10px color-mix(in srgb,var(--game-color) 72%,transparent)}.film-cell.is-picked .film-img{opacity:1;filter:grayscale(0)}.film-cell.is-picked .game-name,.film-cell.is-picked .game-en,.film-cell.is-picked .game-hours{text-shadow:0 1px 10px rgba(0,0,0,.85)}.film-cell.is-picked .game-logo{transform:translateY(-1px) scale(1.04)}.film-body>.game-logo,.film-body>.game-meta,.film-body>.game-data{position:relative;z-index:1}.carousel:not(.is-locked) .film-cell:hover .game-name,.carousel:not(.is-locked) .film-cell:hover .game-en,.carousel:not(.is-locked) .film-cell:hover .game-hours{text-shadow:0 1px 10px rgba(0,0,0,.85)}.game-logo{display:block;height:34px;width:auto;max-width:100%;object-fit:contain;object-position:left center;transition:transform .45s ease,filter .45s ease}.game-logo.is-invert{filter:invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.45))}.carousel:not(.is-locked) .film-cell:hover .game-logo{transform:translateY(-1px) scale(1.02)}.game-name{font-size:15px;font-weight:600}.game-en{display:block;margin-top:3px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--text-faint)}.game-data{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto}.game-hours{font-family:var(--font-mono);font-size:17px;font-weight:500;color:var(--text)}.game-badge{padding:4px 9px;border-radius:999px;font-size:10px;color:var(--game-color);border:1px solid color-mix(in srgb,var(--game-color) 40%,transparent);background:color-mix(in srgb,var(--game-color) 12%,transparent)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.project-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--bg-card);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}.project-card:hover{transform:translateY(-6px);border-color:var(--border-strong)}.project-card.is-featured{grid-column:1 / -1}.project-media{position:relative;aspect-ratio:16 / 9;overflow:hidden}.project-card.is-featured .project-media{aspect-ratio:21 / 9}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-media img,.project-card:hover .project-media video{transform:scale(1.045)}.project-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(16,13,11,.55));pointer-events:none}.project-info{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px 24px;padding:26px 28px 30px}.project-category{grid-column:1 / -1;font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.project-title{font-size:22px;font-weight:600}.project-desc{grid-column:1 / -1;max-width:620px;font-size:14.5px;color:var(--text-dim)}.skills{padding-bottom:48px}.skills-lead{margin-top:4px;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;color:var(--text-faint)}.skill-river{margin-top:26px}.skill-river svg{display:block;width:100%;height:auto;overflow:visible}.river-band{opacity:1;cursor:default;transition:opacity .8s ease,filter .4s ease}.river-band.is-lit{opacity:.92}.river-band.is-dim{opacity:.1}.river-band:hover{opacity:1;filter:brightness(1.06)}.river-group-edge{fill:none;stroke:#fff9;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,255,255,.4));animation:river-edge-in .8s ease both}@keyframes river-edge-in{0%{opacity:0}to{opacity:1}}.river-blob-layer{filter:blur(11px);pointer-events:none}.river-blob{animation-name:river-blob-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}@keyframes river-blob-drift{0%{transform:translate(0)}45%{transform:translate(var(--dx, 60px),var(--dy, -40px))}to{transform:translate(var(--dx2, -50px),var(--dy2, 30px))}}.river-phase-bg{fill:#ece2d003;transition:fill .8s ease}.river-phase-bg.is-active{fill:#d9a45f0f}.river-phase-line{stroke:#ece2d024;stroke-dasharray:3 7}.river-grid{stroke:#ece2d00f;stroke-dasharray:3 7}.river-baseline{stroke:#ece2d029}.river-axis{stroke:#ece2d038}.river-tick{stroke:#ece2d052}.river-phase-title{fill:#ece2d06b;font-size:17px;font-weight:600;text-anchor:middle;transition:fill .6s ease}.river-phase-title.is-active{fill:var(--text)}.river-phase-desc{fill:var(--text-faint);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-anchor:middle}.river-year{fill:var(--text-dim);font-family:var(--font-mono);font-size:13px;text-anchor:middle}.river-y-label{fill:var(--text-faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em}.river-caption{margin-top:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--text-faint)}.river-legend{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:18px;padding:0;list-style:none}.river-legend li{display:flex;align-items:center;gap:9px;padding:7px 13px;border-radius:999px;border:1px solid transparent;font-size:13px;color:var(--text-faint);opacity:.3;transition:opacity .5s ease,color .5s ease,background .5s ease,border-color .5s ease}.river-legend li.is-active{opacity:1;color:var(--text);background:#ece2d00e;border-color:#ece2d029}.river-swatch{flex:none;width:12px;height:12px;border-radius:3px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.river-legend li.is-active .river-swatch{transform:scale(1.3)}.contact{min-height:60vh;display:flex;align-items:center;padding:0;overflow:hidden}.contact-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 50% 60%,var(--accent-soft),transparent 65%)}.contact-inner{position:relative;width:100%;padding:120px 64px;text-align:center}.contact-eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.4em;color:var(--accent);margin-bottom:26px}.contact-title{font-size:clamp(44px,7vw,96px);font-weight:700;line-height:1.05;letter-spacing:-.01em}.contact-sub{max-width:560px;margin:28px auto 0;color:var(--text-dim);font-size:17px}.contact-email{display:inline-block;margin-top:56px;font-size:clamp(22px,3.2vw,40px);font-weight:500;letter-spacing:-.01em;color:var(--text);border-bottom:1px solid var(--border-strong);padding-bottom:10px;transition:color .25s ease,border-color .25s ease}.contact-email:hover{color:var(--accent);border-color:var(--accent)}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:42px;margin-top:54px}.contact-links a{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--text-dim);transition:color .2s ease}.contact-links a:hover{color:var(--accent)}.contact-link-arrow{font-size:13px;transition:transform .2s ease}.contact-links a:hover .contact-link-arrow{transform:translate(2px,-2px)}.contact-footer{display:flex;justify-content:space-between;margin-top:110px;padding-top:26px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--text-faint)}.contact-footer-en{letter-spacing:.34em}.mask-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.mask-line__inner{display:block;will-change:transform}@media (max-width: 1100px){.container{padding:0 36px}.about-top{grid-template-columns:1fr;gap:36px}}@media (max-width: 800px){.container{padding:0 24px}section{padding:100px 0}.nav-links{position:fixed;top:76px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;padding:12px 24px 24px;background:#100d0bf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .3s ease}.nav-links.is-open{transform:none;opacity:1;pointer-events:auto}.nav-links a{width:100%;padding:14px 0;border-bottom:1px solid var(--border)}.nav-toggle{display:flex}.navbar-right .btn{display:none}.projects-grid{grid-template-columns:1fr}.hero-scroll{display:none}.about-info-row{grid-template-columns:72px 1fr;gap:12px}.skill-river{overflow-x:auto;padding-bottom:6px}.skill-river svg{min-width:720px}.hero{padding:92px 0 40px}.hero-card{height:clamp(460px,72vh,600px)}.hero-card-top{top:28px;left:28px;right:28px}.hero-title{left:28px;bottom:28px;max-width:60%;font-size:clamp(30px,7.4vw,46px)}.hero-links{right:28px;bottom:28px;gap:10px}.hero-links a{font-size:13px}}