:root{--green: #35ff68;--black: #020604;--white: #f7fff9}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--white);background:var(--black);font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;background:var(--black)}.key-visual{position:relative;min-height:100svh;overflow:hidden;background:var(--black)}.key-visual picture,.key-visual img{display:block}.key-visual picture{width:100%;height:100svh;animation:key-visual-fade-in 2.4s ease-out both}.key-visual img{width:100%;height:100%;min-height:640px;animation:key-visual-drift 18s ease-in-out infinite alternate;object-fit:cover;object-position:center center;transform-origin:center center;will-change:transform,filter}@keyframes key-visual-drift{0%{filter:saturate(1) contrast(1);transform:scale(1) translateZ(0)}50%{filter:saturate(1.08) contrast(1.04);transform:scale(1.025) translate3d(-.4%,-.25%,0)}to{filter:saturate(1.02) contrast(1.02);transform:scale(1.045) translate3d(.45%,.25%,0)}}@keyframes key-visual-fade-in{0%{opacity:0;filter:brightness(.55)}45%{opacity:.58;filter:brightness(.82)}82%{opacity:.92;filter:brightness(1.03)}to{opacity:1;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.key-visual picture,.key-visual img{animation:none}.key-visual picture{filter:none;opacity:1}}.site-lang{position:absolute;top:clamp(18px,2.4vw,34px);right:clamp(18px,3.2vw,54px);z-index:2;display:inline-flex;border:1px solid rgba(77,255,95,.62);background:#00000080;box-shadow:0 0 22px #30ff5d24}.site-lang button{min-width:44px;border:0;border-right:1px solid rgba(77,255,95,.34);padding:9px 11px;color:#f7fff9d6;background:transparent;font:inherit;font-size:.78rem;font-weight:950;letter-spacing:0;cursor:pointer}.site-lang button:last-child{border-right:0}.site-lang button[aria-pressed=true]{color:var(--black);background:var(--green)}.site-info{position:relative;z-index:1;border-top:1px solid rgba(77,255,95,.28);padding:0;color:var(--green);background:radial-gradient(circle at 50% 0%,rgba(53,255,104,.12),transparent 34%),linear-gradient(180deg,#020604,#000)}.site-nav{display:flex;justify-content:center;gap:clamp(14px,3vw,34px);padding:26px 18px}.site-nav a{position:relative;display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid transparent;padding:8px 0;color:var(--green);font-size:clamp(.82rem,1.7vw,1rem);font-weight:950;letter-spacing:.1em;opacity:.82}.nav-badge{display:inline-grid;place-items:center;min-height:18px;padding:2px 6px;color:var(--black);background:repeating-linear-gradient(135deg,var(--green) 0 7px,#caff30 7px 14px);font-size:.62rem;font-weight:950;letter-spacing:0;line-height:1;white-space:nowrap}.site-nav a[data-tooltip]:after{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:5;width:max-content;max-width:180px;padding:7px 9px;color:var(--green);background:#000000eb;box-shadow:inset 0 0 0 1px #4dff5f6b;content:attr(data-tooltip);font-size:.68rem;font-weight:900;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease}.site-nav a[data-tooltip]:hover:after,.site-nav a[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.site-nav a:hover{border-bottom-color:var(--green);opacity:1}.site-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:112px;border-top:1px solid rgba(77,255,95,.28);padding:28px clamp(24px,5vw,68px);color:var(--green);background:linear-gradient(90deg,#000000f5,#031208f0),linear-gradient(90deg,rgba(49,255,98,.09) 1px,transparent 1px) 0 0 / 46px 46px}.site-footer>a{display:inline-flex;align-items:center;gap:10px;padding:10px 0;color:var(--green);font-size:.82rem;font-weight:950}.site-footer>a img{width:18px;height:18px;filter:drop-shadow(0 0 8px rgba(53,255,104,.34))}.site-footer div{display:grid;gap:6px}.site-footer strong{font-size:.82rem;letter-spacing:.28em}.site-footer span{color:#f7fff9ad;font-size:.78rem}.site-footer a{padding:10px 0;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.08em}@media(max-width:900px){.key-visual picture{height:100svh}.key-visual img{min-height:100svh;object-position:center top}}@media(max-width:560px){.key-visual{min-height:100svh}.key-visual picture{height:100svh}.key-visual img{height:100%;min-height:100svh;object-fit:cover;object-position:center top}.site-lang{top:16px;right:16px}.site-lang button{min-width:38px;padding:8px}.site-footer{display:grid;justify-items:start;min-height:132px;padding-bottom:34px}.site-nav{flex-wrap:wrap;justify-content:flex-start;padding:22px}}