:root{--ink:#120a07;--gold:#e6b24a;--gold-hi:#ffdc8c;--ruby:#d23c44;--parchment:#f5e7c9;--mute:#c4ab84;--display:"Cinzel","Noto Serif Myanmar",Georgia,serif;--my-display:"Noto Serif Myanmar","Padauk",serif;--body:"Padauk","Noto Sans Myanmar",system-ui,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--parchment);font-family:var(--body);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}#root{transform-origin:0 0;position:fixed;top:0;left:0;overflow:hidden}body.rot #root{transform:rotate(90deg)translateY(-100%)}canvas{display:block}#view,#ov{width:100%;height:100%;position:absolute;top:0;left:0}#ov{pointer-events:none;display:none}#view.dead{filter:grayscale(.85)brightness(.75)}button{font-family:var(--body);color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.screen{display:none;position:absolute;inset:0}.screen.on{display:flex}.overlay{z-index:30;background:#0a05039e;justify-content:center;align-items:center;padding:12px;display:none;position:absolute;inset:0}.overlay.on{display:flex}.panel{outline-offset:4px;background:linear-gradient(#43190ff0,#1e0c08f5);border:1px solid #e6b24a99;border-radius:6px;outline:1px solid #e6b24a2e;box-shadow:0 20px 60px #0000008c}.btn{color:#2b120b;background:linear-gradient(#f6d27c,#c8902c);border:1px solid #ffe7a8;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:11px 26px;font-size:18px;font-weight:700;line-height:1.4;transition:transform .12s,filter .12s;display:inline-flex;box-shadow:inset 0 1px #fff9,0 6px 18px #00000059}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{color:var(--parchment);box-shadow:none;background:#2b120b9e;border-color:#e6b24a8c}.btn.sm{padding:6px 14px;font-size:14px}.btn.big{padding:13px 34px;font-size:20px}#title{background:linear-gradient(90deg,#0e0608b8 0%,#0e060861 38%,#0e060800 60%);align-items:center;padding:0 max(24px,6vw)}.title-wrap{flex-direction:column;gap:14px;max-width:560px;display:flex}.logo{letter-spacing:.06em;background:linear-gradient(#fff2c4 0%,#f3c45d 45%,#b8761d 100%);color:#0000;filter:drop-shadow(0 4px 14px #0009);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(38px,6.2vw,80px);font-weight:800;line-height:.95}.logo-my{font-family:var(--my-display);color:var(--gold-hi);text-shadow:0 3px 12px #000000b3;font-size:clamp(24px,3.4vw,40px);font-weight:800;line-height:1.6}.tagline{text-shadow:0 2px 8px #000000d9;max-width:42ch;margin:0;font-size:16px;line-height:1.75}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip{color:var(--parchment);background:#14080599;border:1px solid #e6b24a80;border-radius:999px;padding:6px 14px;font-size:14px}.chip[aria-pressed=true]{border-color:var(--gold-hi);background:#e6b24a38}.lang{z-index:5;font-family:var(--display);letter-spacing:.06em;position:absolute;top:12px;right:14px}.btn:disabled,.chip:disabled{opacity:.55;cursor:default}.btn.install{color:var(--gold-hi);border-color:var(--gold-hi);background:#2b120bd1;padding:6px 16px 6px 8px}.btn.install img{width:32px;height:32px;display:block}.help ol{margin:8px 0;padding-left:22px}.help p{margin:8px 0}.foot{color:var(--mute);font-size:13px;position:absolute;bottom:14px;left:max(24px,6vw)}body.short .tagline{display:none}body.short .logo{font-size:40px}#select{background:linear-gradient(90deg,#0e0608bf,#0e06081a 34% 62%,#0e0608bf);flex-direction:column;gap:8px;padding:10px 14px}.sel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sel-head h2{font-family:var(--my-display);color:var(--gold-hi);margin:0;font-size:20px;line-height:1.6}html[lang=en] .sel-head h2{font-family:var(--display);letter-spacing:.12em;font-size:18px}.sel-body{flex:1;grid-template-columns:minmax(0,29%) 1fr minmax(0,34%);gap:12px;min-height:0;display:grid}.cards{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:2px;display:grid;overflow:auto}.card{text-align:center;background:linear-gradient(#3a170e,#1c0b07);border:1px solid #e6b24a59;border-radius:6px;padding:0 0 6px;transition:transform .15s;position:relative;overflow:hidden}.card img{aspect-ratio:1;width:100%;display:block}.card b{font-family:var(--my-display);font-size:14px;line-height:1.7;display:block}html[lang=en] .card b{font-family:var(--display);letter-spacing:.04em;font-size:12.5px}.card[aria-pressed=true]{border-color:var(--gold-hi);transform:translateY(-2px);box-shadow:0 0 0 2px #ffdc8c59}.role{color:var(--gold-hi);background:#120805bf;border:1px solid #e6b24a73;border-radius:3px;padding:0 6px;font-size:11px;position:absolute;top:5px;left:5px}.stagehint{color:var(--mute);text-shadow:0 1px 4px #000;place-self:end center;padding-bottom:4px;font-size:12px}.info{flex-direction:column;gap:9px;min-height:0;padding:12px;display:flex;overflow:auto}.d-name{font-family:var(--my-display);color:var(--gold-hi);margin:0;font-size:26px;line-height:1.5}html[lang=en] .d-name{font-family:var(--display);letter-spacing:.05em;font-size:24px}.d-sub{letter-spacing:.06em;color:var(--mute);font-size:12.5px}.d-lore{margin:0;font-size:14px;line-height:1.7}.stats{grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;font-size:12.5px;display:grid}.meter{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.meter i{background:linear-gradient(90deg,#c8902c,#ffdc8c);height:100%;display:block}.sk{grid-template-columns:40px 1fr;align-items:start;gap:9px;display:grid}.sk img{border-radius:50%;width:40px;height:40px}.sk b{font-size:14px;line-height:1.6}.sk b em{color:var(--gold-hi);border:1px solid #e6b24a80;border-radius:3px;margin-left:6px;padding:0 5px;font-size:11px;font-style:normal}.sk p{color:#e6d4b2;margin:0;font-size:13px;line-height:1.55}.sel-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.seg{vertical-align:middle;background:#14080599;border:1px solid #e6b24a80;border-radius:4px;display:inline-flex;overflow:hidden}.seg button{color:var(--parchment);background:0 0;border:0;padding:7px 14px;font-size:14px}.seg button[aria-pressed=true]{color:var(--gold-hi);background:#e6b24a47}.seg-label{color:var(--mute);margin-right:8px;font-size:14px}body.narrow .sel-body{grid-template-columns:minmax(0,32%) 1fr minmax(0,38%)}body.short .sk p{display:none}#loading{background:radial-gradient(#3c180ee6,#0d0604);flex-direction:column;justify-content:center;align-items:center;gap:16px}#loading .logo{font-size:clamp(34px,6vw,60px)}.lbar{border:1px solid #e6b24a80;border-radius:3px;width:min(420px,70%);height:6px;overflow:hidden}.lbar i{background:linear-gradient(90deg,#c8902c,#ffdc8c);width:0;height:100%;transition:width .25s;display:block}.tip{text-align:center;text-shadow:0 2px 8px #000;max-width:min(560px,86%);font-size:15px;line-height:1.8}#hud{pointer-events:none}.pe{pointer-events:auto}.hud-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:8px;left:10px;right:10px}.me{background:#140805b8;border:1px solid #e6b24a73;border-radius:40px 8px 8px 40px;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:flex}.port{flex:none;width:50px;height:50px;position:relative}.port img{border:2px solid var(--gold);border-radius:50%;width:50px;height:50px}.lv{border:1px solid var(--gold);font-variant-numeric:tabular-nums;background:#1b0b06;border-radius:11px;justify-content:center;align-items:center;min-width:21px;height:21px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}.me-info{flex-direction:column;gap:3px;min-width:140px;display:flex}.me-name{color:var(--gold-hi);font-size:12.5px;line-height:1.4}.bar{background:#0009;border-radius:2px;height:12px;position:relative;overflow:hidden}.bar i{background:linear-gradient(#9ef57a,#3fae3b);position:absolute;inset:0 auto 0 0}.bar span{text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;font-size:10px;line-height:12px;display:block;position:relative}.bar.xp{height:4px}.bar.xp i{background:linear-gradient(90deg,#7ac6ff,#c8e7ff)}.me-stats{font-variant-numeric:tabular-nums;gap:12px;font-size:12.5px;display:flex}.me-stats .g{color:#ffd35a}.score{background:#140805b8;border:1px solid #e6b24a73;border-radius:6px;align-items:center;gap:12px;padding:3px 14px;display:flex}.score .n{font-variant-numeric:tabular-nums;text-align:center;min-width:28px;font-family:Cinzel,serif;font-size:22px;font-weight:800}.n0{color:#7fd0ff}.n1{color:#ff6e6e}.clock{flex-direction:column;align-items:center;line-height:1.25;display:flex}.clock b{font-variant-numeric:tabular-nums;font-size:15px}.clock small{color:var(--mute);white-space:nowrap;font-size:11px}.tr{flex-direction:column;align-items:flex-end;gap:6px;display:flex}#mini{background:#1a0d08;border:1px solid #e6b24a99;border-radius:6px;width:150px;height:150px}.tl{z-index:1;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:relative}.tl-btns{gap:8px;padding-left:6px;display:flex}.sbtn{background:#140805bf;border:1px solid #e6b24a73;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.sbtn svg{width:20px;height:20px;fill:var(--gold-hi)}#feed{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%)}.kf{white-space:nowrap;background:#0f0604b3;border-radius:3px;padding:2px 10px;font-size:13px;line-height:1.6}.kf .a{color:#7fd0ff}.kf .e{color:#ff7a7a}#announce{text-align:center;opacity:0;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}#announce.show{animation:2.1s ease-out ann}#announce b{font-family:var(--my-display);color:var(--gold-hi);text-shadow:0 0 18px #ffb43c99,0 3px 8px #000;white-space:nowrap;font-size:clamp(24px,4.4vw,44px);line-height:1.6;display:block}html[lang=en] #announce b{font-family:var(--display);letter-spacing:.08em}#announce span{color:#fff;text-shadow:0 2px 6px #000;font-size:14px}#announce.enemy b{color:#ff8a7a}@keyframes ann{0%{opacity:0;transform:translate(-50%,-50%)scale(1.3)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}#intro{text-align:center;opacity:0;pointer-events:none;position:absolute;top:34%;left:0;right:0}#intro.show{animation:3s ease-out intro}#intro b{font-family:var(--my-display);color:var(--gold-hi);text-shadow:0 0 24px #ffb43c8c,0 4px 10px #000;font-size:clamp(30px,5.6vw,58px);line-height:1.5;display:block}html[lang=en] #intro b{font-family:var(--display);letter-spacing:.12em}#intro span{letter-spacing:.1em;color:#fff;text-shadow:0 2px 8px #000;font-size:15px}@keyframes intro{0%{opacity:0;letter-spacing:.3em}20%{opacity:1}75%{opacity:1}to{opacity:0}}#toast{opacity:0;white-space:nowrap;background:#0f0604d9;border:1px solid #e6b24a66;border-radius:4px;padding:6px 14px;font-size:14px;transition:opacity .2s;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.acts{transform-origin:100% 100%;width:262px;height:244px;position:absolute;bottom:14px;right:16px}.ab{touch-action:none;background:#1b0b06 50%/cover no-repeat;border:2px solid #e6b24ad9;border-radius:50%;padding:0;position:absolute;overflow:visible;box-shadow:0 4px 14px #00000080}.ab:active{transform:scale(.94)}.ab .cd{background:conic-gradient(#000000b8 calc(var(--p,0)*1turn),transparent 0);color:#fff;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex;position:absolute;inset:0}.ab .k{font-size:10px;font-family:var(--display);color:var(--gold-hi);text-shadow:0 1px 2px #000;pointer-events:none;white-space:nowrap;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.ab.locked{filter:grayscale()brightness(.5)}.ab.ready{box-shadow:0 0 0 2px #ffdc8c59,0 0 16px #ffbe5073}#bAtk{border-width:3px;border-color:#ffd77a;width:104px;height:104px;bottom:6px;right:0;box-shadow:0 0 0 4px #e6b24a40,0 0 22px #ffbe5073,0 6px 16px #00000080}#bAtk .lbl{color:#fff3d0;text-shadow:0 1px 3px #000,0 0 8px #000;pointer-events:none;white-space:nowrap;font-size:14px;font-weight:700;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}#bAtk.on{box-shadow:0 0 0 5px #ff785080,0 0 26px #ff783cb3}#bS1{width:62px;height:62px;bottom:4px;right:116px}#bS2{width:62px;height:62px;bottom:94px;right:98px}#bUlt{width:68px;height:68px;bottom:122px;right:14px}#bRecall{width:46px;height:46px;bottom:4px;right:196px}#bShop{width:46px;height:46px;bottom:66px;right:196px}#quick{text-align:left;background:#140805d1;border:1px solid #e6b24a73;border-radius:4px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:12.5px;line-height:1.35;display:flex}#quick img{border-radius:4px;width:30px;height:30px}#quick.ready{border-color:var(--gold-hi);box-shadow:0 0 12px #ffc85a73}#quick .c{color:#ffd35a;font-variant-numeric:tabular-nums}#joyZone{touch-action:none;width:45%;height:70%;position:absolute;bottom:0;left:0}#joy{pointer-events:none;background:radial-gradient(circle,#e6b24a14,#14080559);border:2px solid #e6b24a80;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;display:none;position:absolute}#joy .knob{background:radial-gradient(circle at 40% 35%,#ffe6a0,#c8902c);border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000080}#joyHint{color:#f5e7c9b3;text-align:center;border:2px dashed #e6b24a66;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;padding:10px;font-size:12.5px;line-height:1.5;display:flex;position:absolute;bottom:30px;left:34px}#keys{color:#f5e7c9cc;background:#14080599;border-radius:4px;padding:6px 10px;font-size:12.5px;line-height:1.8;display:none;position:absolute;bottom:14px;left:14px}#keys kbd{font-family:var(--display);color:var(--gold-hi);border:1px solid #e6b24a80;border-radius:3px;padding:0 5px;font-size:11px}#deadOv{text-align:center;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#deadOv b{color:#fff;text-shadow:0 2px 12px #000;font-variant-numeric:tabular-nums;font-family:Cinzel,serif;font-size:56px;display:block}#deadOv span{text-shadow:0 2px 6px #000;font-size:16px}.coach{z-index:2;color:#2b120b;pointer-events:none;background:#ffecbef7;border-radius:6px;max-width:210px;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.5;animation:1s ease-in-out infinite alternate bob;display:none;position:absolute;box-shadow:0 6px 18px #00000080}.coach:after{content:"";border:9px solid #0000;position:absolute}#coachAtk{bottom:126px;right:20px}#coachAtk:after{border-top-color:#ffecbef7;bottom:-18px;right:34px}#coachJoy{bottom:166px;left:40px}#coachJoy:after{border-top-color:#ffecbef7;bottom:-18px;left:46px}#coachSk{bottom:150px;right:200px}#coachSk:after{border-left-color:#ffecbef7;top:12px;right:-18px}body.coach-on .coach{display:block}body.coach-on #bAtk{animation:1s ease-in-out infinite pulse}@keyframes bob{to{transform:translateY(-6px)}}@keyframes pulse{50%{box-shadow:0 0 0 10px #ffdc8c59,0 0 30px #ffc85acc}}body.short .acts{transform:scale(.8)}body.short #mini{width:116px;height:116px}@media (height<=380px){body.short #mini{width:96px;height:96px}}body.short .me-info{min-width:118px}body.short #feed{top:58px}body.short #coachAtk{bottom:100px}body.short #coachSk{display:none!important}.shop{flex-direction:column;gap:10px;width:min(760px,96%);max-height:94%;padding:14px;display:flex}.ph{justify-content:space-between;align-items:center;gap:10px;display:flex}.ph h3{font-family:var(--my-display);color:var(--gold-hi);margin:0;font-size:19px;line-height:1.6}html[lang=en] .ph h3{font-family:var(--display);letter-spacing:.08em}.ph .g{color:#ffd35a;font-variant-numeric:tabular-nums}.items{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;display:grid;overflow:auto}.item{text-align:left;background:#00000040;border:1px solid #e6b24a4d;border-radius:4px;grid-template-columns:40px 1fr;align-items:center;gap:8px;padding:7px;display:grid}.item img{border-radius:4px;width:40px;height:40px}.item b{font-size:14px;line-height:1.5;display:block}.item span{color:var(--mute);font-size:12px;line-height:1.4;display:block}.item .c{color:#ffd35a;font-variant-numeric:tabular-nums}.item:disabled{opacity:.45;cursor:not-allowed}.item.rec{border-color:var(--gold-hi)}.inv{color:var(--mute);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.slot{background:#00000040 50%/cover;border:1px dashed #e6b24a59;border-radius:4px;width:38px;height:38px}.board{width:min(720px,96%);max-height:94%;padding:14px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid #e6b24a26;padding:5px 8px;line-height:1.5}th{color:var(--mute);font-size:12px;font-weight:400}td.num,th.num{font-variant-numeric:tabular-nums;text-align:right}tr.mine td{background:#e6b24a1f}td .mp{vertical-align:middle;border:1px solid var(--gold);border-radius:50%;width:28px;height:28px;margin-right:8px}.tname0{color:#7fd0ff}.tname1{color:#ff7a7a}.help{width:min(720px,96%);max-height:94%;padding:18px 20px;line-height:1.75;overflow:auto}.help h4{color:var(--gold);margin:12px 0 4px;font-size:16px}.help ul{margin:0;padding-left:20px}.help li{margin:2px 0;font-size:14.5px}.pause{text-align:center;flex-direction:column;gap:10px;min-width:260px;padding:20px;display:flex}.pause h3{font-family:var(--my-display);color:var(--gold-hi);margin:0 0 6px;line-height:1.6}.end{flex-direction:column;gap:10px;width:min(820px,96%);max-height:96%;padding:16px;display:flex;overflow:auto}.end-h{text-align:center}.end-h b{font-family:var(--my-display);font-size:clamp(32px,6vw,56px);line-height:1.5;display:block}html[lang=en] .end-h b{font-family:var(--display);letter-spacing:.12em}.end-h span{letter-spacing:.12em;color:var(--mute);font-size:13px}.end-h.win b{color:var(--gold-hi);text-shadow:0 0 24px #ffbe5080}.end-h.lose b{color:#ff8a7a}.mvp{background:var(--gold);color:#2b120b;border-radius:3px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700}.end-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#err{text-align:center;z-index:50;background:#120a07;justify-content:center;align-items:center;padding:24px;line-height:1.8;display:none;position:absolute;inset:0}#titleArt{object-fit:contain;object-position:bottom right;filter:drop-shadow(0 0 30px #ffaa3c59)drop-shadow(0 12px 24px #0009);pointer-events:none;max-width:50%;height:95%;animation:4.5s ease-in-out infinite alternate breathe;position:absolute;bottom:0;right:max(10px,4vw)}@keyframes breathe{to{transform:translateY(-6px)scale(1.012)}}#selArt{object-fit:contain;filter:drop-shadow(0 0 26px #ffaa3c66)drop-shadow(0 10px 20px #0009);pointer-events:none;max-width:40%;height:calc(100% - 118px);display:none;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}#select>.sel-head,#select>.sel-body,#select>.sel-foot{z-index:1;position:relative}#cutin{pointer-events:none;height:120px;display:none;position:absolute;top:26%;left:0;right:0}#cutin.show{animation:1.2s ease-out forwards cutBg;display:block}#cutin .band{background:linear-gradient(90deg,#0000,#6e100ae0 18%,#d69632e6 50%,#6e100ae0 82%,#0000);position:absolute;inset:0;transform:skewY(-4deg);box-shadow:0 0 30px #ffaa3c80}#cutin img{filter:drop-shadow(0 0 16px #ffc85ab3);height:250px;animation:1.2s ease-out forwards cutImg;position:absolute;bottom:-20px;right:10%}#cutin b{font-family:var(--my-display);color:#fff3d0;text-shadow:0 2px 10px #000;white-space:nowrap;font-size:32px;animation:1.2s ease-out forwards cutTxt;position:absolute;top:34px;left:8%}html[lang=en] #cutin b{font-family:var(--display);letter-spacing:.08em}@keyframes cutBg{0%{opacity:0;transform:scaleY(.2)}12%{opacity:1;transform:scaleY(1)}80%{opacity:1}to{opacity:0}}@keyframes cutImg{0%{opacity:0;transform:translate(60%)}18%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(-5%)}to{opacity:0;transform:translate(-25%)}}@keyframes cutTxt{0%{opacity:0;transform:translate(-30%)}20%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translate(8%)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:10ms!important}}