@font-face{font-family:DotGothic16;src:url(./DotGothic16-BnFpS3Ix.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#0b0a14;--ink:#f2ecff;--dim:#8c83a8;--edge:#3a3354;--btn:#1d1930;--gold:#ffcf4a;--red:#ff4d5e;--green:#58e07a;--ab:#a3245c;--gb-body:#c5c4bd;--gb-ink:#2b2a5c;--gb-dim:#6a6980;--gb-dark:#34333d;--gb-bezel:#5d5b6e;--px:"DotGothic16", "MS Gothic", "Osaka-Mono", ui-monospace, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%}body{background:var(--gb-body);color:var(--gb-ink);font:16px/1.5 var(--px);padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:flex-start;margin:0;display:flex}.gb{flex-direction:column;gap:6px;width:100%;max-width:640px;display:flex}.top{align-items:center;gap:6px;display:flex}.top h1{font:400 16px/1.2 var(--px);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--gb-dim);flex:1;margin:0;overflow:hidden}.top h1 b{color:var(--ab);font-weight:400}.top h1 span{color:var(--gb-ink)}.top h1{letter-spacing:0;flex-direction:column;justify-content:center;height:32px;font-size:13px;line-height:1.15;display:flex}.top h1 b,.top h1 span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini .crown,.mini .bell{width:22px;height:18px;margin:auto;display:block}.mini .mailicon{width:24px;height:17px;margin:auto;display:block}#bNews{position:relative}#bNews.dot:after{content:"";background:#ff3a4a;border:1px solid #1e1d24;width:7px;height:7px;position:absolute;top:2px;right:3px}.mini{font:16px var(--px);color:#e8e6f0;background:var(--gb-dark);cursor:pointer;touch-action:manipulation;border:2px solid #1e1d24;border-radius:4px;min-width:36px;height:32px;padding:0 8px}.mini.on{color:#d8ffe0;background:#2f6b3f;border-color:#1e4a2a}.screen{isolation:isolate;color:var(--ink);border:8px solid var(--gb-bezel);background:#1c1a3c;border-radius:8px 8px 28px;position:relative;overflow:hidden}canvas{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block}canvas:focus{outline:none}.outline{text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000}.cast{pointer-events:none;position:absolute;top:0;left:0;right:0}.cast .bar{background:#3a2a55;border:3px solid #ff9f2a;height:clamp(8px,2.2vw,12px);box-shadow:0 0 0 2px #000}.cast .fill{background:#fff;width:0;height:100%}.cast .name{font-size:14px;line-height:1.2;position:absolute;top:calc(100% + 1px);right:0}.castmore{pointer-events:none;flex-direction:column-reverse;gap:16px;display:flex;position:absolute;bottom:calc(100% + 2px);left:0;right:0}.castmore .cast.more{position:relative;top:auto}.castmore:empty{display:none}.hud{pointer-events:none;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:16px;display:flex;position:absolute;inset:auto 0 0}.hud .hit{color:var(--red)}.bosshp{z-index:3;pointer-events:none;background:#3a1a2a;height:5px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px #000}.bosshp i{background:#ff5a8a;height:100%;transition:width .2s linear;display:block}.hp{pointer-events:none;text-align:right;font-variant-numeric:tabular-nums;width:34%;font-size:16px;position:absolute;top:6px;right:8px}.hp .hpbar{background:#3a1a2a;height:clamp(7px,2vw,10px);margin-top:2px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000}.hp .hpfill{background:#58e07a;width:100%;position:absolute;top:0;bottom:0;left:0}.hp .hpshield{background:#ffe070;width:0;height:40%;position:absolute;top:0;left:0}.hp.low .hpfill{background:#ff4d5e}.dmg.hurtnum{color:#ff7a5a}.enmity{pointer-events:none;flex-direction:column;gap:6px;font-size:16px;display:flex;position:absolute;top:6px;right:8px}.enmity .erow{align-items:center;gap:4px;display:flex}.enmity .rk{text-align:center;width:14px;font-weight:400}.enmity .rk.a{color:#ff7a9a}.enmity .rk.n{color:#f0d060}.enmity .ej{flex-direction:column;gap:2px;width:26px;display:flex}.enmity .ej svg{width:26px;height:26px}.enmity .ebar{background:#222;height:4px;display:block;box-shadow:0 0 0 1px #000}.enmity .ebar i{height:100%;display:block}.enmity .en{min-width:3.5em}.dmg.healnum{color:#8af0a0}.buff{color:var(--gold);pointer-events:none;font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;font-size:16px;display:flex;position:absolute;top:6px;left:8px}.buff span{align-items:center;gap:5px;display:flex}.buff svg{flex:none;width:1.35em;height:1.35em;box-shadow:0 0 0 2px #000}.buff .bufrow{gap:6px;display:flex}.buff .bufrow i{flex-direction:column;align-items:center;gap:2px;font-style:normal;display:flex}.buff .bufrow svg{width:clamp(22px,6.5vw,28px);height:clamp(26px,7.6vw,33px);box-shadow:none;filter:drop-shadow(0 1px #000)}.buff .bufrow b{color:#8af0a0;text-shadow:0 0 3px #0a4a1a,1px 1px #000;font-size:.95em;font-weight:400;line-height:1}.msg{text-align:center;pointer-events:none;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.msg .big{font-size:32px;line-height:1.1}.msg .sub{color:var(--ink);margin-top:2px;font-size:16px;line-height:1.25}.msg .result{border:3px solid var(--edge);white-space:normal;box-sizing:border-box;background:#0a0818e6;width:min(100cqw - 40px,480px);padding:10px 12px 12px;font-size:min(16px,4.2cqw);box-shadow:0 0 0 2px #000}.msg .result .big{font-size:min(32px,8.5cqw)}.msg .blink{animation:1s steps(2,start) infinite blink}.msg .rankreg{pointer-events:auto;font:15px var(--px);color:var(--gold);border:2px solid var(--gold);cursor:pointer;background:#1d1930;margin:8px auto 2px;padding:5px 12px;display:block;box-shadow:0 2px #000}.msg .rankreg:active{box-shadow:none;transform:translateY(2px)}@keyframes blink{to{visibility:hidden}}.title{cursor:pointer;text-align:center;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,4vw,22px);display:flex;position:absolute;inset:0}.title .logo{color:var(--gold);font-size:48px;line-height:1.1}.title .logo small{color:var(--ink);letter-spacing:.2em;margin-top:6px;font-size:.42em;display:block}.intro{z-index:7;cursor:pointer;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro img{height:78%;image-rendering:pixelated;opacity:0;transition:opacity .5s ease-out,transform 1.6s ease-out;transform:scale(.97)}.intro.show img{opacity:.3;transform:scale(1.03)}.intro.out img{opacity:0;transition:opacity .8s ease-in,transform .8s}.title .push{color:var(--ink);font-size:16px;animation:1s steps(2,start) infinite blink}.menu{scrollbar-width:none;background:#000000b8;flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(6px,2vw,10px);display:flex;position:absolute;inset:0;overflow-y:auto}.menu .head{color:var(--gold);font-size:16px}.menu .head .pg{cursor:pointer;touch-action:manipulation;padding:0 6px;display:inline-block}.menu .note{color:var(--dim);font-size:16px}.menu button{width:min(84%,360px);font:16px/1.2 var(--px);color:var(--ink);border:3px solid var(--edge);text-align:left;cursor:pointer;touch-action:manipulation;background:#15121f;justify-content:space-between;gap:8px;padding:5px 10px;display:flex}.menu .omake{scrollbar-width:none;flex-direction:column;align-items:center;gap:6px;width:100%;max-height:228px;display:flex;overflow-y:auto}.menu .omake::-webkit-scrollbar{display:none}.menu button.extra{border-style:dashed}.menu button.secret{background:#1e1030;border-color:#b05aff}.menu .head.blink{animation:.3s steps(2,start) infinite blink}.menu .jobgrid{grid-template-columns:1fr 1fr;gap:6px;width:min(84%,360px);display:grid}.menu .jobgrid button{width:100%;padding-left:18px;position:relative}.menu .jobgrid button span{white-space:nowrap}.menu .jobgrid button.cur:before{margin:0;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.menu button small{color:var(--dim);align-self:center;font-size:.7em}.menu button.cur{border-color:var(--gold);color:var(--gold)}.menu button.cur:before{content:"▶";margin-right:4px}.fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dmg{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px;animation:.9s steps(9,end) forwards dmg;position:absolute;transform:translate(-50%)}.dmg.crit{color:var(--gold);font-size:16px}.dmg.miss{color:#ff4d5e;text-align:center;font-size:16px;line-height:1.1;animation-duration:1.4s}.dmg.miss small{color:#fff;font-size:.72em;display:block}.dmg .act{color:#e8e0ff;text-align:center;font-size:.6em;display:block}@keyframes dmg{0%{opacity:1;margin-top:0}70%{opacity:1}to{opacity:0;margin-top:-28px}}.dmg.self{z-index:1;font-size:15px;animation:1.25s steps(12,end) forwards dmgSelf}.dmg.self .act{color:inherit;opacity:.9;font-size:.62em}@keyframes dmgSelf{0%{opacity:1;margin-top:6px}15%{margin-top:0}75%{opacity:1}to{opacity:0;margin-top:-34px}}.p4panel{justify-content:center;gap:8px;display:flex}.p4panel .grp{background:#c8c6bc;border-radius:6px;flex:1;gap:5px;padding:3px 4px;display:flex;box-shadow:inset 0 0 0 2px #b0aea4}.p4panel .key{cursor:pointer;touch-action:manipulation;font:inherit;background:0 0;border:0;flex:1;padding:0;display:block}.p4panel .key span{box-sizing:border-box;color:#d8d4ff;background:#2a2850;border:1px solid #4c4a88;border-radius:3px;justify-content:center;align-items:center;width:100%;height:22px;font-size:11px;display:flex}.p4panel .key.g span{background:#24384a;border-color:#3e6a80}.p4panel .key:active span{transform:translateY(1px)}.p4panel.off .key{pointer-events:none}.p4panel.off .key span{color:#0000;background:#8a8898;border-color:#8a8898}.gb.over .side{visibility:hidden}.gb.over .field canvas{filter:brightness(.3)saturate(.6)}.gb.over .status .cast,.gb.over .castmore{visibility:hidden}.msg{z-index:6}.gb.p4on .msg .result{max-height:calc(var(--stage-h) - 12px);overscroll-behavior:contain;pointer-events:auto;overflow-y:auto}.gb{--side:clamp(30px,8.6vw,46px);--status-h:clamp(40px,11vw,54px);container-type:inline-size}.stage{justify-content:center;display:flex;position:relative}.field{width:calc(100% - 2 * var(--side));flex:none;position:relative;overflow:hidden}.side{z-index:2;width:var(--side);flex-direction:column;flex:none;align-items:center;gap:8px;min-width:0;padding-top:6px;display:flex;position:relative}.side .buff,.side .enmity,.side .hp{width:auto;position:static}.hp .hpfill{width:var(--hp,100%)}.hp .hpshield{width:var(--sh,0%)}.hp .hpl{margin-right:.3em}.gb{--p4band:calc(var(--status-h) + 2px);--p4fs:calc(var(--chat-fs) - .5px);--p4chat:calc(10 * 1.15 * var(--p4fs) + 9px)}.screen{height:calc(100cqw - 2 * var(--side) + var(--status-h) + 2px + var(--chat-h) + var(--grow,0px));flex-direction:column;display:flex}.stage,.status,.chatlog{flex:none}.gb.p4on .stage{--stage-h:calc(100cqw - 20px - 2 * var(--side) + var(--chat-h) - var(--p4chat) + var(--grow,0px));--p4area:calc(var(--stage-h) - var(--p4band));flex:1;min-height:0;display:block;overflow:hidden}.gb.p4on .status{z-index:4;position:relative}.gb.p4on .chatlog{z-index:5;position:relative}.gb.p4on .field{left:50%;top:calc(var(--p4band) + var(--p4area) / 2);width:min(100%, calc(var(--p4area) * 48 / 43));position:absolute;transform:translate(-50%,-50%)}.gb.p4on .side{width:auto;height:var(--p4band);padding:4px 8px 0;position:absolute;top:0}.gb.p4on .side.l{left:0}.gb.p4on .side.r{align-items:flex-end;right:0}.gb.p4on .side .buff,.gb.p4on .side .buff .bufrow{flex-direction:row;gap:6px}.gb.p4on .side .hp{text-align:right;width:clamp(110px,34vw,200px)}.gb.p4on .status{flex:none}.gb.p4on .status .hud{line-height:1.2}.gb.p4on .cast{right:38%}.gb.p4on .castmore{gap:9px;bottom:calc(100% + 8px);right:38%}.gb.p4on .castmore .cast.more{right:auto}.gb.p4on .cast .name{white-space:nowrap;font-size:13px;top:-4px;left:calc(100% + 6px);right:auto}.gb.p4on .chatlog{height:var(--p4chat);font-size:var(--p4fs);flex:none}.gb:not(.p4on) .stage{flex-wrap:wrap;justify-content:space-between}.gb:not(.p4on) .side{width:auto;height:calc((var(--chat-h) - 2 * var(--side) + var(--status-h) + 2px + max(0px, var(--grow,0px))) / 2);align-items:flex-start;padding:5px 8px 0}.gb:not(.p4on) .side.l .buff{flex-direction:row;gap:6px}.gb:not(.p4on) .side.r{order:1;align-items:flex-end}.gb:not(.p4on) .field{order:2;width:100%}.gb.short:not(.p4on) .screen{height:calc(100cqw + var(--status-h) + 4px + var(--grow,0px))}.gb.short:not(.p4on) .side{z-index:3;height:auto;position:absolute;top:0}.gb.short:not(.p4on) .side.l{left:0}.gb.short:not(.p4on) .side.r{right:0}.gb.short{--p4fs:8.5px;--p4chat:calc(10 * 1.05 * 8.5px + 9px)}.gb.short.p4on .chatlog{line-height:1.05}.gb.short.p4on .stage{--p4area:calc(var(--stage-h) - var(--p4band) * .5)}.gb.short.p4on .field{top:calc(var(--p4band) * .5 + var(--p4area) / 2)}.gb:not(.p4on) .field{--shr:calc(min(0px, var(--grow,0px)) / -2);padding:0 var(--shr)}.gb:not(.p4on) .field .fx{left:var(--shr);right:var(--shr)}.gb:not(.p4on) .side .hp{text-align:right;width:clamp(110px,34vw,200px)}.gb:not(.p4on) .chatlog{display:none}.gb{--chat-fs:clamp(8px,2.45vw,10.5px);--chat-h:calc(11 * 1.15 * var(--chat-fs) + 9px)}.status{height:var(--status-h);margin:2px 8px 0;position:relative}@media (pointer:coarse){.gb{max-width:min(640px,43svh - 10.32px)}}.chatlog{height:var(--chat-h);box-sizing:border-box}.gb.p4on .chatlog{border-top:3px solid var(--gb-bezel);color:#8adcff;background:#0c0a18;grid-template-columns:7fr 3fr;line-height:1.15;display:grid}.chatlog>div{white-space:pre;-webkit-user-select:text;user-select:text;scrollbar-width:none;padding:3px 5px;overflow:hidden auto}.chatlog>div::-webkit-scrollbar{display:none}.chatme{color:#ffe070;border-left:2px solid #2a2650}.chatlog .rule{color:#5a8ab0}.chatlog .dim{color:#6a6490}.chatlog .miss{color:#ff6a7a}.chatlog .ok{color:#7aff9a}.buff .bufrow .gly{color:#fff;text-shadow:1px 1px #000;border:2px solid #101018;justify-content:center;align-items:center;width:clamp(22px,6.5vw,28px);height:clamp(22px,6.5vw,28px);font-size:clamp(13px,4vw,17px);display:flex}.buff .bufrow .pxi{width:clamp(24px,7vw,32px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 1px #000);display:block}.controls{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.stick{touch-action:none;background:radial-gradient(circle,#b5b4ad 0 60%,#aaa9a2 61%);border:3px solid #9d9ca3;border-radius:50%;flex:none;width:114px;height:114px;position:relative}.knob{background:var(--gb-dark);pointer-events:none;border:3px solid #1e1d24;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:inset -4px -4px #1e1d24,inset 3px 3px #55545f}.ab{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,52px);margin-right:2px;display:grid;position:relative}.ab.soon:before{content:attr(data-soon);white-space:nowrap;color:#fff;border:2px solid var(--gold);z-index:2;background:#6d1840;border-radius:3px;padding:0 6px;font-size:13px;animation:.5s steps(2,end) infinite swapBlink;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.ab.swapped .abw.b .round,.ab.swapped .abw.x .round,.ab.swapped .abw.y .round{animation:.3s steps(2,end) 4 swapFlash}@keyframes swapBlink{50%{opacity:.35}}@keyframes swapFlash{50%{filter:brightness(1.6);border-color:#fff}}.swapnote{border:2px solid var(--gold);color:#fff;white-space:nowrap;pointer-events:none;background:#141028d1;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;font-size:13px;animation:1.8s steps(18,end) forwards swapNote;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%)}.swapnote b{color:var(--gold);font-size:15px;font-weight:400}@keyframes swapNote{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}.abw{justify-content:center;align-items:center;display:flex}.abw.x{grid-area:1/2}.abw.y{grid-area:2/1}.abw.a{grid-area:2/3}.abw.b{grid-area:3/2}.round{--p:0;width:54px;height:54px;font:18px/1 var(--px);color:#fff;cursor:pointer;touch-action:none;background:conic-gradient(#000000a8 calc(var(--p) * 360deg), transparent 0), var(--ab);border:3px solid #6d1840;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex;box-shadow:inset -4px -4px #00000059,inset 3px 3px #ffffff2e}.abw.x .round,.abw.y .round{background:conic-gradient(#000000a8 calc(var(--p) * 360deg), transparent 0), #5b2a86;border-color:#3a1660}.round small{white-space:normal;word-break:break-all;text-align:center;color:#ffe7f2;max-width:48px;max-height:2.1em;font-size:8px;line-height:1.05;overflow:hidden}.round.longname small{max-height:3.2em;font-size:7px}.round.ready{border-color:var(--gold)}.round{position:relative}.round.combo{border-color:#ffd84a}.round.combo:after{content:"";pointer-events:none;filter:drop-shadow(0 0 2px #000);border:3px dashed #ffd84a;border-radius:50%;animation:1.6s linear infinite comboSpin;position:absolute;inset:-7px}@keyframes comboSpin{to{transform:rotate(360deg)}}.round.press{transform:translateY(2px);box-shadow:inset 4px 4px #00000059}.ss{justify-content:center;gap:26px;margin-top:8px;display:flex}.ssw{flex-direction:column;align-items:center;gap:3px;display:flex;transform:rotate(-25deg)}.ssw span{color:var(--gb-ink);letter-spacing:.08em;font-size:11px}.pill{cursor:pointer;touch-action:manipulation;background:#77767f;border:2px solid #4a4952;border-radius:8px;width:58px;height:16px;box-shadow:inset -2px -2px #0000004d}.pill:active{transform:translateY(1px)}.help{text-align:center;color:var(--gb-dim);margin:0;font-size:12px;line-height:1.9}.help kbd{font:12px var(--px);color:#e8e6f0;background:var(--gb-dark);border:2px solid #1e1d24;padding:0 4px}.touch .help,.touch .pconly{display:none!important}.sheet{z-index:5;padding:max(16px, calc(env(safe-area-inset-top) + 8px)) max(16px, env(safe-area-inset-right)) max(16px, calc(env(safe-area-inset-bottom) + 8px)) max(16px, env(safe-area-inset-left));background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}html.app body,html.app .sheet{padding-top:calc(env(safe-area-inset-top) + 22px)}.panel{color:var(--ink);border:4px solid var(--edge);background:#131022;flex-direction:column;gap:12px;width:100%;max-width:380px;max-height:100%;padding:16px;display:flex;overflow:auto}.panel h2{font:400 16px var(--px);color:var(--gold);margin:0}.panel h3{font:400 13px var(--px);color:var(--dim);margin:4px 0 0}.opt{justify-content:space-between;align-items:center;gap:10px;display:flex}.opt select,.opt input[type=range]{font:14px var(--px);color:var(--ink);background:var(--btn);border:2px solid var(--edge);accent-color:var(--gold);max-width:60%;padding:3px 4px}.opt input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold)}.panel .note{color:var(--dim);margin:0;font-size:12px;line-height:1.6}.tabs{border-bottom:2px solid var(--edge);gap:4px;display:flex}.tabs button{font:14px var(--px);color:var(--dim);border:2px solid var(--edge);cursor:pointer;background:0 0;border-bottom:none;flex:1;margin-bottom:-2px;padding:6px 0}.tabs button.on{color:var(--gold);background:var(--btn);border-color:var(--gold)}.tabpane{flex-direction:column;gap:12px;min-height:180px;display:flex}.tabpane[hidden]{display:none}.keyopt{padding:2px 0}.keyopt>span:last-child{gap:6px;display:flex}.kbtn{font:13px var(--px);color:var(--ink);background:var(--btn);border:2px solid var(--edge);cursor:pointer;min-width:64px;height:30px}.kbtn.wait{border-color:var(--gold);color:var(--gold)}.close{font:14px var(--px);color:var(--gold);background:var(--btn);border:3px solid var(--gold);cursor:pointer;height:44px}.panel>.close:last-child,.panel>.row:last-child{z-index:1;flex:none;position:sticky;bottom:0;box-shadow:0 16px #131022,0 -14px 12px #131022}.panel>.row:last-child{background:#131022}.menu button .i{width:22px;height:22px;font:16px/1 var(--px);color:#101018;background:var(--gold);border:2px solid #000;flex:none;justify-content:center;align-self:center;align-items:center;margin-left:auto;display:flex}.menu button .i+small{margin-left:0}.guide{gap:10px;max-width:520px;font-size:14px;line-height:1.75}.guide h2 small{color:var(--dim);margin-top:2px;font-size:12px;display:block}.guide h3{font:400 15px var(--px);color:var(--gold);border-bottom:2px solid var(--edge);margin:10px 0 0;padding-bottom:2px}.guide p{margin:0}.guide .flow{color:var(--dim);border-left:3px solid var(--edge);padding-left:8px;font-size:12px}.guide ol{flex-direction:column;gap:10px;margin:0;padding-left:1.4em;display:flex}.guide figure{border:3px solid var(--edge);background:#000;margin:6px 0 0}.guide figure img{aspect-ratio:1;width:100%;height:auto;display:block}.guide figcaption{color:var(--dim);background:#131022;padding:4px 6px;font-size:12px;line-height:1.5}.guide .miss{margin:0}.guide .miss dt{color:var(--red);margin-top:8px}.guide .miss dt:first-child{margin-top:2px}.guide .miss dd{margin:0 0 0 1em}.guide .tip{color:var(--dim);font-size:12px}.guide a{color:#8ac8ff}.guide ul.src{margin:0;padding-left:1.2em;font-size:12px}.guide .row{background:#131022;gap:8px;padding:8px 0 0;display:flex;position:sticky;bottom:-16px}.rank .row{gap:8px;display:flex}.rank select,.rank input{min-width:0;font:14px var(--px);color:var(--ink);background:var(--btn);border:2px solid var(--edge);-webkit-user-select:text;user-select:text;border-radius:0;flex:1;padding:6px}.rank input{font-size:16px}.rank .row .close{flex:none;padding:0 14px}.rlist{font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.rlist li{background:#ffffff0a;grid-template-columns:1.6em 1fr 16px 4.6em 2.4em 3.2em;align-items:center;gap:6px;padding:3px 4px;display:grid}.rlist li.hd{color:var(--dim);background:0 0;padding-bottom:0;font-size:11px}.rlist li.hd b{color:var(--dim)}.rlist li:first-child b{color:#ffcf4a}.rlist li:nth-child(2) b{color:#d8d8e8}.rlist li:nth-child(3) b{color:#e0a060}.rlist b{text-align:right;color:var(--dim);font-weight:400}.rlist .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rlist .jb svg{width:16px;height:16px;display:block}.rlist .dp{text-align:right}.rlist .pf{text-align:right;color:var(--dim)}.pf.grey{color:#9d9d9d}.pf.green{color:#1eff00}.pf.blue{color:#3a9bff}.pf.purple{color:#b872f5}.pf.orange{color:#ff8000}.pf.pink{color:#e268a8}.pf.gold{color:#e5cc80}.rlist li.dim{color:var(--dim);background:0 0;display:block}.rlist li.secret{text-align:center;color:#b05aff;padding:14px 4px;line-height:1.8}.rank .note.ok{color:var(--green)}.rank .note.ng{color:var(--red)}.rlist .dt{color:var(--dim);text-align:right;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px}.rlist .dt:hover{color:var(--ink)}.nlist{flex-direction:column;gap:10px;margin:0;padding:0;font-size:13px;line-height:1.6;list-style:none;display:flex}.nlist li{border-bottom:1px solid #2e2a48;padding-bottom:8px}.nlist .at{color:var(--gold);font-size:12px}.nlist .at b{color:#ff5a6a;font-weight:400}.mail input,.mail textarea{font:16px var(--px);color:var(--ink);background:var(--btn);border:2px solid var(--edge);resize:none;-webkit-user-select:text;user-select:text;border-radius:0;padding:8px}.mail .cnt{text-align:right;margin-top:-8px}.mail .note.ok{color:var(--green)}.mail .note.ng{color:var(--red)}.mail .note:empty{display:none}.close.sub{color:var(--dim);border-color:var(--edge)}.close:disabled{opacity:.5;cursor:default}.guide .row .close{flex:1}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.msg .blink,.ab.soon:before,.ab.swapped .round,.swapnote{animation:none}.dmg,.dmg.self{animation-duration:10ms}}@media (width<=359px){.top{gap:4px}.top .mini{min-width:30px;padding:0 4px}}@media (pointer:coarse) and (orientation:landscape) and (height<=540px) and (width>=700px){body,html.app body{padding:6px max(16px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));align-items:stretch;overflow:hidden}html[data-notch=l] body{padding-right:min(max(16px, env(safe-area-inset-right)), 24px)}html[data-notch=r] body{padding-left:min(max(16px, env(safe-area-inset-left)), 24px)}.gb{max-width:none;height:var(--landH,calc(100dvh - 6px - max(8px, env(safe-area-inset-bottom))));--side:46px;--status-h:46px;--sideW:84px;--cw:108px;--chatH:84px;--Hs:var(--landH,calc(100dvh - 14px - max(8px, env(safe-area-inset-bottom))));--F:calc(var(--Hs) - 16px - var(--status-h) - 4px);--F2:calc(var(--Hs) - 16px - var(--chatH));grid-template-rows:32px 18px 28px 1fr 40px;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px 10px;display:grid}.top,.controls,.ss,.p4panel{display:contents}.top .mini{min-width:34px;padding:0 6px}#bMenu{grid-area:1/1;justify-self:start}#bRank{grid-area:1/1;justify-self:start;margin-left:42px}#bNews{grid-area:1/3;justify-self:end;margin-right:84px}#bMail{grid-area:1/3;justify-self:end;margin-right:42px}#bOpt{grid-area:1/3;justify-self:end}.top h1{flex-direction:row;grid-area:2/1;justify-content:flex-start;justify-self:stretch;gap:6px;height:auto}.p4panel .grp:first-child{grid-area:3/1}.p4panel .grp:last-child{grid-area:3/3}.gb{--scrW:calc(var(--F) + 2 * var(--sideW) + 16px);--colW:calc((100cqw - var(--scrW) - 20px) / 2)}.gb.p4on{--scrW:calc(var(--F2) + 2 * var(--cw) + 16px)}.stick{--st:clamp(96px, calc(var(--colW) - 16px), 114px);width:var(--st);height:var(--st);grid-area:4/1;justify-self:end;margin-right:4px}.knob{width:42px;height:42px;margin:-21px 0 0 -21px}.ab{--abC:clamp(38px, calc((var(--colW) - 12px) / 3), 52px);grid-area:4/3;grid-template-columns:repeat(3,var(--abC));grid-template-rows:repeat(3,calc(var(--abC) * .88));justify-self:start;margin-left:2px}.round{width:clamp(46px, calc(var(--abC) + 2px), 54px);height:clamp(46px, calc(var(--abC) + 2px), 54px)}.ssw:first-child{grid-area:5/1;justify-self:center}.ssw:last-child{grid-area:5/3;justify-self:center}.screen{height:var(--Hs);width:calc(var(--F) + 2 * var(--sideW) + 16px);grid-area:1/2/-1;align-self:start}.msg .result{width:calc(var(--F) + 2 * var(--sideW) - 24px);max-height:calc(var(--F) - 8px);overscroll-behavior:contain;pointer-events:auto;font-size:13px;overflow-y:auto}.msg .result .big{font-size:26px}.menu{scrollbar-width:none;justify-content:safe center;gap:4px;padding:6px 0;overflow-y:auto}.menu::-webkit-scrollbar{display:none}.menu button{padding:3px 10px;font-size:14px}.menu .head,.menu .note{font-size:14px}.menu button .i{width:18px;height:18px;font-size:13px}.gb:not(.p4on) .stage{height:var(--F);flex-wrap:nowrap;justify-content:center}.gb:not(.p4on) .side{width:var(--sideW);order:0;align-items:center;height:auto;padding:6px 0 0}.gb:not(.p4on) .side.r{order:3}.gb:not(.p4on) .side.l .buff{flex-direction:column}.gb:not(.p4on) .side .hp{width:calc(var(--sideW) - 6px);font-size:12px}.gb:not(.p4on) .field{width:var(--F);order:2}.gb:not(.p4on) .side .enmity{gap:4px;font-size:11px}.gb:not(.p4on) .side .enmity .en{white-space:nowrap;min-width:0}.status{height:var(--status-h);margin:2px 8px 0}.gb.p4on .screen{width:calc(var(--F2) + 2 * var(--cw) + 16px);grid-template-columns:var(--cw) var(--F2) var(--cw);grid-template-rows:var(--F2) var(--chatH);display:grid}.gb.p4on .stage{--stage-h:var(--F2);--p4band:0px;--p4area:var(--F2);grid-area:1/2;overflow:visible}.gb.p4on .field{width:calc(var(--F2) * 48 / 43);clip-path:inset(0 calc(var(--F2) * 5 / 86));top:50%}.gb.p4on .side{height:auto;padding:4px 4px 0;top:0}.gb.p4on .side.l{left:calc(-1 * var(--cw));width:var(--cw)}.gb.p4on .side.r{right:calc(-1 * var(--cw));width:var(--cw)}.gb.p4on .side .buff .bufrow{flex-wrap:wrap;gap:3px}.gb.p4on .side .buff .bufrow .pxi{width:24px}.gb.p4on .side .hp{width:calc(var(--cw) - 8px);font-size:12px}.gb.p4on .msg .result{width:calc(var(--F2) + 2 * var(--cw) - 24px);max-height:calc(var(--F2) - 8px)}.gb.p4on .status{z-index:6;grid-area:1/1;align-self:end;height:auto;margin:0 6px 6px;position:static}.gb.p4on .castmore{flex-direction:column;gap:18px;margin-bottom:18px;display:flex;position:static;right:auto}.gb.p4on .cast{position:relative;top:auto;right:auto}.gb.p4on .cast .name{white-space:nowrap;margin-top:2px;font-size:11px;position:static}.gb.p4on .status .hud{z-index:6;width:calc(30% - 20px);height:calc(var(--chatH) - 10px);flex-direction:column;justify-content:space-around;align-items:flex-start;font-size:13px;line-height:1.15;display:flex;position:absolute;inset:auto 10px 6px auto}.gb.p4on .status .hud span{white-space:normal}.gb.p4on .chatlog{border-top:3px solid var(--gb-bezel);border-right:3px solid var(--gb-bezel);--p4fs:8.5px;grid-area:2/1/auto/-1;grid-template-columns:5fr 2fr;justify-self:start;width:70%;height:auto;font-size:8.5px;line-height:1.1}}.screen:after{content:"";z-index:8;pointer-events:none;opacity:0;background:#ff2a3a38;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #ff2a3a}.screen.hurt:after{animation:.4s linear hurtFlash}@keyframes hurtFlash{0%{opacity:1}to{opacity:0}}.screen:before{content:"";z-index:7;pointer-events:none;opacity:0;background:var(--flash,#fff);position:absolute;inset:0}.screen.flash:before{animation:fxFlash var(--flash-d,.15s) step-end}@keyframes fxFlash{0%{opacity:var(--flash-a,.5)}34%{opacity:calc(var(--flash-a,.5) * .55)}67%{opacity:calc(var(--flash-a,.5) * .25)}to{opacity:0}}