:root{--yq-font:'Noto Sans SC Variable','Microsoft YaHei','PingFang SC',sans-serif}
html,body{font-family:var(--yq-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#yq-boot{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;color:#eee8d7;background:radial-gradient(ellipse at 50% 44%,#244939,#0b211a 63%,#071810);font-family:var(--yq-font);transition:opacity .35s}
#yq-boot:before,#yq-boot:after{content:none;display:none}
#yq-boot.done{opacity:0;pointer-events:none}
#yq-boot .yq-boot-seal{font-family:SimSun,serif;width:44px;height:44px;display:grid;place-items:center;border:1px solid #d5bb7b;border-radius:5px;color:#d5bb7b;font-size:25px;margin-bottom:26px;transform:rotate(-5deg)}
#yq-boot .yq-boot-eyebrow{font-size:10px;letter-spacing:8px;color:#b6c3a6}
#yq-boot h1{font:650 52px/1.4 var(--yq-font);letter-spacing:12px;margin:12px 0 0 12px;color:#eee8d7;background:none;transform:none;text-shadow:none;box-shadow:none}
#yq-boot .yq-boot-subtitle{font-size:12px;letter-spacing:4px;color:#c5b585;margin:12px 0 42px}
#yq-boot .yq-boot-progress{height:3px;width:min(290px,70vw);background:#adc09c22;overflow:hidden;border-radius:4px}
#yq-boot .yq-boot-fill{display:block;height:100%;background:#d4bd83;transform-origin:left;transform:scaleX(0);transition:transform .18s}
#yq-boot .yq-boot-meta{width:min(290px,70vw);display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:#a0b59d;gap:12px}
#yq-boot .yq-boot-number{font-variant-numeric:tabular-nums;color:#c5b585}#yq-boot .yq-boot-foot{position:absolute;bottom:32px;font-size:10px;letter-spacing:3px;color:#849b81}
#yq-boot .yq-boot-retry{font:12px var(--yq-font);margin-top:24px;background:#d4bd83;color:#203c2b;border:0;border-radius:5px;padding:10px 22px;cursor:pointer}
.loading{background:#10291f!important;color:#eee8d7}.loading .logo-word{font-size:0!important}.loading .logo-word>*{display:none}.loading .logo-word:after{content:'云栖谷';font:650 48px var(--yq-font);color:#eee8d7;letter-spacing:8px}
/* One lightweight jade pearl for boot and all native loading states.
   Only transform / opacity animate; highlights and shadows stay static. */
body .pokeball-spin.pokeball-spin,#yq-boot .yq-spirit-pearl{
  box-sizing:border-box;position:relative;isolation:isolate;display:grid;place-items:center;
  width:60px;height:60px;flex:none;border:1px solid #d5c18b;border-radius:50%;
  background:radial-gradient(ellipse at 29% 23%,#f4ffe5 0%,#ceeac6 12%,#88c7ac 35%,#3c8e78 66%,#1d5348 100%);
  box-shadow:inset -5px -7px 10px #123c3b66,inset 3px 3px 6px #e9f4c94d,0 0 19px #86cfa13d;
  animation:yq-pearl-float 3.2s ease-in-out infinite;will-change:transform;
}
body .pokeball-spin.pokeball-spin:before,#yq-boot .yq-spirit-pearl:before{
  content:'';display:block;position:absolute;inset:-30px;z-index:-1;pointer-events:none;
  border:0;border-radius:50%;background:radial-gradient(circle,#9bd4a93d 0%,#93cba41f 30%,#93cba400 67%);
  animation:yq-pearl-breathe 3.2s ease-in-out infinite;
}
body .pokeball-spin.pokeball-spin:after,#yq-boot .yq-spirit-pearl:after{
  content:'灵';display:block;position:static;inset:auto;width:auto;height:auto;margin:0;padding:0;
  border:0;border-radius:0;background:none;color:#f0e5b5cc;box-shadow:none;
  font:22px/1 SimSun,'Songti SC',serif;transform:none;text-shadow:0 1px 2px #194c414d;
}
#yq-boot .yq-spirit-pearl{width:54px;height:54px;margin-bottom:32px}
body .run-loading{background:#0c271fe8;backdrop-filter:blur(5px);font-family:var(--yq-font);color:#e5e7d0}
body .run-loading h2{font:550 24px/1.6 var(--yq-font);color:#e5e7d0;letter-spacing:3px;text-shadow:none;margin-top:15px}
body .run-loading :is(.ld-tip,.ld-slow){color:#a9b99c;font-size:12px;line-height:1.8;font-weight:450}
body .run-loading .bar{height:4px;border:0;border-radius:2px;background:#a4b99b26;box-shadow:none;overflow:visible}
body .run-loading .bar i{height:100%;background:#d0b77e;border-radius:2px;box-shadow:none}
@keyframes yq-pearl-float{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes yq-pearl-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  body .pokeball-spin.pokeball-spin,#yq-boot .yq-spirit-pearl,
  body .pokeball-spin.pokeball-spin:before,#yq-boot .yq-spirit-pearl:before{animation:none!important;will-change:auto}
}
body.yunqi-front.yunqi-front{--font:var(--yq-font);--font-title:var(--yq-font);--ink:#263d31;--ink-2:#6b7b66;--paper:#eee8d7;--paper-2:#e3e4d2;--line:#b6b88c44;--shadow:0 10px 28px #0003;--shadow-sm:0 3px 12px #0002;--stripes:linear-gradient(transparent,transparent);--blue:#8da988;--green:#7b9e73;--green-d:#447541;--purple:#8a9e7a;--red:#bd8c6e;--red-d:#8d5f48;--yellow:#d0ba85;--yellow-d:#a28d5d;color:#eee8d7}
body.yunqi-front.yunqi-front .screen{font-family:var(--yq-font);padding:28px;scrollbar-color:#92a27a55 #152f2522;scrollbar-width:thin}body.yunqi-front.yunqi-front .screen.dim{background:#0a2419b8}body.yunqi-front.yunqi-front .screen.blur{backdrop-filter:blur(8px)}
body.yunqi-front.yunqi-front .screen h1,body.yunqi-front.yunqi-front .screen h2,body.yunqi-front.yunqi-front .screen h3{font-family:var(--yq-font);text-shadow:none;letter-spacing:.8px;font-weight:650}
body.yunqi-front.yunqi-front .screen .panel{background:#eee8d7;color:#263d31;border:1px solid #c0b17c88;border-radius:10px;box-shadow:0 14px 40px #0003}
body.yunqi-front.yunqi-front .screen .ribbon{background:#1b3b2d;color:#eee8d7;transform:none;text-shadow:none;border-radius:6px;font-family:inherit;box-shadow:none}
body.yunqi-front.yunqi-front .btn,body.yunqi-front.yunqi-front .back-btn,body.yunqi-front.yunqi-front .pill,body.yunqi-front.yunqi-front .lang-btn{font-family:inherit;color:#dce0c9;background:#274533;border:1px solid #c3b68166;border-radius:6px;box-shadow:none;text-shadow:none;transform:none;font-weight:500;font-size:12px;letter-spacing:.2px}
body.yunqi-front.yunqi-front .btn:after,body.yunqi-front.yunqi-front .btn:before{display:none}body.yunqi-front.yunqi-front .btn:hover,body.yunqi-front.yunqi-front .pill:hover{filter:none;transform:translateY(-1px);background:#35583f}
body.yunqi-front.yunqi-front .btn.red,body.yunqi-front.yunqi-front .btn.green{color:#213d2b;background:#d5c08e;border-color:#e3d2a8}body.yunqi-front.yunqi-front .btn.big{font-size:15px;border-radius:7px;padding:12px 26px}
body.yunqi-front.yunqi-front .pill.on,body.yunqi-front.yunqi-front .seg .pill.on{color:#223d2b;background:#d1bd8d;box-shadow:none}body.yunqi-front.yunqi-front .btn:disabled{opacity:.4;filter:none}body.yunqi-front.yunqi-front button:focus-visible{outline:2px solid #dcc88d;outline-offset:3px}
body.yunqi-front.yunqi-front kbd{font-family:ui-monospace,monospace;background:#ffffff15;color:inherit;border:1px solid #acae7e66;border-radius:4px;box-shadow:none;font-size:10px;font-weight:400}
body.yunqi-front.yunqi-front .chip{background:#d3ddbd!important;color:#42613c;border-radius:4px;font-family:inherit;font-size:10px;font-weight:500;text-shadow:none;box-shadow:none}body.yunqi-front.yunqi-front .tag{font:550 11px var(--yq-font);color:#778366;letter-spacing:1px}
body.yunqi-front.yunqi-front .scr-head{gap:16px;margin-bottom:20px}body.yunqi-front.yunqi-front .scr-title h1{font-size:27px;color:#eee8d7;background:none;transform:none;padding:0;box-shadow:none}body.yunqi-front.yunqi-front .scr-title>span{color:#afc09e;font-size:11px;font-weight:450}body.yunqi-front.yunqi-front .keys{color:#a9b99b;font-size:10px;font-weight:400}
body.yunqi-front.yunqi-front .mm{padding:0;background:linear-gradient(90deg,#0a231bf2 0%,#102d24d9 25%,#102d2440 63%,transparent)}
body.yunqi-front.yunqi-front .mm-left{left:clamp(28px,6vw,84px);top:53%;transform:translateY(-50%);width:min(420px,44vw);gap:28px}
body.yunqi-front.yunqi-front .logo{margin:0}body.yunqi-front.yunqi-front .logo-word{font:650 56px/1.3 var(--yq-font);color:#f1e9cf;letter-spacing:7px;transform:none;text-shadow:none;filter:none;background:none;padding:0;-webkit-text-stroke:0}
body.yunqi-front.yunqi-front .logo>small,body.yunqi-front.yunqi-front .logo-word:before,body.yunqi-front.yunqi-front .logo-word:after{display:none}body.yunqi-front.yunqi-front .yq-front-tagline{color:#c5b78c;letter-spacing:3px;font-size:12px;margin:14px 0 0}
body.yunqi-front.yunqi-front .mm-nav{display:flex;flex-direction:column;gap:10px}body.yunqi-front.yunqi-front .mm-modes{display:grid;grid-template-columns:1fr;gap:10px}
body.yunqi-front.yunqi-front .mm-item{background:#173b2de8;color:#e9e5cf;border:1px solid #b9b57e44;border-radius:7px;box-shadow:none;transform:none;padding:12px;gap:10px;animation:none}
body.yunqi-front.yunqi-front .mm-item:hover,body.yunqi-front.yunqi-front .mm-item.focus{transform:translateX(3px);background:#294c38;border-color:#cdb985;box-shadow:none}
body.yunqi-front.yunqi-front .mm-item .mm-tx b{font-family:inherit;font-size:17px;font-weight:600;letter-spacing:.5px}body.yunqi-front.yunqi-front .mm-item .mm-tx small{font:400 10px/1.5 var(--yq-font);color:#a6bb9d;margin-top:4px}
body.yunqi-front.yunqi-front .mm-item.play{background:#d6c18e;color:#243d2b;border-color:#e4d6ae;min-height:68px}body.yunqi-front.yunqi-front .mm-item.play .mm-tx b{font-size:21px}body.yunqi-front.yunqi-front .mm-item.play .mm-tx small{color:#5d6b50}body.yunqi-front.yunqi-front .mm-item.endless .mm-star{display:none}
body.yunqi-front.yunqi-front .mm-ic{background:#ffffff09;border:0;box-shadow:none;transform:none;width:38px;height:38px;border-radius:6px}body.yunqi-front.yunqi-front .mm-ic img{width:28px;height:28px}
body.yunqi-front.yunqi-front .mm-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}body.yunqi-front.yunqi-front .mm-small{display:flex;gap:8px}body.yunqi-front.yunqi-front .mm-small .mm-item{padding:9px 14px;flex:1}body.yunqi-front.yunqi-front .mm-small .mm-tx b{font-size:12px}
body.yunqi-front.yunqi-front .mm-small .discord,body.yunqi-front.yunqi-front .mm-small .bug{display:none}body.yunqi-front.yunqi-front .mm-badge{background:#a5b38a;color:#203b2a;font-weight:600;box-shadow:none}
body.yunqi-front.yunqi-front .mm-top{top:24px;left:28px;right:28px;gap:10px}body.yunqi-front.yunqi-front .trainer{background:#153428d9;border:1px solid #b8b17b55;border-radius:7px;box-shadow:none;color:#dce4cb;padding:8px 12px;gap:12px}
body.yunqi-front.yunqi-front .trainer b{font:550 13px var(--yq-font)}body.yunqi-front.yunqi-front .trainer small{font:400 10px var(--yq-font);color:#abc09e}body.yunqi-front.yunqi-front .trainer .tr-av{border-radius:5px;background:#244733;box-shadow:none;border:1px solid #7a9166}body.yunqi-front.yunqi-front .tr-cur{color:#cfbc87;font-family:inherit}
body.yunqi-front.yunqi-front .trainer .btn{font-size:10px;padding:6px 10px}body.yunqi-front.yunqi-front .tr-mail{background:none;border:0;color:#bccba8;box-shadow:none}
body.yunqi-front.yunqi-front .mm-sp{background:#17392bd9;border:1px solid #c2b17a55;box-shadow:none;border-radius:9px;color:#dde5ca;backdrop-filter:blur(10px)}body.yunqi-front.yunqi-front .mm-foot{color:#a8b99a;opacity:.7;font-size:10px}
body.yunqi-front.yunqi-front .ls-main{grid-template-columns:minmax(0,1.15fr) minmax(360px,.95fr);gap:20px}body.yunqi-front.yunqi-front .ls-hero{background:#eee8d7;border-radius:10px}
body.yunqi-front.yunqi-front .ls-top{background:#eee8d7;grid-template-columns:172px minmax(0,1fr);gap:20px;padding:20px;border-bottom:1px solid #b3b79555}body.yunqi-front.yunqi-front .ls-top-stats{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.yunqi-front.yunqi-front .ls-show{background:radial-gradient(circle at 50% 65%,#426346,#193a2d 80%);border:1px solid #bfaf7977;border-radius:8px;box-shadow:none;min-height:200px}body.yunqi-front.yunqi-front .ls-rays{opacity:.07}body.yunqi-front.yunqi-front .ls-pedestal{background:radial-gradient(ellipse closest-side at center,rgba(202,218,165,.3) 0%,rgba(173,199,145,.19) 30%,rgba(145,181,129,.07) 62%,rgba(145,181,129,0) 100%);border:0;outline:0;box-shadow:none;filter:none;pointer-events:none}
body.yunqi-front.yunqi-front .ls-stage{inset:8px;align-items:center}body.yunqi-front.yunqi-front .ls-stage canvas{image-rendering:pixelated}body.yunqi-front.yunqi-front canvas.yq-front-avatar{width:100%!important;height:100%!important;max-width:192px;max-height:192px;object-fit:contain;position:static;translate:none;transform:none;animation:none;filter:none!important;flex:none}
body.yunqi-front.yunqi-front .ls-stagecard .ls-pedestal{bottom:8%;height:16px}
body.yunqi-front.yunqi-front .ls-id h1{font-size:27px;color:#263d31;line-height:1.4;margin:7px 0}body.yunqi-front.yunqi-front .ls-id-top small{font-size:11px;color:#78856c;font-family:inherit}body.yunqi-front.yunqi-front .ls-rank,body.yunqi-front.yunqi-front .ls-evo,body.yunqi-front.yunqi-front .ls-wonrow,body.yunqi-front.yunqi-front .ls-foot{display:none}
body.yunqi-front.yunqi-front .ls-card{background:#f3eedf;border:1px solid #b1b79144;border-radius:7px;box-shadow:none}body.yunqi-front.yunqi-front .ls-card-head{background:#e2e5cf;color:#3c5839;border-bottom:1px solid #b4bd9344;font-family:inherit}body.yunqi-front.yunqi-front .ls-card-head b{font:550 12px var(--yq-font)}
body.yunqi-front.yunqi-front .ls-sec p,body.yunqi-front.yunqi-front .ls-passive p{font:400 11px/1.75 var(--yq-font);color:#6b7960}body.yunqi-front.yunqi-front .ls-cta{background:#eee8d7;border-top:1px solid #aeb38e66;padding:13px 18px;box-shadow:0 -6px 20px #263d3110}
body.yunqi-front.yunqi-front .ls-roster{background:#173a2cdd!important;color:#dbe4ca!important;border-color:#bdaf7966!important;padding:18px;gap:16px}body.yunqi-front.yunqi-front .ls-roster-head{gap:9px}body.yunqi-front.yunqi-front .ls-count{color:#9fb392;font-size:11px}
body.yunqi-front.yunqi-front .ls-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:3px;max-height:none}body.yunqi-front.yunqi-front .ls-tile{background:#244b36;border:1px solid #8c9d6855;border-radius:6px;box-shadow:none;animation:none;aspect-ratio:auto;min-height:108px;transform:none}
body.yunqi-front.yunqi-front .ls-tile.on{background:#3d5f3f;border-color:#dfca8b;box-shadow:0 0 0 1px #c3ae76}body.yunqi-front.yunqi-front .ls-tile:hover{background:#335a3d;transform:translateY(-2px);box-shadow:none}body.yunqi-front.yunqi-front .ls-portrait{position:absolute;inset:5px 4px 25px;display:grid;place-items:center}body.yunqi-front.yunqi-front .ls-portrait canvas{width:80px;height:80px;image-rendering:pixelated}body.yunqi-front.yunqi-front .ls-name{font:500 10px var(--yq-font);color:#e1e6cf;background:none;text-shadow:none;bottom:9px}
body.yunqi-front.yunqi-front .ls-tile[data-race="人族"]{border-bottom:3px solid #c8b27e}body.yunqi-front.yunqi-front .ls-tile[data-race="妖族"]{border-bottom:3px solid #ad8a70}body.yunqi-front.yunqi-front .ls-tile[data-race="仙族"]{border-bottom:3px solid #8fae83}
body.yunqi-front.yunqi-front .dx-type{background:#244b36;box-shadow:none;border:1px solid #8f9f7155;border-radius:5px}body.yunqi-front.yunqi-front .dx-type.on{background:#658761;border-color:#dfca8b}body.yunqi-front.yunqi-front .ls-random{color:#c9d5b7}body.yunqi-front.yunqi-front .ls-seg{background:transparent;box-shadow:none}body.yunqi-front.yunqi-front .ls-card .mp-open,body.yunqi-front.yunqi-front .ls-cta .mp-open{font-size:10px}
body.yunqi-front.yunqi-front .sb{background:#ccd6b9}body.yunqi-front.yunqi-front .sb i{background:#8ca778!important;box-shadow:none}body.yunqi-front.yunqi-front .rg-item{background:#254a35;color:#dbe3c8;border:1px solid #9ba97166;border-radius:7px;box-shadow:none}body.yunqi-front.yunqi-front .rg-item.on{background:#416041;border-color:#d5bf83}body.yunqi-front.yunqi-front .rg-item b{font-family:inherit;font-weight:550}body.yunqi-front.yunqi-front .rg-side{background:#eee8d7}body.yunqi-front.yunqi-front .rg-tier,body.yunqi-front.yunqi-front .rg-booster{border-radius:6px;box-shadow:none}body.yunqi-front.yunqi-front .rg-go{background:#e1e4cd;border-color:#abb28a66}
body.yunqi-front.yunqi-front .wipe .w-top,body.yunqi-front.yunqi-front .wipe .w-bot{background:#173a2b;border-color:#bda76b}body.yunqi-front.yunqi-front .wipe .w-btn{background:#bdd8b4;border-color:#d3be82}.yq-front-scroll{scrollbar-color:#91a07877 transparent;scrollbar-width:thin}
.os-theme-yunqi-front{--os-size:7px;--os-handle-border-radius:5px;--os-handle-bg:#9eac7c66;--os-handle-bg-hover:#bfca99;--os-handle-bg-active:#d0c38d;--os-track-bg:transparent}.yq-scroll-host{position:relative;flex:1;min-height:0;overflow:hidden}.yq-scroll-host>.scroll{height:100%;min-height:0}
@media(max-width:1000px){body.yunqi-front.yunqi-front .screen{padding:18px}body.yunqi-front.yunqi-front .mm-left{width:380px;left:32px;gap:20px}body.yunqi-front.yunqi-front .trainer .tr-cur,body.yunqi-front.yunqi-front .trainer .tr-mail{display:none}body.yunqi-front.yunqi-front .ls-main{grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:12px}body.yunqi-front.yunqi-front .ls-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}body.yunqi-front.yunqi-front .ls-top{grid-template-columns:132px minmax(0,1fr);padding:15px;gap:14px}body.yunqi-front.yunqi-front .ls-id h1{font-size:23px}body.yunqi-front.yunqi-front .ls-tile{min-height:101px}}
@media(max-width:700px){body.yunqi-front.yunqi-front .screen{padding:16px}body.yunqi-front.yunqi-front .mm-left{left:22px;right:22px;top:110px;width:auto;max-width:440px;gap:20px;transform:none}body.yunqi-front.yunqi-front .logo-word{font-size:42px}body.yunqi-front.yunqi-front .mm-top{top:16px;left:16px;right:16px}body.yunqi-front.yunqi-front .trainer .tr-tx small,body.yunqi-front.yunqi-front .trainer>.btn{display:none}body.yunqi-front.yunqi-front .mm-sp{display:none}body.yunqi-front.yunqi-front .mm{background:#0b281dbb;overflow:auto}body.yunqi-front.yunqi-front .scr-head{flex-wrap:wrap;gap:10px;margin-bottom:14px}body.yunqi-front.yunqi-front .scr-title h1{font-size:24px}body.yunqi-front.yunqi-front .ls-main{display:flex;flex-direction:column;overflow:visible}body.yunqi-front.yunqi-front .ls-hero{min-height:550px;overflow:visible;flex:none}body.yunqi-front.yunqi-front .ls-roster{order:-1;min-height:360px;flex:none}body.yunqi-front.yunqi-front .ls-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}body.yunqi-front.yunqi-front .ls-tile{min-height:90px}body.yunqi-front.yunqi-front .ls-portrait canvas{width:68px;height:68px}body.yunqi-front.yunqi-front .ls-name{font-size:9px}body.yunqi-front.yunqi-front .ls-top{grid-template-columns:130px minmax(0,1fr)}body.yunqi-front.yunqi-front .ls-show{min-height:160px}body.yunqi-front.yunqi-front .ls-roster-head{flex-wrap:wrap}body.yunqi-front.yunqi-front .mm-grid .mm-item .mm-tx b{font-size:15px}body.yunqi-front.yunqi-front .rg-main{display:flex;flex-direction:column}body.yunqi-front.yunqi-front .rg-side{min-height:400px}body.yunqi-front.yunqi-front .keys{display:none}}
@media(max-height:680px) and (min-width:701px){body.yunqi-front.yunqi-front .mm-left{top:53%;gap:15px}body.yunqi-front.yunqi-front .logo-word{font-size:44px}body.yunqi-front.yunqi-front .mm-item{padding:9px 12px}body.yunqi-front.yunqi-front .mm-item .mm-tx b{font-size:15px}body.yunqi-front.yunqi-front .mm-item.play{min-height:59px}body.yunqi-front.yunqi-front .mm-item.play .mm-tx b{font-size:19px}}
@media(prefers-reduced-motion:reduce){#yq-boot,body.yunqi-front.yunqi-front .screen *{animation:none!important;transition:none!important}}

body.yunqi-front.yunqi-front .mm-item:is(.endless,.yq-coop-launch){flex-direction:row;text-align:left;justify-content:flex-start;flex-basis:auto;min-height:55px;background:#1c3e2f;border:1px solid #b9b57e44;box-shadow:none}
body.yunqi-front.yunqi-front .mm-item:is(.endless,.yq-coop-launch) .mm-tx{align-items:flex-start}
body.yunqi-front.yunqi-front .logo.hero .logo-word{font:650 56px/1.3 var(--yq-font);transform:none;text-shadow:none;filter:none;animation:none;letter-spacing:7px}
body.yunqi-front.yunqi-front .mm-foot{display:none}
body.yunqi-front.yunqi-front .mm-sp{display:none}

body.yunqi-front.yunqi-front .scr-title{background:none;transform:none;border:0;box-shadow:none;padding:0;text-shadow:none;color:#eee8d7}
body.yunqi-front.yunqi-front .mm-foot{display:block;position:absolute;right:28px;bottom:22px;z-index:5;max-width:390px;padding:0;text-align:right}
body.yunqi-front.yunqi-front .mm-foot summary{font:400 10px var(--yq-font);color:#b4c09f;cursor:pointer;list-style:none}
body.yunqi-front.yunqi-front .mm-foot details[open]{font:400 10px/1.7 var(--yq-font);color:#b4c09f;background:#122e25f5;border:1px solid #b4a77366;border-radius:6px;padding:16px;text-align:left;max-height:220px;overflow:auto}
body.yunqi-front.yunqi-front .mm-foot details[open] summary{margin-bottom:10px}
body.yunqi-front.yunqi-front .logo>button{display:none}
/* Both controls share the toolbar centre, including the wrapped language button. */
body.yunqi-front.yunqi-front .mm-top>.lang-pick,body.yunqi-front.yunqi-front .mm-top .lang-btn{align-self:center}
body.yunqi-front.yunqi-front .mm-top .lang-btn{box-sizing:border-box;height:40px;min-height:40px;justify-content:center}
body.yunqi-front.yunqi-front .mm-top>.fs-btn{width:40px;flex-shrink:0;margin-left:0}
body.yunqi-front.yunqi-front .tour{background:#0b241cc9}
body.yunqi-front.yunqi-front .tour-card{background:#eee8d7;border:1px solid #cbb987;border-radius:9px;color:#263d31;box-shadow:0 15px 50px #0004}

body.yunqi-front.yunqi-front .mm-season{display:none}
body.yunqi-front.yunqi-front .mm-foot{left:auto;right:28px;width:auto;max-width:390px}
body.yunqi-front.yunqi-front .mm-item:before,body.yunqi-front.yunqi-front .mm-item:after{display:none}
body.yunqi-front.yunqi-front .trainer .currency{background:transparent;box-shadow:none;color:#d0bf88;border:0;font:400 11px var(--yq-font)}
body.yunqi-front.yunqi-front .mm-item .mm-ic{background:transparent;box-shadow:none;border:0}
body.yunqi-front.yunqi-front .mm-item.play .mm-ic{width:38px;height:38px}
body.yunqi-front.yunqi-front .mm-item.play .mm-ic img{width:28px;height:28px}

body.yunqi-front.yunqi-front .ls-stagecard{width:100%;min-height:0;aspect-ratio:1;height:auto}
body.yunqi-front.yunqi-front .yq-base-stats{grid-column:1/-1;border-top:1px solid #b5ba9255;padding-top:10px;color:#728366;font-size:11px}
body.yunqi-front.yunqi-front .yq-base-stats summary{cursor:pointer;padding:2px 0;list-style:revert;color:#667c58}
body.yunqi-front.yunqi-front .yq-base-stats[open] .ls-top-stats{margin-top:14px}
/* Native portraits keep a square aspect ratio and width:100%; clear both so
   the reserved name row remains outside the portrait at every card width. */
body.yunqi-front.yunqi-front .ls-portrait{background:transparent;box-shadow:none;border-radius:0;width:auto;height:auto;aspect-ratio:auto;inset:5px 4px 28px;display:flex;align-items:center;justify-content:center}
body.yunqi-front.yunqi-front .ls-portrait canvas{height:auto;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain;position:static;translate:none;transform:none;animation:none}
body.yunqi-front.yunqi-front .ls-name{position:absolute;top:auto;bottom:8px;left:2px;right:2px;padding:0;display:block;text-align:center}
body.yunqi-front.yunqi-front .ls-go .btn-ball{width:22px;height:22px}

/* r20: one cached transparent logo for boot, native loading and home. */
.yq-game-logo{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;image-rendering:pixelated;}
#yq-boot h1.yq-boot-logo{width:min(560px,86vw);font-size:0;line-height:0;margin:5px 0 27px;letter-spacing:0;padding:0;}
#yq-boot .yq-spirit-pearl{margin-bottom:15px;width:42px;height:42px;}
body.yunqi-front.yunqi-front .logo.hero .logo-word,body.yunqi-front.yunqi-front .logo .logo-word{display:block;width:100%;font-size:0;line-height:0;letter-spacing:0;}
body.yunqi-front.yunqi-front .mm-left{gap:18px;}
body .loading .logo-word{width:min(500px,80vw);font-size:0!important;line-height:0!important;}
body .loading .logo-word>.yq-game-logo{display:block!important;}
body .loading .logo-word:after{display:none!important;content:none;}
.yq-run-logo{width:min(420px,74vw);margin:0 auto 22px;flex:none;}
body.yunqi-front.yunqi-front .mm-left>.logo{max-width:360px;}
body.yunqi-front.yunqi-front .mm-item{padding:9px 12px;}
body.yunqi-front.yunqi-front .mm-item.play{min-height:60px;}
body.yunqi-front.yunqi-front .mm-item:is(.endless,.yq-coop-launch){min-height:50px;}
body.yunqi-front.yunqi-front :is(.mm-nav,.mm-grid,.mm-modes){gap:8px;}
@media(max-height:680px) and (min-width:701px){body.yunqi-front.yunqi-front .mm-left{gap:12px;}body.yunqi-front.yunqi-front .logo{max-width:330px;}}
@media(max-height:560px){#yq-boot h1.yq-boot-logo{width:min(390px,64vw);margin-bottom:18px;}#yq-boot .yq-spirit-pearl{display:none;}#yq-boot .yq-boot-foot{bottom:8px;}}

/* Locked companions use the same humanoid sheets, rendered as silhouettes. */
body.yunqi-front.yunqi-front .ls-tile.locked .ls-portrait canvas[data-yq-role],body.yunqi-front.yunqi-front .ls-mate.off canvas[data-yq-role]{filter:none!important;opacity:.75}
body.yunqi-front.yunqi-front .ls-stage canvas.yq-front-avatar[data-yq-silhouette="true"]{filter:none!important;opacity:.8}
body.yunqi-front.yunqi-front .ls-mate canvas[data-yq-role],body.yunqi-front.yunqi-front .ls-near-ic canvas[data-yq-role]{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}

/* Soft jade mist inspired by the reference's translucent, grainy flow. */
#yq-boot{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 51% 44%,#203e32 0%,#102c22 48%,#071b14 100%)}
#yq-boot:before,#yq-boot:after{display:none;content:none;border:0}
#yq-boot .yq-boot-mist{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}
#yq-boot .yq-boot-mist>i{display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20700%22%20fill%3D%22none%22%3E%0A%3Cdefs%3E%0A%20%3ClinearGradient%20id%3D%22jade%22%20x1%3D%220%22%20y1%3D%22640%22%20x2%3D%221170%22%20y2%3D%22100%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23315f4d%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%236eaf95%22%20stop-opacity%3D%22.42%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%2391bfa1%22%20stop-opacity%3D%22.68%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23578e76%22%20stop-opacity%3D%22.4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23315f4d%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3ClinearGradient%20id%3D%22gold%22%20x1%3D%2260%22%20y1%3D%22540%22%20x2%3D%221020%22%20y2%3D%22260%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a99c6b%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%23c3b27f%22%20stop-opacity%3D%22.28%22%2F%3E%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%23abc09d%22%20stop-opacity%3D%22.06%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a99c6b%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3Cfilter%20id%3D%22haze%22%20x%3D%22-35%25%22%20y%3D%22-60%25%22%20width%3D%22170%25%22%20height%3D%22220%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2232%22%2F%3E%3C%2Ffilter%3E%0A%20%3Cfilter%20id%3D%22fold%22%20x%3D%22-35%25%22%20y%3D%22-60%25%22%20width%3D%22170%25%22%20height%3D%22220%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.006%20.017%22%20numOctaves%3D%222%22%20seed%3D%2213%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%2252%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%228%22%2F%3E%3C%2Ffilter%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20d%3D%22M-180%20670%20C120%20720%20150%20350%20400%20400%20C650%20450%20510%20140%20750%20225%20C970%20305%201070%20265%201380%20-40%22%20stroke%3D%22url%28%23jade%29%22%20stroke-width%3D%22165%22%20filter%3D%22url%28%23haze%29%22%20opacity%3D%22.62%22%2F%3E%0A%3Cg%20filter%3D%22url%28%23fold%29%22%3E%0A%20%3Cpath%20d%3D%22M-170%20640%20C105%20705%20180%20350%20418%20417%20C655%20483%20535%20158%20758%20241%20C972%20321%201110%20252%201350%200%22%20stroke%3D%22url%28%23jade%29%22%20stroke-width%3D%2262%22%20opacity%3D%22.65%22%2F%3E%0A%20%3Cpath%20d%3D%22M-165%20657%20C95%20710%20177%20378%20412%20432%20C649%20486%20548%20180%20762%20254%20C976%20328%201135%20243%201350%200%22%20stroke%3D%22url%28%23jade%29%22%20stroke-width%3D%2223%22%20opacity%3D%22.68%22%2F%3E%0A%20%3Cpath%20d%3D%22M-110%20635%20C156%20660%20216%20392%20426%20443%20C640%20495%20570%20205%20783%20273%20C1000%20342%201160%20210%201325%2015%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%2226%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"); background-size:100% 100%;background-repeat:no-repeat;transform-origin:50% 50%;will-change:transform,opacity}
#yq-boot .yq-mist-near{inset:12% -17% -33% -20%;opacity:.66;animation:yq-mist-near 28s ease-in-out infinite alternate}
#yq-boot .yq-mist-far{inset:-38% -24% 24% 17%;opacity:.23;animation:yq-mist-far 39s ease-in-out infinite alternate}
#yq-boot .yq-boot-mist:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.82%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Cpath%20fill%3D%22%23fff%22%20filter%3D%22url%28%23n%29%22%20d%3D%22M0%200h128v128H0z%22%2F%3E%3C%2Fsvg%3E");background-size:128px 128px;opacity:.065;mix-blend-mode:soft-light}
@keyframes yq-mist-near{from{transform:translate3d(-2%,2%,0) rotate(-4deg) scale(1.03);opacity:.55}to{transform:translate3d(2%,-2%,0) rotate(1deg) scale(1.12);opacity:.78}}
@keyframes yq-mist-far{from{transform:translate3d(2%,-1%,0) rotate(175deg) scale(1.08);opacity:.16}to{transform:translate3d(-2%,2%,0) rotate(182deg) scale(1.16);opacity:.28}}
@media(max-width:700px){#yq-boot .yq-mist-near{inset:12% -35% -15% -35%;animation-duration:36s}#yq-boot .yq-mist-far{display:none}#yq-boot .yq-boot-mist:after{opacity:.045}}
html[data-yq-tier="low"] #yq-boot .yq-mist-far{display:none}
html[data-yq-tier="low"] #yq-boot .yq-mist-near{animation:none;will-change:auto;opacity:.6}
@media(prefers-reduced-motion:reduce){#yq-boot .yq-boot-mist>i{animation:none;will-change:auto}#yq-boot .yq-mist-far{transform:rotate(180deg);opacity:.2}}
/* Pointer movement composes on the parent, preserving both original flow animations. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #yq-boot .yq-boot-mist{inset:-24px;transform:translate3d(calc(var(--yq-mist-pointer-x,0)*18px),calc(var(--yq-mist-pointer-y,0)*12px),0)}
 #yq-boot .yq-boot-mist:before{content:'';position:absolute;left:17%;top:14%;width:66%;height:72%;pointer-events:none;background:radial-gradient(ellipse at center,#9bc5a312 0%,#77a88a0a 32%,transparent 69%);transform:translate3d(calc(var(--yq-mist-pointer-x,0)*24vw),calc(var(--yq-mist-pointer-y,0)*22vh),0)}
 html[data-yq-tier="low"] #yq-boot .yq-boot-mist{inset:0;transform:none}
 html[data-yq-tier="low"] #yq-boot .yq-boot-mist:before{display:none}
}

/* changelog-r88 */
body.yunqi-front .mm-small{flex-wrap:wrap}body.yunqi-front .mm-small .yq-changelog-link{display:flex!important;align-items:center;justify-content:center;gap:9px;color:#e7e5cd;text-decoration:none;background:#214333;border:1px solid #758262;padding:10px 14px;border-radius:5px;min-height:40px;pointer-events:auto}body.yunqi-front .yq-changelog-link img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}body.yunqi-front .yq-changelog-link b{font:600 13px var(--yq-font)}body.yunqi-front .yq-changelog-link:hover{background:#3a5c42}

/* R111: equal homepage utility tiles, with a shared icon/text alignment. */
body.yunqi-front.yunqi-front .mm-small{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
body.yunqi-front.yunqi-front .mm-small .mm-item.mini:not(.discord):not(.bug){display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;justify-content:start;column-gap:10px;box-sizing:border-box;width:100%;min-width:0;min-height:56px;height:100%;padding:9px 14px;background:#183c2e;color:#e7e5cd;border:1px solid #49644a;border-radius:6px;text-align:left;text-decoration:none}
body.yunqi-front.yunqi-front .mm-small .mm-item.mini:not(.discord):not(.bug) .mm-ic{display:grid;place-items:center;width:38px;height:38px;margin:0;background:transparent;border:0;box-shadow:none}
body.yunqi-front.yunqi-front .mm-small .mm-item.mini:not(.discord):not(.bug) .mm-ic img,body.yunqi-front.yunqi-front .mm-small .mm-item.mini:not(.discord):not(.bug)>img{display:block;width:28px;height:28px;max-width:none;object-fit:contain;image-rendering:pixelated;justify-self:center;margin:0}
body.yunqi-front.yunqi-front .mm-small .mm-item.mini:not(.discord):not(.bug) .mm-tx{min-width:0;margin:0;text-align:left}
body.yunqi-front.yunqi-front .mm-small .mm-item.mini:not(.discord):not(.bug) b{display:block;margin:0;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;text-align:left;white-space:normal;overflow-wrap:normal;word-break:normal}
body.yunqi-front.yunqi-front .mm-small .mm-item.mini:not(.discord):not(.bug):hover,body.yunqi-front.yunqi-front .mm-small .mm-item.mini:not(.discord):not(.bug).focus{background:#284d39;border-color:#c7b67d}
