@layer xm-base, xm-components;
html#xm-app .xm-hub-hero{display:block;position:relative;isolation:isolate;padding:38px 30px;min-height:340px;overflow:hidden;background:url('/images/xiang-mori/outpost.webp') center 38%/cover}
html#xm-app .xm-hub-hero>div:first-child{position:relative;z-index:2;max-width:600px}
html#xm-app .xm-hub-hero h1{font-size:46px!important;margin:16px 0!important}
html#xm-app .xm-hub-hero p{max-width:410px;text-shadow:0 1px 5px #000}
html#xm-app .xm-cinematic{position:absolute;inset:0;min-height:0;height:100%;border:0;border-radius:0;z-index:0}
html#xm-app .xm-cinematic:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071419eb,#07141980 60%,#07141920)}
html#xm-app .xm-cinematic video{width:100%;height:100%;object-fit:cover;object-position:center 35%}
html#xm-app .xm-cinematic__corner,html#xm-app .xm-cinematic__label{display:none}
html#xm-app .xm-cinematic [data-xm-pause]{position:absolute;right:18px;bottom:18px;z-index:3}
html#xm-app .xm-hub-hero__meta{margin-top:24px!important}
html#xm-app .xm-entry{border-radius:8px!important;min-height:235px!important}
@media(max-width:767px){html#xm-app .xm-hub-hero{padding:28px 18px;min-height:310px}html#xm-app .xm-hub-hero h1{font-size:34px!important}html#xm-app .xm-hub-hero p{max-width:240px!important}html#xm-app .xm-hub-hero__meta{gap:22px!important}html#xm-app .xm-entry{min-height:220px!important}}
html#xm-app *{letter-spacing:0!important}
html#xm-app .s33-brand-lockup{height:44px!important;width:auto!important;max-width:220px!important;overflow:hidden}
html#xm-app .s33-brand-lockup__badge{flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;overflow:hidden;padding:0!important;aspect-ratio:1}
html#xm-app .s33-brand-lockup__badge img{width:38px!important;max-width:38px!important;height:38px!important;max-height:38px!important;aspect-ratio:1}
html#xm-app .s33-brand-lockup__text{display:block!important;min-width:0!important}
html#xm-app .s33-panel-hero__art{position:absolute!important;width:250px!important;max-width:38%!important;height:100%!important;max-height:none!important;right:20px!important;bottom:0!important}
html#xm-app .s33-panel-hero{border-radius:0!important;border:0!important;box-shadow:none!important;min-height:220px!important}
html#xm-app .s33-panel-hero__content{padding:24px!important;max-width:70%!important}
html#xm-app .s33-panel-hero__tags span{background:#223a43!important;color:#b8d7d5!important;border-radius:4px!important}
html#xm-app .fi-header-heading{font-size:28px!important}
html#xm-app .fi-section,html#xm-app .fi-ta-ctn,html#xm-app .s33-panel-card,html#xm-app .s33-task,html#xm-app .fi-modal-window{border-radius:8px!important}
html#xm-app .s33-panel-hero h2{font-size:26px!important}
#xm-app{--xm-bg:#0b151b;--xm-surface:#13242e;--xm-raised:#1a303b;--xm-line:rgba(173,214,223,.14);--xm-text:#edf5f4;--xm-muted:#91a8b2;--xm-cyan:#78e6db;--xm-orange:#ffad61;--xm-radius:18px;--s33-accent:#78e6db;--zxr-gold:#ffad61;--zxr-bg:#0b151b;color-scheme:dark}
html#xm-app{background:var(--xm-bg);scroll-behavior:smooth}#xm-app body{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;color:var(--xm-text);background-color:var(--xm-bg)!important;-webkit-font-smoothing:antialiased}
#xm-app *{box-sizing:border-box}#xm-app ::selection{background:#a5f3dd;color:#0b151b}#xm-app a,#xm-app button,#xm-app input,#xm-app select,#xm-app textarea{touch-action:manipulation}#xm-app a:focus-visible,#xm-app button:focus-visible,#xm-app input:focus-visible,#xm-app select:focus-visible,#xm-app textarea:focus-visible{outline:2px solid var(--xm-cyan)!important;outline-offset:4px}
#xm-app .xm-overline{font:600 11px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em;color:var(--xm-cyan)}
#xm-app .xm-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 78% 6%,#21455466,transparent 50%),linear-gradient(135deg,#0b151b,#101f26 60%,#0a1419)}
#xm-app .xm-atmosphere__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#83b8ba17 1px,transparent 1px),linear-gradient(90deg,#83b8ba17 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 85%)}
#xm-app .xm-atmosphere>img{position:absolute;right:-10%;bottom:-25%;width:70%;opacity:.04;animation:xm-cloud 35s ease-in-out infinite alternate}
#xm-app .xm-atmosphere>i{position:absolute;left:15%;bottom:-10px;width:3px;height:3px;background:var(--xm-orange);box-shadow:0 0 10px #ffad61;animation:xm-ember 16s linear infinite}#xm-app .xm-atmosphere>i:nth-of-type(2){left:60%;animation-delay:-6s}#xm-app .xm-atmosphere>i:nth-of-type(3){left:88%;animation-delay:-10s}
#xm-app body>.fi-layout,#xm-app body>.fi-simple-layout,#xm-app body>main,#xm-app .s33-hub-wrap{position:relative;z-index:1}#xm-app .fi-body,#xm-app .fi-simple-layout,#xm-app .fi-layout{background:transparent!important}#xm-app .fi-main{position:relative;z-index:1}
#xm-app .xm-status-dot{display:inline-block;width:6px;height:6px;background:var(--xm-cyan);border-radius:50%;box-shadow:0 0 0 5px #78e6db10;flex:none}
#xm-app .xm-page-ribbon{min-height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--xm-line);margin-bottom:8px;gap:12px;color:var(--xm-muted);font-size:12px;letter-spacing:.04em;position:relative;overflow:hidden}#xm-app .xm-page-ribbon>div{display:flex;align-items:center;gap:12px}#xm-app .xm-page-ribbon strong{font-weight:500;color:#d6e9ec}#xm-app .xm-page-ribbon i{opacity:.4;font-style:normal}#xm-app .xm-page-ribbon__right{display:flex;align-items:center;gap:16px;font:11px ui-monospace,monospace}#xm-app .xm-page-ribbon img{height:62px;width:62px;object-fit:cover;object-position:top;filter:saturate(.7)}
/* All four Filament panels share these surfaces, including generated resource pages. */
#xm-app .fi-topbar{background:#0c1a22ee!important;border-bottom:1px solid var(--xm-line)!important;box-shadow:none!important;backdrop-filter:blur(20px)}
#xm-app .fi-sidebar{background:#0c1922ed!important;border-right:1px solid var(--xm-line)!important;backdrop-filter:blur(20px)}#xm-app .fi-sidebar-header{background:transparent!important;border-bottom:1px solid var(--xm-line)}
#xm-app .fi-sidebar-nav{scrollbar-width:thin;scrollbar-color:#355362 transparent}#xm-app .fi-sidebar-group-label{font-size:11px!important;letter-spacing:.1em;color:#7793a0!important}#xm-app .fi-sidebar-item-label{font-size:13px!important}#xm-app .fi-sidebar-item-btn{border-radius:10px!important;transition:background .2s,transform .2s}#xm-app .fi-sidebar-item-btn:hover{background:#24434c66!important}#xm-app .fi-sidebar-item.fi-active>.fi-sidebar-item-btn,#xm-app .fi-sidebar-item-active>.fi-sidebar-item-btn{background:#78e6db17!important;border:1px solid #78e6db33;color:var(--xm-cyan)!important;box-shadow:inset 3px 0 var(--xm-cyan)}
#xm-app .fi-header-heading{font-size:clamp(24px,3vw,34px)!important;font-weight:650!important;letter-spacing:-.04em!important;color:var(--xm-text)!important}#xm-app .fi-header-subheading{color:var(--xm-muted)!important;line-height:1.7}#xm-app .fi-breadcrumbs-item-label{color:var(--xm-muted)!important}
#xm-app .fi-section,#xm-app .fi-ta-ctn,#xm-app .fi-wi-stats-overview-stat,#xm-app .fi-modal-window,#xm-app .fi-dropdown-panel{background:#12252eee!important;border:1px solid var(--xm-line)!important;border-radius:var(--xm-radius)!important;box-shadow:0 12px 35px #0002!important;backdrop-filter:blur(16px)}
#xm-app .fi-section-header{border-bottom-color:var(--xm-line)!important}#xm-app .fi-section-header-heading,#xm-app .fi-ta-header-heading,#xm-app .fi-modal-heading,#xm-app .fi-fo-field-label-content{color:var(--xm-text)!important}#xm-app .fi-section-header-description,#xm-app .fi-fo-field-helper-text,#xm-app .fi-modal-description{color:var(--xm-muted)!important}
#xm-app .fi-input-wrp{background:#0b1b24!important;border:1px solid #34505d!important;border-radius:10px!important;box-shadow:none!important}#xm-app .fi-input-wrp:focus-within{border-color:var(--xm-cyan)!important;box-shadow:0 0 0 3px #78e6db14!important}#xm-app .fi-input,#xm-app .fi-select-input,#xm-app .fi-textarea{color:var(--xm-text)!important}#xm-app .fi-input::placeholder,#xm-app .fi-textarea::placeholder{color:#68818e!important}#xm-app option{color:#eaf6f7!important;background:#122832!important}
#xm-app .fi-btn{border-radius:10px!important;min-height:38px;box-shadow:none!important;font-weight:600!important;transition:transform .18s,filter .18s,box-shadow .18s}#xm-app .fi-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}#xm-app .fi-btn:disabled{transform:none;opacity:.55}#xm-app .fi-btn.fi-color-primary{background:var(--xm-cyan)!important;color:#09201f!important;border-color:var(--xm-cyan)!important}#xm-app .fi-btn.fi-color-gray{border:1px solid #375361!important;background:#203944!important;color:#deedef!important}#xm-app .fi-btn.fi-color-danger{background:#a54347!important;color:white!important}
#xm-app .fi-ta-header,#xm-app .fi-ta-toolbar,#xm-app .fi-ta-selection-indicator,#xm-app .fi-ta-content,#xm-app .fi-ta-table>thead{background:#11232d!important}#xm-app .fi-ta-header-cell{color:#94b1bd!important;font-size:11px!important;letter-spacing:.04em;border-bottom:1px solid var(--xm-line)!important}#xm-app .fi-ta-row{background:transparent!important}#xm-app .fi-ta-row:hover{background:#78e6db08!important}#xm-app .fi-ta-cell{border-color:var(--xm-line)!important}#xm-app .fi-ta-text-item{font-size:13px!important}#xm-app .fi-pagination{border-top:1px solid var(--xm-line)!important;color:var(--xm-muted)}#xm-app .fi-tabs{background:#0c1c24!important;border:1px solid var(--xm-line)!important;padding:5px!important;border-radius:12px!important}#xm-app .fi-tabs-item{border-radius:8px!important}#xm-app .fi-tabs-item.fi-active{background:#78e6db20!important;color:var(--xm-cyan)!important}#xm-app .fi-modal-close-overlay{backdrop-filter:blur(7px);background:#031015bb!important}#xm-app .fi-modal-window{animation:xm-rise .22s ease-out}#xm-app .fi-notification{background:#162e38!important;border:1px solid #45636d!important;color:var(--xm-text)!important;border-radius:14px!important}
#xm-app .fi-wi-stats-overview-stat-value{color:var(--xm-text)!important;font:600 30px ui-monospace,monospace!important}#xm-app .fi-wi-stats-overview-stat-label{color:var(--xm-muted)!important}#xm-app .fi-ta-empty-state{background:url("/images/xiang-mori/companion.webp") center 14px/92px no-repeat;padding-top:124px!important;min-height:270px}#xm-app .fi-ta-empty-state-icon-bg{display:none!important}
/* Brand and public entry. */
#xm-app .s33-brand-lockup{display:flex;align-items:center;gap:12px;color:var(--xm-text)!important;text-decoration:none}#xm-app .s33-brand-lockup__badge{width:44px!important;height:44px!important;display:grid;place-items:center;background:#233c47!important;border:1px solid #5d898b66!important;border-radius:13px!important;box-shadow:none!important}#xm-app .s33-brand-lockup__badge img{height:100%!important;width:100%!important;object-fit:contain!important;border-radius:12px}#xm-app .s33-brand-lockup__text strong{font-size:18px!important;letter-spacing:.04em!important;color:#eff9fa!important}#xm-app .s33-brand-lockup__text small{font:9px/1.5 ui-monospace,monospace!important;color:var(--xm-muted)!important;letter-spacing:.15em!important}#xm-app .s33-brand-lockup--compact .s33-brand-lockup__text strong{font-size:15px!important}#xm-app .s33-brand-lockup--compact .s33-brand-lockup__badge{width:33px!important;height:33px!important}
#xm-app .xm-hub{max-width:1440px;margin:auto;padding:26px 5vw 24px;position:relative;z-index:1}#xm-app .xm-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--xm-line)}#xm-app .xm-nav__right{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--xm-muted)}#xm-app .xm-nav__right a{color:var(--xm-text);text-decoration:none}#xm-app .xm-nav__right a:hover{color:var(--xm-cyan)}
#xm-app .xm-hub-hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:35px;min-height:420px;align-items:center;padding:48px 0 38px}#xm-app .xm-hub-hero h1{font-size:clamp(38px,4.5vw,66px);font-weight:650;line-height:1.18;letter-spacing:-.06em;margin:17px 0 21px}#xm-app .xm-hub-hero h1 em{font-style:normal;color:var(--xm-cyan)}#xm-app .xm-hub-hero p{font-size:14px;line-height:1.9;color:#aac0c8;max-width:410px;margin:0}#xm-app .xm-hub-hero__meta{display:flex;gap:28px;margin-top:28px;color:#7e9aa6;font:10px/1.5 ui-monospace,monospace;letter-spacing:.07em}#xm-app .xm-hub-hero__meta b{display:block;margin-top:5px;color:#d9e8ea;font-size:13px;font-weight:500}
#xm-app .xm-cinematic{align-self:stretch;position:relative;min-height:330px;border:1px solid #8daeb830;border-radius:22px;overflow:hidden;background:#203440 url("/images/xiang-mori/outpost.webp") center 40%/cover}#xm-app .xm-cinematic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.8}#xm-app .xm-cinematic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b151b33,transparent),linear-gradient(0deg,#06131ee6,transparent 55%);pointer-events:none}#xm-app .xm-cinematic__label{position:absolute;z-index:1;left:25px;bottom:24px}#xm-app .xm-cinematic__label small{color:#aecbd6;font:10px ui-monospace,monospace;letter-spacing:.15em}#xm-app .xm-cinematic__label strong{display:block;font-size:24px;margin-top:7px;letter-spacing:.02em}#xm-app .xm-cinematic__corner{position:absolute;right:18px;top:18px;z-index:1;border:1px solid #e6faff40;border-radius:5px;padding:6px 9px;font:10px ui-monospace,monospace;letter-spacing:.1em;color:#deedf0;background:#0b1b2466}#xm-app .xm-cinematic button{position:absolute;z-index:2;right:16px;bottom:16px;background:#152a35aa;border:1px solid #c8e7e12b;border-radius:7px;padding:7px 10px;color:#d8e8e9;font-size:10px;cursor:pointer}
#xm-app .xm-entry-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 20px;gap:15px}#xm-app .xm-entry-heading h2{font-size:19px;font-weight:550;margin:0}#xm-app .xm-entry-heading small{font:10px ui-monospace,monospace;letter-spacing:.13em;color:#73909d}#xm-app .xm-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#xm-app .xm-entry{position:relative;min-height:268px;padding:23px;border-radius:17px;border:1px solid #61869442;background:linear-gradient(145deg,#1b3542ee,#11212dee);overflow:hidden;text-decoration:none;color:var(--xm-text);transition:transform .25s,border-color .25s,box-shadow .25s}#xm-app .xm-entry:hover{transform:translateY(-6px);border-color:var(--xm-cyan);box-shadow:0 20px 30px #0003}#xm-app .xm-entry__number{display:block;font:10px ui-monospace,monospace;letter-spacing:.14em;color:#8ca8b2}#xm-app .xm-entry img{position:absolute;width:200px;height:200px;object-fit:contain;object-position:bottom;right:-24px;bottom:0;opacity:.75;transition:transform .5s,opacity .4s;filter:drop-shadow(0 10px 20px #0004)}#xm-app .xm-entry:hover img{transform:scale(1.06) translateY(-4px);opacity:1}#xm-app .xm-entry:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10232dde,transparent 100%),linear-gradient(0deg,#10232d44,transparent);pointer-events:none}#xm-app .xm-entry h3{font-size:21px;font-weight:600;margin:21px 0 10px;position:relative;z-index:1}#xm-app .xm-entry p{font-size:11px;line-height:1.85;width:63%;color:#a3bac2;position:relative;z-index:1}#xm-app .xm-entry__cta{position:absolute;bottom:25px;left:23px;z-index:1;color:var(--xm-cyan);font-size:11px;display:flex;gap:18px;align-items:center}#xm-app .xm-entry__cta b{font-size:20px;font-weight:400}#xm-app .xm-entry--player{background:linear-gradient(145deg,#3e342b,#192a30);border-color:#ad84514f}#xm-app .xm-entry--player .xm-entry__cta{color:var(--xm-orange)}
#xm-app .xm-footer{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:20px;border-top:1px solid var(--xm-line);font:10px ui-monospace,monospace;color:#728e9a;letter-spacing:.1em}
/* Login, registration and access states. */
#xm-app .fi-simple-main,#xm-app .fi-simple-main-ctn{background:transparent!important;box-shadow:none!important;border:0!important}#xm-app .fi-simple-main{max-width:1100px!important;width:100%!important;padding:24px!important}#xm-app .fi-simple-layout{min-height:100svh}#xm-app .s33-guest-shell{min-height:70svh!important;background:none!important}#xm-app .s33-guest-shell:before,#xm-app .s33-guest-shell:after{display:none!important}#xm-app .s33-login-layout,#xm-app .s33-login-layout--single{width:100%!important;max-width:1020px!important;display:grid!important;grid-template-columns:1.05fr 1fr!important;align-items:stretch!important;gap:0!important;margin:20px auto!important;background:#11222dd9!important;border:1px solid #56808b44!important;border-radius:24px!important;overflow:hidden;box-shadow:0 30px 100px #0005!important}
#xm-app .zxr-login-scene{display:flex!important;position:relative!important;min-height:570px!important;overflow:hidden;background:linear-gradient(0deg,#091924ee,#17354022),url("/images/xiang-mori/outpost.webp") center 40%/cover!important}#xm-app .zxr-login-scene__logo{display:none!important}#xm-app .zxr-login-scene__copy{position:absolute!important;left:32px!important;bottom:36px!important;z-index:3!important;color:#effaff!important;top:auto!important}#xm-app .zxr-login-scene__copy span{font:11px ui-monospace,monospace!important;letter-spacing:.16em;color:var(--xm-cyan)!important}#xm-app .zxr-login-scene__copy strong{font-size:34px!important;margin:12px 0!important;font-weight:600!important}#xm-app .zxr-login-scene__copy small{color:#b5cbd2!important;font-size:12px!important}#xm-app .zxr-login-scene__hero{position:absolute;inset:auto -35px 115px 0!important;height:80%!important;background-position:right bottom!important;background-repeat:no-repeat!important;background-size:90% auto!important;filter:drop-shadow(0 15px 25px #0007)!important;animation:xm-float 9s ease-in-out infinite}#xm-app .zxr-login-scene__seal{display:none!important}#xm-app .s33-login-card{background:#12242eee!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:40px 36px!important;min-width:0;align-self:stretch!important}#xm-app .s33-login-card__head{display:flex;gap:16px;align-items:center!important;margin-bottom:28px!important}#xm-app .s33-login-logo-frame{height:54px!important;width:54px!important;padding:0!important;background:#223d48!important;border:1px solid #67888b55!important;border-radius:14px!important;box-shadow:none!important}#xm-app .s33-login-logo-frame img{object-fit:contain!important;height:100%!important;width:100%!important}#xm-app .s33-login-kicker{font-size:10px!important;color:var(--xm-cyan)!important;letter-spacing:.07em}#xm-app .s33-login-title-block h2{font-size:25px!important;color:var(--xm-text)!important;margin-top:8px!important}#xm-app .s33-login-card label{color:#c3d5dc!important;font-size:12px!important}#xm-app .s33-login-card input:not([type=checkbox]):not([type=hidden]),#xm-app .s33-login-card select{background:#091b24!important;color:#edf6f4!important;border-color:#345763!important;border-radius:9px!important}#xm-app .s33-login-footer{color:#7897a4!important;font-size:11px!important}#xm-app .s33-login-button{background:var(--xm-cyan)!important;color:#09201f!important;border:0!important;border-radius:10px!important;box-shadow:none!important}#xm-app .s33-login-error{color:#ffd2c8!important;background:#803f3b33!important;border:1px solid #ba6e5e55!important;border-radius:10px!important}#xm-app .s33-register-page,#xm-app .s33-register-success-page,#xm-app .zxr-register-page{background:transparent!important}#xm-app .s33-login-hero{background:url("/images/xiang-mori/outpost.webp") center/cover!important;padding:32px!important}
/* Player services: cards, inventory, activity calendar, sign-in, order and wallet pages. */
#xm-app .s33-panel-hero,#xm-app .zxr-player-home-hero,#xm-app .s33-player-hero,#xm-app .zxr-player-page-hero{border:1px solid #6687953d!important;background:linear-gradient(100deg,#182e3c 10%,#15252e88),url("/images/xiang-mori/outpost.webp") center 42%/cover!important;border-radius:20px!important;min-height:210px!important;box-shadow:none!important;overflow:hidden!important;position:relative}#xm-app .s33-panel-hero__art,#xm-app .zxr-player-home-hero__art{object-fit:contain!important;object-position:bottom!important;right:1%!important;bottom:-8%!important;height:118%!important;width:36%!important;filter:drop-shadow(0 10px 18px #0005);animation:xm-float 10s ease-in-out infinite}#xm-app .zxr-player-home-hero__logo{display:none!important}#xm-app .s33-panel-hero__brand img{max-width:45px!important;max-height:45px!important;object-fit:contain!important}#xm-app .s33-panel-hero__content,#xm-app .zxr-player-home-hero__copy{padding:30px!important;position:relative;z-index:2;max-width:70%}#xm-app .zxr-player-home-hero h1,#xm-app .s33-panel-hero h2{font-size:32px!important;font-weight:600!important;letter-spacing:-.035em!important;color:var(--xm-text)!important}#xm-app .zxr-player-home-hero p,#xm-app .s33-panel-hero p{color:#a5bfcb!important;font-size:13px!important;line-height:1.8!important}#xm-app .zxr-player-home-hero__copy>span{color:var(--xm-cyan)!important;font:10px ui-monospace,monospace!important;letter-spacing:.15em}#xm-app .s33-panel-cards,#xm-app .s33-task-grid{gap:16px!important}#xm-app .s33-panel-card,#xm-app .s33-task,#xm-app .s33-player-data-card,#xm-app .s33-player-card,#xm-app .s33-player-form-card,#xm-app .zxr-player-home-recharge,#xm-app .zxr-player-home-reward,#xm-app .zxr-player-home-data-card,#xm-app .s33-feature-card,#xm-app .s33-feature-section,#xm-app .s33-table-wrap,#xm-app .s33-player-feature{background:#142a34e8!important;border:1px solid var(--xm-line)!important;border-radius:16px!important;box-shadow:0 12px 24px #0001!important;color:var(--xm-text)!important}#xm-app .s33-panel-card b{color:var(--xm-cyan)!important;font-family:ui-monospace,monospace!important}#xm-app .s33-panel-card span,#xm-app .s33-task small{color:var(--xm-muted)!important}#xm-app .s33-task strong{color:var(--xm-text)!important}
#xm-app .zxr-player-balance{gap:14px!important;background:transparent!important;border:0!important;box-shadow:none!important}#xm-app .zxr-player-balance>div{background:linear-gradient(135deg,#1c3944,#142a34)!important;border:1px solid var(--xm-line)!important;border-radius:14px!important;padding:23px!important}#xm-app .zxr-player-balance strong{color:#e9f8f5!important;font-family:ui-monospace,monospace!important}#xm-app .zxr-player-balance__icon{background:#78e6db13!important;color:var(--xm-cyan)!important}#xm-app .zxr-player-balance small{color:var(--xm-muted)!important}#xm-app .s33-player-section-head>span,#xm-app .zxr-player-home-recharge header>span,#xm-app .zxr-player-home-reward header>span{font:10px ui-monospace,monospace!important;color:var(--xm-cyan)!important;letter-spacing:.14em}#xm-app .s33-player-section-head strong,#xm-app .zxr-player-home-recharge h2,#xm-app .zxr-player-home-reward h2{color:var(--xm-text)!important}#xm-app .zxr-player-home-recharge p,#xm-app .zxr-player-home-reward p,#xm-app .s33-player-section-head p{color:var(--xm-muted)!important}#xm-app .zxr-player-home-pay-methods label,#xm-app .s33-player-amount-presets button{background:#0e222c!important;border:1px solid #355660!important;color:#ccdde2!important;border-radius:11px!important;box-shadow:none!important}#xm-app .zxr-player-home-pay-methods .is-selected,#xm-app .s33-player-amount-presets button.is-selected{background:#78e6db12!important;border-color:var(--xm-cyan)!important}#xm-app .s33-player-amount-presets b{color:#eff8f8!important}#xm-app .s33-player-amount-presets em{color:var(--xm-orange)!important}#xm-app .zxr-player-home-recharge button[type=submit]{background:var(--xm-cyan)!important;color:#102722!important;border:0!important;border-radius:11px!important;box-shadow:none!important}#xm-app .zxr-player-home-reward-bar{background:#071923!important}#xm-app .zxr-player-home-reward-bar i{background:linear-gradient(90deg,#6ddecf,#b9f0ba)!important}#xm-app .zxr-player-home-unavailable{background:#0c202a!important;color:#8facb7!important;border-color:var(--xm-line)!important}
#xm-app .s33-player-data-card table,#xm-app .s33-feature-table,#xm-app .s33-table{color:#d4e5e8!important;background:transparent!important}#xm-app .s33-player-data-card th,#xm-app .s33-feature-table th,#xm-app .s33-table th{background:#0d202a!important;color:#8ba8b5!important;font-size:11px!important}#xm-app .s33-player-data-card td,#xm-app .s33-feature-table td,#xm-app .s33-table td{border-color:var(--xm-line)!important;font-size:12px!important}#xm-app .s33-player-data-card tr:hover{background:#b4eff805!important}#xm-app .s33-player-data-card a{color:var(--xm-cyan)!important}
#xm-app [class*="zxr-signin"]{--zxr-gold:#ffad61;--zxr-ink:#edf5f4}#xm-app .zxr-signin-page{background:none!important}#xm-app .zxr-signin-hero{background:linear-gradient(100deg,#172f3d,#18323a)!important;border-color:var(--xm-line)!important}#xm-app .zxr-signin-hero__paper{display:none!important}#xm-app .zxr-signin-card,#xm-app .zxr-signin-day,#xm-app .zxr-signin-reward{border-color:#54839144!important;background:#142e39!important;color:#d6e9ed!important}#xm-app .zxr-signin-card.is-today,#xm-app .zxr-signin-day.is-current{border-color:var(--xm-orange)!important}#xm-app .zxr-activity-calendar,#xm-app .zxr-calendar,#xm-app .zxr-activity-card,#xm-app .zxr-activity-detail{background:#132a35!important;border-color:var(--xm-line)!important;color:var(--xm-text)!important}#xm-app .zxr-player-mobile-nav{background:#0c1d27f5!important;border-color:var(--xm-line)!important;backdrop-filter:blur(16px)}#xm-app .zxr-player-mobile-nav a{color:#96b0bc!important}#xm-app .zxr-player-mobile-nav a.is-active{color:var(--xm-cyan)!important}
/* The loader only reaches 100 after real resource promises finish. */
#xm-app .xm-loader[hidden]{display:none!important}#xm-app .xm-loader{position:fixed;inset:0;z-index:2147483000;background:#08141cf7;display:grid;place-items:center;padding:28px;transition:opacity .35s,visibility .35s;overflow:auto}#xm-app .xm-loader__scene{position:absolute;inset:0;background:linear-gradient(90deg,#09151bec,#09151bdd),url("/images/xiang-mori/outpost.webp") center 35%/cover;opacity:.9}#xm-app .xm-loader__content{position:relative;max-width:400px;width:100%;text-align:center}#xm-app .xm-loader__content>img{margin:26px auto 15px;border:1px solid #a4e4dd66;border-radius:23px;padding:8px;background:#1b3b47;box-shadow:0 0 60px #73e5d514;animation:xm-float 4s ease-in-out infinite}#xm-app .xm-loader h2{font-size:27px;font-weight:550;letter-spacing:-.035em;margin:7px 0 13px;color:#e6f4f4}#xm-app .xm-loader p{font-size:12px;line-height:1.7;color:#9ab4c0;min-height:40px;margin:0 0 15px}#xm-app .xm-loader__numbers{display:flex;align-items:end;justify-content:space-between;color:#9cb5bd;font-size:11px}#xm-app .xm-loader__numbers strong{font:32px ui-monospace,monospace;color:var(--xm-cyan)}#xm-app .xm-loader__numbers small{font-size:12px;margin-left:5px;opacity:.6}#xm-app .xm-loader__track{height:6px;background:#284450;margin:15px 0 19px;border-radius:2px;overflow:hidden}#xm-app .xm-loader__track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffab58,#ffe199);transition:width .2s;box-shadow:0 0 20px #ffaf6377}#xm-app .xm-loader__steps{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;color:#5d7b88}#xm-app .xm-loader__steps .is-ready{color:var(--xm-cyan)}#xm-app .xm-loader__footnote{display:block;font-size:11px;color:#647f8b;margin-top:55px;letter-spacing:.1em}#xm-app .xm-loader--complete{opacity:0;visibility:hidden;pointer-events:none}#xm-app .xm-loader__recovery{display:flex;justify-content:center;gap:10px;margin-top:25px}#xm-app .xm-loader__recovery[hidden]{display:none}#xm-app .xm-loader__recovery button{padding:10px 12px;background:#234551;color:#def7f3;border:1px solid #579893;border-radius:8px;font-size:12px;cursor:pointer}#xm-app.xm-loading body{overflow:hidden}#xm-app .xm-route-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:2147483001;display:none;overflow:hidden}#xm-app .xm-route-progress i{display:block;width:35%;height:100%;background:var(--xm-cyan);box-shadow:0 0 10px #78e6db;animation:xm-route 1s ease-in-out infinite}#xm-app.xm-navigating .xm-route-progress{display:block}#xm-app.xm-navigating .fi-main,#xm-app.xm-navigating .xm-hub{opacity:.65;transition:opacity .2s}
#xm-app .xm-video-ready{opacity:1}#xm-app .xm-video-fallback{opacity:0}#xm-app .zxr-hub-hero__seal,#xm-app .zxr-auth-motion,#xm-app .s33-hub-page:before,#xm-app .s33-hub-page:after{display:none!important}
@keyframes xm-rise{from{transform:translateY(10px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes xm-float{50%{transform:translateY(-7px)}}@keyframes xm-cloud{to{transform:translate(-8%,-5%) scale(1.15)}}@keyframes xm-ember{to{transform:translate(55px,-105vh);opacity:0}}@keyframes xm-route{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@media(min-width:1280px){#xm-app .fi-main{padding-left:36px!important;padding-right:36px!important}#xm-app .fi-sidebar{width:248px!important}}
@media(max-width:1023px){#xm-app .xm-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#xm-app .xm-hub-hero{gap:24px;min-height:360px}#xm-app .xm-hub-hero h1{font-size:44px}#xm-app .xm-cinematic{min-height:310px}#xm-app .xm-entry{min-height:240px}#xm-app .s33-login-card{padding:30px 25px!important}#xm-app .zxr-login-scene{min-height:520px!important}}
@media(max-width:767px){#xm-app .xm-hub{padding:20px}#xm-app .xm-nav{padding-bottom:18px}#xm-app .xm-nav__right{gap:12px;font-size:10px}#xm-app .xm-nav__right>span{display:none}#xm-app .xm-hub-hero{grid-template-columns:1fr;padding:30px 0;gap:24px}#xm-app .xm-hub-hero h1{font-size:42px;margin:15px 0}#xm-app .xm-hub-hero p{font-size:12px;max-width:none}#xm-app .xm-hub-hero__meta{margin-top:20px;gap:32px}#xm-app .xm-cinematic{height:210px;min-height:210px}#xm-app .xm-cinematic video{object-position:center 40%}#xm-app .xm-cinematic__label strong{font-size:21px}#xm-app .xm-entry-heading{margin:3px 0 17px}#xm-app .xm-entry-heading small{font-size:8px}#xm-app .xm-entry-grid{gap:12px}#xm-app .xm-entry{min-height:235px;padding:18px 15px}#xm-app .xm-entry img{width:160px;height:175px;right:-37px;opacity:.6}#xm-app .xm-entry h3{font-size:18px;margin-top:19px}#xm-app .xm-entry p{font-size:10px;width:73%}#xm-app .xm-entry__number{font-size:8px}#xm-app .xm-entry__cta{left:15px;bottom:20px;font-size:10px;gap:10px}#xm-app .xm-footer{font-size:8px;letter-spacing:.02em;line-height:1.7;margin-top:25px}#xm-app .s33-brand-lockup__text strong{font-size:16px!important}#xm-app .s33-brand-lockup__text small{font-size:8px!important}#xm-app .fi-simple-main{padding:14px!important}#xm-app .s33-login-layout,#xm-app .s33-login-layout--single{grid-template-columns:1fr!important;margin:0!important;border-radius:19px!important}#xm-app .zxr-login-scene{min-height:175px!important}#xm-app .zxr-login-scene__hero{height:270px!important;left:30%!important;right:-4%!important;bottom:-50px!important;background-size:contain!important}#xm-app .zxr-login-scene__copy{left:23px!important;bottom:25px!important;max-width:60%}#xm-app .zxr-login-scene__copy strong{font-size:25px!important}#xm-app .zxr-login-scene__copy small{font-size:10px!important}#xm-app .zxr-login-scene__copy span{font-size:9px!important}#xm-app .s33-login-card{padding:26px 23px!important}#xm-app .s33-login-card__head{margin-bottom:23px!important}#xm-app .s33-login-title-block h2{font-size:23px!important}#xm-app .xm-page-ribbon{font-size:10px;min-height:43px}#xm-app .xm-page-ribbon>div{gap:8px}#xm-app .xm-page-ribbon__right{display:none}#xm-app .s33-panel-hero__content,#xm-app .zxr-player-home-hero__copy{padding:24px 20px!important;max-width:76%}#xm-app .zxr-player-home-hero h1,#xm-app .s33-panel-hero h2{font-size:27px!important}#xm-app .s33-panel-hero,#xm-app .zxr-player-home-hero{min-height:190px!important}#xm-app .s33-panel-hero__art,#xm-app .zxr-player-home-hero__art{right:-6%!important;width:46%!important;opacity:.62}#xm-app .zxr-player-balance{gap:8px!important}#xm-app .zxr-player-balance>div{padding:16px 10px!important}#xm-app .zxr-player-balance strong{font-size:22px!important}#xm-app .fi-ta-content,#xm-app .s33-table-wrap{overflow-x:auto!important}#xm-app .fi-main{padding-bottom:calc(95px + env(safe-area-inset-bottom))!important}#xm-app .xm-loader h2{font-size:24px}#xm-app .xm-loader .xm-overline{font-size:9px}}
@media(prefers-reduced-motion:reduce){#xm-app *,#xm-app *:before,#xm-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#xm-app .xm-cinematic video{display:none}#xm-app.xm-navigating .fi-main{opacity:1}#xm-app .xm-route-progress i{width:100%}}

html#xm-app .s33-brand-lockup{width:190px!important;min-width:190px!important;gap:10px!important}html#xm-app .fi-logo{width:auto!important;min-width:190px!important}html#xm-app .s33-brand-lockup__text{width:auto!important;min-width:125px!important;flex:1!important}html#xm-app .s33-brand-lockup__text strong{font-size:18px!important;white-space:nowrap!important}
html#xm-app .xm-page-ribbon{min-height:76px;background:linear-gradient(90deg,#17313b90,#0c1c26);padding:0 16px;margin-bottom:18px;border:1px solid #36576166;border-radius:8px}html#xm-app .xm-page-ribbon__video{position:absolute;inset:0 0 0 auto;width:45%;height:100%;object-fit:cover;object-position:center 42%;opacity:.26;mask-image:linear-gradient(90deg,transparent,#000)}html#xm-app .xm-page-ribbon>div,html#xm-app .xm-page-ribbon__right{position:relative;z-index:1}@media(max-width:767px){html#xm-app .xm-page-ribbon{min-height:62px;padding:0 12px}html#xm-app .xm-page-ribbon__video{width:60%}html#xm-app .fi-logo{min-width:165px!important}html#xm-app .s33-brand-lockup{min-width:165px!important;width:165px!important}html#xm-app .s33-brand-lockup__text{min-width:110px!important}html#xm-app .s33-brand-lockup__text strong{font-size:16px!important}}@media(prefers-reduced-motion:reduce){html#xm-app video[data-xm-video]{display:none!important}}

html#xm-app .fi-main{background:transparent!important;box-shadow:none!important}
html#xm-app .fi-sidebar,html#xm-app .fi-sidebar-header{background:#0c1922f5!important;background-image:none!important}
html#xm-app .fi-sidebar::before,html#xm-app .fi-sidebar::after,html#xm-app .fi-sidebar-header::before,html#xm-app .fi-sidebar-header::after{display:none!important}
html#xm-app .s33-brand-lockup__text{position:static!important;opacity:1!important;visibility:visible!important;clip:auto!important;clip-path:none!important;transform:none!important;color:#edf5f4!important}
html#xm-app .s33-brand-lockup__text strong{display:block!important;color:#edf5f4!important;background:none!important;-webkit-text-fill-color:#edf5f4!important}
html#xm-app .fi-sidebar-item-btn{background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}
html#xm-app .fi-sidebar-item.fi-active>.fi-sidebar-item-btn{background:#78e6db17!important;border-color:#78e6db33!important;box-shadow:inset 3px 0 #78e6db!important}
html#xm-app .fi-sidebar-item-icon{color:#87aaaF!important}html#xm-app .fi-sidebar-item-label{color:#c6dadf!important}

html#xm-app .s33-brand-lockup__text{height:auto!important;min-height:24px!important;overflow:visible!important}

html#xm-app .s33-brand-lockup__text{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;line-height:1.2!important}html#xm-app .s33-brand-lockup__text strong{line-height:24px!important}html#xm-app .s33-brand-lockup__text small{display:block!important;width:auto!important;font-size:9px!important;line-height:12px!important;white-space:nowrap!important}

html#xm-app .s33-panel-hero__chips span{background:#223a43!important;color:#b8d7d5!important;border:1px solid #38565e!important;border-radius:4px!important}

/* The imported login theme sets its own text fill independently of color. */
html#xm-app .s33-login-card input:not([type='hidden']):not([type='checkbox']):not([type='radio']) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
}

html#xm-app .s33-login-card input::placeholder {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html#xm-app .s33-login-card .s33-captcha-code span {
    color: #ffffff !important;
}

/* Keep autofilled text readable against the login input background. */
html#xm-app .s33-login-card input:-webkit-autofill,
html#xm-app .s33-login-card input:-webkit-autofill:hover,
html#xm-app .s33-login-card input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 1000px #091b24 inset !important;
    box-shadow: 0 0 0 1000px #091b24 inset !important;
}

/* The imported theme's background shorthand hides the framework checkmark. */
html#xm-app .s33-login-card .fi-checkbox-input[type='checkbox'] {
    -webkit-appearance: checkbox !important;
    appearance: auto !important;
    accent-color: var(--xm-cyan);
    cursor: pointer;
}

/* Imported light input backgrounds must match the dark action windows. */
html#xm-app .fi-modal-window .fi-input,
html#xm-app .fi-modal-window .fi-select-input,
html#xm-app .fi-modal-window textarea {
    background-color: #0b1b24 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
}

html#xm-app .fi-modal-window .fi-input::placeholder,
html#xm-app .fi-modal-window textarea::placeholder {
    color: #9bb7c1 !important;
    -webkit-text-fill-color: #9bb7c1 !important;
}

/* The agent's dedicated subagent form uses a light writing surface so the
   account, password, commission and contact values remain legible. */
html#xm-app .fi-resource-subagents .fi-input,
html#xm-app .fi-resource-subagents .fi-select-input,
html#xm-app .fi-resource-subagents .fi-textarea,
html#xm-app .fi-resource-subagents input:not([type='hidden']):not([type='checkbox']):not([type='radio']),
html#xm-app .fi-resource-subagents textarea {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
    color-scheme: light !important;
}

html#xm-app .fi-resource-subagents .fi-input-wrp {
    background-color: #ffffff !important;
    border-color: #b7c5cc !important;
}

html#xm-app .fi-resource-subagents .fi-input::placeholder,
html#xm-app .fi-resource-subagents .fi-textarea::placeholder,
html#xm-app .fi-resource-subagents input::placeholder,
html#xm-app .fi-resource-subagents textarea::placeholder {
    color: #667085 !important;
    -webkit-text-fill-color: #667085 !important;
}

html#xm-app .fi-resource-subagents option {
    color: #000000 !important;
    background-color: #ffffff !important;
}

html#xm-app .fi-resource-subagents input:-webkit-autofill,
html#xm-app .fi-resource-subagents input:-webkit-autofill:hover,
html#xm-app .fi-resource-subagents input:-webkit-autofill:focus {
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

html#xm-app .fi-resource-subagents .fi-input-wrp .fi-icon-btn-icon,
html#xm-app .fi-resource-subagents .fi-input-wrp-label {
    color: #000000 !important;
}
