html.np-result-open-v22,html.np-result-open-v22 body{overflow:hidden!important}
html.np-result-open-v22 .victory-backdrop{display:none!important}
.np-result-screen-v22{--np-result-bg:#160d08;--np-result-panel:#160c08db;--np-result-line:#9b652c;--np-result-text:#f2d6a4;position:fixed;z-index:10050;inset:0;display:grid;place-items:center;overflow:auto;padding:12px;color:var(--np-result-text);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--np-result-accent) 14%,#050302),#020101 76%);font-family:Literata,Georgia,"Times New Roman",serif;isolation:isolate}
.np-result-screen-v22[data-theme="mrak"]{--np-result-bg:#090505;--np-result-panel:#100809e8;--np-result-line:#823b31;--np-result-text:#e0c8b4}
.np-result-screen-v22[data-theme="worlds"]{--np-result-bg:#051012;--np-result-panel:#07191be3;--np-result-line:#3f8f99;--np-result-text:#d7f1ed}
.np-result-screen-v22[data-theme="kids"]{--np-result-bg:#17101f;--np-result-panel:#1b1129e3;--np-result-line:#a36fca;--np-result-text:#f4e4ff}
.np-result-screen-v22[data-outcome="defeat"]{--np-result-accent:#8e5146}
.np-result-screen-v22 .np-result-atmosphere{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--np-result-accent) 14%,transparent),transparent 64%)}
.np-result-screen-v22 .np-result-panel{position:relative;display:block;width:min(1240px,calc(100vw - 24px),calc((100dvh - 24px)*1.75));max-width:none;aspect-ratio:7/4;border:0;padding:0;overflow:hidden;color:var(--np-result-text);background-color:var(--np-result-bg);background-image:var(--np-result-art);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 38px 120px #000,0 0 55px color-mix(in srgb,var(--np-result-accent) 19%,transparent);text-align:center}
.np-result-screen-v22 .np-result-content{position:absolute;top:7.5%;right:13.5%;bottom:7.5%;left:13.5%;display:flex;min-width:0;padding:clamp(8px,1vw,14px) clamp(14px,2vw,30px);flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto;text-shadow:0 2px 5px #000,0 0 14px #0008;scrollbar-width:thin;scrollbar-color:var(--np-result-line) transparent}
.np-result-screen-v22 .np-result-header{text-align:center}
.np-result-screen-v22 .np-result-crest{display:grid;width:68px;height:54px;margin:0 auto 1px;place-items:center;filter:drop-shadow(0 9px 13px #000)}
.np-result-screen-v22 .np-result-crest img{position:relative;z-index:2;width:58px;height:58px;object-fit:contain}
.np-result-screen-v22 .np-result-crest i{position:absolute;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--np-result-line),transparent)}
.np-result-screen-v22 .np-result-crest i:first-child{transform:rotate(30deg)}
.np-result-screen-v22 .np-result-crest i:last-child{transform:rotate(-30deg)}
.np-result-screen-v22 .np-result-kicker,.np-result-screen-v22 .np-result-progress h2,.np-result-screen-v22 .np-result-quests h2{display:block;color:color-mix(in srgb,var(--np-result-text) 68%,var(--np-result-accent));font-weight:900;font-size:clamp(.48rem,.62vw,.68rem);line-height:1.2;letter-spacing:.22em;text-transform:uppercase}
.np-result-screen-v22 h1{margin:.08rem 0;color:var(--np-result-text);font-weight:700;font-size:clamp(2rem,3.8vw,4rem);line-height:.95;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 4px 20px #000}
.np-result-screen-v22[data-outcome="defeat"] h1{color:#c8a49b}
.np-result-screen-v22[data-outcome="spectator"] h1{font-size:clamp(1.8rem,3.1vw,3rem)}
.np-result-screen-v22 .np-result-outcome{margin:.12rem 0 .25rem;color:color-mix(in srgb,var(--np-result-text) 78%,transparent);font-weight:800;font-size:clamp(.7rem,.92vw,.9rem)}
.np-result-screen-v22 .np-result-participants{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.3rem;margin:.2rem 0}
.np-result-screen-v22 .np-result-participants span{border:1px solid color-mix(in srgb,var(--np-result-line) 62%,transparent);border-radius:999px;padding:.18rem .48rem;background:#080403a8;font-weight:800;font-size:.68rem}
.np-result-screen-v22 .np-result-participants span.winner{border-color:var(--np-result-accent);color:#ffe4a4}
.np-result-screen-v22 .np-result-participants b{color:#aa8e66;font-size:.55rem;text-transform:uppercase}
.np-result-screen-v22 .np-result-summary{display:block;color:color-mix(in srgb,var(--np-result-text) 66%,transparent);font-size:.63rem}
.np-result-screen-v22 .np-result-reason{margin-top:.38rem;border-block:1px solid color-mix(in srgb,var(--np-result-line) 55%,transparent);padding:.46rem .65rem;background:#05020262;backdrop-filter:blur(1.5px)}
.np-result-screen-v22 .np-result-reason small{color:var(--np-result-accent);font-weight:900;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}
.np-result-screen-v22 .np-result-reason p{margin:.2rem 0 0;font-size:clamp(.65rem,.82vw,.82rem);line-height:1.3}
.np-result-screen-v22 .np-result-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.82fr);gap:.55rem;margin-top:.5rem;text-align:left}
.np-result-screen-v22 .np-result-progress,.np-result-screen-v22 .np-result-quests{border:1px solid color-mix(in srgb,var(--np-result-line) 70%,transparent);border-radius:5px;padding:.58rem;background:var(--np-result-panel);box-shadow:inset 0 0 24px #0008}
.np-result-screen-v22 .np-result-progress h2,.np-result-screen-v22 .np-result-quests h2{margin:0 0 .42rem}
.np-result-screen-v22 .np-result-rewards{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.np-result-screen-v22 .np-result-reward{border:1px solid color-mix(in srgb,var(--np-result-line) 75%,transparent);border-radius:4px;padding:.42rem .5rem;background:linear-gradient(145deg,color-mix(in srgb,var(--np-result-accent) 18%,#25130de8),#120a07dc)}
.np-result-screen-v22 .np-result-reward span,.np-result-screen-v22 .np-result-reward strong,.np-result-screen-v22 .np-result-reward small{display:block}
.np-result-screen-v22 .np-result-reward span,.np-result-screen-v22 .np-result-reward small{color:color-mix(in srgb,var(--np-result-text) 70%,transparent);font-size:.58rem}
.np-result-screen-v22 .np-result-reward strong{margin:.1rem 0;color:#f6d78f;font-size:1rem}
.np-result-screen-v22 .np-result-level{margin-top:.42rem}
.np-result-screen-v22 .np-result-level>div:first-child,.np-result-screen-v22 .np-result-quest>div:first-child{display:flex;justify-content:space-between;gap:.7rem;font-size:.62rem}
.np-result-screen-v22 .np-result-level span,.np-result-screen-v22 .np-result-quest span,.np-result-screen-v22 .np-result-quest small{color:color-mix(in srgb,var(--np-result-text) 70%,transparent)}
.np-result-screen-v22 .np-result-track{height:7px;margin-top:.2rem;border:1px solid color-mix(in srgb,var(--np-result-line) 70%,transparent);border-radius:999px;padding:1px;overflow:hidden;background:#080504}
.np-result-screen-v22 .np-result-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8a5c20,var(--np-result-accent),#f8d983);box-shadow:0 0 10px var(--np-result-accent)}
.np-result-screen-v22 .np-result-quests>div{display:grid;gap:.3rem;max-height:145px;overflow:auto;padding-right:.15rem}
.np-result-screen-v22 .np-result-quest{border-left:3px solid color-mix(in srgb,var(--np-result-line) 75%,transparent);padding:.34rem .42rem;background:#08040396}
.np-result-screen-v22 .np-result-quest.completed{border-left-color:#6fac67}
.np-result-screen-v22 .np-result-quest small{display:block;margin-top:.15rem;font-size:.55rem}
.np-result-screen-v22 .np-result-empty,.np-result-screen-v22 .np-result-loading p{margin:.3rem 0;color:color-mix(in srgb,var(--np-result-text) 70%,transparent);font-size:.66rem}
.np-result-screen-v22 .np-result-rank{display:grid;margin-top:.4rem;border:1px solid color-mix(in srgb,var(--np-result-accent) 55%,transparent);padding:.38rem .55rem;background:#05020259;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;font-size:.68rem}
.np-result-screen-v22 .np-result-rank small{grid-column:1/-1;opacity:.68}.np-result-screen-v22 .np-result-rank strong{color:#76b879}.np-result-screen-v22 .np-result-rank.is-down strong{color:#cf7167}.np-result-screen-v22 .np-result-rank span{text-align:right}
.np-result-screen-v22 .np-result-commend{margin-top:.4rem;border:1px solid #fff1;padding:.4rem .55rem;background:#05020259;text-align:left}
.np-result-screen-v22 .np-result-commend header{display:flex;flex-direction:column;font-size:.64rem}.np-result-screen-v22 .np-result-commend header small{opacity:.66}
.np-result-screen-v22 .np-result-commend>div{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}
.np-result-screen-v22 .np-result-panel footer{display:grid;margin-top:.45rem;grid-template-columns:1fr 1fr;gap:.42rem}
.np-result-screen-v22 button{border:1px solid var(--np-result-line);min-height:34px;padding:7px 10px;color:var(--np-result-text);background:#160b07;font:900 .62rem/1 Literata,Georgia,serif;letter-spacing:.06em;cursor:pointer}
.np-result-screen-v22 button:hover:not(:disabled){filter:brightness(1.25)}.np-result-screen-v22 button:disabled{cursor:default;opacity:.5}.np-result-screen-v22 .np-result-primary{background:linear-gradient(#68401f,#352011);box-shadow:0 6px 16px #0008}
@media(max-width:760px),(max-height:620px){.np-result-screen-v22{display:block;padding:5px}.np-result-screen-v22 .np-result-panel{width:calc(100vw - 10px);min-height:calc(100dvh - 10px);aspect-ratio:auto;background-size:cover}.np-result-screen-v22 .np-result-content{top:4%;right:7%;bottom:4%;left:7%;padding:7px}.np-result-screen-v22 .np-result-crest{width:48px;height:40px}.np-result-screen-v22 .np-result-crest img{width:43px;height:43px}.np-result-screen-v22 h1{font-size:clamp(1.6rem,8vw,2.6rem)}.np-result-screen-v22 .np-result-details{grid-template-columns:1fr}.np-result-screen-v22 .np-result-quests>div{max-height:none}.np-result-screen-v22 .np-result-panel footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.np-result-screen-v22 .np-result-panel{animation:np-result-enter .42s cubic-bezier(.2,.8,.2,1)}@keyframes np-result-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}}