@font-face{font-family:LQPixel;src:url(/assets/fusion-pixel-12px-proportional-zh_hans.subset-CAmNk17h.woff2)format("woff2");font-display:block}:root{--ink:#1a1c2c;--plum:#5d275d;--orange:#ef7d57;--gold:#ffcd75;--lime:#a7f070;--green:#38b764;--teal:#257179;--navy:#333c57;--blue:#3b5dc9;--sky:#41a6f6;--cyan:#73eff7;--white:#f4f4f4;--mist:#94b0c2;--slate:#566c86;--dusk:#262b44;--line:#6c7b96;--sub:#a0bdcf;--btn:#3a4466;--btn-hi:#6c7b96;--btn-hover:#47537a;--gold-hover:#ffdc98;--disabled-text:#8b9bb4;--info:#8fd3ff;--ally:#30e1b9;--code:#ead4aa;--u:4px;--fs:24px}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--white);margin:0}body{font-family:LQPixel,monospace;font-size:var(--fs);-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizespeed;line-height:36px}canvas.px,img.px{image-rendering:crisp-edges;image-rendering:pixelated;display:block}button,textarea,input{font:inherit;color:inherit}input[type=range]{width:min(320px,100%);height:44px}.wrap{width:min(1216px,100%);margin:0 auto;padding:0 8px}h1,h2,h3{margin:0;font-weight:400}h1{font-size:48px;line-height:60px}h2{font-size:36px;line-height:48px}.gold{color:var(--gold)}.cyan{color:var(--info)}.lime{color:var(--ally)}.mist,.small{color:var(--sub)}.frame{background:var(--dusk);border:var(--u) solid var(--line);box-shadow:inset 0 0 0 var(--u) var(--ink);clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);padding:16px 20px;position:relative}.frame.dark{background:var(--ink)}.frame.navy{background:var(--navy)}.frame .title{color:var(--white);margin:0 0 8px}.tag{background:var(--ink);color:var(--sub);border:var(--u) solid var(--line);padding:0 8px;line-height:28px;display:inline-block}.chip{background:var(--ink);color:var(--white);padding:0 8px;line-height:32px;display:inline-block}.chip.ally{color:var(--ally)}.chip.revisit{color:var(--info)}.chip.sleep,.chip.unseen{color:var(--sub)}.btn{cursor:pointer;background:var(--btn);color:var(--white);border:var(--u) solid var(--ink);box-shadow:inset 4px 4px 0 var(--btn-hi),inset -4px -4px 0 var(--dusk);align-items:center;gap:12px;padding:4px 16px;line-height:36px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--btn-hover)}.btn:active{box-shadow:inset 4px 4px 0 var(--dusk);transform:translate(4px,4px)}.btn:focus-visible,.cmd:focus-visible,textarea:focus-visible{outline:var(--u) solid var(--info);outline-offset:0}.btn.primary{background:var(--gold);color:var(--ink);box-shadow:inset 4px 4px 0 var(--white),inset -4px -4px 0 var(--orange)}.btn.primary:hover{background:var(--gold-hover)}.btn.big{padding:8px 28px;font-size:36px;line-height:48px}.btn[disabled]{opacity:1;background:var(--ink);color:var(--disabled-text);box-shadow:none;cursor:default}.btn[disabled]:hover{background:var(--ink)}.hud{align-items:center;gap:16px;height:80px;margin:8px auto;padding:4px 16px;display:flex}.hud .who{align-items:center;gap:12px;display:flex}.hud .meta{flex-direction:column;min-width:0;line-height:30px;display:flex}.hud .name{white-space:nowrap;min-width:0}.xp-line{align-items:center;gap:10px;min-width:0;display:flex}.xp-line .small{white-space:nowrap}.xp-line .bar{flex:auto;min-width:40px}.bar{background:var(--ink);border:var(--u) solid var(--line);width:200px;height:16px;position:relative}.bar>i{background:var(--sky);position:absolute;top:0;bottom:0;left:0}.bar.hp>i{background:var(--green)}.sync-note{color:var(--info);margin:0 auto 8px;padding:0 16px;line-height:24px}.hud nav{gap:8px;margin-left:auto;display:flex}.hud nav .btn{padding:0 12px}.hud nav .btn.on{background:var(--navy);box-shadow:inset 0 -4px 0 var(--gold)}.screen{display:none}.screen.on{display:block}.row{gap:16px;display:flex}.col{flex-direction:column;gap:16px;display:flex}.stage{border:var(--u) solid var(--line);background:var(--ink);width:max-content;margin:0 auto 16px;position:relative}.stage .ov{pointer-events:none;position:absolute}.label{background:var(--ink);color:var(--white);white-space:nowrap;border:var(--u) solid var(--dusk);z-index:3;padding:0 8px;line-height:30px}.stage .ov.label.isle{font-size:16px;line-height:20px}canvas.ally{z-index:1;pointer-events:none;position:absolute}.ally-more{z-index:3;text-align:center;background:var(--ink);width:32px;height:20px;color:var(--ally);white-space:nowrap;pointer-events:none;border:0;font-size:16px;line-height:20px}.tame-spark{z-index:8;width:var(--px);height:var(--px);background:var(--spark);pointer-events:none;animation:.36s steps(3,end) forwards spark-fly;position:fixed}@keyframes spark-fly{to{transform:translate(var(--dx),var(--dy))}}.tame-heart{z-index:8;pointer-events:none;animation:.6s steps(4,end) forwards heart-rise;position:fixed}@keyframes heart-rise{to{transform:translateY(var(--rise))}}.label b{color:var(--gold);font-weight:400}.label.fog{color:var(--sub);border-color:var(--ink)}.label.here{border-color:var(--gold)}.dialog{align-items:flex-start;gap:20px;display:flex}.portrait{background:var(--navy);border:var(--u) solid var(--ink);padding:8px}.dialog .say{flex:1}.dialog .name{color:var(--white)}.facil{flex-direction:column;gap:8px;width:220px;display:flex}.map-side{width:348px}.list{margin:0;padding:0;list-style:none}.list li{align-items:center;gap:10px;padding:4px 0;display:flex}.plate{width:470px}.plate .bar{width:100%;height:20px}.dmg{color:var(--gold);text-shadow:4px 4px 0 var(--ink);pointer-events:none;font-size:48px;line-height:48px;position:absolute;top:4px;left:42%}.dmg.pop{text-shadow:2px 2px 0 var(--ink);margin-left:8px;font-size:24px;line-height:30px;position:static}.anim .dmg{animation:.7s steps(7,end) forwards rise}@keyframes rise{0%{transform:translateY(0)scale(1)}20%{transform:translateY(-16px)scale(1.2)}35%{transform:translateY(-8px)scale(1)}to{transform:translateY(-56px)scale(1)}}.anim .shake,body.force-motion .shake{animation:.5s steps(2,end) 2 shake}@keyframes shake{0%{transform:translate(-8px)}50%,to{transform:translate(8px)}}.cmds{flex:0 0 340px;padding:12px}.cmd{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;min-height:44px;padding:2px 8px 2px 32px;line-height:34px;display:flex;position:relative}.cmd:hover,.cmd.sel{background:var(--navy)}.cmd.sel:before{content:"";border:6px solid #0000;border-left:10px solid var(--gold);position:absolute;top:11px;left:8px}.cmd .n,.cmd.done{color:var(--sub)}.cmd.done .n:after{content:" ◆"}.sep{background:var(--slate);height:4px;margin:6px 0}textarea{background:var(--ink);border:var(--u) solid var(--line);resize:none;width:100%;height:160px;color:var(--white);padding:8px 12px;line-height:36px}details summary{cursor:pointer;color:var(--info)}.items{flex:0 0 300px;min-width:0}.items .it{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:44px;padding:2px 4px;display:flex}.items .it:hover{background:var(--navy)}.log{background:var(--ink);height:112px;padding:6px 10px;line-height:32px;overflow-y:auto}.scroll-frame{flex:360px;min-width:360px}.hintbox{color:var(--info);overflow-wrap:anywhere;max-height:216px;margin-top:8px;overflow-y:auto}.callout{border-left:4px solid var(--slate);margin:8px 0;padding-left:12px}.callout summary{min-height:44px;color:var(--info);cursor:pointer;align-items:center;display:flex}.nl{padding-left:calc(var(--indent,0) * 24px);margin:0}.nh{color:var(--white)}code,.math{color:var(--code)}b{color:var(--white);font-weight:400;text-decoration:underline}.modal{background:#1a1c2cd9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.on{display:flex}.victory-head{align-items:center;gap:24px;display:flex}.xp-table{border-collapse:collapse;width:100%}.xp-table td{padding:0 4px;line-height:34px}.xp-table td:last-child{text-align:right;color:var(--gold)}.loot{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}.slot{background:var(--ink);border:var(--u) solid var(--slate);align-items:center;gap:10px;padding:8px;line-height:30px;display:flex}.loot .slot{min-width:0;max-width:100%;overflow:hidden}.slot .item-name,.slot .qty{white-space:nowrap}.loot .item-name{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.loot .qty{flex:none}.equip{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{grid-template-columns:230px 1fr 60px;align-items:center;gap:8px;display:grid}.stat .bar{width:100%}.stat .bar>i{background:var(--sky)}.bag{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.bag .slot{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:6px 4px}.dex{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.card,.nm{overflow-wrap:anywhere}.card{background:var(--dusk);border:var(--u) solid var(--slate);align-items:center;gap:12px;padding:4px 10px;line-height:30px;display:flex}.card .st{white-space:nowrap;overflow-wrap:normal;flex:none}.card.ally{border-color:var(--ally)}.card.revisit{border-color:var(--info)}.card .nm{color:var(--white)}.tabs{gap:8px;display:flex}.foot{color:var(--sub);text-align:center;margin:8px 0 16px}.change .btn{flex:none}.dialog-box{width:min(640px,100vw - 24px)}.tabs{flex-wrap:nowrap;width:100%;max-width:100%;overflow-x:auto}.tabs .btn,.hud nav .btn{white-space:nowrap}@media (width<=600px){.btn.primary:not([disabled]){background:var(--ink);color:var(--gold);border-color:var(--gold);box-shadow:none}.btn.primary:not([disabled]):hover{background:var(--navy)}.btn.primary:not([disabled]):active{box-shadow:none}.wrap{width:100%;padding:0 8px}.dex,.bag{grid-template-columns:1fr}.dex .card{flex-direction:column;align-items:flex-start;gap:2px}.loot{grid-template-columns:minmax(0,1fr)}.stat{grid-template-columns:4.5em minmax(0,1fr) 2.5em}.hud{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name gear""xp xp xp";align-items:center;gap:4px 8px;height:auto;padding:8px 10px;display:grid;position:relative}.hud .who,.hud .meta{display:contents}.hud .avatar{grid-area:avatar}.hud .name{white-space:normal;overflow-wrap:anywhere;grid-area:name;line-height:28px}.hud .xp-line{grid-area:xp;width:100%}.gear{grid-area:gear;align-self:center;margin-left:0;position:static}.hud .tag{display:none}.hud .bar{flex:auto;width:auto;max-width:none}#hero-tabs{flex-wrap:wrap;overflow:visible}#hero-tabs .btn{flex:0 auto}.hud nav{z-index:5;background:var(--ink);border-top:4px solid var(--line);justify-content:space-around;gap:2px;margin:0;padding:6px 2px;position:fixed;bottom:0;left:0;right:0}.hud nav .btn{white-space:nowrap;flex:1 1 0;justify-content:center;min-width:0;padding:0}#motion{display:none}main.wrap{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.screen>.row,.screen .col>.row.stack,.victory-head{flex-direction:column}.hud{clip-path:none}.hud .meta{line-height:28px}.stage{max-width:100%}#camp-stage,#battle-stage{width:100%;max-width:100%}#camp-stage>canvas.px,#battle-stage>canvas.px:not(#monster){max-width:100%;width:100%!important;height:auto!important}#battle-stage{overflow:hidden}.facil .btn{min-width:0}.settings .row{flex-wrap:wrap}.settings .panel{width:min(640px,100%)}.stage .ov.label{display:none}.stage .ov.label:first-child{font-size:24px;display:block}#camp-stage .ov.label{display:none}.map-side{width:auto;max-width:100%}.dialog{flex-direction:column;gap:10px}.portrait{display:none}.dialog .btn.big{justify-content:center;width:100%}.facil{grid-template-columns:1fr 1fr;width:100%;display:grid}.plate{margin:0;width:auto!important;position:static!important}#battle-stage .plate{clip-path:none;border-width:4px 0 0;width:auto!important;padding:6px 10px!important;position:static!important}#battle-stage .ov.label{display:none}.cmds{grid-template-columns:1fr 1fr;gap:4px;display:grid;width:auto!important}.cmds .title,.cmds .sep{grid-column:1/-1}.cmd{border:4px solid var(--slate);flex-direction:column;min-height:44px;padding:2px 6px;line-height:30px}.cmd.sel:before{display:none}.cmd.sel{border-color:var(--gold)}#retreat{grid-column:1/-1}textarea{height:120px}.col{width:auto!important}.items{flex-wrap:wrap;display:flex}.scroll-frame{min-width:0}.log{height:auto;max-height:160px}.coach-head{align-items:flex-start!important}.foot{display:none}h2{font-size:36px}}.gear{margin-left:8px}.drag{width:100%;max-width:100%;overflow-x:auto}.settings{z-index:6;background:#1a1c2cd9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.settings.on{display:flex}.settings .panel{width:min(640px,100%)}.tick{animation:.2s steps(2,end) tick}@keyframes tick{50%{opacity:.45}}body.force-motion .dmg{animation:.7s steps(7,end) forwards rise}.fx-banner{z-index:7;background:var(--navy);color:var(--gold);border:4px solid var(--gold);pointer-events:none;white-space:nowrap;padding:8px 16px;position:fixed;top:96px;bottom:auto;left:50%;transform:translate(-50%)}.fx-banner.small{font-size:24px;top:96px;bottom:auto}.particles{z-index:7;pointer-events:none;width:0;height:0;position:fixed;top:40%;left:50%}.particles i{background:var(--gold);width:8px;height:8px;animation:.8s steps(4,end) forwards bit;position:absolute}@keyframes bit{to{transform:translate(var(--dx),var(--dy));opacity:0}}.fly{z-index:8;background:var(--gold);color:var(--ink);pointer-events:none;opacity:0;padding:4px 8px;animation:.45s steps(6,end) both fly;position:fixed;top:42%;left:46%}@keyframes fly{0%{opacity:0;transform:none}8%{opacity:1}to{transform:translate(var(--dx,240px), var(--dy,-180px)) scale(.4);opacity:.15}}.tame{z-index:8;text-align:center;pointer-events:none;background:var(--navy);color:var(--gold);border:4px solid var(--gold);padding:4px 12px;position:fixed;top:96px;left:50%;transform:translate(-50%)}.stamp{animation:.4s steps(3,end) stamp}@keyframes stamp{50%{transform:scale(.92)}to{box-shadow:inset 0 0 0 4px var(--gold)}}.pair{gap:12px;display:flex}.pair .btn{flex:1;justify-content:center}.note{white-space:normal}.insights{white-space:pre-wrap}.insights li{margin:0 0 8px}.note-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=600px){.drag{cursor:grab}.tabs{overflow-x:auto}#hero-tabs{flex-wrap:wrap;overflow:visible}.hud .gear{margin-left:0}.fx-banner,.fx-banner.small{top:136px;bottom:auto}.fly{animation-name:fly-phone}}@keyframes fly-phone{0%{opacity:0;transform:none}8%{opacity:1}to{transform:translate(var(--dx,0px), var(--dy,240px)) scale(.4);opacity:.15}}@media (width>=601px) and (width<=1231px){.hud{flex-wrap:wrap;height:auto}.hud nav{flex-wrap:wrap;margin-left:0}.screen .row.stack{flex-wrap:wrap}.cmds,.items{flex:300px}.scroll-frame{flex:100%}.map-side{flex:300px;width:auto}#map-stage .ov.label{display:none}.dialog{flex-wrap:wrap}.facil{flex-flow:wrap;width:auto}.plate{width:auto;max-width:470px}.dex{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width<=340px){.facil{grid-template-columns:1fr}.facil .btn{white-space:nowrap}}@media (prefers-reduced-motion:reduce){body:not(.force-motion) .dmg,body:not(.force-motion) .shake,body:not(.force-motion) .particles,body:not(.force-motion) .particles i,body:not(.force-motion) .fly,body:not(.force-motion) .tame,body:not(.force-motion) .fx-banner,body:not(.force-motion) .stamp,body:not(.force-motion) .tick{animation:none!important}body:not(.force-motion) .tame-spark,body:not(.force-motion) .tame-heart{display:none!important}}body.motion-off .dmg,body.motion-off .shake,body.motion-off .particles,body.motion-off .particles i,body.motion-off .fly,body.motion-off .tame,body.motion-off .fx-banner,body.motion-off .stamp,body.motion-off .tick{animation:none!important}body.motion-off .tame-spark,body.motion-off .tame-heart{display:none!important}
