.intro-quest-layer{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:#05090a;color:#eee5ce;font-family:var(--font-game);isolation:isolate}
.intro-quest-layer::before{position:absolute;inset:-18px;z-index:-2;background-image:var(--intro-quest-background);background-position:center;background-size:cover;content:"";filter:blur(16px) brightness(.28);transform:scale(1.08)}
.intro-quest-layer::after{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,3,4,.2),rgba(1,3,4,.76));content:""}
.intro-quest-card{position:relative;display:grid;grid-template-rows:minmax(210px,286px) minmax(0,1fr) auto;width:min(348px,100%);height:min(760px,100%);border:1px solid rgba(216,186,112,.48);border-radius:18px;background:rgba(6,11,13,.97);box-shadow:0 22px 75px #000;overflow:visible}
.intro-quest-banner{position:relative;overflow:hidden;margin:0;border-radius:17px 17px 0 0;background:#111}
.intro-quest-banner>img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .22s}
.intro-quest-banner::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,5,7,.08),rgba(2,5,7,.03) 48%,rgba(2,5,7,.76));content:"";pointer-events:none}
.intro-quest-meta{position:absolute;z-index:3;top:13px;right:14px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f1dfb4;font-size:10px;font-weight:700;text-shadow:0 2px 7px #000}
.intro-quest-meta>[data-quest-name]{font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.intro-quest-progress{display:flex;gap:4px}.intro-quest-progress i{width:14px;height:2px;border-radius:9px;background:rgba(255,255,255,.24)}.intro-quest-progress i.done{background:#d8ba70}
.intro-quest-demo{position:absolute;z-index:4;right:14px;bottom:12px;left:14px;min-height:34px}
.intro-quest-pill,.intro-quest-radio-demo{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:34px;border:1px solid rgba(232,216,176,.22);border-radius:999px;padding:5px 10px;background:rgba(5,9,11,.72);font-size:9px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.intro-quest-radio-wave{display:flex;align-items:center;gap:2px;height:18px}.intro-quest-radio-wave i{display:block;width:2px;height:5px;background:#d8ba70;animation:intro-radio 1s ease-in-out infinite alternate}.intro-quest-radio-wave i:nth-child(2){animation-delay:-.4s}.intro-quest-radio-wave i:nth-child(3){animation-delay:-.7s}.intro-quest-radio-wave i:nth-child(4){animation-delay:-.2s}.intro-quest-radio-wave i:nth-child(5){animation-delay:-.55s}
.intro-quest-first-mark{position:absolute;z-index:5;top:50%;left:50%;display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:none}.intro-quest-first-mark[hidden]{display:none}.intro-quest-first-mark i{width:12px;height:12px;border:2px solid #f0d58e;border-radius:50%;background:rgba(216,186,112,.2);box-shadow:0 0 0 6px rgba(216,186,112,.16);animation:intro-mark 1.6s infinite;aspect-ratio:1;flex-shrink:0;min-width:12px;max-width:12px;min-height:12px;max-height:12px;}.intro-quest-first-mark span{position:absolute;top:18px;color:#f3e4bd;font-size:9px;font-weight:700;text-shadow:0 2px 5px #000}
.intro-quest-route-demo{display:flex;justify-content:center;gap:13px}.intro-quest-route-demo button{position:relative;display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;color:#eee5ce;cursor:pointer}.intro-quest-route-demo button i{width:9px;height:9px;border:2px solid #d8ba70;border-radius:50%;box-shadow:0 0 0 5px rgba(216,186,112,.12);animation:intro-mark 1.8s infinite;aspect-ratio:1;flex-shrink:0;min-width:9px;max-width:9px;min-height:9px;max-height:9px;}.intro-quest-route-demo button span{position:absolute;bottom:-14px;left:50%;width:max-content;transform:translateX(-50%);font-size:8px;text-shadow:0 1px 4px #000}
.intro-quest-equipment-demo,.intro-quest-journal-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.intro-quest-equipment-demo span,.intro-quest-journal-demo span{display:grid;place-items:center;min-height:31px;border:1px solid rgba(232,216,176,.23);border-radius:7px;background:rgba(5,9,11,.74);font-size:8px}.intro-quest-equipment-demo span.active{border-color:#d8ba70;color:#f3dfae;animation:intro-slot 3.2s infinite}.intro-quest-journal-demo{grid-template-columns:repeat(3,1fr);gap:6px}.intro-quest-journal-demo span:nth-child(1){animation:intro-journal 4.5s infinite}.intro-quest-journal-demo span:nth-child(2){animation:intro-journal 4.5s 1.5s infinite}.intro-quest-journal-demo span:nth-child(3){animation:intro-journal 4.5s 3s infinite}
.intro-quest-weight-demo,.intro-quest-search-demo{display:grid;gap:4px}.intro-quest-weight-demo>span,.intro-quest-search-demo>span{display:flex;justify-content:space-between;gap:12px}.intro-quest-weight-demo em,.intro-quest-search-demo em{font-style:normal}.intro-quest-weight-demo>i,.intro-quest-search-demo>i,.intro-quest-satiety-demo>i{height:7px;overflow:hidden;border:1px solid rgba(232,216,176,.35);border-radius:99px;background:#080b0d}.intro-quest-weight-demo>i>b{display:block;width:45%;height:100%;background:#c2a45f;animation:intro-weight 5s infinite}.intro-quest-search-demo>i>b{display:block;width:0;height:100%;background:#d8ba70;animation:intro-search 5s ease-in-out infinite}
.intro-quest-satiety-demo{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%}.intro-quest-satiety-demo>i b{display:block;width:31%;height:100%;background:linear-gradient(90deg,#a53d35,#d8ba70);transition:width .3s}.intro-quest-satiety-demo button{height:30px;border:1px solid rgba(216,186,112,.42);border-radius:8px;padding:0 9px;background:var(--game-action-background,rgba(255,255,255,.06));color:#eee5ce;font:8px var(--font-game);cursor:pointer}
.intro-quest-reward-demo img{width:46px;height:46px;object-fit:contain}.intro-quest-reward-demo b{font-size:11px}.intro-quest-reward-demo small{display:block;margin-top:2px;color:#a39881;font-size:8px}
.intro-quest-copy{min-height:0;overflow:auto;padding:15px 17px 12px;overscroll-behavior:contain}.intro-quest-copy h1{margin:0 0 9px;color:#f0dfb2;font:700 15px/1.2 var(--font-game);text-transform:lowercase}.intro-quest-story{margin:0;color:rgba(242,233,212,.82);font:13px/1.47 var(--font-game);white-space:pre-line}.intro-quest-hint{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:8px;margin:12px 0 0;padding:9px 10px;border:1px solid rgba(232,216,176,.18);border-radius:9px;background:rgba(255,255,255,.025);color:#b8ac91;font:10px/1.35 var(--font-game)}.intro-quest-hint::before{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(216,186,112,.55);border-radius:50%;color:#d8ba70;font-weight:700;content:"!";aspect-ratio:1;flex-shrink:0;min-width:22px;max-width:22px;min-height:22px;max-height:22px;}
.intro-quest-action{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 16px 15px;border-top:1px solid rgba(232,216,176,.12)}.intro-quest-action>span{color:#978b72;font-size:9px}.intro-quest-primary{min-height:46px;border:1px solid rgba(216,186,112,.48);border-radius:11px;padding:0 18px;background:rgba(255,255,255,.06);color:#f0dfb2;font:700 13px var(--font-game);cursor:pointer}.intro-quest-primary:disabled{opacity:.38;cursor:default}
@keyframes intro-radio{to{height:17px}}@keyframes intro-mark{50%{box-shadow:0 0 0 10px rgba(216,186,112,0)}}@keyframes intro-slot{0%,20%,100%{background:rgba(5,9,11,.74)}10%{background:rgba(105,76,29,.42)}}@keyframes intro-weight{0%,25%{width:45%;background:#c2a45f}65%,80%{width:100%;background:#b4463c}100%{width:45%}}@keyframes intro-journal{0%,25%,100%{border-color:rgba(232,216,176,.2)}12%{border-color:#d8ba70;background:rgba(105,76,29,.35)}}@keyframes intro-search{0%{width:0}70%,88%{width:100%}100%{width:0}}
@media(max-height:720px){.intro-quest-card{grid-template-rows:235px minmax(0,1fr) auto}.intro-quest-copy h1{font-size:15px}.intro-quest-story{font-size:11px}}
@media(prefers-reduced-motion:reduce){.intro-quest-layer *,.intro-quest-layer *::before,.intro-quest-layer *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}