.entrance-open{overflow:hidden}
dialog.welcome-screen{inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:25px;border:0;border-radius:0;overflow:auto;color:#fff0d2;background:linear-gradient(180deg,#0d081b8c,#0d081b44 40%,#0d081bdb),url('assets/dragon-forge-scene.webp') center/cover no-repeat #100b1b;isolation:isolate}
.welcome-screen[open]{display:grid;grid-template-rows:auto 1fr auto;align-items:center}.welcome-screen::backdrop{background:#100b1b}
.welcome-aura{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 52%,#190c2ae8 10%,#210e2ba8 35%,transparent 66%);pointer-events:none}
.welcome-brand{text-align:center;font:900 32px/1 Georgia,serif;letter-spacing:6px;color:#ffdfa1;text-shadow:0 0 25px #ed883d}.welcome-brand span{display:block;font:600 8px/1.4 system-ui;letter-spacing:5px;margin-top:10px;color:#e2bfdc}
.welcome-center{position:relative;z-index:2;text-align:center;padding:36px 0;max-width:900px;width:100%;margin:auto}.welcome-kicker{font-size:10px;letter-spacing:5px;color:#ffce87}.welcome-center h1{font:800 clamp(36px,5.7vw,80px)/1.05 Georgia,serif;letter-spacing:-2px;margin:22px 0;text-shadow:0 4px 35px #000}.welcome-center h1 em{display:block;font-weight:400;color:#ffd28a}.welcome-center>p:not(.welcome-kicker){font-size:clamp(12px,1.3vw,17px);color:#e1cbdc;margin:0 0 48px}.welcome-center>small{display:block;margin-top:33px;font-size:9px;letter-spacing:3px;color:#dbc0d6}
.lets-go{position:relative;min-height:114px;width:min(470px,82vw);padding:24px 35px;border:2px solid #ffe9ad;border-radius:22px;background:linear-gradient(120deg,#fff1b6,#ffc15d 48%,#d57b35);color:#32102b;font:900 clamp(38px,5vw,68px)/1 Georgia,serif;box-shadow:inset 0 0 0 5px #ac632945,0 0 40px #ff992b80,0 16px 55px #0008;cursor:pointer;animation:lets-go-heartbeat 1.8s ease-in-out infinite;touch-action:manipulation}.lets-go span{font-family:system-ui;font-size:.65em;margin-left:18px}.lets-go::before{content:'';position:absolute;inset:-12px;border:1px solid #f8c58199;border-radius:30px;box-shadow:0 0 25px #ffae4333;pointer-events:none}.lets-go:hover{filter:brightness(1.12)}.lets-go:focus-visible{outline:4px solid #fff;outline-offset:17px}
.welcome-dragon{position:absolute;z-index:1;pointer-events:none;top:20%;width:min(39vw,570px);aspect-ratio:1;background:url('assets/dragon-reactions.webp') 50% 0/300% 100% no-repeat;filter:drop-shadow(0 0 28px #ad83ff80);opacity:.88}.welcome-left{left:-5%;transform:rotate(-9deg)}.welcome-right{right:-5%;transform:scaleX(-1) rotate(-9deg)}.welcome-foot{position:relative;z-index:2;text-align:center;font-size:9px;letter-spacing:3px;color:#d4afc6}.welcome-foot span{padding:0 18px;color:#ffc46b}
@keyframes lets-go-heartbeat{0%,100%{transform:scale(1);box-shadow:inset 0 0 0 5px #ac632945,0 0 35px #ff992b70,0 16px 55px #0008}45%{transform:scale(1.055);box-shadow:inset 0 0 0 5px #ac632945,0 0 75px #ffb443ba,0 16px 55px #0008}65%{transform:scale(1.018)}80%{transform:scale(1.035)}}
dialog.quick-start{width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:30px;border:1px solid #e5b56688;background:radial-gradient(circle at top right,#56305d88,transparent 55%),#1b1426;box-shadow:0 25px 120px #000b;overflow:auto}.quick-start h2{font:700 34px/1.1 Georgia,serif;margin:14px 0 23px;color:#ffe2aa}.quick-start ol{list-style:none;counter-reset:guide;padding:0;margin:0;display:grid;gap:17px}.quick-start li{position:relative;padding-left:40px;counter-increment:guide}.quick-start li::before{content:counter(guide);position:absolute;left:0;top:0;width:27px;height:27px;border:1px solid #d3a65d66;border-radius:50%;display:grid;place-items:center;color:#ffd38d;font-size:12px}.quick-start b{display:block;color:#ffe0a1;font-size:13px;margin-bottom:4px}.quick-start li span{display:block;font-size:12px;line-height:1.6;color:#d5c4d9}.guide-note{font-size:10px;line-height:1.6;color:#bca7bf;margin:20px 0}.quick-start .primary-small{width:100%;min-height:47px;font-size:13px;cursor:pointer}.guide-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:1px solid #ac7f5966;border-radius:50%;background:#25182d;color:#ffe0ac;cursor:pointer;font-size:22px}.quick-start button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:620px){dialog.welcome-screen{padding:24px 18px}.welcome-brand{font-size:27px}.welcome-center{padding:28px 0}.welcome-center h1{font-size:43px;margin:20px 0}.welcome-center>p:not(.welcome-kicker){max-width:260px;margin:0 auto 48px;line-height:1.6}.welcome-kicker{font-size:8px;letter-spacing:3px}.welcome-center>small{font-size:7px;letter-spacing:2px}.lets-go{min-height:100px;width:min(310px,80vw);font-size:47px;padding:23px 15px}.welcome-dragon{width:63vw;top:18%;opacity:.65}.welcome-left{left:-25%}.welcome-right{right:-25%}.welcome-foot{font-size:7px;letter-spacing:1.3px}.welcome-foot span{padding:0 8px}.quick-start{padding:24px!important}.quick-start h2{font-size:29px}}
@media(max-height:620px){.welcome-brand{font-size:23px}.welcome-center{padding:16px 0}.welcome-center h1{font-size:35px;margin:12px 0}.welcome-center>p:not(.welcome-kicker){margin-bottom:26px}.lets-go{min-height:76px;font-size:42px;padding:15px 30px}.welcome-center>small{margin-top:24px}.welcome-kicker{margin:0}.welcome-dragon{top:10%;width:46vh}}
@media(prefers-reduced-motion:reduce){.lets-go{animation:none}}

.welcome-center>p.welcome-phrase{max-width:440px;margin:0 auto 10px;line-height:1.6}.welcome-voice{display:block;margin:0 auto 30px;padding:9px 16px;border:1px solid #e8bf8370;border-radius:24px;background:#191020b8;color:#ffe1b0;font:600 12px/1.4 system-ui;cursor:pointer}.welcome-voice:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-height:620px){.welcome-voice{margin-bottom:20px;padding:6px 12px}.welcome-center>p.welcome-phrase{font-size:11px;max-width:290px}}
@media(max-height:620px){.lets-go{padding-inline:15px;white-space:nowrap}}