.gate-sky{pointer-events:none;--gate-look-x:0px;--gate-look-y:0px;position:absolute;inset:0}.gate-plane{transform:translate(calc(var(--gate-look-x) * var(--depth)), calc(var(--gate-look-y) * var(--depth)));transition:transform .24s ease-out;position:absolute;inset:-28px}.gate-plane>img{object-fit:cover;width:100%;max-width:none;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}.gate-plane--sky{--depth:1}.gate-plane--sky>img{object-fit:fill;width:calc(100% + 500px);margin-left:-500px}.gate-plane--clouds{--depth:3;opacity:.24}.gate-cloud-bank{animation:95s ease-in-out infinite alternate gate-cloud-drift}.gate-plane--mountains{--depth:5}.gate-plane--castle{--depth:9}.gate-plane--castle>img{opacity:.88;width:clamp(180px,25vw,380px);height:auto;position:absolute;bottom:26%;left:58%}.gate-plane--woodland{--depth:14}.gate-plane--foreground{--depth:22;--gate-arch-width:160%}.gate-plane--foreground>img{width:var(--gate-arch-width);object-fit:fill;position:absolute;left:50%;transform:translate(-50%)}.gate-plane--fireflies-0{--depth:7;--fly-base-size:2px;--fly-travel:.65}.gate-plane--fireflies-1{--depth:17;--fly-base-size:4px;--fly-travel:1}.gate-plane--fireflies-2{--depth:26;--fly-base-size:10px;--fly-travel:1.4}.gate-glowfly{width:var(--fly-size);height:var(--fly-size);animation:gate-glowfly-drift var(--fly-drift) ease-in-out var(--fly-delay) infinite alternate;position:absolute}.gate-glowfly:before{content:"";width:100%;height:100%;box-shadow:0 0 calc(var(--fly-size) * 2) oklch(92% .17 120), 0 0 calc(var(--fly-size) * 5) oklch(85% .17 125/.7);animation:gate-glowfly-pulse var(--fly-pulse) ease-in-out var(--fly-delay) infinite;background:oklch(98% .1 110);display:block}.gate-plane--fireflies-2 .gate-glowfly:before{box-shadow:0 0 var(--fly-size) oklch(96% .14 115), 0 0 calc(var(--fly-size) * 3) oklch(92% .17 120/.85), 0 0 calc(var(--fly-size) * 7) oklch(85% .17 125/.55);border-radius:50%}@keyframes gate-glowfly-drift{0%{transform:translate(calc(-10px * var(--fly-travel)), calc(10px * var(--fly-travel)))}35%{transform:translate(calc(8px * var(--fly-travel)), calc(-6px * var(--fly-travel)))}70%{transform:translate(calc(-4px * var(--fly-travel)), calc(-20px * var(--fly-travel)))}to{transform:translate(calc(14px * var(--fly-travel)), calc(-32px * var(--fly-travel)))}}@keyframes gate-glowfly-pulse{0%,to{opacity:.25}25%{opacity:1}45%{opacity:.55}65%{opacity:.9}85%{opacity:.35}}@keyframes gate-cloud-drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}.gate-sky[data-paused=true] *,.gate-sky[data-paused=true] :before{animation-play-state:paused}@media (width<=700px){.gate-plane--castle>img{width:190px;bottom:52%;left:57%}.gate-plane--foreground{--gate-arch-width:220%}.gate-plane--fireflies-0 .gate-glowfly:nth-child(n+13),.gate-plane--fireflies-1 .gate-glowfly:nth-child(n+17),.gate-plane--fireflies-2 .gate-glowfly:nth-child(n+9){display:none}}@media (prefers-reduced-motion:reduce){.gate-plane{transition:none;transform:none}.gate-cloud-bank{animation:none}.gate-plane--fireflies{display:none}}.gate-panel-wrap{width:min(100%,510px)}.gate-panel{border:2px solid var(--gate-border);background:var(--gate-grain) 0 0 / 160px 160px, radial-gradient(ellipse at 25% 15%, oklch(43% .018 75/.5), transparent 65%), linear-gradient(135deg, oklch(30% .015 75), oklch(21% .012 75));text-align:center;border-radius:12px 12px 5px 5px;padding:35px 30px 24px;position:relative;box-shadow:0 0 0 3px oklch(8% .01 75),0 0 0 4px oklch(39% .025 80),inset 0 3px oklch(65% .03 75/.3),inset 0 -5px oklch(6% 0 0/.6),inset 0 0 18px oklch(6% 0 0/.5),0 18px 55px oklch(4% 0 0/.65)}.gate-panel:before{content:"";pointer-events:none;border:1px solid oklch(60% .055 80/.24);border-radius:5px 5px 0 0;position:absolute;inset:9px}.gate-panel-rivet{background:var(--gate-gold);width:5px;height:5px;box-shadow:0 1px 2px oklch(0% 0 0), inset 0 -2px 1px var(--gate-border);border-radius:50%;position:absolute;top:13px}.gate-panel-rivet--left{left:13px}.gate-panel-rivet--right{right:13px}.gate-heading{color:var(--gate-gold);margin:10px 0;font:400 clamp(1.5rem,3vw,1.9rem)/1.3 Gate Fondamento,Georgia,serif}.gate-panel-intro{color:var(--gate-muted);text-wrap:balance;font-size:14px;line-height:1.9}.gate-choices{grid-template-columns:1fr;gap:13px;width:75%;min-width:min(100%,240px);margin:24px auto 0;display:grid}.gate-choice,.gate-enter{border:1px solid var(--gate-border);color:var(--gate-cream);background:var(--gate-grain) 0 0 / 160px 160px, linear-gradient(oklch(48% .055 77/.35), oklch(15% .025 77/.5)), url(/assets/theme/emberwood-panel.webp) left center / 1000px auto;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 0 0 3px oklch(7% .015 75/.65),inset 0 4px oklch(76% .06 77/.2),inset 0 -4px oklch(4% 0 0/.5),0 3px 6px oklch(4% 0 0/.5)}.gate-choice{gap:10px;min-height:56px;padding:12px 10px}.gate-choice svg{color:var(--gate-gold);flex-shrink:0}.gate-choice span{white-space:nowrap;font:600 14px/1.5 var(--font-display)}.gate-choice--return{background-color:oklch(46% .06 75/.18);border-color:oklch(68% .085 79)}.gate-choice:hover,.gate-enter:hover{border-color:var(--gate-gold);background-color:oklch(59% .09 76/.25);box-shadow:inset 0 0 0 3px oklch(7% .015 75/.65),0 0 20px oklch(70% .13 70/.12)}.gate-screen button:focus-visible{outline:2px solid var(--gate-gold);outline-offset:5px}.gate-screen button:disabled{opacity:.5;cursor:wait}.gate-panel-foot{color:var(--gate-muted);margin-top:16px;font-size:13px;line-height:1.8}.gate-form{text-align:left;gap:17px;margin-top:23px;display:grid}.gate-field{gap:8px;display:grid}.gate-field label{color:var(--gate-gold);font-size:14px}.gate-field input{border-color:var(--gate-border);height:44px;color:var(--gate-cream);background:oklch(9% .015 210/.8);border-radius:2px;font-family:IBM Plex Sans,sans-serif;font-size:16px;box-shadow:inset 0 2px 6px oklch(0% 0 0/.55)}.gate-field input:focus-visible{outline:1px solid var(--gate-gold);outline-offset:2px}.gate-field input.gate-username-refused{animation:.8s ease-out gate-username-refused}@keyframes gate-username-refused{0%,60%{border-color:oklch(72% .19 28);outline-color:oklch(72% .19 28);box-shadow:0 0 10px oklch(65% .18 28/.4)}}.gate-hint{color:var(--gate-muted);font-size:13px;line-height:1.7}.gate-enter{min-height:46px;font:600 14px var(--font-display);gap:12px}.gate-back{min-height:30px;color:var(--gate-muted);cursor:pointer;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}.gate-back:hover{color:var(--gate-cream)}.gate-error{color:oklch(82% .105 28);font-size:14px;line-height:1.7}@font-face{font-family:Gate Fondamento;src:url(/assets/fonts/fondamento/Fondamento-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Gate Yuji Syuku;src:url(/assets/fonts/yuji-syuku/YujiSyuku-Questline.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.gate-screen{--gate-gold:oklch(79% .09 79);--gate-ink:oklch(17% .012 210);--gate-cream:oklch(91% .03 83);--gate-muted:oklch(72% .035 83);--gate-border:oklch(51% .06 78);--gate-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.18' filter='url(%23grain)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");isolation:isolate;min-height:100svh;color:var(--gate-cream);background:var(--gate-ink);flex-direction:column;font-family:Libre Baskerville,Georgia,serif;display:flex;position:relative;overflow:clip}.gate-content{z-index:1;width:100%;padding:max(152px, calc(env(safe-area-inset-top) + 136px)) 20px 30px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.gate-brand{text-align:center;margin-bottom:32px}.gate-wordmark{font:700 clamp(2.25rem, 5.5vw, 4.5rem)/1.12 var(--font-display);letter-spacing:.015em;color:oklch(80% .035 83);text-shadow:0 2px oklch(30% .025 220),0 4px oklch(9% .01 75),0 6px 16px oklch(2% 0 0);margin:0;animation:4s ease-in-out infinite gate-title-pulse}.gate-wordmark[lang=ja]{letter-spacing:.02em;text-shadow:0 2px oklch(9% .01 75),0 5px 14px oklch(2% 0 0/.8);font-family:Gate Yuji Syuku,serif;font-size:clamp(1.8rem,5.5vw,4.25rem);line-height:1.3}@keyframes gate-title-pulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.85;transform:translateY(-2px)}}.gate-panel-motto{color:var(--gate-gold);font:15px/1.6 var(--font-sans);text-shadow:0 2px 5px oklch(5% 0 0);text-wrap:balance;margin:0}.gate-footer{z-index:1;padding:18px max(28px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom));background:linear-gradient(#0000,oklch(7% .01 210/.7));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.gate-footer-note{color:var(--gate-muted);font-size:14px;font-style:italic;line-height:1.6}.gate-audio{align-items:center;gap:13px;display:flex}.gate-footer-controls{flex-direction:column;align-items:flex-end;gap:10px;margin-left:auto;display:flex}.gate-audio-caption{text-align:right;gap:5px;display:grid}.gate-audio-caption span{color:var(--gate-gold);font-size:14px}.gate-audio-caption small{color:var(--gate-muted);font:13px/1.5 IBM Plex Sans,sans-serif}.gate-sound-button,.gate-language-button{border:1px solid var(--gate-border);width:44px;height:44px;color:var(--gate-gold);background:var(--gate-ink);cursor:pointer;border-radius:4px;place-items:center;display:grid;box-shadow:inset 0 0 0 3px oklch(8% 0 0/.55)}.gate-language-button{font-size:28px;line-height:1}.gate-language-button:hover{border-color:var(--gate-gold);color:var(--gate-cream)}.gate-language-button:focus-visible{outline:2px solid var(--gate-gold);outline-offset:3px}@media (width<=600px){.gate-content{padding:max(120px, calc(env(safe-area-inset-top) + 104px)) 18px 22px}.gate-brand{margin-bottom:26px}.gate-panel-motto{letter-spacing:.1em;font-size:12px}.gate-panel{padding:30px 20px 23px}.gate-choices{gap:10px}.gate-footer{padding:15px 20px max(20px, env(safe-area-inset-bottom))}}@media (height<=720px) and (width>=601px){.gate-wordmark{font-size:3.5rem}.gate-brand{margin-bottom:22px}}.gate-environment{z-index:0;pointer-events:none;background:#0a1b2c;position:absolute;inset:0;overflow:hidden}.gate-vignette{background:radial-gradient(at 50% 40%,#0000 30%,oklch(4% .01 220/.6) 100%);position:absolute;inset:0}.gate-mist{opacity:.22;background:radial-gradient(at 32% 72%,oklch(72% .025 190/.55),#0000 38%),radial-gradient(at 70% 82%,oklch(63% .04 210/.6),#0000 36%);animation:24s ease-in-out infinite alternate gate-mist-drift;position:absolute;inset:40% -15% 8%}@keyframes gate-mist-drift{0%{transform:translate(-4%)}to{transform:translate(4%)}}@media (prefers-reduced-motion:reduce){.gate-screen *,.gate-screen :before,.gate-screen :after{transition:none!important;animation:none!important}}