*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#091524;color:#173b57;font-family:Poppins,Arial,sans-serif;min-height:100svh}.backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(#06101bd1,#071424a6),url('assets/winter-village.png') center 54%/cover no-repeat}.maintenance{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px 18px}.hotel-logo{width:365px;max-width:74vw;height:auto;display:block;margin-bottom:22px;filter:drop-shadow(0 5px 3px #0008)}.ice-panel{width:580px;max-width:100%;border:1px solid #d3f4ff;border-radius:12px;background:#d2eafa;box-shadow:0 0 0 4px #8fc3dc44,0 18px 65px #0008;overflow:hidden}.panel-top{display:flex;justify-content:space-between;padding:12px 23px;border-bottom:1px solid #9ebfd3;background:#b9d9ed;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#38647e}.panel-content{padding:26px 35px 25px;text-align:center}.status{display:inline-flex;align-items:center;gap:7px;color:#47738b;font-size:10px;font-weight:500}.status>span{width:6px;height:6px;background:#3287ad;border-radius:50%}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:17px 0 17px;color:#16486a;font-weight:700}.panel-content>p{font-size:13px;line-height:1.85;margin:0 auto;max-width:460px;color:#456980}.panel-content .welcome{font-weight:500;margin-top:14px;color:#244f6a}.countdown{margin-top:23px;padding-top:20px;border-top:1px solid #a1c5da}.countdown h2{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 14px;color:#416e89;font-weight:700}.countdown-digits{display:flex;gap:10px;justify-content:center;align-items:flex-start}.countdown-digits>div{width:79px;min-width:0}.countdown-digits strong{display:flex;align-items:center;justify-content:center;min-height:63px;border:1px solid #7daecc;border-radius:6px;background:#e7f6ff;font-size:30px;font-weight:700;line-height:1;color:#1d5b7d;font-variant-numeric:tabular-nums;box-shadow:0 3px #a1c5d9}.countdown-digits>div>span{display:block;font-size:10px;color:#54778d;margin-top:9px}.countdown-digits>b{font-size:24px;margin-top:10px;color:#7ca4bb}.panel-footer{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#bbdcef;border-top:1px solid #9ebfd3}.panel-footer>span{font-size:10px;color:#3d6882;font-weight:500}button{font-family:inherit;cursor:pointer}#open-login{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;padding:9px 13px;border:1px solid #1d7095;border-radius:5px;background:#2783a7;color:#fff;box-shadow:0 2px #155575}#open-login img{width:14px;height:17px;object-fit:contain;image-rendering:pixelated}#open-login:hover{background:#176c91}.maintenance>footer{max-width:580px;text-align:center;font-size:9px;line-height:1.8;color:#a6bbcc;margin-top:23px}.maintenance>footer span{display:block;color:#879eaf;font-size:8px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #319fca;outline-offset:4px}dialog{padding:0;border:1px solid #60849b;border-radius:9px;background:#142b3c;color:#e7f4fc;width:410px;max-width:calc(100% - 30px);box-shadow:0 20px 90px #0009}dialog::backdrop{background:#030d1bd9}.login-bar{background:#1d4057;border-bottom:1px solid #476c84;display:flex;align-items:center;justify-content:space-between;padding:13px 19px;font-size:12px}.login-bar button{width:26px;height:26px;background:#28546d;border:1px solid #6792ac;border-radius:4px;color:#fff;font-size:22px;line-height:1}.login-body{padding:25px}.login-body h2{font-size:23px;margin:0 0 10px;letter-spacing:-.6px}.login-body p{font-size:12px;line-height:1.7;color:#9ebccd;margin:0 0 20px}label{font-size:12px;display:block;margin:16px 0 7px}input{width:100%;min-width:0;background:#0e2030;color:#e9f6ff;border:1px solid #456579;border-radius:5px;padding:12px;font:12px Poppins}.password-wrap{display:flex;border:1px solid #456579;border-radius:5px;background:#0e2030}.password-wrap input{border:0}.password-wrap button{background:none;border:0;color:#8fbdd5;font-size:10px;padding:0 12px}.submit-login{width:100%;background:#2783a7;border:1px solid #459fbd;border-radius:5px;color:#fff;font-size:12px;font-weight:700;padding:12px;margin:22px 0 15px}#login-message{font-size:10px;margin:0 0 12px}.login-body a{font-size:10px;color:#83cae9}@media(max-width:600px){.maintenance{padding:22px 16px}.hotel-logo{width:290px;margin-bottom:20px}.panel-content{padding:23px 20px}h1{font-size:25px}.panel-content>p{font-size:12px}.panel-top{padding:11px 17px;font-size:8px}.countdown-digits{gap:6px}.countdown-digits>div{width:65px}.countdown-digits strong{font-size:26px;min-height:56px}.countdown-digits>b{font-size:18px}.panel-footer{padding:13px 15px;gap:8px}.panel-footer>span{font-size:9px}#open-login{font-size:10px;padding:9px}.desktop-break{display:none}.backdrop{background-position:center;background-size:auto 100%}}@media(max-height:700px) and (min-width:601px){.maintenance{padding-top:15px}.hotel-logo{width:285px;margin-bottom:16px}.panel-content{padding-top:20px;padding-bottom:20px}h1{font-size:27px;margin-top:12px}.countdown{margin-top:17px;padding-top:16px}.maintenance>footer{margin-top:16px}}
/* Transparent CMS-blue container. */
.ice-panel{background:rgba(18,39,56,.78);border:1px solid rgba(113,166,195,.48);border-radius:9px;box-shadow:0 16px 50px #0006;backdrop-filter:blur(4px);color:#eaf5fc}.panel-top{background:rgba(33,72,96,.65);border-bottom:1px solid #7bb7d330;color:#a8cde3}.status{color:#a1c4da}.status>span{background:#6cc6e5}h1{color:#f0f8ff}.panel-content>p{color:#bbd1e0}.panel-content .welcome{color:#d3e8f5}.countdown{border-color:#91c1db30}.countdown h2{color:#a6cce2}.countdown-digits strong{background:rgba(37,78,103,.65);border:1px solid #80b6d24d;color:#e8f7ff;box-shadow:0 2px #071c2b55}.countdown-digits>div>span{color:#a3bfd2}.countdown-digits>b{color:#669ab9}.panel-footer{background:rgba(24,58,80,.65);border-color:#7bb7d330}.panel-footer>span{color:#a8c8dd}#open-login{background:#237e9f;border-color:#57b1d0;box-shadow:0 2px #071d2a66}
/* Wider, shallower maintenance panel. Original Nitro wrench asset. */
.ice-panel{width:760px;border-radius:8px;background:rgba(17,37,53,.76);border-color:#95bdd04d;box-shadow:0 15px 50px #0005;backdrop-filter:blur(3px)}.hotel-logo{width:335px;margin-bottom:24px}.panel-top{padding:11px 25px;background:#28536a55;font-size:9px;letter-spacing:1.2px}.panel-content{padding:22px 42px 20px}.maintenance-tool{display:block;width:32px;height:32px;object-fit:contain;image-rendering:pixelated;margin:0 auto 12px}.status{font-size:10px}h1{font-size:28px;margin:12px 0 13px;letter-spacing:-.8px}.panel-content>p{max-width:610px;font-size:12px;line-height:1.8}.panel-content .welcome{margin-top:8px;font-size:12px}.desktop-break{display:none}.countdown{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding-top:18px;text-align:left}.countdown h2{font-size:10px;letter-spacing:.8px;margin:0;max-width:125px;line-height:1.8}.countdown-digits{gap:10px}.countdown-digits>div{width:68px}.countdown-digits strong{min-height:50px;font-size:26px;border-radius:4px;background:#2c536c66;border-color:#88b5cd40;box-shadow:none}.countdown-digits>div>span{font-size:9px;margin-top:6px;text-align:center}.countdown-digits>b{font-size:21px;margin-top:7px}.panel-footer{padding:11px 25px;background:#28536a55}.panel-footer>span{font-size:10px}.maintenance>footer{margin-top:20px}.backdrop{background-image:linear-gradient(#06101bc4,#071424a6),url('assets/winter-village.png')}@media(max-width:650px){.ice-panel{width:100%}.panel-content{padding:22px}.countdown{display:block;text-align:center}.countdown h2{max-width:none;margin-bottom:13px}.countdown-digits{gap:7px}.countdown-digits>div{width:60px}.hotel-logo{width:285px}h1{font-size:24px}.panel-content>p{font-size:12px}.panel-footer{padding:12px 16px}.maintenance-tool{margin-bottom:12px}}
/* Remove the framing bars; keep staff access separate from the notice. */
.panel-content{padding-top:27px;padding-bottom:25px}.outside-login{margin-top:18px}.outside-login #open-login{background:rgba(23,55,75,.85);border-color:#6f9eb65c;padding:10px 17px;box-shadow:none}.maintenance>footer{margin-top:16px}
/* Refined content hierarchy and quiet motion. */
.panel-content{padding:28px 48px 27px}.maintenance-tool{margin-bottom:14px}.status{font-size:10px;letter-spacing:.4px}.status>span{box-shadow:0 0 0 4px #66c6e514}h1{font-size:30px;line-height:1.3;max-width:560px;margin:17px auto 15px;letter-spacing:-1px}.panel-content>p{max-width:550px;font-size:12px;line-height:1.95;color:#b8cedd}.panel-content .welcome{font-size:11px;font-weight:400;color:#7fbad5;margin-top:13px}.countdown{display:block;text-align:center;margin-top:25px;padding-top:21px;position:relative}.countdown:before{content:'';position:absolute;width:42px;height:2px;top:-1px;left:calc(50% - 21px);background:#6ebcdb}.countdown h2{max-width:none;font-size:9px;letter-spacing:1.6px;margin:0 0 16px;color:#8db5ce}.countdown-digits{gap:12px}.countdown-digits>div{width:76px}.countdown-digits strong{min-height:54px;font-size:28px;background:linear-gradient(180deg,#2e587178,#17364b88);border-color:#8bc0dc40;border-radius:5px;position:relative;overflow:hidden}.countdown-digits>div>span{font-size:9px;margin-top:8px;color:#8faec3}.countdown-digits>b{font-size:20px;margin-top:10px;color:#5c859f}.outside-login{margin-top:19px}#open-login{transition:background .2s,border-color .2s,transform .2s}#open-login:hover{transform:translateY(-2px);border-color:#89c9e3;background:#24536d}.ice-panel{overflow:hidden}.digit-change{animation:digit-arrive .3s ease-out}@keyframes digit-arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes content-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes status-breathe{0%,100%{box-shadow:0 0 0 3px #66c6e515}50%{box-shadow:0 0 0 6px #66c6e505}}@media(prefers-reduced-motion:no-preference){.panel-content>*{animation:content-arrive .65s both}.panel-content>.status{animation-delay:.08s}.panel-content>h1{animation-delay:.16s}.panel-content>p{animation-delay:.24s}.panel-content>.welcome{animation-delay:.31s}.panel-content>.countdown{animation-delay:.38s}.status>span{animation:status-breathe 3s ease-in-out infinite}}@media(max-width:650px){.panel-content{padding:25px 21px}h1{font-size:25px;max-width:320px}.panel-content>p{font-size:12px}.countdown-digits{gap:7px}.countdown-digits>div{width:59px}.countdown-digits strong{font-size:25px}.countdown-digits>b{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep countdown digits steady; acknowledge changes with a quiet color accent. */
@keyframes digit-arrive{0%{color:#8bdcf5;text-shadow:0 0 9px #66c9ee35}100%{color:#e8f7ff;text-shadow:none}}
.digit-change{animation:digit-arrive .45s ease-out}
/* Overscan the supplied background slightly to hide its baked-in light border. */
.backdrop{inset:-5px;background-size:cover}
@media(max-width:600px){.backdrop{background-size:auto 100%}}
/* Mechanical departure-board countdown. */
.countdown{border-top:0;margin-top:24px;padding:19px 20px 20px;background:#0a1c2bbd;border:1px solid #405e735c;border-radius:9px;box-shadow:inset 0 1px #b6dff012,inset 0 -2px #0005,0 7px 0 #06121b80,0 13px 24px #0004}.countdown:before{display:none}.countdown h2{font-size:9px;color:#92b8ce;letter-spacing:2px;margin:0 0 17px}.countdown-digits{gap:10px;align-items:center}.countdown-digits>div{width:91px;position:relative}.countdown-digits strong{position:relative;isolation:isolate;min-height:82px;border-radius:6px;border:1px solid #61869e6b;background:linear-gradient(#31556d 0%,#203e53 48%,#0b1d2b 49%,#071723 51%,#1b3548 52%,#28495f 100%);font-size:43px;letter-spacing:1px;color:#e4f5ff;text-shadow:0 2px 0 #06111c,0 4px 7px #0009;box-shadow:inset 0 1px #d7f4ff3b,inset 0 -2px #0006,0 3px 0 #030b12,0 6px 8px #0008;line-height:1;overflow:visible}.countdown-digits strong:before{content:'';position:absolute;left:-3px;right:-3px;top:calc(50% - 2px);height:4px;background:linear-gradient(90deg,#92afbf 0 4px,transparent 4px calc(100% - 4px),#92afbf calc(100% - 4px));filter:drop-shadow(0 1px 1px #000);z-index:2}.countdown-digits strong:after{content:'';position:absolute;inset:50% 2px auto;height:1px;background:#020b1399;box-shadow:0 1px #a6d5ed16;pointer-events:none}.countdown-digits>div>span{display:inline-block;margin-top:12px;font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#8daebf;text-shadow:0 1px #000}.countdown-digits>b{font-size:23px;line-height:1;margin:0 0 23px;color:#6ca2be;text-shadow:0 2px #03111d}.countdown-digits>div:first-child strong{background:linear-gradient(#337b9c 0%,#245b78 48%,#102b3c 49%,#081b29 51%,#21526d 52%,#2c6b8d 100%);border-color:#74c2e06b}.digit-change{animation:board-change .38s cubic-bezier(.2,.7,.25,1);transform-origin:50% 50%;backface-visibility:hidden}@keyframes board-change{0%{transform:perspective(450px) rotateX(-24deg);filter:brightness(.7)}55%{transform:perspective(450px) rotateX(5deg);filter:brightness(1.18)}100%{transform:perspective(450px) rotateX(0);filter:brightness(1)}}@media(max-width:650px){.countdown{padding:17px 10px 18px}.countdown-digits{gap:6px}.countdown-digits>div{width:58px}.countdown-digits strong{min-height:65px;font-size:31px}.countdown-digits>b{font-size:16px;margin-bottom:22px}.countdown-digits>div>span{font-size:7px;letter-spacing:.5px;margin-top:10px}.countdown h2{font-size:8px;letter-spacing:1.4px}.countdown-digits strong:before{height:3px;top:calc(50% - 1px)}}@media(prefers-reduced-motion:reduce){.digit-change{animation:none!important}}
/* Habbo-style pixel counter: solid colors and hard one-pixel bevels. */
@font-face{font-family:IceVolter;src:url('assets/volter.ttf') format('truetype');font-display:swap}
.countdown{display:block;width:fit-content;max-width:100%;margin:25px auto 0;padding:15px 22px 18px;background:#172d3d;border:2px solid #071722;border-radius:3px;box-shadow:0 0 0 1px #50768c,inset 1px 1px #476779,inset -1px -1px #0b1d29,0 4px 0 #07131c}.countdown h2{font-family:IceVolter,monospace;font-size:9px;font-weight:400;letter-spacing:0;text-transform:none;color:#a7c7da;margin-bottom:16px}.countdown-digits{gap:9px;align-items:flex-start}.countdown-digits>div{width:69px}.countdown-digits strong{min-height:58px;border:2px solid #071822;border-radius:2px;background:#24485e!important;box-shadow:inset 1px 1px #5c8499,inset -1px -1px #153044,0 2px 0 #07131c;font-family:IceVolter,monospace;font-size:27px;font-weight:400;letter-spacing:1px;color:#e6f6ff;text-shadow:2px 2px #0c2638;line-height:1;padding-top:3px}.countdown-digits strong:before,.countdown-digits strong:after{display:none}.countdown-digits>div:first-child strong{background:#276f91!important;border-color:#081b26;box-shadow:inset 1px 1px #74bdd6,inset -1px -1px #164765,0 2px 0 #07131c}.countdown-digits>div>span{font:9px IceVolter,monospace;text-transform:none;letter-spacing:0;color:#b3cbd8;margin-top:12px;text-shadow:1px 1px #071724}.countdown-digits>b{font:18px IceVolter,monospace;margin:16px 0 0;color:#93b4c8;text-shadow:1px 1px #000}.digit-change{animation:none!important;transform:none!important;filter:none!important}.countdown:before{display:none}@media(max-width:650px){.countdown{padding:14px 12px 17px}.countdown-digits{gap:5px}.countdown-digits>div{width:49px}.countdown-digits strong{font-size:22px;min-height:49px}.countdown-digits>div>span{font-size:8px}.countdown-digits>b{font-size:14px;margin-top:15px}.countdown h2{font-size:8px}}
/* Match the CMS typography and restrained blue controls. */
.countdown{width:100%;margin-top:24px;padding:19px 20px 21px;border:1px solid #769db72e;border-radius:8px;background:rgba(10,28,42,.45);box-shadow:inset 0 1px #c9edff08,0 5px 14px #0002}.countdown h2{font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:10px;letter-spacing:.8px;color:#a3c4d9;margin-bottom:17px}.countdown-digits{gap:12px}.countdown-digits>div{width:77px}.countdown-digits strong{font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:32px;letter-spacing:-.7px;min-height:64px;padding-top:0;border:1px solid #7ba5bf40;border-radius:6px;background:#24475d85!important;color:#e6f5ff;text-shadow:0 2px 2px #071a2840;box-shadow:inset 0 1px #c4e8fa16,0 3px 8px #0003}.countdown-digits>div:first-child strong{background:#286b8980!important;border-color:#79bbd54d;box-shadow:inset 0 1px #c4e8fa18,0 3px 8px #0003}.countdown-digits>div>span{font-family:Poppins,Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:0;color:#9bb8cd;text-shadow:none;margin-top:8px}.countdown-digits>b{font-family:Poppins,Arial,sans-serif;font-size:21px;font-weight:400;margin-top:14px;color:#6892ad;text-shadow:none}@media(max-width:650px){.countdown{padding:17px 10px}.countdown-digits{gap:7px}.countdown-digits>div{width:54px}.countdown-digits strong{min-height:54px;font-size:27px}.countdown-digits>div>span{font-size:8px}.countdown-digits>b{font-size:17px;margin-top:13px}}
/* Stronger countdown and a complete community footer. */
.maintenance{padding-bottom:0}.countdown{background:transparent;border:0;border-top:1px solid #78b1d133;border-radius:0;box-shadow:none;padding:22px 0 0}.countdown h2{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:#8fbbd4}.countdown-digits{gap:15px}.countdown-digits>div{width:84px}.countdown-digits strong{min-height:72px;font-size:36px;background:#1c4056b3!important;border:1px solid #77b9d84d;box-shadow:inset 0 2px #b5e5f21c,0 5px 0 #071e2d,0 9px 14px #0004;border-radius:7px}.countdown-digits>div:first-child strong{background:#277b9aab!important;box-shadow:inset 0 2px #b5e5f233,0 5px 0 #0b3b53,0 9px 18px #0004}.countdown-digits>div>span{margin-top:13px;font-size:10px;color:#b2cedf}.countdown-digits>b{font-size:23px;margin-top:19px;color:#76b9d8}.maintenance>footer.site-footer{width:min(1040px,100%);max-width:none;margin:37px auto 0;text-align:left;background:#0b1e2de8;border-top:2px solid #377b9c;border-radius:10px 10px 0 0;box-shadow:0 -8px 28px #0002;font-size:11px;color:#b0c7d7}.footer-main{display:flex;justify-content:space-between;gap:30px;padding:24px 31px;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:9px}.footer-brand img{width:170px;height:auto}.maintenance>footer.site-footer .footer-brand>span{font-size:11px;color:#87a8bf}.footer-team{display:grid;grid-template-columns:1fr auto;column-gap:25px;row-gap:6px;align-items:center}.maintenance>footer.site-footer .footer-team>span{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#67b8d8}.footer-team>strong{font-size:11px;font-weight:500;grid-column:1;color:#c9deeb}.footer-team #open-login{grid-column:2;grid-row:1/3;background:#246f90;border:1px solid #57a1c0;box-shadow:0 3px #092b40;padding:12px 17px;border-radius:5px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #547d962b;padding:13px 31px;background:#07152377}.maintenance>footer.site-footer .footer-bottom>span{font-size:8px;color:#7897ac}.maintenance>footer.site-footer .footer-bottom>span:first-child{color:#a4c6da;white-space:nowrap}@media(max-width:700px){.footer-main{padding:22px;align-items:flex-start;flex-direction:column;gap:24px}.footer-team{width:100%;column-gap:15px}.footer-bottom{padding:13px 22px;flex-direction:column;gap:6px}.maintenance>footer.site-footer{margin-top:28px}.countdown-digits{gap:7px}.countdown-digits>div{width:55px}.countdown-digits strong{min-height:58px;font-size:28px}.countdown-digits>b{font-size:17px;margin-top:17px}.countdown-digits>div>span{font-size:8px}.footer-team>strong{font-size:10px}.footer-team #open-login{font-size:10px;padding:10px}.footer-brand img{width:150px}}
.countdown-login{display:flex;justify-content:center;margin-top:23px}.countdown-login #open-login{font-size:11px;padding:10px 16px;background:#244c63a6;border:1px solid #71a8c24d;box-shadow:none}.maintenance>footer.site-footer{margin:23px auto 0;width:min(760px,100%);background:#0c2030a6;border-top:1px solid #6c9ab43b;border-radius:6px 6px 0 0;padding:12px 20px 10px;box-shadow:none}.footer-compact{display:flex;align-items:center;justify-content:space-between;gap:20px}.maintenance>footer.site-footer .footer-compact>span{font-size:10px;color:#a3bfd1}.discord-button{display:inline-flex;align-items:center;gap:16px;padding:8px 13px;font:600 10px Poppins,Arial,sans-serif;color:#eef5ff;text-decoration:none;border:1px solid #8994df66;background:#465497b3;border-radius:5px}.discord-button:hover{background:#5865af}.discord-button>span{font-size:14px}.maintenance>footer.site-footer>p{font-size:8px;line-height:1.7;color:#718fa5;margin:9px 0 0}.panel-content{padding-bottom:24px}
/* Staff form follows the current maintenance panel. */
dialog#staff-login{width:440px;max-width:calc(100% - 32px);padding:0;background:rgba(17,37,53,.9);border:1px solid #95bdd04d;border-radius:8px;box-shadow:0 18px 60px #0008;backdrop-filter:blur(6px);color:#eaf5fc;font-family:Poppins,Arial,sans-serif}dialog#staff-login::backdrop{background:rgba(3,12,22,.72);backdrop-filter:blur(3px)}.login-bar{padding:16px 22px;background:rgba(40,83,106,.28);border-bottom:1px solid #78b1d12b;color:#b1d0e2}.login-bar>strong{font-size:11px;font-weight:500;letter-spacing:.4px}.login-bar button{width:27px;height:27px;border:1px solid #71a8c24d;border-radius:5px;background:#244c6377;color:#d6ebf8;font:21px Arial;box-shadow:none}.login-bar button:hover{background:#326982}.login-body{padding:25px 30px 26px}.login-body h2{font-size:23px;line-height:1.35;letter-spacing:-.6px;color:#f0f8ff;text-align:center;margin:0 0 10px}.login-body>p{text-align:center;font-size:11px;line-height:1.8;color:#a7c1d2;margin-bottom:24px}.login-body label{font-size:11px;font-weight:500;color:#bed6e5;margin:17px 0 8px}.login-body input{font:12px Poppins,Arial,sans-serif;color:#edf7ff;background:#102a3bc4;border:1px solid #79a5be40;border-radius:5px;padding:13px 12px;box-shadow:inset 0 2px 4px #0002}.login-body input::placeholder{color:#7096af}.login-body .password-wrap{background:#102a3bc4;border:1px solid #79a5be40;border-radius:5px;box-shadow:inset 0 2px 4px #0002}.login-body .password-wrap input{background:transparent;border:0;box-shadow:none}.login-body .password-wrap button{font:10px Poppins,Arial,sans-serif;color:#86bfdc}.login-body input:focus-visible{outline:2px solid #4b9fc2;outline-offset:2px}.login-body .password-wrap:focus-within{outline:2px solid #4b9fc2;outline-offset:2px}.login-body .password-wrap input:focus-visible{outline:0}.submit-login{font:600 12px Poppins,Arial,sans-serif;min-height:44px;background:#286e8cc4;border:1px solid #75bed64d;border-radius:5px;box-shadow:inset 0 1px #c4e8fa18,0 3px #0a2a3c;color:#edf8ff;margin:24px 0 17px;transition:background .2s}.submit-login:hover{background:#3287a6}.login-body #login-message{text-align:center;font-size:9px;color:#7d9eb4;line-height:1.8;margin-bottom:13px}.login-body form>a{display:block;text-align:center;border-top:1px solid #78b1d12b;padding-top:14px;font-size:10px;color:#94c8e0;text-decoration:none}.login-body form>a:hover{color:#d1edfc}@media(max-width:500px){.login-body{padding:23px}.login-body h2{font-size:21px}}
/* Staff access uses the same floating logo and transparent notice composition. */
dialog#staff-login{width:460px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible;padding-top:82px}dialog#staff-login::backdrop{background:#030d18c7;backdrop-filter:blur(4px)}.staff-logo{position:absolute;width:245px;max-width:64%;height:auto;left:50%;top:0;transform:translateX(-50%);filter:drop-shadow(0 4px 4px #0005)}.staff-close{position:absolute;right:0;top:20px;z-index:2;width:29px;height:29px;border:1px solid #7ab4cd40;border-radius:5px;background:#17384d9c;color:#c9e4f3;font:22px Arial;cursor:pointer}.staff-close:hover{background:#2b6884}.login-body{padding:29px 35px 25px;background:rgba(17,37,53,.79);border:1px solid #95bdd04d;border-radius:8px;box-shadow:0 18px 50px #0005;backdrop-filter:blur(4px)}.staff-label{display:block;text-align:center;font:500 8px Poppins,Arial,sans-serif;letter-spacing:1.5px;color:#7bb9d5;margin-bottom:12px}.login-body h2{font-size:27px;letter-spacing:-.7px;margin-bottom:10px}.login-body>p{font-size:11px;line-height:1.8;margin-bottom:23px;color:#a6c4d7}.login-body label{font-size:10px;color:#a8c5d7;margin-top:16px}.login-body input{background:#17384c70;border-color:#81b2cc40;padding:14px 13px;font-size:12px;box-shadow:inset 0 1px #b7e5fc08}.login-body .password-wrap{background:#17384c70;border-color:#81b2cc40;box-shadow:inset 0 1px #b7e5fc08}.submit-login{background:#286f8e9c;border:1px solid #83c7df4d;box-shadow:inset 0 1px #b6e5f524,0 3px #09283b80;min-height:47px;margin-top:25px;font-size:12px}.submit-login:hover{background:#328aab}.login-body #login-message{font-size:8px;color:#6e94ad;margin:1px 0 14px}.login-body form>a{font-size:9px;border-top-color:#91bed51f;color:#8abbd4;padding-top:14px}@media(max-width:500px){dialog#staff-login{padding-top:72px}.staff-logo{width:215px}.staff-close{right:3px;top:16px}.login-body{padding:25px}.login-body h2{font-size:25px}}
/* Replay a short pop-in whenever the native dialog opens. */
@keyframes staff-pop-in{0%{opacity:0;transform:translateY(15px) scale(.94)}65%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes staff-backdrop-in{from{background-color:rgba(3,13,24,0)}to{background-color:rgba(3,13,24,.78)}}@media(prefers-reduced-motion:no-preference){dialog#staff-login[open]{animation:staff-pop-in .32s cubic-bezier(.2,.75,.3,1) both;transform-origin:50% 45%}dialog#staff-login[open]::backdrop{animation:staff-backdrop-in .23s ease-out both}}
[hidden]{display:none!important}.login-errors{color:#ffb7ae;font-size:11px;line-height:1.6;margin-bottom:16px}.login-errors p{margin:5px 0;color:inherit}
/* Keep the supplied 736px artwork near its native size instead of stretching it across wide screens. */
body{background:#081323}.backdrop{inset:0;background-color:#081323;background-image:linear-gradient(#06101bb8,#0714248f),url('assets/winter-village.png');background-size:100% 100%,min(100vw, 920px) auto;background-position:center,center;background-repeat:no-repeat}.backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 470px 360px at center,transparent 52%,#081323 100%);pointer-events:none}@media(max-width:600px){.backdrop{background-size:100% 100%,736px auto}.backdrop:after{background:radial-gradient(ellipse 420px 340px at center,transparent 55%,#081323 100%)}}
/* Let the village extend beyond both sides of the 760px panel. */
.backdrop{background-size:100% 100%,min(100vw, 1180px) auto}.backdrop:after{background:radial-gradient(ellipse 650px 470px at center,transparent 70%,#081323 100%)}@media(max-width:600px){.backdrop{background-size:100% 100%,820px auto}.backdrop:after{background:radial-gradient(ellipse 500px 420px at center,transparent 70%,#081323 100%)}}
/* Larger supplied original: cap at native width and blend its outer silhouette into navy. */
body{background:#070f1c}.backdrop{inset:0;background-color:#070f1c;background-image:linear-gradient(rgba(5,16,30,.61),rgba(5,16,30,.65)),url('assets/winter-hotel-large.png');background-size:100% 100%,1256px auto;background-position:center,center 48%;background-repeat:no-repeat;image-rendering:auto}.backdrop:after{background:linear-gradient(90deg,#070f1c 0%,transparent calc(50% - 540px),transparent calc(50% + 540px),#070f1c 100%)}@media(max-width:600px){.backdrop{background-size:100% 100%,1000px auto;background-position:center,center}.backdrop:after{background:linear-gradient(90deg,#070f1c30,transparent 22%,transparent 78%,#070f1c30)}}