@import url("https://forge.akamaized.net/fonts/hbazvtbtgvez5pqxwgzl.css");
:root { font-family: "Blizzard", "Trebuchet MS", Arial, sans-serif; color: #f4e1b1; background: #061321; }
* { box-sizing: border-box; }
html, body { margin: 0; min-width: 320px; min-height: 100%; }
body { min-height: 100vh; overflow-x: hidden; background: #061321; }
.splash { position: relative; isolation: isolate; display: grid; min-height: 100svh; place-items: center; overflow: hidden; padding: clamp(2rem, 6vw, 5rem) 1.25rem 4rem; }
.hero-art, .hero-art img, .veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-art { z-index: -3; }
.hero-art img { object-fit: cover; object-position: center; }
.veil { z-index: -2; background: radial-gradient(ellipse at 50% 43%, rgba(3, 20, 37, .16) 0%, rgba(3, 14, 29, .58) 58%, rgba(2, 8, 18, .84) 100%), linear-gradient(180deg, rgba(1, 9, 20, .18), rgba(1, 9, 20, .48)); }
.content { width: min(100%, 62rem); margin: auto; text-align: center; animation: reveal .9s ease-out both; }
.logo { display: block; width: min(76vw, 37rem); max-height: 29vh; margin: 0 auto clamp(.8rem, 2.2vh, 1.5rem); object-fit: contain; filter: drop-shadow(0 7px 14px rgba(0,0,0,.62)); }
h1 { margin: 0 0 clamp(1.2rem, 3.5vh, 2.4rem); color: #f0d18c; font-size: clamp(1.2rem, 2.6vw, 2rem); font-weight: 600; letter-spacing: .44em; line-height: 1.1; padding-left: .44em; text-shadow: 0 2px 5px #000; }
.countdown { display: flex; align-items: flex-start; justify-content: center; gap: clamp(.45rem, 2vw, 1.6rem); padding: clamp(1rem, 2.4vw, 1.7rem) clamp(.75rem, 3vw, 2.5rem); border-top: 1px solid rgba(216, 188, 126, .68); border-bottom: 1px solid rgba(216, 188, 126, .42); background: linear-gradient(90deg, rgba(2, 22, 40, .1), rgba(4, 34, 54, .55), rgba(2, 22, 40, .1)); box-shadow: 0 8px 30px rgba(0,0,0,.23); }
.time-unit { min-width: clamp(3.7rem, 13vw, 8.2rem); }
.number { display: block; color: #f4d690; font-family: Georgia, serif; font-size: clamp(2rem, 6vw, 4.8rem); font-variant-numeric: tabular-nums; font-weight: 700; line-height: .95; text-shadow: 0 3px 8px #000; }
.label { display: block; margin-top: .65rem; color: #8dc4cb; font-size: clamp(.52rem, 1.15vw, .78rem); font-weight: 700; letter-spacing: .18em; line-height: 1; }
.separator { align-self: center; padding-top: .05em; color: rgba(238, 211, 157, .72); font-family: Georgia, serif; font-size: clamp(1.5rem, 4vw, 3rem); }
.disclaimer { position: absolute; right: 1rem; bottom: .8rem; left: 1rem; margin: 0; color: rgba(221, 226, 224, .72); font: 500 .65rem/1.4 Arial, sans-serif; letter-spacing: .03em; text-align: center; }
@keyframes reveal { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) { .splash { padding: 1.5rem 1rem 3.7rem; } .logo { width: min(89vw, 27rem); max-height: 25vh; margin-bottom: 1rem; } h1 { margin-bottom: 1.5rem; font-size: clamp(1rem, 4.8vw, 1.45rem); letter-spacing: .3em; padding-left: .3em; } .countdown { gap: .2rem; padding: 1rem .2rem; } .time-unit { min-width: 0; flex: 1 1 0; } .number { font-size: clamp(1.75rem, 9.4vw, 3rem); } .label { font-size: clamp(.42rem, 2.2vw, .62rem); letter-spacing: .1em; } .separator { font-size: 1.45rem; } }
@media (prefers-reduced-motion: reduce) { .content { animation: none; } }


/* The approved three portal identities, stacked in the owner-selected order. */
.portal-chooser{z-index:2;text-align:center;color:#ffe5af;font-family:Georgia,serif}
.portal-chooser h2{font-size:clamp(19px,1.6vw,26px);line-height:1.25;margin:0 0 14px;font-weight:normal;text-shadow:0 2px 5px #000}
.portal-options{display:flex;flex-direction:column;align-items:center;gap:10px}
.portal-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-height:130px;padding:8px 10px;color:#ffe5af;text-decoration:none;border:1px solid transparent;border-radius:8px;text-shadow:0 2px 5px #000;transition:background .15s,border-color .15s}
.portal-option img{display:block;width:clamp(110px,9vw,166px);height:clamp(96px,11vh,145px);object-fit:contain;filter:drop-shadow(0 5px 8px #000b)}
.portal-option span{font-size:17px;letter-spacing:.04em;line-height:1.2}
.portal-option:hover{background:#08132090;border-color:#c3a46a80}.portal-option:focus-visible{outline:2px solid #ffe5af;outline-offset:3px}
@media(min-width:1000px){.splash{padding-right:calc(clamp(170px,14vw,240px) + clamp(24px,4vw,80px) + 24px)}.portal-chooser{position:absolute;top:clamp(22px,7vh,95px);right:clamp(24px,4vw,80px);width:clamp(170px,14vw,240px)}}
@media(max-width:999px){.splash{display:flex;flex-direction:column;justify-content:center;gap:24px}.content{order:1;margin:24px 0 0}.portal-chooser{order:2;position:relative;width:min(260px,100%);margin-top:8px}.portal-options{gap:8px}.portal-option{min-height:126px}.portal-option img{width:140px;height:108px}.portal-chooser h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.portal-option{transition:none}}