.intro-choice{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 30%,#461219 0,#170b0d 30%,#070707 68%);overflow:auto;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));color:#fff}
.intro-choice[hidden]{display:none}
.intro-inner{width:min(640px,100%);text-align:center}
.intro-logo{display:block;width:min(29svh,210px,48vw);height:min(29svh,210px,48vw);object-fit:contain;margin:0 auto 16px;filter:drop-shadow(0 8px 30px #ef354033)}
.intro-eyebrow{font-size:9px;letter-spacing:3px;color:#d9bdc0;margin:0 0 10px}
.intro-inner h1{font:bold clamp(24px,5vw,40px)/1.2 Georgia,serif;letter-spacing:4px;margin:0;background:linear-gradient(#fff 30%,#ff6b79);background-clip:text;color:transparent}
.intro-prompt{font-size:13px;color:#c7bec0;margin:20px 0}
.intro-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.intro-option{display:flex;flex-direction:column;align-items:center;gap:11px;padding:22px 16px;border:1px solid #ffffff30;background:linear-gradient(130deg,#242124,#111);border-radius:12px;text-decoration:none;color:white;font-family:Arial,sans-serif;cursor:pointer;transition:background .15s,border-color .15s;text-align:center;min-width:0}
.intro-option:hover,.intro-option:focus-visible{border-color:#ff5061;background:linear-gradient(130deg,#3a181e,#191114);outline:2px solid white;outline-offset:3px}
.intro-option-gaming{border-color:#e93d51;background:linear-gradient(130deg,#39151c,#160e10)}
.intro-option-icon{font-size:28px;color:#ff5366;line-height:1}
.intro-option strong{font-size:17px}.intro-option>span:not(.intro-option-icon){font-size:11px;line-height:1.5;color:#bfb5b8}.intro-option b{font-size:9px;letter-spacing:2px;margin-top:7px;color:#ff8894}
.intro-note{font-size:10px;color:#8b7d81;margin:20px 0 0}
.view-switcher{position:absolute;right:18px;top:max(18px,env(safe-area-inset-top));z-index:65;background:#131313cc;border:1px solid #ff506155;border-radius:6px;padding:10px 12px;font-size:10px;color:#eee;min-height:40px}
@media(max-width:400px){.intro-options{gap:10px}.intro-option{padding:18px 8px}.intro-option strong{font-size:14px}.intro-option>span:not(.intro-option-icon){font-size:10px}.view-switcher{font-size:9px;right:12px;padding:8px}}
@media(max-height:500px) and (orientation:landscape){.intro-logo{width:70px;height:70px;margin-bottom:6px}.intro-inner h1{font-size:23px}.intro-eyebrow{display:none}.intro-prompt{margin:8px 0}.intro-option{padding:12px;gap:5px}.intro-option-icon{display:none}.intro-note{margin-top:8px}.view-switcher{top:8px;min-height:32px}}

.intro-skip{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;margin-top:8px;padding:12px 30px;border:1px solid #ed445866;border-radius:8px;background:#39151a55;color:#ff9ca7;font:600 11px Arial,sans-serif;letter-spacing:3px;cursor:pointer;box-shadow:0 0 24px #e52c4222}
.intro-skip:hover,.intro-skip:focus-visible{background:#5a1c28;border-color:#ff6477;color:#fff}
.intro-skip span{font-size:23px;line-height:1;letter-spacing:0}