:root{font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;color:#304c55;background:#c5d8c9;font-synthesis:none}
*{box-sizing:border-box}
body{position:relative;isolation:isolate;margin:0;min-height:100svh;background:url('/base-3d/entry-scene.jpg') center/cover fixed;display:flex;align-items:flex-end;padding:110px 6.5% 12svh}
.gate-header{position:absolute;left:37px;top:27px;display:flex;align-items:center;gap:12px;font:bold 13px Georgia,serif;letter-spacing:.15em;text-shadow:0 1px 0 #fff9e9}
.gate-mark{font-size:37px;line-height:1;color:#e65f48}
.gate-card{width:min(100%,350px)}
.field{margin-bottom:22px}
label{display:block;font-size:12px;letter-spacing:.04em;margin-bottom:10px}
input{width:100%;font:18px "Hiragino Sans","Yu Gothic",Meiryo,sans-serif;color:inherit;background:#fff9e9f2;border:1px solid #607b7e;border-radius:4px;padding:13px 14px;min-height:50px}
input::placeholder{color:#637879;font-size:14px}
.entry-privacy{font-size:11px;line-height:1.9;margin:0 0 24px;color:#405c5e}
.gate-actions{display:flex;align-items:center;gap:22px}
button{font:inherit;cursor:pointer}
.primary{background:#e65f48;color:#fffbed;border:1px solid #ab4f43;border-radius:5px;box-shadow:3px 4px 0 #304c5530;font-size:12px;letter-spacing:.07em;padding:17px 24px;min-width:150px}
.primary:hover:not(:disabled){background:#f37153}
.quiet{font-size:11px;color:#304c55;background:none;border:0;border-bottom:1px solid #486c6580;padding:13px 0;white-space:nowrap}
button:disabled{opacity:.55;cursor:wait}
input:focus-visible,button:focus-visible{outline:3px solid #376d72;outline-offset:3px}
#gate-message{min-height:2em;font-size:12px;line-height:1.8;color:#983d2c;margin:18px 0 0}
[hidden]{display:none!important}
@media(max-width:760px){body{padding:100px 7% 7svh;background-position:57% center}.gate-header{left:20px;top:21px;font-size:11px;gap:8px}.gate-mark{font-size:30px}.gate-card{width:min(100%,350px)}.field{margin-bottom:18px}.entry-privacy{font-size:10px}.gate-actions{gap:18px}.primary{min-width:145px}}
@media(max-height:550px) and (orientation:landscape){body{padding-top:75px;padding-bottom:20px}.field{margin-bottom:12px}input{padding:9px 12px;min-height:42px}.entry-privacy{margin-bottom:14px}#gate-message{margin-top:10px}}

#entry-scene{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0}#entry-scene.ready{opacity:1}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff9e9ee,#fff9e9a6 31%,#fff9e900 68%),linear-gradient(0deg,#fff9e998,transparent 40%)}
.gate-header{letter-spacing:.06em;font-size:15px}
@media(max-width:760px){body{padding-bottom:4svh}body::before{background:linear-gradient(0deg,#fff9e9fa,#fff9e9db 47%,#fff9e920 88%)}.gate-header{font-size:13px}}
@media(max-height:700px){body{padding-bottom:20px}.field{margin-bottom:15px}.entry-privacy{margin-bottom:17px}#gate-message{margin-top:12px}}