@font-face{font-family:FusionPixel;src:url(../assets/fonts/fusion-pixel-12.woff2)format("woff2");font-display:block}:root{--ink:#0c0a10;--panel:#100c16f0;--panel2:#1a1422f5;--line:#5a4a34;--line2:#2a2230;--gold:#e0b040;--gold2:#f4d880;--text:#e8e2d4;--dim:#8e8698;--teal:#4ff0d0;--red:#e04a58;--hp:#d84a4a;--mp:#4a8ae0;--san:#b070e0;--green:#7ad08a}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#stage{background:#000;position:absolute;top:0;left:0;overflow:hidden}#game{position:absolute;top:0;left:0}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#ui{transform-origin:0 0;width:640px;height:360px;color:var(--text);pointer-events:none;-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizespeed;font-family:FusionPixel,monospace;font-size:12px;line-height:16px;position:absolute;top:0;left:0}#ui *{pointer-events:auto}#ui .pe-none,#ui .pe-none *{pointer-events:none}.panel{background:var(--panel);image-rendering:pixelated;border:8px solid #0000;border-image:url(../assets/ui/frame.png) 8 fill;position:absolute}.panel.plain{border:1px solid var(--line);box-shadow:inset 0 0 0 1px var(--line2), 0 0 0 1px #000;border-image:}.panel.gold{border-image:url(../assets/ui/frame_gold.png) 8 fill}.hidden{display:none!important}.gold{color:var(--gold)}.teal{color:var(--teal)}.red{color:var(--red)}.dim{color:var(--dim)}.green{color:var(--green)}.violet{color:#c8a0f0}.wob{animation:.6s steps(2,end) infinite wob;display:inline-block}@keyframes wob{0%{transform:translate(0)}50%{transform:translateY(-1px)}}.shake{animation:.18s steps(2,end) infinite shk;display:inline-block}@keyframes shk{0%{transform:translate(-1px)}50%{transform:translate(1px,1px)}}.list{flex-direction:column;display:flex}.item{white-space:nowrap;cursor:pointer;align-items:center;gap:4px;height:16px;padding:0 6px 0 14px;display:flex;position:relative}.item.sel{color:var(--gold2);background:linear-gradient(90deg,#e0b04038,#e0b04000)}.item.sel:before{content:"";border-left:5px solid var(--gold);border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;animation:.5s steps(2,end) infinite cur;position:absolute;top:4px;left:3px}@keyframes cur{0%{transform:translate(0)}50%{transform:translate(1px)}}.item.dis{color:#5a5462}.item .r{margin-left:auto;padding-left:8px}.item .icon{flex:none}.icon{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle;background-image:url(../assets/ui/icons.png);background-repeat:no-repeat;display:inline-block}#dlg{height:84px;bottom:6px;left:10px;right:10px}#dlg .portrait{width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--line2);background:#00000059;position:absolute;top:2px;left:2px;overflow:hidden}#dlg .portrait canvas{image-rendering:pixelated}#dlg .text{white-space:pre-wrap;word-break:break-all;line-height:17px;position:absolute;inset:2px 6px 2px 76px}#dlg.noport .text{left:6px}#dlg .name{background:var(--panel2);border:1px solid var(--line);height:20px;color:var(--gold2);padding:0 8px;line-height:20px;position:absolute;top:-26px;left:70px;box-shadow:0 0 0 1px #000}#dlg.noport .name{left:0}#dlg .more{border-top:5px solid var(--gold);border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;animation:.6s steps(2,end) infinite more;position:absolute;bottom:0;right:6px}@keyframes more{0%{transform:translateY(0)}50%{transform:translateY(2px)}}#choice{min-width:120px;padding:2px 0;bottom:100px;right:14px}#narr{text-align:center;white-space:pre-wrap;color:#d8d2c4;opacity:0;background:#000;justify-content:center;align-items:center;width:640px;height:360px;line-height:24px;transition:opacity .8s;display:flex;position:absolute;top:0;left:0}#narr.on{opacity:1}#narr .t{max-width:520px}#narr.trans{background:0 0}#narr.trans .t{background:#08060cbd;padding:10px 22px;box-shadow:0 0 0 1px #5a4a3499}#cg{opacity:0;background:#000;width:640px;height:360px;transition:opacity 1s;position:absolute;top:0;left:0}#cg.on{opacity:1}#cg img{width:640px;height:360px;image-rendering:pixelated}.chapter-card{text-align:center;opacity:0;text-shadow:0 0 #000,1px 1px #000;transition:opacity 1.2s;position:absolute;top:130px;left:0;right:0}.chapter-card.on{opacity:1}.chapter-card .c1{color:var(--dim);letter-spacing:4px;font-size:12px}.chapter-card .c2{color:var(--text);letter-spacing:8px;margin-top:6px;font-size:24px;line-height:30px}.chapter-card .line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:160px;height:1px;margin:8px auto}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:10px;left:0;right:0}.toast{border:1px solid var(--line);white-space:nowrap;background:#0c0810e6;padding:2px 10px;animation:2.6s forwards toast;box-shadow:0 0 0 1px #000}@keyframes toast{0%{opacity:0;transform:translateY(-4px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.locname{color:var(--text);border-left:2px solid var(--gold);pointer-events:none;background:linear-gradient(90deg,#0a080ed9,#0a080e00);padding:2px 12px 2px 8px;animation:3.2s forwards locn;position:absolute;top:14px;left:16px}@keyframes locn{0%{opacity:0;transform:translate(-6px)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.bar{background:#1a1420;height:4px;position:relative;box-shadow:0 0 0 1px #000}.bar>i{transition:width .3s;position:absolute;top:0;bottom:0;left:0}.bar>i.hp{background:linear-gradient(#f07068,#b83a40)}.bar>i.mp{background:linear-gradient(#78b0f4,#3a6ac0)}.bar>i.san{background:linear-gradient(#d0a0f8,#7a48b0)}.bar>i.exp{background:linear-gradient(#f4d880,#b88428)}.bar>i.low{animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.4}}#title-menu{flex-direction:column;align-items:center;display:flex;position:absolute;top:214px;left:0;right:0}#title-menu .item{letter-spacing:2px;justify-content:center;width:140px;height:18px;padding:0}#title-menu .item.sel:before{top:5px;left:20px}.title-logo{text-align:center;pointer-events:none;position:absolute;top:70px;left:0;right:0}.title-logo .t1{letter-spacing:14px;color:#efe8d8;text-shadow:2px 2px #000,0 0 12px #4ff0d059;font-size:48px;line-height:52px}.title-logo .t2{letter-spacing:6px;color:var(--teal);opacity:.85;margin-top:8px;font-size:12px}.title-foot{text-align:center;color:#5e5868;pointer-events:none;font-size:12px;position:absolute;bottom:8px;left:0;right:0}#menu{background:#04030899;position:absolute;inset:0}#menu .nav{width:104px;top:10px;left:10px}#menu .gold-box{width:104px;padding:2px 4px;bottom:10px;left:10px}#menu .content{inset:10px 10px 10px 122px}.mcard{border-bottom:1px solid var(--line2);gap:8px;height:76px;padding:4px;display:flex;position:relative}.mcard.sel{background:linear-gradient(90deg,#e0b04029,#0000)}.mcard .face{width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--line2);background:#0000004d;flex:none;overflow:hidden}.mcard .info{flex:1;grid-template-columns:1fr 1fr;align-content:start;column-gap:12px;display:grid}.mcard .info .row{align-items:center;gap:4px;height:15px;display:flex}.mcard .info .row .lbl{white-space:nowrap;width:26px;color:var(--dim);flex:none}.mcard .info .row .bar{flex:1}.mcard .info .row .num{text-align:right;white-space:nowrap;flex:none;width:64px}.kv{justify-content:space-between;height:15px;display:flex}.kv .k{color:var(--dim)}.sec-title{color:var(--gold);border-bottom:1px solid var(--line2);height:16px;margin-bottom:3px}.help{color:#c8c0b0;border-top:1px solid var(--line2);white-space:pre-wrap;height:34px;padding-top:2px;position:absolute;bottom:4px;left:6px;right:6px}.scroll{overflow:hidden}.tabs{gap:2px;margin-bottom:4px;display:flex}.tab{height:16px;color:var(--dim);border:1px solid var(--line2);cursor:pointer;padding:0 8px}.tab.sel{color:var(--gold2);border-color:var(--line)}.stat-up{color:var(--green)}.stat-down{color:var(--red)}.slot{border-bottom:1px solid var(--line2);cursor:pointer;height:40px;padding:3px 6px;position:relative}.slot.sel{background:linear-gradient(90deg,#e0b0402e,#0000)}.slot .l2{color:var(--dim)}#bt-order{pointer-events:none;justify-content:center;gap:2px;height:26px;display:flex;position:absolute;top:4px;left:140px;right:140px}.ord{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line2), 0 0 0 1px #000;background:#0a080ecc;position:relative;overflow:hidden}.ord.party{box-shadow:inset 0 0 0 1px #5a7aa0,0 0 0 1px #000}.ord.enemy{box-shadow:inset 0 0 0 1px #8a3a44,0 0 0 1px #000}.ord.now{width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 1px #000}.ord canvas{image-rendering:pixelated;position:absolute}#bt-party{width:248px;height:76px;padding:0 2px;bottom:4px;right:4px}.pm{grid-template-columns:48px 1fr 1fr 1fr;align-items:center;column-gap:4px;height:15px;padding:0 2px;display:grid;position:relative}.pm.act{background:linear-gradient(90deg,#e0b04040,#0000)}.pm.dead{color:#6a6070}.pm .nm{white-space:nowrap;overflow:hidden}.pm .cell{flex-direction:column;gap:1px;display:flex}.pm .cell .n{text-align:right;height:10px;font-size:12px;line-height:10px}.pm .pips{gap:1px;height:4px;display:flex}.pm .pips i{background:#2a2230;flex:1;box-shadow:0 0 0 1px #000}.pm .pips i.on{background:linear-gradient(#bfe8ff,#4a8ae0)}.pm .sts{pointer-events:none;gap:0;display:flex;position:absolute;top:-1px;left:2px}.pm.mad .nm{color:var(--red);animation:.5s steps(2,end) infinite blink}#bt-cmd{width:96px;height:76px;padding:0;bottom:4px;left:4px}#bt-cmd .item{height:12px;line-height:12px}#bt-cmd .item.sel:before{top:2px}#bt-sub{width:286px;height:76px;padding:0;bottom:4px;left:102px}#bt-sub .item{height:12px;line-height:12px}#bt-sub .item.sel:before{top:2px}#bt-help{text-align:center;pointer-events:none;position:absolute;top:34px;left:120px;right:120px}#bt-help span{border:1px solid var(--line2);background:#0a080ee0;padding:1px 8px}.bt-msg{text-align:center;pointer-events:none;position:absolute;top:56px;left:0;right:0}.bt-msg span{border-left:2px solid var(--gold);border-right:2px solid var(--gold);background:#0a080ee6;padding:2px 10px}.bt-skillname{text-align:center;pointer-events:none;position:absolute;top:36px;left:0;right:0}.bt-skillname span{color:var(--gold2);letter-spacing:2px;background:linear-gradient(90deg,#0000,#0a080eeb 20% 80%,#0000);padding:2px 40px}.pop{pointer-events:none;white-space:nowrap;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000;font-size:12px;line-height:12px;animation:1.1s forwards pop;position:absolute;transform:translate(-50%)}.pop.big{font-size:24px;line-height:24px}.pop.heal{color:#7af09a}.pop.san{color:#d0a0ff}.pop.mp{color:#7ab8ff}.pop.crit{color:#ffd860}.pop.weak{color:#ff8a50}.pop.miss{color:#a0a0a0}@keyframes pop{0%{opacity:0;margin-top:4px}10%{opacity:1;margin-top:-6px}20%{margin-top:-3px}75%{opacity:1}to{opacity:0;margin-top:-10px}}.etag{pointer-events:none;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%)}.etag .shield{align-items:center;gap:1px;height:16px;display:flex}.etag .shield .num{text-align:center;text-shadow:1px 1px #000;min-width:10px}.etag .shield.broken .num{color:var(--red)}.etag .weaks{gap:0;display:flex}.etag .unk{text-align:center;width:16px;height:16px;color:var(--dim);background:#00000080;line-height:16px;box-shadow:inset 0 0 0 1px #3a3040}.tcursor{pointer-events:none;border-top:7px solid var(--gold);filter:drop-shadow(1px 1px #000);border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;animation:.5s steps(2,end) infinite more;position:absolute;transform:translate(-50%)}.tinfo{min-width:120px;padding:0 2px;position:absolute;top:34px;left:6px}.victory{width:340px;padding:4px 8px;top:60px;left:150px}#touch{pointer-events:none;position:absolute;inset:0}#touch .pad{pointer-events:auto;opacity:.45;width:84px;height:84px;position:absolute;bottom:14px;left:14px}#touch .pad div{background:#ffffff26;border:1px solid #fff6;width:28px;height:28px;position:absolute}#touch .btn{pointer-events:auto;opacity:.5;text-align:center;background:#ffffff26;border:1px solid #ffffff73;border-radius:17px;width:34px;height:34px;line-height:32px;position:absolute}#fade{opacity:0;pointer-events:none;background:#000;width:640px;height:360px;transition:opacity .4s linear;position:absolute;top:0;left:0}#fade.white{background:#fff}#fade.red{background:#600}#fade{z-index:50}#cg{z-index:55}#narr{z-index:60}.chapter-card{z-index:62}#dlg{z-index:70}#choice{z-index:72}#toasts{z-index:90}#touch{z-index:95}.locname{z-index:45}.author-link{color:#8e8698;z-index:5;font-size:12px;text-decoration:none;position:absolute;bottom:8px;right:10px}.author-link:hover{color:var(--gold2)}a.bili{color:var(--teal);text-decoration:none}a.bili:hover{text-decoration:underline}