:root{--ink:#e7ebf3;--dim:#929cb2;--panel:#0e111ae0;--line:#2a3246;--volt:#74c8ff;--danger:#d8574a;--gold:#e2a64b;--punish:#62b48b;--f-d:"Cinzel","Trajan Pro",Georgia,serif;--f-u:"Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;--f-m:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--f-u);background:#05060a;margin:0;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{pointer-events:none;font-family:var(--f-d);position:fixed}#pl{width:min(320px,60vw);top:20px;left:24px}#pl .nm{letter-spacing:.12em;text-shadow:0 2px #000;font-size:15px}.bar{background:#1d1a22;border:2px solid #000c;height:12px;margin-top:6px;position:relative;overflow:hidden}.bar i{display:block;position:absolute;inset:0 auto 0 0}#mg{width:56%;height:6px;margin-top:5px}.bar .mg{background:linear-gradient(90deg,#4a7bff,#b56bff,#ff6ad5,#ffd36a)}#mgHint{letter-spacing:.14em;color:#ffd36a;opacity:0;text-shadow:0 2px #000;margin-top:6px;font-size:12px;transition:opacity .3s}#mgHint.show{opacity:1;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.5}}.bar .chip{background:#e8d5b0}.bar .hp{background:linear-gradient(#c94236,#8e2219)}.bar .st{background:linear-gradient(#72c06a,#3f8a3a)}#st{width:72%;height:8px}#boss{width:min(680px,84vw);bottom:34px;left:50%;transform:translate(-50%)}#boss .nm{letter-spacing:.14em;text-shadow:0 2px #000;font-size:17px}#boss .bar{height:10px}#boss .hp{background:linear-gradient(#b2302a,#6a1712)}#bpostW{opacity:0;background:#0000008c;border:1px solid #ffdc9640;border-radius:3px;width:52%;height:6px;margin:6px auto 0;transition:opacity .4s;position:relative;overflow:hidden}#bpostW.on{opacity:1}#bpost{background:linear-gradient(90deg,#c9661a,#ffd04a 50%,#c9661a);width:0;transition:width 80ms;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#bpostW.hi #bpost{background:linear-gradient(90deg,#d8401c,#ff8a2a 50%,#d8401c);animation:.35s ease-in-out infinite alternate postHi}#bpostW.dn #bpost{background:#fff6d8;box-shadow:0 0 10px #ffd04a}#bpostW.brk{box-shadow:0 0 18px 4px #ffd04a}@keyframes postHi{0%{filter:brightness()}to{filter:brightness(1.6)}}#lockDot{border:2px solid #fff;width:14px;height:14px;display:none;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 8px #a0d2ffe6}#pop{letter-spacing:.16em;opacity:0;text-shadow:0 3px #000;white-space:nowrap;font-size:clamp(18px,3vw,30px);transition:opacity .3s;top:22%;left:50%;transform:translate(-50%)}#pop.show{opacity:1;transition:none}body.cine #pl,body.cine #boss,body.cine #hint,body.cine #panel,body.cine #title,body.cine #lockDot,body.cine .dmgn{transition:opacity .4s;opacity:0!important;pointer-events:none!important}#lbT,#lbB{z-index:20;pointer-events:none;background:#000;height:0;transition:height .9s cubic-bezier(.7,0,.2,1);position:fixed;left:0;right:0}#lbT{top:0}#lbB{bottom:0}body.cine #lbT,body.cine #lbB{height:12.5vh}#speed{z-index:18;pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-conic-gradient(at 50% 46%,#0000 0deg 2.2deg,#ffffff8c 2.4deg 2.7deg,#0000 2.9deg 5.1deg,#ff3c3259 5.25deg 5.5deg,#0000 5.6deg 7.3deg);position:fixed;inset:-20%;-webkit-mask:radial-gradient(circle at 50% 46%,#0000 0 24%,#000 46%);mask:radial-gradient(circle at 50% 46%,#0000 0 24%,#000 46%)}#speed.on{animation:80ms step-end infinite speedJit}@keyframes speedJit{0%{transform:rotate(0)scale(1)}33%{transform:rotate(1.7deg)scale(1.03)}66%{transform:rotate(-1.2deg)scale(.98)}}#fade{z-index:19;opacity:0;pointer-events:none;background:#000;transition:opacity 1.6s;position:fixed;inset:0}#cineName{z-index:21;letter-spacing:.42em;color:#f2ecf0;opacity:0;filter:blur(8px);text-shadow:0 0 30px #ff281e8c,0 0 2px #000;pointer-events:none;white-space:nowrap;padding-left:.42em;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,9vw,120px);transition:opacity 1.1s,transform 3.2s cubic-bezier(.2,.7,.2,1),filter 1.1s;position:fixed;top:60%;left:50%;transform:translate(-50%,-50%)scale(1.08)}#cineName.show{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}#cineSub{z-index:21;letter-spacing:.5em;color:#c9343a;opacity:0;pointer-events:none;white-space:nowrap;padding-left:.5em;font-family:Georgia,serif;font-size:clamp(13px,1.6vw,19px);font-style:italic;transition:opacity 1.2s;position:fixed;top:calc(60% + clamp(40px,6vw,80px));left:50%;transform:translate(-50%)}#cineSub.show{opacity:.95}#skip{z-index:22;font-family:var(--f-m);letter-spacing:.2em;color:#8a90a6;opacity:0;pointer-events:none;font-size:11px;transition:opacity .6s;position:fixed;bottom:calc(12.5vh + 14px);right:22px}body.cine #skip{opacity:.8}#title{letter-spacing:.3em;opacity:0;color:#cfe8ff;text-shadow:0 0 12px #74c8ff99,0 2px #000;white-space:nowrap;font-size:clamp(14px,2.2vw,22px);transition:opacity .5s;top:9%;left:50%;transform:translate(-50%)}#title.show{opacity:1;transition:opacity .15s}#dead{opacity:0;background:#0000008c;justify-content:center;align-items:center;transition:opacity .7s;display:flex;inset:0}#dead span{text-align:center;color:#a8261f;letter-spacing:.06em;background:#0009;width:100%;padding:18px 0;font-size:clamp(32px,6vw,64px);display:block}#dead.show{opacity:1}#flash{opacity:0;mix-blend-mode:screen;background:#9fc6ff;inset:0}#vig{opacity:0;background:radial-gradient(#96000000 55%,#9600008c);inset:0}#panel{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:8px;width:min(300px,100vw - 28px);max-height:calc(100vh - 28px);padding:12px;display:flex;position:fixed;top:14px;right:14px;overflow:auto}#panel h1{font-family:var(--f-d);letter-spacing:.1em;margin:0;font-size:15px}#panel .lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--dim);margin:2px 0 0;font-size:11px}.row{flex-wrap:wrap;gap:6px;display:flex}button{font-family:var(--f-u);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#151a26;padding:6px 10px;font-size:14px;font-weight:600}button:hover{border-color:var(--dim)}button:focus-visible{outline:2px solid var(--volt);outline-offset:1px}button[aria-pressed=true]{border-color:var(--volt);color:#d6efff;background:#1d2740}button.on{border-color:var(--volt);color:var(--volt)}#tl{border:1px solid var(--line);height:16px;display:flex;position:relative}#tl div{min-width:0}#tl .p{background:var(--volt)}#tl .h{background:var(--danger)}#tl .r{background:var(--punish)}#tl b{background:#fff;width:2px;position:absolute;top:-3px;bottom:-3px;left:0}#wpn{font-family:var(--f-m);letter-spacing:.08em;color:#c9d4ee;margin:2px 0 4px;font-size:10px}.dmgn{pointer-events:none;z-index:6;will-change:transform,opacity;position:fixed;top:0;left:0}.dmgn b{letter-spacing:-.04em;white-space:nowrap;background:linear-gradient(#fff 0 52%,#bfe4ff 52% 100%);color:#0000;-webkit-text-stroke:2.5px #0b0d1c;paint-order:stroke fill;filter:drop-shadow(3px 4px #0b0d1c);-webkit-background-clip:text;background-clip:text;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:30px;font-style:italic;font-weight:900;line-height:1;display:block;position:relative}.dmgn.crit b{background:linear-gradient(#fff6b0 0 34%,#ffd23a 34% 66%,#ff7a1a 66% 100%);-webkit-text-stroke:3px #2a0d00;filter:drop-shadow(4px 5px #2a0d00);-webkit-background-clip:text;background-clip:text;font-size:48px}.dmgn.crit b:after{content:"!"}.dmgn i{aspect-ratio:1;z-index:-1;clip-path:polygon(50% 0,58% 32%,88% 10%,70% 40%,100% 46%,72% 58%,92% 90%,60% 70%,50% 100%,40% 70%,8% 88%,28% 58%,0 46%,30% 40%,12% 10%,42% 32%);background:#ff3b2f;outline:0;width:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dmgn.crit i{background:#0b0d1c}.dmgn.crit i:after{content:"";clip-path:inherit;background:#ff3b2f;position:absolute;inset:9%}#hint{font-family:var(--f-m);color:var(--dim);pointer-events:none;max-width:46vw;font-size:11px;line-height:1.5;position:fixed;bottom:52px;left:14px}#load{z-index:5;background:#05060a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#loadBox{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:520px;display:flex}#loadMsg{font-family:var(--f-d);letter-spacing:.2em;color:var(--dim);margin:0}#pick p{color:var(--ink);margin:0;line-height:1.5}#pick code{font-family:var(--f-m);color:var(--volt);font-size:13px}.pickBtn{font-family:var(--f-u);border:1px solid var(--volt);color:var(--volt);cursor:pointer;background:#101a2c;margin:6px 0;padding:10px 18px;font-size:16px;font-weight:600;display:inline-block}.small{font-size:13px;color:var(--dim)!important}.err{color:#f3a49a;font-family:var(--f-m);white-space:pre-wrap;margin:0;font-size:12px}#pick{flex-direction:column;align-items:center;gap:8px;display:flex}#pick[hidden]{display:none}#hide{display:none;position:fixed;top:14px;right:14px}@media (max-width:700px){#panel{max-height:40vh;top:auto;bottom:90px}#hint{display:none}}#home{z-index:30;background:radial-gradient(at 50% 30%,#1a2036 0%,#07080d 70%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}body:not(.home) #home,body.home #panel,body.home #pl,body.home #boss,body.home #hint,body.home canvas{display:none}.homeBox{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(720px,100%);display:flex}.homeBox h1{font-family:var(--f-d);letter-spacing:.32em;color:#ece6ea;text-shadow:0 0 28px #ff5a2859;margin:0;padding-left:.32em;font-size:clamp(40px,8vw,84px)}.homeBox .tag{font-family:var(--f-m);letter-spacing:.3em;color:var(--dim);text-transform:uppercase;margin:0 0 18px;font-size:12px}.homeBox nav{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%;display:grid}.card{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;flex-direction:column;gap:6px;padding:16px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.card:hover,.card:focus-visible{border-color:#ff8a4a;outline:none;transform:translateY(-2px)}.card b{font-family:var(--f-d);letter-spacing:.06em;font-size:18px}.card span{color:var(--dim);font-size:14px;line-height:1.4}a.back{color:var(--dim);margin-right:6px;text-decoration:none}a.back:hover{color:var(--ink)}body.mode-zekrom #pl,body.mode-zekrom #hint,body.mode-zekrom #lockDot,body.mode-perso #boss,body.mode-perso #hint,body.mode-perso #lockDot{display:none}#labPanel{background:var(--panel);border:1px solid var(--line);z-index:4;flex-direction:column;gap:8px;width:min(330px,100vw - 28px);max-height:calc(100vh - 28px);padding:12px;display:flex;position:fixed;top:14px;right:14px;overflow:auto}#labPanel .labHead{align-items:baseline;gap:8px;display:flex}#labPanel h1{font-family:var(--f-d);letter-spacing:.06em;margin:0;font-size:16px}#labPanel .lbl{font-family:var(--f-m);letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin:6px 0 0;font-size:11px}#labPanel .row{flex-wrap:wrap;gap:6px;display:flex}#labPanel button{font-family:var(--f-u);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#141a28;padding:6px 9px;font-size:13px}#labPanel button:hover{border-color:#ff8a4a}#labPanel button[aria-pressed=true]{border-color:var(--volt);color:var(--volt)}.labInfo{font-family:var(--f-m);color:#ffcf9a;min-height:1.4em;font-size:12px}.sld{width:100%;color:var(--dim);grid-template-columns:1fr 1.2fr 42px;align-items:center;gap:8px;font-size:13px;display:grid}.sld input{width:100%}.sld b{font-family:var(--f-m);color:var(--ink);text-align:right;font-size:12px;font-weight:400}#padToast{z-index:60;color:#f3eee8;font:600 14px var(--f-b,system-ui);letter-spacing:.04em;opacity:0;pointer-events:none;background:#0a0c14eb;border:1px solid #ff8a4a;padding:10px 16px;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}#padToast.show{opacity:1;transform:translate(-50%)}#labPanel button.padSel{border-color:#ff8a4a;box-shadow:inset 0 0 0 1px #ff8a4a}#hint .padOnly,body.pad #hint .kbOnly{display:none}body.pad-switch #hint .padSw,body.pad-xbox #hint .padXb,body.pad-ps #hint .padXb{display:inline}body.mode-map #panel,body.mode-map #boss{display:none}body.mode-map.bossbar #boss{display:block}.mobBar{pointer-events:none;text-align:center;width:64px;font-family:var(--f-m,monospace);letter-spacing:.08em;color:var(--ink);text-shadow:0 1px #000;z-index:5;font-size:10px;display:none;position:fixed;transform:translate(-50%,-100%)}.mobBar.elite{width:120px}.mobBar div{background:#0009;border:1px solid #000c;height:4px;margin-top:2px;position:relative}.mobBar.elite div{height:6px}.mobBar i{position:absolute;top:0;bottom:0;left:0}.mobBar .c{background:#e2a64b}.mobBar .h{background:linear-gradient(#c2423a,#7a1f18)}body.cine .mobBar{display:none!important}.mobBar div.st{background:#00000080;height:3px;margin-top:1px}.mobBar .p{background:linear-gradient(#ffe066,#e0a020)}.mobBar.stunned .p{background:#fff2a0;animation:.35s infinite alternate stunPulse;box-shadow:0 0 6px #ffd04a}@keyframes stunPulse{to{opacity:.55}}#execTag{pointer-events:none;z-index:6;color:#ffe6b0;font:700 12px var(--f-b,system-ui);letter-spacing:.08em;white-space:nowrap;background:#0a0806d9;border:1px solid #ffb14a;padding:3px 8px;display:none;position:fixed;transform:translate(-50%,-100%)}#execTag kbd{color:#1a0c04;min-width:16px;font:800 11px var(--f-m,monospace);text-align:center;background:#ffb14a;margin-right:6px;padding:0 4px;display:inline-block}#execTag.show{animation:.18s ease-out execIn;display:block}@keyframes execIn{0%{opacity:0;transform:translate(-50%,-80%)}}#execBars{pointer-events:none;z-index:7;position:fixed;inset:0}#execBars:before,#execBars:after{content:"";background:#000;height:0;transition:height .18s ease-out;position:absolute;left:0;right:0}#execBars:before{top:0}#execBars:after{bottom:0}body.exec #execBars:before,body.exec #execBars:after{height:9vh}body.exec .mobBar,body.exec #execTag{display:none!important}#parryFlash{pointer-events:none;z-index:6;opacity:0;background:radial-gradient(circle at 50% 55%,#ffe68c00 30%,#ffc85059);transition:opacity .25s;position:fixed;inset:0}#parryFlash.on{opacity:1;transition:none}body.mode-mobs #pl,body.mode-mobs #boss,body.mode-mobs #hint,body.mode-mobs #lockDot,body.mode-mobs #panel{display:none}body.p2cine #cineName{letter-spacing:.3em;text-shadow:0 0 30px #3ca0ffbf,0 0 2px #000;padding-left:.3em;font-size:clamp(28px,6vw,84px)}body.p2cine #cineSub{color:#7fc4ff}body.cine #labPanel{display:none}#tapStart{z-index:40;cursor:pointer;background:#000;justify-content:center;align-items:flex-end;padding-bottom:18vh;transition:opacity .6s;display:flex;position:fixed;inset:0}#tapStart span{letter-spacing:.4em;color:#c9cfe0;padding-left:.4em;font-family:Georgia,serif;font-size:clamp(13px,1.6vw,18px);animation:1.6s ease-in-out infinite tapPulse}#tapStart.off{opacity:0;pointer-events:none}@keyframes tapPulse{0%,to{opacity:.35}50%{opacity:1}}#touch{z-index:30;pointer-events:none;font-family:var(--f-d);display:none;position:fixed;inset:0}body.touch.touchNow #touch{display:block}body.home #touch,body.cine #tBtns,body.cine #tStickBase,body.cine #tPanel{display:none!important}body.touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}body.touch canvas{touch-action:none}#tStickBase{opacity:0;background:radial-gradient(#0a0c1459,#0a0c1426);border:2px solid #ffffff38;border-radius:50%;width:116px;height:116px;transition:opacity .12s;position:fixed;top:0;left:0}#tStickBase.on{opacity:1}#tStickKnob{background:#ffecc88c;border-radius:50%;width:50px;height:50px;transition:transform 30ms;position:absolute;top:33px;left:33px;box-shadow:0 0 14px #ffaa5a73}#tBtns{right:calc(18px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;width:250px;height:230px;position:fixed}.tb{pointer-events:auto;color:#f3e6cf;font-family:var(--f-d);letter-spacing:.08em;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c0e1873;border:2px solid #ffffff47;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.tb span{letter-spacing:.02em;pointer-events:none;font-size:10px}.tb.on{background:#ff964680;border-color:#ffd296d9;transform:scale(.94)}.tb.lit{color:#ffd04a;border-color:#ffd04a}.tb.big{width:88px;height:88px;bottom:0;right:0}.tb.big span{font-size:14px}.tb.mid{width:62px;height:62px}.tb.sm{width:46px;height:46px}.tb.sm span{font-size:8.5px}#tBtns [data-k=heavy]{bottom:6px;right:96px}#tBtns [data-k=dodge]{bottom:98px;right:12px}#tBtns [data-k=guard]{bottom:80px;right:86px}#tBtns [data-k=exec]{bottom:22px;right:164px}#tBtns [data-k=lock]{bottom:172px;right:2px}#tBtns [data-k=mega]{bottom:100px;right:154px}#tPanel{pointer-events:auto;right:calc(14px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));position:fixed}#tRotate{color:#f3e6cf;text-align:center;pointer-events:auto;letter-spacing:.1em;background:#07080d;place-items:center;font-size:20px;display:none;position:fixed;inset:0}#tRotate small{font-family:var(--f-m);color:#8a90a6;letter-spacing:.05em;font-size:12px}@media (orientation:portrait){body.touch.touchNow:not(.home) #tRotate{display:grid}}body.touch #hint,body.touch #panel{display:none}body.touch.tPanelOpen #panel{top:calc(64px + env(safe-area-inset-top));z-index:31;max-height:calc(100vh - 90px);display:flex;bottom:auto;right:14px}body.touch #pl{left:calc(16px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));width:min(230px,30vw)}body.touch #boss{bottom:auto;left:auto;right:calc(84px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));width:min(330px,36vw);transform:none}body.touch #skip{font-size:0;bottom:calc(12.5vh + 14px)}body.touch #skip:after{content:"TOUCHE ICI · PASSER";letter-spacing:.2em;font-size:13px}body.megacine #cineName{letter-spacing:.3em;color:#fff3e0;text-shadow:0 0 30px #ff781ed9,0 0 2px #000;padding-left:.3em;font-size:clamp(26px,5.5vw,76px)}body.megacine #cineSub{color:#ff9a4a}#install{color:#f3e6cf;font-family:var(--f-d);letter-spacing:.12em;cursor:pointer;background:#ff8c3c24;border:1px solid #ffbe7899;align-self:center;margin-top:18px;padding:10px 18px;font-size:13px}#install.ios{font-family:var(--f-m);letter-spacing:.02em;font-size:12px;line-height:1.5}body.touch #pl .nm{letter-spacing:.14em;font-size:12px}body.touch #pl .bar{border-width:2px;height:14px;margin-top:5px}body.touch #pl #st{width:78%;height:9px}body.touch #pl #mg{width:60%;height:7px}body.touch #mgHint{font-size:0}body.touch #mgHint:after{content:"MÉGA PRÊTE · bouton MÉGA";letter-spacing:.14em;font-size:11px}body.touch #boss .nm{text-align:right;font-size:13px}body.touch #boss .bar{height:12px}body.touch #bpostW{width:70%;height:8px;margin-right:0}body.touch #title{top:calc(23% + env(safe-area-inset-top));letter-spacing:.24em;background:linear-gradient(90deg,#0000,#05070eb8 18% 82%,#0000);padding:7px 18px 7px calc(18px + .24em);font-size:clamp(13px,2.6vw,18px)}body.touch #pop{background:radial-gradient(#05070e99,#0000 72%);padding:4px 22px;font-size:clamp(17px,3.4vw,24px);top:34%}body.touch #padToast{bottom:auto;top:calc(14px + env(safe-area-inset-top));font-size:13px;transform:translate(-50%,-20px)}body.touch #padToast.show{transform:translate(-50%)}body.touch .mobBar{width:86px;font-size:11px}body.touch .mobBar.elite{width:150px}body.touch .mobBar div{height:6px}body.touch .mobBar.elite div{height:8px}body.touch .mobBar div.st{height:4px}body.touch #execTag{border-width:2px;padding:5px 10px;font-size:14px}body.touch #execTag kbd{padding:1px 6px;font-size:11px}body.touch .dmgn b{font-size:24px}body.touch .dmgn.crit b{font-size:38px}body.touch .tb{text-shadow:0 1px #000;background:#0a0c1694;border-color:#ffffff57}body.touch .tb span{font-size:11px}body.touch .tb.big span{font-size:15px}body.touch .tb.sm span{font-size:9.5px}.tb.ready{color:#ffe6b0;background:#ff963c52;border-color:#ffb14a;animation:.6s ease-in-out infinite alternate tbReady;box-shadow:0 0 14px #ffaa50cc}@keyframes tbReady{to{box-shadow:0 0 4px #ffaa504d}}body.touch #dead span{padding:14px 0;font-size:clamp(28px,7vw,48px)}body.touch #cineSub{letter-spacing:.32em;padding-left:.32em}