/* Cangjian outing: warm paper, honey yellow, ink outlines and mint gardens. */
.art-credit{display:inline-block;margin-bottom:6px;color:#77745e;font-size:11px}.art-credit strong{font-weight:700;color:#756437}
.target-info{color:#697955;background:#fff7dded;border-color:#b6bf97;border-radius:11px}.upgrade-tools>span{color:#8e886a}.skill.queued:after{background:#eef5dded;color:#637a4d}.damage-summary>span{background:#f1efd9;color:#7f8061;border-radius:11px}.damage-summary b{color:#a28337}.choice .mastery{color:#a98130}.build .badge.mastered{background:#ffeab1;color:#977231;border-color:#d3b16b}
:root{color-scheme:light;--ink:#3f4339;--gold:#956b24;--paper:#fff8e8;--muted:#777b69;--line:#dedac2;--serif:"Microsoft YaHei","PingFang SC",sans-serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}
html,body{background:#fff8e8;color:var(--ink)}
body:not(.playing){background:radial-gradient(ellipse at 80% 55%,#edf3de80,transparent 60%),#fff8e8}
body:not(.playing) #world{visibility:hidden}.vignette{display:none}button{transition:transform .16s,box-shadow .16s,background .16s}button:hover{filter:none;transform:translateY(-2px)}button:active{transform:translateY(2px)}button:focus-visible,a:focus-visible{outline:3px solid #438672;outline-offset:4px}
.sitebar{height:82px;margin:0 5.5%;border-bottom:1px dashed #c9c6ab;font-weight:700;letter-spacing:0}.back{gap:13px}.back>span{border:1px solid #d4cbb2;background:#fffdf5;border-radius:50%;width:30px;height:30px;text-align:center;line-height:26px;color:#777a61}.back i{color:#bbb7a3}.site-tools{gap:10px}.site-tools button{color:#68715d;border:1px solid #dfdcc9;border-radius:20px;background:#fffdf5;padding:8px 13px;font-size:11px}.edition{border:0;color:#8b8d77;font-size:10px;padding-left:10px;font-weight:400}
.home-copy{left:9%;top:19%;max-width:510px;z-index:2}.eyebrow{font-size:11px;letter-spacing:2px;color:#738268;margin:0 0 26px}.eyebrow>span{height:25px;width:25px;border-radius:8px;display:grid;place-items:center;background:#f8d775;color:#826223;font-size:18px}.title-mark{position:static;writing-mode:initial;font:11px var(--sans);letter-spacing:3px;color:#96937c;margin-bottom:14px}
h1{font:900 clamp(60px,6.1vw,91px)/1.14 var(--sans);letter-spacing:5px;color:#3f493b;text-shadow:2px 3px 0 #fff,4px 5px 0 #d9dfca;margin-left:-5px}h1>span{margin-left:0;color:#edb73e;text-shadow:2px 3px 0 #fff,4px 5px 0 #ae854b}h1 b{font:700 16px var(--sans);border:2px solid #aa7950;color:#9c6642;background:#fff3d5;border-radius:50% 50% 50% 5%;padding:9px 7px;box-shadow:none;margin:24px 0 0 14px;transform:rotate(12deg);letter-spacing:0}.poem{font:700 19px/1.8 var(--sans);letter-spacing:1px;color:#646b55;margin:25px 0 11px}.intro{color:#82836c;font-size:12px;line-height:1.9;letter-spacing:0}.home-actions{margin:26px 0 21px;gap:13px}.primary{color:#544523;background:#f4c654;border:2px solid #947339;border-radius:15px;box-shadow:0 5px 0 #bc9349;padding:16px 24px;font-weight:800;font-size:15px;letter-spacing:1px;min-width:190px}.primary:hover{background:#ffda70;box-shadow:0 7px 0 #bc9349}.secondary{color:#68715b;background:#fffcf2;border:1.5px solid #c5c9ad;border-radius:15px;box-shadow:0 4px 0 #e2e2cf;padding:17px 22px;font-size:12px;letter-spacing:1px}.primary:disabled{opacity:.45;transform:none}.run-meta{gap:16px;font-size:10px;color:#7d816e}.run-meta i{color:#a78432}.best{display:inline-block;background:#f0edd9;border:1px dashed #d5ceb0;color:#8c8060;border-radius:9px;padding:10px 13px;font-size:10px;margin-top:22px;letter-spacing:0}
.hero-art{position:absolute;left:40%;right:1%;top:12%;bottom:18%;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 12px 10px #aaa27810)}.hero-sticker{position:absolute;right:16%;top:6%;font-size:11px;letter-spacing:2px;color:#8e7949;background:#fff3c9;border:1px solid #ddc68e;padding:10px 17px;transform:rotate(7deg);border-radius:7px;box-shadow:3px 4px 0 #e7dec355}.hero-bubble{position:absolute;bottom:17%;right:7%;font-size:12px;padding:14px 18px;background:#fffdf4;border:1.5px solid #b5bea3;border-radius:18px 18px 18px 3px;transform:rotate(-5deg);color:#717960}.hero-caption{position:absolute;bottom:0;font-size:10px;color:#999b80;letter-spacing:3px}
.home-bottom{left:9%;right:9%;bottom:9%;gap:25px;padding-top:19px;border-top:1px dashed #d6d5ba;color:#8c956e}.home-bottom>span{display:grid;grid-template-columns:36px auto;grid-template-rows:22px 18px;align-items:center;min-width:180px}.home-bottom em{font:800 13px var(--sans);grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #c6caaa;background:#edf0dd;color:#7c8864}.home-bottom b{font-size:12px;font-weight:700;color:#65745c;margin:0;letter-spacing:1px}.home-bottom small{font:9px var(--sans);color:#93977d}.home-bottom i{background:none;width:40px;height:auto;letter-spacing:4px;font:20px var(--sans);color:#b6b99a}footer{bottom:22px;color:#a09b85;font-size:9px;letter-spacing:.5px}
.overlay{background:#5b644d66;backdrop-filter:blur(9px)}.dialog{background:#fffcf0;border:2px solid #aca47b;border-radius:26px;box-shadow:0 9px 0 #74674638,0 24px 70px #334c3c33;color:#525d46}.dialog:before{border:1px dashed #e1d6b6;border-radius:20px;inset:8px}.dialog h2{font-weight:800;color:#536346;font-size:31px;letter-spacing:2px}.dialog .eyebrow{color:#a68947}.dialog .sub{color:#81826b}.dialog .footnote{color:#97917b}.dialog .primary{font-size:13px}.dialog .secondary{padding:16px 20px}.choice{background:#fff9e5;border:1.5px solid #d9cba4;border-radius:18px;box-shadow:0 4px 0 #e7ddbe;color:#6d705b}.choice:nth-child(2){background:#eff5e7;border-color:#c5d4b6}.choice:nth-child(3){background:#fff0e6;border-color:#e7cdb8}.choice:hover{border-color:#bd923a;background:#fff3c6}.choice .glyph{color:#b98c2d}.choice strong{color:#62653f;font-weight:800;font-size:20px}.choice .category,.choice .rank{color:#929071}.help-grid>div{background:#f2f3e6;border-radius:15px;border:1px solid #dfdec8}.help-grid strong{color:#867137;font-weight:700}.help-grid p{color:#747e67}.result-stats strong{color:#b48330;font-weight:800}.result-stats span,.result-build{color:#83866c}.loadout-groups h3{font-size:18px;color:#7a783f;font-weight:800}.loadout-groups h3 small{color:#94926e}.loadout-card{background:#f8f7e9;border:1.5px solid #dddac0;border-radius:15px;box-shadow:0 3px 0 #e8e3cd;padding-top:18px}.loadout-card.picked{border-color:#c59a43;background:#fff0bb;box-shadow:0 3px 0 #dbc084,inset 0 0 0 2px #fff8df}.loadout-card .glyph{color:#c89632;background:#fffcf2;border-radius:10px;padding:4px;min-width:34px;text-align:center}.loadout-card strong{color:#666647;font-weight:700;font-size:17px}.loadout-card em{color:#929072}.loadout-card p{color:#73745e}.loadout-card small{color:#9a855b}.pick-check{color:#8d6729;background:#f8d467;border-radius:50%;width:16px;height:16px;text-align:center;right:5px;top:4px}.presets>span{color:#8a8c70}.presets button{border-color:#d4d6ba;background:#eef1df;color:#7e8767;border-radius:15px}.loadout-combos{background:#edf2e3;border-color:#b6c196;border-radius:10px}.loadout-combos span{color:#7d8369}.loadout-combos b{color:#7f733d}.toast{color:#716235;background:#fff6d9f5;border:2px solid #b7a471;border-radius:15px;box-shadow:0 5px 0 #88774525;text-shadow:none}
.top-hud{background:linear-gradient(#fffbeee8,#fffbee00)}.player-card{padding:10px;border:1px solid #d2d1b3;background:#fffceded;border-radius:18px;width:280px}.player-seal{border-radius:13px;clip-path:none;background:#ffe398;border:1px solid #bba461;color:#7b6636;font-weight:900;width:44px;height:47px}.name-line strong{color:#566047;font-weight:800}.name-line>span{color:#a58538}.bar{border:1px solid #9aab87;background:#e6e8d3;border-radius:9px}.bar>span{color:#384c3a;text-shadow:none;font-weight:700}.hp i{background:linear-gradient(90deg,#8acba0,#b7daa2)}.qi-line{color:#8f8048}.qi i{background:#f0c753}.journey{background:#fffcf0df;border:1px solid #d9d4b5;border-radius:0 0 18px 18px;padding:9px 22px;margin-top:-22px}.journey small{color:#7f845d;font-weight:700}.journey strong{font-weight:800;color:#5d6950}.journey>span{color:#8e9276}.hud-actions{width:260px}.kill-count{color:#677354;background:#fffcf0ed;border-radius:15px;padding:9px 12px}.kill-count b{color:#977b35;font-weight:700}.hud-actions button{background:#fff9e1;border:1px solid #c0b88d;color:#7d7147;border-radius:12px;box-shadow:0 3px 0 #c9bf9944}.xp-track{background:#e3e5c8;height:5px}.xp-track>i{background:#e9b94c}.build{background:#fffcedd9;border:1px solid #d3d9ba;border-radius:15px;padding:10px 12px;color:#738164}.build p{margin-top:1px}.build .empty-build{color:#8d977c}.build .badge{background:#f5edce;border:1px solid #dcd2a4;color:#847848;border-radius:7px}.combat-note{color:#6b795c;text-shadow:0 1px #fff;background:#fff9e3cc;border-radius:20px;padding:7px 14px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.stance{background:#fffae9ed;padding:10px 15px;border:1px solid #c3cbaa;border-radius:17px}.stance>span{transform:none;border-radius:12px;background:#ffe7a3;border-color:#c1ab69;color:#8a733b;font-weight:800}.stance strong{color:#6c7752;font-size:18px;font-weight:700}.stance small{color:#93997a}.skill,.skill.utility{background:#fffbe9f2;border:1.5px solid #abb89a;border-radius:15px;box-shadow:0 4px 0 #71836540}.skill.ultimate{background:#ffedb2f5;border-color:#bca065}.skill strong{color:#707347;font-weight:800;font-size:15px}.skill small{color:#8d8d66}.skill kbd{color:#8a9275;background:#ecebd3;border-radius:4px;padding:2px 4px}.skill>i{background:#bc9843}.skill.proc-ready{border-color:#ba8035;box-shadow:0 0 0 3px #fff9d5,0 0 15px #efc964}.skill.proc-ready small{color:#a47023}.boss-hud>div:first-child{color:#9c5749;font-weight:700}.boss-hud small{color:#9b725d}.boss i{background:#e88d79}.combo-hint{color:#7c7748;text-shadow:0 1px #fff}.combo-hint.active{background:#fff3cb;border:1px solid #c5ad72;color:#88703f;border-radius:13px}.cast-bar{background:#fff9e4;border:1px solid #c8ab68;border-radius:8px}.cast-bar span{color:#816b32;text-shadow:0 1px #fff}.cast-bar i{background:#deb84c}.joystick{background:#fff9df77;border:2px solid #91a58480}.joystick>div{background:#abcba8c9;border:2px solid #faffed}.joystick>span{color:#6d835b}
@media(min-width:1700px){.home-copy{top:22%;left:12%}.hero-art{right:5%;left:43%;top:15%;bottom:18%}.home-bottom{left:12%;right:12%}}
@media(max-height:780px) and (min-width:761px){.home-copy{top:16%}h1{font-size:67px}.eyebrow{margin-bottom:15px}.title-mark{margin-bottom:10px}.poem{font-size:16px;margin:18px 0 9px}.home-actions{margin:20px 0 17px}.best{margin-top:17px}.home-bottom{bottom:8%;padding-top:14px}.hero-art{top:13%;bottom:16%}}
@media(max-width:1000px) and (min-width:761px){.home-copy{left:7%;max-width:410px}h1{font-size:64px}.hero-art{left:43%;right:-8%}.hero-bubble{right:18%;bottom:12%}.home-bottom{left:7%;right:7%;gap:12px}.home-bottom>span{min-width:160px}}
@media(max-width:760px){.sitebar{height:60px;margin:0 6%}.site-tools{gap:6px}.site-tools button{font-size:9px;padding:7px 8px}.home-copy{top:91px;left:7%;right:7%;max-width:none}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:11px}.eyebrow>span{width:20px;height:20px;font-size:14px}.title-mark{font-size:9px;letter-spacing:2px;margin-bottom:10px}h1{font-size:52px;letter-spacing:3px;line-height:1.13}h1>span{margin-left:0}h1 b{font-size:12px;padding:7px;margin:16px 0 0 11px}.poem{font-size:13px;line-height:1.8;margin:17px 0 10px;letter-spacing:0}.intro{font-size:10px;line-height:1.8;max-width:255px}.home-actions{margin:21px 0 17px;gap:10px}.primary{font-size:13px;min-width:174px;padding:14px 17px;border-radius:13px}.secondary{font-size:11px;padding:15px 17px;border-radius:13px}.run-meta{gap:11px;font-size:8px}.best{margin-top:15px;padding:8px 10px;font-size:9px}.hero-art{left:30%;right:-11%;top:125px;bottom:auto;height:310px;opacity:.98}.hero-art img{object-position:center}.hero-sticker{display:none}.hero-bubble{font-size:9px;padding:9px 11px;bottom:-107px;right:22%;border-radius:13px;transform:rotate(-4deg)}.hero-caption{display:none}.home-copy .poem,.home-copy .intro{position:relative;background:linear-gradient(90deg,#fff8e8 70%,#fff8e800);width:max-content;padding-right:14px}.home-bottom{left:7%;right:7%;bottom:10%;gap:7px;padding-top:17px;justify-content:space-between}.home-bottom>span{min-width:0;grid-template-columns:25px auto;grid-template-rows:20px 15px}.home-bottom em{font-size:10px;width:21px;height:21px}.home-bottom b{font-size:10px;letter-spacing:0}.home-bottom small{font-size:8px}.home-bottom i{width:8px;font-size:12px;letter-spacing:0}footer{font-size:8px;line-height:1.8;bottom:20px}.dialog{border-radius:21px}.dialog h2{font-size:25px}.loadout-dialog{padding:24px 15px}.loadout-card{min-height:151px}.loadout-card strong{font-size:15px}.loadout-card .glyph{font-size:21px;min-width:30px}.loadout-card em{font-size:8px}.loadout-card p{line-height:1.8}.top-hud{padding:13px 10px}.player-card{width:176px;padding:8px;gap:6px;border-radius:13px}.player-seal{width:30px;height:39px;font-size:22px}.name-line strong{font-size:12px;letter-spacing:0}.journey{padding:10px 12px;margin-top:-13px}.journey small{font-size:10px}.hud-actions{width:45px}.kill-count{padding:3px 5px;font-size:8px}.build{top:105px;left:12px;width:113px;padding:9px}.boss-hud{top:106px}.combat-note{font-size:8px;padding:6px 10px;bottom:159px}.skill strong{font-size:13px}.skill.ultimate strong{font-size:13px}.skill.utility{background:#fffbe9f2}.skill.utility strong{font-size:11px}.skills{gap:7px}.combo-hint{top:163px}.choice strong{font-size:18px}}
@media(max-width:760px) and (min-height:800px){.hero-art{top:168px;height:350px;left:23%;right:-18%}.home-copy{top:103px}.home-actions{margin-top:28px}.hero-bubble{bottom:-72px}.home-bottom{bottom:11%}}
@media(max-width:760px) and (max-height:700px){.home-copy{top:79px}.eyebrow{margin-bottom:8px}h1{font-size:44px}.poem{margin:12px 0 8px;font-size:12px}.intro{font-size:9px}.home-actions{margin:16px 0}.best{margin-top:11px}.hero-art{top:123px;height:250px;left:30%;right:-17%}.hero-bubble{bottom:-102px;right:24%;font-size:8px}.home-bottom{bottom:10%;padding-top:13px}.home-bottom small{display:none}.home-bottom>span{grid-template-rows:26px}.home-bottom em{grid-row:1}.mobile-break{display:block}}
@media(max-height:500px){.sitebar{height:45px}.home-copy{top:66px;left:7%}.eyebrow{margin-bottom:6px}.title-mark{display:none}h1{font-size:42px}.poem{font-size:12px;margin:10px 0}.home-actions{margin:12px 0}.home-actions button{padding:11px 17px}.hero-art{top:48px;left:42%;right:0;bottom:29px;height:auto}.hero-sticker,.hero-bubble,.hero-caption,.home-bottom,.intro,.run-meta,.best{display:none}footer{bottom:7px;font-size:8px}.mobile-break{display:none}.top-hud{padding-top:10px}.journey{margin-top:-10px}.build{top:99px}.combo-hint{top:129px}.combat-note{bottom:89px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}
/* Keep copy clear of the illustration and chapter strip at every viewport. */
@media(min-width:761px) and (min-height:781px){.home-copy{top:16%}}
.hero-art img{mask-image:radial-gradient(ellipse at center,#000 52%,#000c 65%,transparent 78%)}
@media(max-width:760px) and (min-height:501px){
  .home-copy{position:static}.home-copy .eyebrow{position:absolute;left:7%;top:84px;margin:0}.title-mark{display:none}
  h1{position:absolute;left:7%;top:124px;font-size:44px;z-index:2}h1>span{display:inline;margin-left:7px;font-size:38px}h1 b{display:none}
  .hero-art{top:176px;left:0;right:0;height:285px;bottom:auto}.hero-art img{mask-image:radial-gradient(ellipse at center,#000 55%,transparent 78%)}.hero-bubble,.hero-caption,.hero-sticker{display:none}
  .home-copy .poem{position:absolute;top:465px;left:0;right:0;width:auto;background:none;text-align:center;padding:0;margin:0;font-size:14px;line-height:1.7}
  .home-copy .intro{display:none}.home-actions{position:absolute;top:534px;left:7%;right:7%;margin:0;justify-content:center}
  .run-meta{position:absolute;top:605px;left:0;right:0;justify-content:center}.best{position:absolute;top:633px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap}
  .home-bottom{bottom:91px;padding-top:14px}.art-credit{font-size:10px}footer{bottom:18px}
}
@media(max-width:760px) and (min-height:701px) and (max-height:799px){
  .home-copy .eyebrow{top:78px}h1{top:112px;font-size:40px}h1>span{font-size:35px}.hero-art{top:153px;height:254px}.home-copy .poem{top:412px;font-size:13px}.home-actions{top:474px}.run-meta{top:543px}.best{top:565px}.home-bottom{bottom:85px}
}
@media(max-width:760px) and (min-height:501px) and (max-height:700px){
  .home-copy .eyebrow{top:76px}h1{top:107px;font-size:36px}h1>span{font-size:32px}.hero-art{top:141px;height:222px}.home-copy .poem{top:365px;font-size:12px;line-height:1.6}.home-actions{top:419px}.run-meta{top:485px}.best{top:507px}.home-bottom{bottom:75px;padding-top:10px}footer{bottom:12px}.art-credit{font-size:9px}
}
@media(max-width:360px) and (min-height:501px){h1{font-size:32px}h1>span{font-size:29px}.home-actions{gap:8px}.home-actions .primary{min-width:160px;padding:14px 12px}.home-actions .secondary{padding:15px 13px}}
@media(min-width:761px) and (min-height:501px) and (max-height:780px){.home-copy{top:14%}h1{font-size:62px}.eyebrow{margin-bottom:12px}.title-mark{margin-bottom:8px}.poem{margin:14px 0 8px}.home-actions{margin:18px 0 15px}.best{margin-top:13px}}
@media(max-width:760px) and (min-height:501px) and (max-height:620px){.hero-art{top:139px;height:190px}.home-copy .poem{top:333px}.home-actions{top:382px}.run-meta{top:446px}.best{display:none}.home-bottom{bottom:65px}.home-bottom b{font-size:9px}footer{bottom:10px}}