.halloween-invitation{background:#100b12;color:#f1e6de}.halloween-invitation-link{display:flex;align-items:center;min-height:320px;padding:40px max(7vw,24px);text-decoration:none;color:inherit;background:linear-gradient(90deg,#0e0810f0,#100a1399 60%,#0d071126),url("assets/halloween-entrance.png") 80% 65%/cover;border-block:1px solid #b98a5e55}.halloween-invitation-copy>span{font:11px/1.6 sans-serif;letter-spacing:.18em;color:#d2ab7f}.halloween-invitation h2{font:400 clamp(24px,3vw,38px)/1.5 serif;letter-spacing:.06em;margin:12px 0}.halloween-invitation p{font:14px/1.8 sans-serif;color:#e3cfc3;margin:0 0 20px}.halloween-invitation b{display:block;width:fit-content;border-bottom:1px solid #cca776;padding:9px 0;font:14px/1.6 sans-serif;color:#f2d3ac}.halloween-invitation i{font-style:normal;margin-left:20px}.halloween-invitation small{display:block;font:12px/1.8 sans-serif;color:#d5c1ce;margin-top:12px}.halloween-invitation-link:hover{filter:brightness(1.12)}@media(max-width:600px){.halloween-invitation-link{min-height:310px;padding:30px 24px;background-position:72% center}.halloween-invitation h2{font-size:25px}.halloween-invitation p{max-width:18em;font-size:14px}}
.halloween-invitation[hidden]{display:none!important}

.halloween-entry-form{margin-top:20px;max-width:430px}.halloween-entry-form label{display:block;font:13px/1.8 sans-serif;color:#fff;margin-bottom:9px}.halloween-entry-line{display:flex;gap:8px;align-items:stretch}.halloween-entry-line input{min-width:0;flex:1;width:140px;border:1px solid #fff;border-radius:6px;background:#100b14dc;color:#fff;padding:13px 12px;font:16px/1.5 sans-serif;letter-spacing:.1em;box-sizing:border-box}.halloween-entry-line input::placeholder{color:#d3c5cc;font-size:14px}.halloween-entry-line button{flex-shrink:0;border:1px solid #e5c395;border-radius:6px;background:#725139;color:#fff;font:600 14px/1.5 sans-serif;padding:12px 16px;cursor:pointer;min-height:48px}.halloween-entry-line button:hover{background:#8c6343}.halloween-entry-form .halloween-entry-status{margin:8px 0 0;font:13px/1.7 sans-serif;color:#ffe4d1;min-height:1.7em}.halloween-invitation-link:hover{filter:none}@media(max-width:400px){.halloween-entry-line button{padding:12px 10px;font-size:13px}}

/* High-contrast entry field and Halloween orange primary action. */
.halloween-entry-form .halloween-entry-guide{color:#fff;font:600 16px/1.8 sans-serif;margin:0 0 14px;max-width:none}.halloween-entry-form label{color:#fff;font-size:13px}.halloween-entry-line input{background:#fff;color:#21152b;border:2px solid #fff;box-shadow:0 2px 12px #0003;letter-spacing:.04em}.halloween-entry-line input::placeholder{color:#655a69;font-size:14px}.halloween-entry-line input:focus{outline:3px solid #fca34c;outline-offset:3px}.halloween-entry-line button{background:#f38b25;color:#211026;border:2px solid #ffb263;box-shadow:0 4px 0 #713711;font-weight:700}.halloween-entry-line button:hover{background:#ffab49}.halloween-entry-line button:focus-visible{outline:3px solid #fff;outline-offset:4px}.halloween-entry-line button:active{transform:translateY(2px);box-shadow:0 2px 0 #713711}@media(max-width:440px){.halloween-entry-line{flex-direction:column;gap:12px}.halloween-entry-line input{width:100%;flex:auto;min-height:52px}.halloween-entry-line button{width:100%;min-height:52px;font-size:16px}.halloween-entry-form .halloween-entry-guide{font-size:15px}}

/* Room for the full placeholder, with a white label on the orange action. */
.halloween-entry-form{width:100%;max-width:540px}.halloween-invitation-copy{width:100%}.halloween-entry-line input{flex:1 1 280px;width:280px;min-width:240px}.halloween-entry-line button{color:#fff;text-shadow:0 1px 2px #71371180}@media(max-width:600px){.halloween-entry-line{flex-direction:column;gap:12px}.halloween-entry-line input{flex:auto;width:100%;min-width:0;min-height:52px}.halloween-entry-line button{width:100%;min-height:52px;font-size:16px}}

.halloween-invitation,.halloween-invitation h2,.halloween-entry-form,.halloween-entry-form input,.halloween-entry-form button{font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,system-ui,sans-serif}
