:root{font-family:'Noto Serif KR',serif;color:#f7f2df;background:#030917;--gold:#efd69a}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#182c4b,#030917 70%)}button,a{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.home-stage{position:relative;width:min(100%,177.68dvh);min-height:min(100dvh,56.29vw);aspect-ratio:1672/941;background:url('assets/ui/opening-title-bg-clean.png?v=533e1b5c5f08') center/cover no-repeat;box-shadow:0 0 70px #0008;isolation:isolate}.home-stage::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,#07142dea 66%,#07142d 75%);z-index:-1}.home-panel{width:33%;margin-left:auto;margin-right:3%;padding:3% 2%;display:flex;flex-direction:column;justify-content:center;min-height:inherit}.home-logo{text-align:center;margin-bottom:22px}.home-logo p{font-size:clamp(9px,.8vw,13px);letter-spacing:.15em;color:#c0cde3}.home-logo h1{font-size:clamp(34px,4vw,64px);line-height:1.12;margin:8px 0;color:#fff3d9;letter-spacing:-.06em;text-shadow:0 0 24px #bad2ff30}.home-logo small{font-size:clamp(8px,.75vw,12px);letter-spacing:.2em;color:var(--gold)}.home-menu{display:grid;gap:3px}.home-menu button{display:grid;grid-template-columns:1.6em 1fr auto;align-items:center;gap:8px;text-align:left;padding:11px 10px;background:transparent;border:0;border-bottom:1px solid #efd69a44;font-size:clamp(14px,1.3vw,22px);min-height:44px}.home-menu button>span{color:var(--gold);text-align:center}.home-menu button>small{font-size:.48em;letter-spacing:.1em;color:#c0cde3}.home-menu button:hover:not(:disabled),.home-menu button:focus-visible{background:linear-gradient(90deg,#bad2ff40,#bad2ff09);box-shadow:inset 0 0 0 1px #efd69a77;color:#fff5db}.home-panel>p{font-size:12px;color:#c0cde3;text-align:center;line-height:1.7;margin:18px 0 0}dialog{font:inherit;color:#f7f2df;background:linear-gradient(135deg,#18304e,#08172d);border:1px solid #b69c68;border-radius:12px;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:28px;box-shadow:0 24px 80px #0009}dialog::backdrop{background:#020713c9;backdrop-filter:blur(3px)}dialog h2{color:var(--gold);margin:0 34px 20px 0}dialog p{line-height:1.8}#home-close{position:absolute;right:12px;top:10px;background:transparent;border:0;color:var(--gold);font-size:28px}dialog button:not(#home-close),dialog a{display:inline-block;background:#233f63;border:1px solid #a18a58;border-radius:7px;color:#fff1d2;padding:10px 15px;text-decoration:none}.home-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}.home-slot{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #465c78;padding:12px;border-radius:8px;margin:10px 0}.home-slot p{margin:3px 0;font-size:13px;color:#c0cde3}.home-slot button{flex:none}.home-album{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-album img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #a18a58;border-radius:5px}.home-album figure{margin:0}.home-album figcaption{font-size:12px}.home-album-note{color:#c0cde3}
@media(max-width:700px){body{display:block}.home-stage{width:100%;aspect-ratio:auto;min-height:100dvh;background-size:auto 380px;background-position:left top;background-repeat:no-repeat;background-color:#07142d}.home-stage::before{background:linear-gradient(transparent 170px,#07142d 330px)}.home-panel{padding:250px 24px 28px;width:100%;margin:0}.home-logo{margin-bottom:18px}.home-logo h1{font-size:42px}.home-logo p{font-size:11px}.home-menu button{font-size:18px;padding:13px 10px;min-height:48px}.home-menu button>small{font-size:9px}dialog{padding:22px 18px}.home-album{grid-template-columns:repeat(2,1fr)}}@media(max-height:650px) and (min-width:701px){.home-panel{padding-block:12px}.home-logo{margin-bottom:8px}.home-logo h1{font-size:34px}.home-logo p{margin:4px}.home-menu button{padding-block:6px;min-height:34px}.home-panel>p{margin-top:8px}}

/* Restore the original opening's drifting gold lights and illuminated menu surface. */
.home-stage{overflow:hidden}.home-stage::before{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.02) 0 54%,rgba(6,15,35,.45) 64%,rgba(4,12,30,.92) 78%,rgba(3,10,25,.98) 100%)}
.home-panel{position:relative;z-index:5}.home-logo h1{color:#f7f2df;text-shadow:0 3px 0 #0003,0 0 22px #d6e4ff47}.home-logo h1 span{color:#fff}
.home-ambient{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.home-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff2bd;filter:drop-shadow(0 0 5px #ffdf79);opacity:.75;animation:home-drift var(--dur) linear infinite}
@keyframes home-drift{0%{transform:translate3d(0,20px,0) scale(.7);opacity:0}15%{opacity:.8}80%{opacity:.45}100%{transform:translate3d(var(--dx),-150px,0) scale(1.25);opacity:0}}
.home-stage::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 36% 23%,#ffdf7920,transparent 42%);animation:home-glimmer 8s ease-in-out infinite alternate}
@keyframes home-glimmer{from{opacity:.3;transform:translate3d(0,3px,0)}to{opacity:.85;transform:translate3d(0,-3px,0)}}
.home-menu button{position:relative;isolation:isolate;--glow:0;border-radius:0;transition:color .2s,transform .15s}
.home-menu button::before{content:'';position:absolute;inset:.18em -.2em;z-index:-1;border:1px solid rgba(239,214,154,calc(.14 + var(--glow)*.6));background:linear-gradient(90deg,rgba(192,218,255,calc(.12 + var(--glow)*.36)),rgba(123,155,220,calc(.08 + var(--glow)*.26)),transparent 92%);box-shadow:0 0 calc(28px*var(--glow)) #96beff47,inset 0 0 calc(18px*var(--glow)) #fff7d224;opacity:calc(.1 + var(--glow));transition:.18s;pointer-events:none}
.home-menu button:hover:not(:disabled),.home-menu button:focus-visible{--glow:1;background:transparent;box-shadow:none;color:#fff;transform:translateX(.2em)}
.home-menu button:disabled::before{display:none}.home-menu button>span{color:#efd69a}
dialog{background:linear-gradient(135deg,rgba(19,42,79,.96),rgba(6,18,42,.97)),radial-gradient(circle at 30% 0%,rgba(140,177,255,.12),transparent 50%)}
dialog button:not(#home-close),dialog a{border-radius:3px;background:linear-gradient(100deg,#c0daff1f,#7b9bdc14,transparent);border-color:#efd69a66}
dialog button:not(#home-close):hover{background:linear-gradient(100deg,#c0daff47,#7b9bdc33,transparent);box-shadow:0 0 20px #96beff2e}
.home-paused .home-spark,.home-paused::after{animation-play-state:paused}
@media(max-width:700px){.home-stage::before{background:linear-gradient(transparent 170px,#07142d 330px)}}
@media(prefers-reduced-motion:reduce){.home-ambient{display:none}.home-stage::after{animation:none;opacity:.3}.home-menu button,.home-menu button::before{transition:none}.home-menu button:hover:not(:disabled),.home-menu button:focus-visible{transform:none}}