@font-face{font-family:"Fusion Pixel 12px";src:url(/fonts/font_ui_pixel_12px_subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink0: #0b0a10;--ink1: #14121a;--ink2: #1f1b2b;--ink3: #2d2840;--ink4: #3d3654;--verm-d: #8a2418;--verm: #c0392b;--verm-l: #e2685a;--gold-d: #9a7522;--gold: #e8c547;--gold-l: #f8e79a;--jade-d: #2f5340;--jade: #4a7c59;--jade-l: #74ab86;--paper-d: #bfae97;--paper: #f2e8dc;--purp-d: #4b2c6e;--purp: #7b4fa8;--purp-l: #b184dd;--white: #ffffff;--black: #000000;--grey1: #4a4a58;--grey2: #7c7c8e;--grey3: #b0b0bf;--skin: #f0cfa8;--blue: #4a78c8;--blue-l: #8fb6ee;--teal: #4ab0a8;--q0: #d8d8e0;--q1: #5ec26a;--q2: #5a8fd6;--q3: #a06bd8;--q4: #e08a2e;--q5: #e8c547;--up: #5ec26a;--down: #e2685a;--s: 3;--px: 1px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--ink0);color:var(--paper);font-family:"Fusion Pixel 12px","Fusion Pixel 12px Monospaced SC",monospace;font-size:12px;line-height:1.55;letter-spacing:0;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;text-rendering:geometricPrecision;overscroll-behavior:none}.num{font-family:"Fusion Pixel 12px",monospace;font-variant-numeric:tabular-nums;font-feature-settings:"palt" 0}body{min-height:100vh;background-color:var(--ink1);background-image:repeating-linear-gradient(0deg,rgba(11,10,16,.55) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(45,40,64,.28) 0 2px,transparent 2px 4px)}img{image-rendering:pixelated;image-rendering:crisp-edges}button{font:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ink1)}::-webkit-scrollbar-thumb{background:var(--ink4);border:1px solid var(--ink0)}::-webkit-scrollbar-thumb:hover{background:var(--gold-d)}::selection{background:var(--verm);color:var(--paper)}.app{min-height:100vh;display:flex;flex-direction:column;gap:6px;padding:6px;max-width:1440px;margin:0 auto}.wipe{position:fixed;inset:0;z-index:90;pointer-events:none;background-image:repeating-linear-gradient(90deg,var(--ink0) 0 24px,transparent 24px 48px);background-size:200% 100%;animation:wipeAnim .36s steps(9) forwards}@keyframes wipeAnim{0%{background-position:0 0;opacity:1}55%{background-position:-55% 0;opacity:1}to{background-position:-100% 0;opacity:0}}.nav{display:flex;align-items:stretch;gap:4px;padding:4px;background:repeating-linear-gradient(0deg,rgba(61,54,84,.5) 0 2px,transparent 2px 4px),linear-gradient(180deg,var(--ink3),var(--ink2));border-bottom:1px solid var(--gold-d);box-shadow:inset 0 0 0 1px var(--ink0),0 2px #00000080;flex-wrap:wrap}.nav .brand{display:flex;flex-direction:column;justify-content:center;padding:2px 8px 2px 4px;margin-right:2px;border-right:1px solid var(--ink0)}.nav .brand b{color:var(--gold);font-size:14px;line-height:1.2;text-shadow:1px 1px 0 var(--ink0)}.nav .brand span{color:var(--grey2);font-size:10px;line-height:1.3}.navbtn{appearance:none;border:0;background:var(--ink2);color:var(--paper);padding:7px 12px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--ink0),inset 0 1px #f2e8dc1f;clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));white-space:nowrap}.navbtn:hover{background:var(--ink3);color:var(--gold-l)}.navbtn:active{background:var(--ink1);transform:translateY(1px)}.navbtn.on{background:linear-gradient(180deg,var(--verm),var(--verm-d));color:var(--paper);box-shadow:inset 0 0 0 1px var(--ink0),inset 0 1px #f8e79a59}.spacer{flex:1}.resstrip{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:3px 6px;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--ink0)}.res{display:flex;align-items:center;gap:4px;padding:1px 6px 1px 3px;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0);position:relative}.res i{width:10px;height:10px;display:block;image-rendering:pixelated;flex:none}.res b{font-weight:400;color:var(--paper)}.res .plus{position:absolute;right:-2px;top:-12px;color:var(--gold);font-size:11px;text-shadow:1px 1px 0 var(--ink0);animation:floatUp 1.1s steps(6) forwards;pointer-events:none}@keyframes floatUp{0%{transform:translateY(6px);opacity:1}to{transform:translateY(-10px);opacity:0}}.stage{flex:1;display:flex;gap:8px;align-items:flex-start;justify-content:center}.side{width:300px;flex:none;display:flex;flex-direction:column;gap:6px}.screen{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.card{background:linear-gradient(180deg,var(--ink2),var(--ink1));box-shadow:inset 0 0 0 1px var(--gold-d),inset 0 2px #00000073,inset 0 -2px #f2e8dc0d,0 0 0 1px var(--ink0);padding:8px}.card>h3{margin:0 0 6px;font-size:13px;font-weight:400;color:var(--gold);text-shadow:1px 1px 0 var(--ink0);display:flex;align-items:center;gap:6px}.card>h3:before{content:"";width:6px;height:12px;background:var(--verm);box-shadow:0 0 0 1px var(--ink0);display:block}.card h4{margin:8px 0 4px;font-size:12px;font-weight:400;color:var(--paper)}.dim{color:var(--grey2)}.gold{color:var(--gold)}.jade{color:var(--jade-l)}.verm{color:var(--verm-l)}.row{display:flex;align-items:center;gap:6px}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:6px}.grow{flex:1;min-width:0}.kv{display:flex;justify-content:space-between;gap:8px;padding:2px 0;border-bottom:1px dotted rgba(124,124,142,.35)}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--grey2)}.up{color:var(--up)}.down{color:var(--down)}.up:before{content:"↑"}.down:before{content:"↓"}.pbtn{appearance:none;border:0;cursor:pointer;background:linear-gradient(180deg,var(--ink4),var(--ink3));color:var(--paper);padding:7px 12px;box-shadow:inset 0 0 0 1px var(--ink0),inset 0 1px #f2e8dc29,inset 0 -2px #00000059;clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px));text-shadow:1px 1px 0 var(--ink0);transition:none}.pbtn:hover:not(:disabled){background:linear-gradient(180deg,var(--ink3),var(--ink2));color:var(--gold-l);box-shadow:inset 0 0 0 1px var(--gold-d),inset 0 1px #f8e79a33}.pbtn:active:not(:disabled){transform:translateY(1px);background:linear-gradient(180deg,var(--ink1),var(--ink2))}.pbtn:disabled{color:var(--grey1);cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--ink0)}.pbtn.primary{background:linear-gradient(180deg,var(--verm),var(--verm-d));color:var(--paper)}.pbtn.primary:hover:not(:disabled){background:linear-gradient(180deg,var(--verm-l),var(--verm));color:var(--gold-l)}.pbtn.gold{background:linear-gradient(180deg,var(--gold),var(--gold-d));color:var(--ink1);text-shadow:none}.pbtn.gold:hover:not(:disabled){background:linear-gradient(180deg,var(--gold-l),var(--gold));color:var(--ink0)}.pbtn.jade{background:linear-gradient(180deg,var(--jade),var(--jade-d))}.pbtn.sm{padding:4px 8px;font-size:11px}.pbtn.wide{width:100%}.bar{position:relative;height:8px;background:var(--ink0);box-shadow:inset 0 0 0 1px var(--ink4);overflow:hidden}.bar>i{display:block;height:100%;background:var(--verm);image-rendering:pixelated}.bar>i:after{content:"";display:block;height:2px;background:#ffffff47}.bar.exp>i{background:var(--gold)}.bar.exp>i:after{background:#fff6}.bar.jade>i{background:var(--jade)}.bar.purp>i{background:var(--purp)}.bar.tall{height:12px}.stars{display:inline-flex;gap:1px}.stars i{width:9px;height:9px;display:block;background:var(--ink4);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.stars i.on{background:var(--gold)}.toasts{position:fixed;right:8px;bottom:8px;z-index:120;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:300px}.toastpx{background:var(--ink1);box-shadow:inset 0 0 0 1px var(--gold-d),0 0 0 1px var(--ink0);padding:5px 8px;animation:toastIn .2s steps(4);color:var(--paper)}.toastpx.good{box-shadow:inset 0 0 0 1px var(--jade-l),0 0 0 1px var(--ink0)}.toastpx.bad{box-shadow:inset 0 0 0 1px var(--verm),0 0 0 1px var(--ink0);color:var(--verm-l)}@keyframes toastIn{0%{transform:translate(16px);opacity:0}}.modal-bg{position:fixed;inset:0;z-index:100;background:#0b0a10d1;display:flex;align-items:center;justify-content:center;padding:12px}.modal{width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--gold),inset 0 3px #00000080,0 0 0 2px var(--ink0),0 8px #00000073;padding:10px;animation:pop .18s steps(4)}@keyframes pop{0%{transform:scale(.92)}}.modal h2{margin:0 0 8px;font-size:15px;font-weight:400;color:var(--gold);text-shadow:1px 1px 0 var(--ink0)}.foot{padding:6px;color:var(--grey1);text-align:center;font-size:10px;line-height:1.7;border-top:1px solid var(--ink3)}.q0{color:var(--q0)}.q1{color:var(--q1)}.q2{color:var(--q2)}.q3{color:var(--q3)}.q4{color:var(--q4)}.q5{color:var(--q5)}.bq0{box-shadow:inset 0 0 0 1px var(--q0)}.bq1{box-shadow:inset 0 0 0 1px var(--q1)}.bq2{box-shadow:inset 0 0 0 1px var(--q2)}.bq3{box-shadow:inset 0 0 0 1px var(--q3)}.bq4{box-shadow:inset 0 0 0 1px var(--q4)}.bq5{box-shadow:inset 0 0 0 1px var(--q5)}.split{display:flex;gap:8px;align-items:flex-start}.split>.list{width:240px;flex:none;max-height:68vh;overflow:auto;display:flex;flex-direction:column;gap:4px}.split>.detail{flex:1;min-width:0}.li{display:flex;align-items:center;gap:6px;padding:5px 6px;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0);cursor:pointer}.li:hover{background:var(--ink3)}.li.on{background:linear-gradient(90deg,var(--verm-d),var(--ink3));box-shadow:inset 0 0 0 1px var(--gold-d)}.li .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li .tag{font-size:10px;color:var(--grey2)}.tabs{display:flex;gap:3px;flex-wrap:wrap}.tab{padding:5px 10px;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0);cursor:pointer}.tab.on{background:var(--gold-d);color:var(--ink0)}.pbtn.glowup{animation:glowGold 1.1s steps(4) infinite}@keyframes glowGold{0%{box-shadow:inset 0 0 0 1px var(--ink0),0 0 #e8c54700}50%{box-shadow:inset 0 0 0 1px var(--gold-l),0 0 6px #e8c54799}to{box-shadow:inset 0 0 0 1px var(--ink0),0 0 #e8c54700}}.battle-wrap{display:flex;gap:8px;align-items:flex-start;justify-content:center;width:100%}.frame-holder{position:relative;flex:none;--z: 1}.frame{position:relative;width:calc(320px * var(--s));height:calc(180px * var(--s));background:var(--ink0);box-shadow:0 0 0 calc(var(--s) * 1px) var(--ink3),0 0 0 calc(var(--s) * 2px) var(--ink0),0 calc(var(--s) * 4px) 0 #0006;transform-origin:top left;overflow:hidden}.frame.zoomed{transform:scale(var(--z, 1))}.frame canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.hud{position:absolute;inset:0;pointer-events:none;font-size:calc(12px * var(--s));line-height:1.25;color:var(--paper);text-shadow:calc(1px * var(--s)) calc(1px * var(--s)) 0 var(--ink0)}.hud .px1{width:calc(1px * var(--s));height:calc(1px * var(--s))}.hud-top{position:absolute;left:calc(3px * var(--s));top:calc(2px * var(--s));right:calc(56px * var(--s));display:flex;flex-direction:column;gap:calc(2px * var(--s));padding:calc(2px * var(--s)) calc(4px * var(--s)) calc(2px * var(--s));background:#0b0a1070;border-bottom:calc(1px * var(--s)) solid rgba(154,117,34,.6)}.hud-top .lv{display:flex;align-items:baseline;gap:calc(4px * var(--s))}.hud-top .lv b{font-weight:400;color:var(--gold)}.hud-top .lv span{color:var(--grey3);font-size:calc(10px * var(--s))}.bars{display:flex;flex-direction:column;gap:calc(1px * var(--s))}.hbar{position:relative;height:calc(6px * var(--s));background:var(--ink0);box-shadow:inset 0 0 0 calc(1px * var(--s)) var(--ink4)}.hbar>i{display:block;height:100%;background:linear-gradient(180deg,var(--verm-l) 0 30%,var(--verm) 30% 100%)}.hbar>i:after{content:"";display:block;height:calc(1px * var(--s));background:#ffffff4d}.hbar.shield>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,var(--gold-l),var(--gold));opacity:.85}.xbar{height:calc(3px * var(--s));background:var(--ink0);box-shadow:inset 0 0 0 calc(1px * var(--s)) var(--ink2)}.xbar>i{display:block;height:100%;background:var(--gold)}.htext{position:absolute;right:calc(2px * var(--s));top:calc(-1px * var(--s));font-size:calc(9px * var(--s));color:var(--paper)}.waves{display:flex;gap:calc(2px * var(--s));align-items:center;position:absolute;top:calc(4px * var(--s));left:50%;transform:translate(-50%)}.waves i{width:calc(5px * var(--s));height:calc(5px * var(--s));background:var(--ink3);box-shadow:inset 0 0 0 calc(1px * var(--s)) var(--ink0);display:block}.waves i.done{background:var(--jade)}.waves i.now{background:var(--gold);animation:blink .6s steps(2) infinite}.waves i.bossdot{background:var(--verm)}@keyframes blink{50%{background:var(--gold-l)}}.waves b{font-weight:400;margin-left:calc(3px * var(--s));font-size:calc(10px * var(--s));color:var(--gold)}.hud-bossname{position:absolute;top:calc(24px * var(--s));left:50%;transform:translate(-50%);color:var(--verm-l);font-size:calc(10px * var(--s));background:#0b0a1099;padding:0 calc(4px * var(--s));box-shadow:0 0 0 calc(1px * var(--s)) #8a2418cc;text-shadow:calc(1px * var(--s)) calc(1px * var(--s)) 0 var(--ink0);white-space:nowrap;opacity:0}.hud-res{position:absolute;top:calc(3px * var(--s));right:calc(3px * var(--s));display:flex;flex-direction:column;gap:calc(1px * var(--s));align-items:flex-end;font-size:calc(9px * var(--s))}.hud-res div{display:flex;gap:calc(2px * var(--s));align-items:center;background:#0b0a108c;padding:0 calc(2px * var(--s))}.hud-res i{width:calc(4px * var(--s));height:calc(4px * var(--s));display:block}.hud-res .plus{position:absolute;color:var(--gold);font-size:calc(9px * var(--s));animation:floatUp2 1s steps(5) forwards;text-shadow:calc(1px * var(--s)) calc(1px * var(--s)) 0 var(--ink0)}@keyframes floatUp2{0%{transform:translateY(calc(3px * var(--s)));opacity:1}to{transform:translateY(calc(-12px * var(--s)));opacity:0}}.skills{position:absolute;left:calc(3px * var(--s));bottom:calc(3px * var(--s));display:flex;gap:calc(2px * var(--s))}.sk{position:relative;width:calc(16px * var(--s));height:calc(16px * var(--s));background:var(--ink1);box-shadow:inset 0 0 0 calc(1px * var(--s)) var(--ink4),0 0 0 calc(1px * var(--s)) var(--ink0)}.sk canvas{position:absolute;inset:calc(2px * var(--s));width:calc(12px * var(--s));height:calc(12px * var(--s));image-rendering:pixelated}.sk .cd{position:absolute;left:0;right:0;bottom:0;background:#0b0a10c7}.sk .cdt{position:absolute;left:0;right:0;bottom:calc(1px * var(--s));text-align:center;font-size:calc(7px * var(--s));line-height:1;color:var(--gold-l);text-shadow:calc(1px * var(--s)) calc(1px * var(--s)) 0 var(--ink0)}.sk.ready{box-shadow:inset 0 0 0 calc(1px * var(--s)) var(--gold-d),0 0 0 calc(1px * var(--s)) var(--ink0)}.sk.flash{animation:skflash .2s steps(2)}@keyframes skflash{0%{background:var(--gold-l)}}.hud-msg{position:absolute;left:50%;bottom:calc(38px * var(--s));transform:translate(-50%);background:#0b0a10b8;border:calc(1px * var(--s)) solid var(--gold-d);padding:calc(1px * var(--s)) calc(5px * var(--s));color:var(--gold);font-size:calc(11px * var(--s));animation:msgIn .2s steps(3);white-space:nowrap}@keyframes msgIn{0%{transform:translate(-50%) translateY(calc(-4px * var(--s)));opacity:0}}.bless{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:calc(4px * var(--s));background:#0b0a106b;pointer-events:auto;padding:calc(6px * var(--s))}.bless .ttl{position:absolute;top:calc(30px * var(--s));left:50%;transform:translate(-50%);color:var(--gold);font-size:calc(12px * var(--s));text-shadow:calc(1px * var(--s)) calc(1px * var(--s)) 0 var(--ink0)}.bless .auto{position:absolute;bottom:calc(21px * var(--s));left:50%;transform:translate(-50%);color:var(--grey3);font-size:calc(8px * var(--s));text-shadow:calc(1px * var(--s)) calc(1px * var(--s)) 0 var(--ink0);white-space:nowrap}.bcard{width:calc(76px * var(--s));background:linear-gradient(180deg,var(--ink3),var(--ink1));box-shadow:inset 0 0 0 calc(1px * var(--s)) var(--ink4),0 calc(2px * var(--s)) 0 #00000080;padding:calc(4px * var(--s));cursor:pointer;animation:bounceIn .3s steps(5);display:flex;flex-direction:column;gap:calc(3px * var(--s));border:0;text-align:left;color:var(--paper);font-family:inherit}.bcard:nth-child(2){animation-delay:.08s}.bcard:nth-child(3){animation-delay:.16s}@keyframes bounceIn{0%{transform:translateY(calc(-8px * var(--s)));opacity:0}60%{transform:translateY(calc(2px * var(--s)));opacity:1}to{transform:translateY(0)}}.bcard:hover{box-shadow:inset 0 0 0 calc(1px * var(--s)) var(--gold),0 calc(2px * var(--s)) 0 #00000080,0 0 calc(6px * var(--s)) #e8c54759}.bcard .nm{font-size:calc(11px * var(--s));color:var(--gold-l)}.bcard .ds{font-size:calc(10px * var(--s));color:var(--grey3);line-height:1.4}.bcard .rr{font-size:calc(9px * var(--s))}.bcard.r0{border-left:calc(2px * var(--s)) solid var(--q0)}.bcard.r1{border-left:calc(2px * var(--s)) solid var(--q1)}.bcard.r2{border-left:calc(2px * var(--s)) solid var(--q2)}.bcard.r3{border-left:calc(2px * var(--s)) solid var(--q5)}.boss-in{position:absolute;inset:0;background:linear-gradient(180deg,#0b0a1033,#7a281e8c);display:flex;align-items:center;gap:calc(6px * var(--s));padding:0 calc(8px * var(--s));animation:bossIn .5s steps(6)}.boss-in img{width:calc(64px * var(--s));height:calc(64px * var(--s));image-rendering:pixelated;box-shadow:inset 0 0 0 calc(1px * var(--s)) var(--gold),0 0 0 calc(1px * var(--s)) var(--ink0);background:var(--ink1)}.boss-in .txt{display:flex;flex-direction:column;gap:calc(2px * var(--s))}.boss-in .alias{color:var(--grey3);font-size:calc(10px * var(--s));letter-spacing:calc(1px * var(--s))}.boss-in .nm{color:var(--gold);font-size:calc(16px * var(--s));text-shadow:calc(2px * var(--s)) calc(2px * var(--s)) 0 var(--ink0);overflow:hidden;white-space:nowrap;border-right:calc(2px * var(--s)) solid var(--gold)}@keyframes bossIn{0%{opacity:0;transform:translate(calc(-10px * var(--s)))}}.revive{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);color:var(--paper);background:#0b0a10b3;padding:calc(2px * var(--s)) calc(6px * var(--s));box-shadow:0 0 0 calc(1px * var(--s)) var(--verm);font-size:calc(11px * var(--s));text-align:center}.result{width:min(440px,96vw)}.result .lines{display:flex;flex-direction:column;gap:3px;margin:6px 0}.result .ln{display:flex;justify-content:space-between;padding:3px 6px;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0);animation:fadeIn .35s steps(5) both}@keyframes fadeIn{0%{opacity:0;transform:translate(-6px)}}.result .starline{display:flex;gap:4px;justify-content:center;margin:6px 0;font-size:20px;color:var(--gold);text-shadow:2px 2px 0 var(--ink0)}.count{color:var(--gold)}.battle-side{width:268px;flex:none;display:flex;flex-direction:column;gap:6px}.battle-side .mini{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px dotted rgba(124,124,142,.3)}@media(max-width:900px){.battle-wrap{flex-direction:column;align-items:center}.battle-side{width:100%;max-width:560px}.battle-side .card{padding:6px}.stage{flex-direction:column}.side{width:100%}.split{flex-direction:column}.split>.list{width:100%;max-height:34vh}}@media(max-width:760px){.bless{gap:4px;padding:8px 4px 46px;align-items:stretch}.bless .ttl{top:6px;font-size:12px}.bcard{width:auto;flex:1;min-width:0;padding:6px;gap:4px}.bcard .nm{font-size:12px}.bcard .ds{font-size:12px;line-height:1.55}.bcard .rr{font-size:11px}.hud-res,.hud-top .lv{font-size:10px}}.hud-explore-tip{position:absolute;left:50%;bottom:calc(4px * var(--s));transform:translate(-50%);background:#0b0a10a8;border:calc(1px * var(--s)) solid var(--gold-d);padding:0 calc(5px * var(--s));color:var(--paper-d);font-size:calc(8px * var(--s));white-space:nowrap;pointer-events:none}.mapwrap{position:relative;width:100%;max-width:340px;margin:0 auto;flex:none}.mapscroll{position:relative;width:320px;height:620px;margin:0 auto;overflow-y:auto;overflow-x:hidden;box-shadow:0 0 0 1px var(--ink0),inset 0 0 0 1px var(--gold-d);background:var(--ink1);scrollbar-width:thin}.mapinner{position:relative;width:320px;height:640px;background-image:url(/assets/generated/bg_map_hakureishrine_01.png);background-size:320px 640px;background-repeat:no-repeat;image-rendering:pixelated}.mapinner:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 60% at 50% 40%,#0b0a100d,#0b0a106b),linear-gradient(180deg,rgba(11,10,16,.28) 0%,transparent 12%,transparent 88%,rgba(11,10,16,.35) 100%)}.mapinner.nobg{background-image:none;background-color:var(--jade-d)}.pathdot{position:absolute;width:4px;height:4px;margin-left:-2px;margin-top:-2px;background:var(--paper-d);box-shadow:0 0 0 1px #0b0a10bf;pointer-events:none}.pathdot:nth-child(2n){background:var(--grey2)}.node{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0),0 0 0 1px var(--gold-d);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border:0;font-family:inherit;color:var(--paper)}.node .no{font-size:13px;color:var(--paper);line-height:1}.node .tp{font-size:9px;color:var(--grey2);line-height:1}.node.cleared{background:linear-gradient(180deg,var(--ink3),var(--ink1));box-shadow:inset 0 0 0 1px var(--gold),0 0 0 1px var(--ink0)}.node.cleared .no{color:var(--gold)}.node.locked{background:var(--ink1);box-shadow:inset 0 0 0 1px var(--ink4),0 0 0 1px var(--ink0);cursor:not-allowed;color:var(--grey1)}.node.cur{box-shadow:inset 0 0 0 1px var(--verm-l),0 0 0 2px var(--gold);animation:curPulse 1s steps(2) infinite}@keyframes curPulse{50%{box-shadow:inset 0 0 0 1px var(--gold),0 0 0 2px var(--verm)}}.node .flag{position:absolute;top:-9px;right:-6px;width:8px;height:10px;background:var(--gold);box-shadow:-1px 0 0 var(--ink0),0 0 0 1px var(--ink0)}.node .flag:after{content:"";position:absolute;left:-2px;top:0;width:2px;height:12px;background:var(--paper-d)}.node .st{display:flex;gap:1px}.node .st i{width:5px;height:5px;background:var(--ink4);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.node .st i.on{background:var(--gold)}.arrow{position:absolute;left:50%;top:-22px;transform:translate(-50%);width:10px;height:12px;animation:bob .7s steps(3) infinite;pointer-events:none}.arrow i{display:block;background:var(--gold);box-shadow:0 0 0 1px var(--ink0)}.arrow i:nth-child(1){margin:0 4px;height:2px}.arrow i:nth-child(2){margin:0 2px;height:2px}.arrow i:nth-child(3){margin:0 1px;height:2px}.arrow i:nth-child(4){margin:0 4px;height:4px}@keyframes bob{50%{transform:translate(-50%) translateY(3px)}}.pathtip{position:absolute;color:var(--grey3);font-size:10px;text-shadow:1px 1px 0 var(--ink0);pointer-events:none;white-space:nowrap;transform:translate(-50%)}.chapters{display:flex;flex-direction:column;gap:5px}.chap{position:relative;display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0);overflow:hidden}.chap.on{background:linear-gradient(90deg,var(--verm-d),var(--ink2));box-shadow:inset 0 0 0 1px var(--gold-d)}.chap .cn{font-size:13px;color:var(--paper)}.chap.locked .cn{color:var(--grey2)}.chap.locked .chain{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(124,124,142,.28) 0 4px,transparent 4px 9px)}.chap.locked .chain:after{content:"敬请期待";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--grey2);font-size:10px;letter-spacing:1px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.charcell{position:relative;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0);padding:4px;cursor:pointer;display:flex;flex-direction:column;gap:3px;border:0;font-family:inherit;color:var(--paper);text-align:center}.charcell:hover{box-shadow:inset 0 0 0 1px var(--gold-d)}.charcell.on{box-shadow:inset 0 0 0 1px var(--gold),0 0 0 1px var(--ink0);background:linear-gradient(180deg,var(--ink3),var(--ink1))}.charcell.locked{color:var(--grey1);cursor:default}.charcell .pframe{width:100%;aspect-ratio:1;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--ink0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.charcell .pframe img,.charcell .pframe canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:cover}.charcell .nm{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charcell .prog{height:5px;background:var(--ink0);box-shadow:inset 0 0 0 1px var(--ink4)}.charcell .prog>i{display:block;height:100%;background:var(--purp)}.charcell .badge{position:absolute;top:2px;left:2px;background:var(--verm);color:var(--paper);font-size:9px;padding:0 3px;box-shadow:0 0 0 1px var(--ink0)}.charcell .pw{position:absolute;top:2px;right:2px;color:var(--gold);font-size:9px;text-shadow:1px 1px 0 var(--ink0)}.portrait-big{width:128px;height:128px;image-rendering:pixelated;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--gold-d),0 0 0 1px var(--ink0);flex:none}.sprbox{width:60px;height:60px;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--ink4);display:flex;flex-items:flex-end;justify-content:center;overflow:hidden}.sprbox canvas{image-rendering:pixelated}.slots{display:flex;gap:6px}.slot{width:74px;height:74px;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--ink4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;position:relative;border:0;font-family:inherit;color:var(--grey2);padding:2px}.slot .ico{width:24px;height:24px;image-rendering:pixelated}.slot .lb{font-size:10px}.slot .nm{font-size:10px;color:var(--paper);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .up{position:absolute;top:1px;right:2px;color:var(--gold);font-size:10px}.bag{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:4px}.cell{position:relative;aspect-ratio:1;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--ink4);cursor:pointer;display:flex;align-items:center;justify-content:center;border:0;padding:0;font-family:inherit}.cell.empty{cursor:default;opacity:.55}.cell .ico{width:22px;height:22px;image-rendering:pixelated}.cell .up{position:absolute;bottom:1px;right:2px;font-size:9px;color:var(--gold);text-shadow:1px 1px 0 var(--ink0)}.cell .eq{position:absolute;top:1px;left:2px;font-size:9px;color:var(--jade-l);text-shadow:1px 1px 0 var(--ink0)}.cell.on{box-shadow:inset 0 0 0 2px var(--gold)}.tree{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.branch{background:var(--ink1);box-shadow:inset 0 0 0 1px var(--ink0);padding:6px;display:flex;flex-direction:column;gap:0}.branch>.bt{text-align:center;padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid var(--ink3);font-size:12px}.tnode{position:relative;display:flex;gap:6px;align-items:center;padding:4px;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0);cursor:pointer;border:0;font-family:inherit;color:var(--grey2);text-align:left;width:100%}.tnode+.tnode{margin-top:14px}.tnode+.tnode:before{content:"";position:absolute;left:14px;top:-14px;width:2px;height:14px;background:var(--ink4)}.tnode.lit+.tnode:before{background:var(--gold-d)}.tnode.lit{color:var(--paper);background:linear-gradient(90deg,var(--ink3),var(--ink2));box-shadow:inset 0 0 0 1px var(--gold-d)}.tnode.can{box-shadow:inset 0 0 0 1px var(--jade);color:var(--paper)}.tnode .dot{width:18px;height:18px;flex:none;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--ink4);display:flex;align-items:center;justify-content:center;font-size:10px}.tnode.lit .dot{background:var(--gold);color:var(--ink0);box-shadow:inset 0 0 0 1px var(--gold-d),0 0 6px #e8c54780;animation:nodeGlow 1.2s steps(4) infinite}@keyframes nodeGlow{50%{box-shadow:inset 0 0 0 1px var(--gold-l),0 0 10px #f8e79ab3}}.tnode .tx{flex:1;min-width:0}.tnode .tx b{display:block;font-weight:400;font-size:11px}.tnode .tx span{display:block;font-size:10px;color:var(--grey2)}.flow{position:absolute;left:13px;top:-14px;width:4px;height:14px;overflow:hidden}.flow i{display:block;width:4px;height:4px;background:var(--gold-l);animation:flowDown .9s steps(5) infinite}@keyframes flowDown{0%{transform:translateY(-4px)}to{transform:translateY(14px)}}.setrow{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dotted rgba(124,124,142,.3)}.setrow .lb{width:132px;flex:none;color:var(--grey3)}.setrow .ctl{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.switch{width:38px;height:16px;background:var(--ink0);box-shadow:inset 0 0 0 1px var(--grey1);position:relative;cursor:pointer;border:0;padding:0;flex:none}.switch:after{content:"OFF";position:absolute;right:3px;top:2px;font-size:8px;line-height:1;color:var(--grey1)}.switch.on:after{content:"ON";right:auto;left:3px;color:var(--gold-d)}.switch i{position:absolute;top:2px;left:2px;width:14px;height:12px;background:var(--grey2);box-shadow:inset 0 -2px #00000059}.switch.on i{left:22px;background:var(--gold);box-shadow:inset 0 -2px 0 var(--gold-d)}input[type=range]{-webkit-appearance:none;appearance:none;height:12px;background:var(--ink0);box-shadow:inset 0 0 0 1px var(--ink4);flex:1;min-width:90px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:14px;background:var(--gold);box-shadow:0 0 0 1px var(--ink0);border-radius:0;cursor:pointer}input[type=range]::-moz-range-thumb{width:10px;height:14px;background:var(--gold);border:1px solid var(--ink0);border-radius:0;cursor:pointer}textarea.savearea{width:100%;height:64px;background:var(--ink0);color:var(--jade-l);border:1px solid var(--ink4);font-family:monospace;font-size:11px;resize:vertical;padding:4px}.segs{display:flex;gap:0}.segs button{padding:4px 10px;background:var(--ink2);box-shadow:inset 0 0 0 1px var(--ink0);border:0;cursor:pointer;color:var(--grey2);font-family:inherit}.segs button.on{background:var(--gold-d);color:var(--ink0)}.titlebar{display:flex;align-items:center;gap:8px;padding:4px 6px}.titlebar img{height:42px;image-rendering:pixelated;background:var(--ink1)}.loading{position:fixed;inset:0;z-index:200;background:var(--ink1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading img{width:min(480px,92vw);image-rendering:pixelated}.loading .bar{width:min(320px,80vw)}.loading p{color:var(--grey2);margin:0}.contact-box{margin-top:8px;padding:6px 8px;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--gold-d)}.foot-contact{color:var(--grey2)}.foot-contact b{color:var(--gold);font-weight:400}.portrait-big{image-rendering:pixelated;background:var(--ink1);box-shadow:inset 0 0 0 1px var(--gold-d),inset 0 0 0 3px var(--ink0),0 0 0 1px var(--gold),0 0 12px #e8c5472e}.charcell .pframe{background:radial-gradient(circle at 50% 62%,rgba(232,197,71,.1),transparent 62%),var(--ink1)}.charcell:hover .pframe{box-shadow:inset 0 0 0 1px var(--gold-d),0 0 8px #e8c54738}.charcell.on .pframe{box-shadow:inset 0 0 0 1px var(--gold),0 0 12px #e8c5474d}.chap.sel{background:linear-gradient(90deg,rgba(232,197,71,.14),transparent 70%);box-shadow:inset 0 0 0 1px var(--gold-d);cursor:pointer}.mapcanvas{position:absolute;left:0;top:0;width:320px;height:640px;image-rendering:pixelated;z-index:0}.mapinner.hasart{background-image:none;background-color:var(--ink0)}.mapfilter{position:absolute;inset:0;z-index:0;background:url(/assets/generated/bg_map_hakureishrine_01.png) center / 320px 640px no-repeat;filter:hue-rotate(78deg) saturate(.72) brightness(.82) contrast(1.05)}.mapfilter[data-ch="3"]{filter:hue-rotate(-30deg) saturate(1.15) brightness(.72)}.mapfilter[data-ch="4"]{filter:hue-rotate(200deg) saturate(.7) brightness(.9)}.chap.sel{background:linear-gradient(90deg,rgba(232,197,71,.14),transparent 70%);box-shadow:inset 0 0 0 1px var(--gold-d)}.chap.on{cursor:pointer}.storyline{color:var(--paper2);font-size:11px;line-height:1.75;background:#0b0a1073;box-shadow:inset 0 0 0 1px var(--ink3);padding:7px 9px}.storyline:before{content:"❝";color:var(--gold-d);margin-right:3px}.storydlg{max-width:520px}.storydlg .body{font-size:12px;line-height:2;color:var(--paper);min-height:86px}.storydlg .who{color:var(--gold-l);margin-right:6px}.storydlg .caret:after{content:"▊";color:var(--gold);animation:caretBlink .9s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.ranktable{box-shadow:inset 0 0 0 1px var(--ink3);background:#0b0a1059;overflow-x:auto}.rrow{display:grid;min-width:470px;grid-template-columns:28px minmax(96px,1.4fr) repeat(4,minmax(52px,1fr)) 64px 44px;align-items:center;gap:4px;padding:5px 8px;font-size:11px;border-bottom:1px solid var(--ink3)}.rrow:last-child{border-bottom:0}.rrow.head{color:var(--ink5);font-size:10px;background:#2d284080}.rrow.self{background:#e8c5471a;box-shadow:inset 2px 0 0 var(--gold)}.rrow .nm{color:var(--paper);display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap}.rrow .num{text-align:right;color:var(--paper2)}.rrow .num.up{color:var(--vermL)}.linkbtn{background:none;border:0;color:var(--ink5);font-family:inherit;font-size:10px;cursor:pointer;padding:0 2px}.linkbtn:hover{color:var(--vermL)}.inp{background:var(--ink1);color:var(--paper);border:0;box-shadow:inset 0 0 0 1px var(--ink4);font-family:inherit;font-size:12px;padding:5px 7px;outline:none}.inp:focus{box-shadow:inset 0 0 0 1px var(--gold)}.inp::placeholder{color:var(--ink5)}@media(max-width:560px){.rrow{grid-template-columns:22px minmax(78px,1.6fr) minmax(46px,1fr) minmax(44px,1fr) 44px;min-width:0;font-size:10px;padding:5px 6px}.rrow>:nth-child(5),.rrow>:nth-child(6),.rrow>:nth-child(8){display:none}.ranktable{max-width:100%}}.guidesteps{margin:0;padding:0 0 0 18px;font-size:12px;line-height:1.8;color:var(--paper2)}.guidesteps li{margin-bottom:6px}.guidesteps b{color:var(--gold-l);font-weight:400;margin-right:2px}