@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/BreakBreaker/assets/press-start-2p-latin-_wFEWmAB.woff2)format("woff2")}:root{--bb-pixel:"Press Start 2P", ui-monospace, monospace;--bb-ink:#14121c;--bb-px:4px;--bb-fire:#ff7a2e;--bb-bg:#14121c;--bb-panel:#14121cd1;--bb-fg:#f2e9d8;--bb-accent:#ffd166;--bb-ok:#7bd88f;--bb-bad:#ff7b72;--bb-warn:#ffd166}.bb-hud{pointer-events:none;z-index:5;color:var(--bb-fg);text-shadow:0 1px 2px #000;font:14px/1.3 system-ui,sans-serif;position:fixed;inset:0}.bb-hud[hidden],.bb-hud [hidden]{display:none}.bb-top{left:calc(12px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top));max-width:calc(100vw - 100px - env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:14px;display:flex;position:absolute}.bb-stats{--edge:var(--bb-accent);box-sizing:border-box;background:var(--bb-ink);color:#fff;max-width:100%;font:8px/1.25 var(--bb-pixel);text-shadow:none;box-shadow:0 calc(-1 * var(--bb-px)) 0 0 var(--edge), 0 var(--bb-px) 0 0 var(--edge), calc(-1 * var(--bb-px)) 0 0 0 var(--edge), var(--bb-px) 0 0 0 var(--edge), 0 calc(2 * var(--bb-px)) 0 0 #000, var(--bb-px) var(--bb-px) 0 0 #000;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:6px 10px;margin:0;padding:8px 10px;list-style:none;display:grid}.bb-stats .row{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;display:grid}.bb-stats .row[hidden]{display:none}.bb-stats .lbl{color:#a99fbd;white-space:nowrap;font-size:8px}.bb-stats .val{color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:12px}.bb-stats .score .lbl{color:var(--bb-accent)}.bb-stats .score .val{color:var(--bb-accent);text-shadow:2px 2px #000;transform-origin:0 100%;font-size:20px;display:inline-block}.bb-stats .score .val.pop{animation:.3s step-end bb-score-pop}@keyframes bb-score-pop{0%{color:#fff;transform:scale(1.15)}50%{color:#fff;transform:none}}.bb-stats .minor .val{color:#e6dff0;font-size:10px}.bb-stats .rocks .slot{letter-spacing:2px}.bb-stats .weapon.furie .val,.bb-stats .items .val{color:#ffe066}.bb-stats .energy .val{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bb-stats .energy .ebar{box-sizing:border-box;transform-origin:0;background:#3a3448;border:2px solid #000;flex:none;width:64px;height:8px;display:inline-block;position:relative;box-shadow:2px 2px #000}.bb-stats .energy .efill{background:#8fd3ff;width:0;transition:width .25s steps(4,end);position:absolute;top:0;bottom:0;left:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(12.5% - 1px),#0000 calc(12.5% - 1px) 12.5%);mask:repeating-linear-gradient(90deg,#000 0 calc(12.5% - 1px),#0000 calc(12.5% - 1px) 12.5%)}.bb-stats .energy .tick{background:#f2e9d8;width:2px;position:absolute;top:-4px;bottom:-4px}.bb-stats .energy .tick.t50{left:calc(50% - 1px)}.bb-stats .energy .ebar.pop{animation:.25s step-end bb-energy-pop}@keyframes bb-energy-pop{0%{transform:scale(1.12,1.4)}50%{transform:none}}.bb-stats .energy .etag{white-space:nowrap;font-size:8px}.bb-stats .energy.st-onde .efill{background:#8fd3ff}.bb-stats .energy.st-onde .etag{color:#8fd3ff;animation:1.6s step-end infinite bb-energy-blink}.bb-stats .energy.st-furie .efill,.bb-stats .energy.st-active .efill{background:#ffd23a}.bb-stats .energy.st-furie .etag{color:#ffe066;animation:.8s step-end infinite bb-energy-blink}.bb-stats .energy.st-active .efill{transition:none}.bb-stats .energy.st-active .etag{color:#ffe066}.bb-stats .energy.refused .etag{color:var(--bb-bad);animation:none}@keyframes bb-energy-blink{50%{opacity:.45}}#touch-ui [data-action=furie].dim,#touch-ui [data-action=onde].dim{opacity:.45;border-style:dashed}#touch-ui [data-action=onde].ready{color:#e6f6ff;border-color:#8fd3ff;animation:1.6s step-end infinite bb-touch-ready;box-shadow:0 0 0 3px #8fd3ff73,0 0 14px 2px #8fd3ff99}#touch-ui [data-action=furie].ready{color:#fff6d0;border-color:#ffd23a;animation:.8s step-end infinite bb-touch-ready;box-shadow:0 0 0 3px #ffd23a80,0 0 16px 3px #ffd23ab3}@keyframes bb-touch-ready{50%{box-shadow:0 0 0 2px #ffffff59}}.bb-stats .wave.pulse .val,.bb-stats .wave.pulse .lbl{animation:.9s step-end bb-wave-pulse}@media (width<=560px){.bb-stats{gap:4px 8px;padding:6px 8px}.bb-stats .score .val{font-size:16px}.bb-stats .val{font-size:10px}.bb-stats .minor .val{font-size:8px}}.bb-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-cards{flex-direction:column;gap:3px;display:flex}.bb-card{--bar:var(--bb-warn);font:8px/1.5 var(--bb-pixel);text-shadow:none;background:var(--bb-ink);box-shadow:inset 4px 0 0 var(--bar), 2px 2px 0 0 #000;border:2px solid #4a4360;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:5px 6px 5px 8px;display:flex}.bb-card .ico{width:10px;height:11px;display:inline-flex}.bb-card .ico svg{width:10px;height:auto}.bb-card .name{color:var(--bb-accent);font-weight:400}.bb-card .time{font-variant-numeric:tabular-nums;color:#fff}.bb-card .status:before{content:"● "}.bb-card.st-interrompu{--bar:#8ab4ff}.bb-card.st-interrompu .status:before{content:"‖ "}.bb-card.st-sécurisé{--bar:var(--bb-ok)}.bb-card.st-sécurisé .status:before{content:"◆ "}.bb-card.st-sauvée{--bar:var(--bb-ok)}.bb-card.st-sauvée .status:before{content:"✔ "}.bb-card.st-perdue{--bar:var(--bb-bad)}.bb-card.st-perdue .status:before{content:"✖ "}.bb-card .dist{color:#d8cfe0}.bb-card .items{color:#ffe066}.bb-card .hpbar{background:#3a3448;border:2px solid #000;width:40px;height:6px;display:inline-flex;box-shadow:0 0 0 1px #4a4360}.bb-card .hpbar[hidden]{display:none}.bb-card .hpbar .fill{background:var(--bb-ok);height:100%}.bb-card .hpbar .fill.low{background:var(--bb-bad)}.bb-card.st-en-feu .hpbar .fill:not(.low){background:var(--bb-fire)}.bb-card.st-en-feu{--bar:var(--bb-fire)}.bb-card .hpbar .fill.capture{background:#5a9cff}.bb-card.st-zone-contestée{--bar:var(--bb-bad)}.bb-card.st-zone-contestée .status:before{content:"‖ "}.bb-card.k-flag.st-en-cours{--bar:#5a9cff}.bb-prompt{background:var(--bb-panel);border:1px solid var(--bb-accent);white-space:nowrap;border-radius:6px;padding:4px 10px;font-weight:700;position:absolute;top:calc(50% + 44px);left:50%;transform:translate(-50%)}.bb-alert{--edge:var(--bb-accent);--tint:#2a2210;width:fit-content;left:0;right:0;top:calc(12px + env(safe-area-inset-top));box-sizing:border-box;background:var(--bb-ink);background-image:linear-gradient(var(--tint), var(--tint));color:#fff;max-width:calc(100vw - 24px);font:10px/1.6 var(--bb-pixel);text-shadow:none;pointer-events:none;box-shadow:0 calc(-1 * var(--bb-px)) 0 0 var(--edge), 0 var(--bb-px) 0 0 var(--edge), calc(-1 * var(--bb-px)) 0 0 0 var(--edge), var(--bb-px) 0 0 0 var(--edge), 0 calc(2 * var(--bb-px)) 0 0 #000, var(--bb-px) var(--bb-px) 0 0 #000;border-radius:0;align-items:center;gap:10px;margin:0 auto;padding:12px 16px;animation:.24s steps(3,end) both bb-alert-in,.5s step-end .24s 6 bb-alert-flash;display:flex;position:absolute}.bb-alert.tone-fire{--edge:var(--bb-fire);--flash:#ffd166;--tint:#2c1410}.bb-alert.tone-warn{--edge:var(--bb-accent);--flash:#fff7e0;--tint:#2a2210}.bb-alert.tone-round{--edge:#ff5a3c;--flash:#ffd166;--tint:#2c1012}.bb-alert.tone-drop{--edge:#7be0ff;--flash:#ffd166;--tint:#0f2230}.bb-alert.tone-furie{--edge:#ffe066;--flash:#fff7e0;--tint:#2e2608}.bb-alert.tone-win{--edge:var(--bb-ok);--flash:#fff7e0;--tint:#0f2a18}.bb-alert .ico{flex:none;display:inline-flex}.bb-alert .txt{flex-direction:column;gap:6px;min-width:0;display:flex}.bb-alert .title{color:var(--edge);text-shadow:2px 2px #000;font-size:20px;font-weight:400;line-height:1.25}.bb-alert .sub{color:#fff}.bb-alert .meta{color:var(--bb-accent)}.bb-alert .dir[hidden],.bb-alert .meta[hidden]{display:none}.bb-alert .dir{color:var(--edge);border-left:2px solid #4a4360;flex-direction:column;flex:none;align-items:center;gap:4px;padding-left:10px;display:flex}.bb-alert .arrow{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.bb-alert .dist{color:#fff;white-space:nowrap}@keyframes bb-alert-in{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes bb-alert-flash{50%{box-shadow:0 calc(-1 * var(--bb-px)) 0 0 var(--flash), 0 var(--bb-px) 0 0 var(--flash), calc(-1 * var(--bb-px)) 0 0 0 var(--flash), var(--bb-px) 0 0 0 var(--flash), 0 calc(2 * var(--bb-px)) 0 0 #000, var(--bb-px) var(--bb-px) 0 0 #000}}@keyframes bb-wave-pulse{0%,66%{color:var(--bb-accent)}33%{color:#fff}}.bb-edge{background:var(--bb-ink);color:#fff;font:10px/1.5 var(--bb-pixel);text-shadow:none;white-space:nowrap;border:3px solid var(--edge);animation:bb-edge-pulse var(--pulse,.8s) steps(1, end) infinite;align-items:center;gap:4px;padding:6px 8px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:3px 3px #000}.bb-edge.tone-fire{--edge:var(--bb-fire)}.bb-edge.tone-warn{--edge:var(--bb-accent)}.bb-edge.tone-drop{--edge:#7be0ff}.bb-edge.tone-furie{--edge:#ffe066}.bb-edge.tone-win{--edge:var(--bb-ok)}.bb-edge .arrow{width:16px;height:16px;color:var(--edge);justify-content:center;align-items:center;display:inline-flex}.bb-edge .ico{display:inline-flex}.bb-edge .txt{flex-direction:column;display:flex}.bb-edge .lbl{color:var(--edge);font-weight:400}@keyframes bb-edge-pulse{50%{border-color:#fff}}.bb-round{--edge:var(--bb-ok);width:fit-content;left:0;right:0;top:calc(12px + env(safe-area-inset-top));box-sizing:border-box;background:var(--bb-ink);color:#fff;max-width:calc(100vw - 24px);font:8px/1.6 var(--bb-pixel);text-shadow:none;text-align:center;pointer-events:none;box-shadow:0 calc(-1 * var(--bb-px)) 0 0 var(--edge), 0 var(--bb-px) 0 0 var(--edge), calc(-1 * var(--bb-px)) 0 0 0 var(--edge), var(--bb-px) 0 0 0 var(--edge), 0 calc(2 * var(--bb-px)) 0 0 #000, var(--bb-px) var(--bb-px) 0 0 #000;background-image:linear-gradient(#10261a,#10261a);flex-direction:column;align-items:center;gap:7px;margin:0 auto;padding:10px 14px;display:flex;position:absolute}.bb-round.in{animation:.24s steps(3,end) both bb-alert-in}.bb-round .title{color:var(--edge);text-shadow:2px 2px #000;font-size:14px;font-weight:400;line-height:1.25}.bb-round .obj{flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.bb-round .obj b{font-weight:400}.bb-round .obj .ok b{color:var(--bb-ok)}.bb-round .obj .ok b:before{content:"✔ "}.bb-round .obj .bad b{color:var(--bb-bad)}.bb-round .obj .bad b:before{content:"✖ "}.bb-round .score{color:var(--bb-accent);flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:10px;display:flex}.bb-round .bonus{color:#000;background:var(--bb-accent);padding:2px 4px;animation:.5s step-end .3s 4 bb-bonus}.bb-round .heals{color:#8fe0a4}.bb-round .heals:before{content:"♥ ";color:var(--bb-bad)}.bb-round .count{color:var(--bb-accent)}@keyframes bb-bonus{50%{background:#fff}}@media (prefers-reduced-motion:reduce){.bb-alert,.bb-edge,.bb-stats .wave.pulse .val,.bb-stats .wave.pulse .lbl,.bb-stats .score .val.pop,.bb-round.in,.bb-round .bonus,.bb-stats .energy .etag,.bb-stats .energy .ebar.pop,#touch-ui [data-action=furie].ready,#touch-ui [data-action=onde].ready{animation:none}.bb-stats .energy .efill{transition:none}}.bb-overlay{z-index:20;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--bb-fg);-webkit-user-select:text;user-select:text;touch-action:pan-y;background:#0a0810e0;justify-content:center;align-items:center;font:16px/1.45 system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.bb-overlay[data-panel=start]{background:var(--bb-bg)}.bb-overlay[hidden]{display:none}.bb-panel{box-sizing:border-box;flex:none;width:min(640px,100%);margin:auto;padding:20px 16px 28px}.bb-overlay[data-panel=pause] .bb-panel{text-align:center;width:min(360px,100%)}.bb-overlay[data-panel=pause] .bb-panel .col{max-width:none}.bb-overlay[data-panel=confirm] .bb-panel{text-align:center;width:min(480px,100%)}.bb-overlay[data-panel=confirm] .bb-panel .row{justify-content:center}.bb-panel h1{color:var(--bb-accent);margin:0 0 8px;font-size:28px}.bb-panel h2{margin:20px 0 6px;font-size:18px}.bb-panel p{margin:6px 0}.bb-panel .notice{opacity:.85;font-style:italic}.bb-panel .row{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.bb-panel .col{flex-direction:column;gap:10px;max-width:320px;display:flex}.bb-panel button{font:inherit;border:2px solid var(--bb-fg);min-height:44px;color:var(--bb-fg);cursor:pointer;text-align:center;background:#2a2638;border-radius:8px;padding:0 18px}.bb-panel button.primary{background:var(--bb-accent);color:#14121c;border-color:var(--bb-accent);font-weight:700}.bb-panel button:hover{filter:brightness(1.15)}.bb-overlay button:focus-visible,.bb-overlay a:focus-visible,.bb-overlay [tabindex="0"]:focus-visible{outline-offset:3px;outline:3px solid #fff;box-shadow:0 0 0 6px #000}.bb-panel .rules{margin:0;padding-left:20px}.bb-panel .rules li{margin:4px 0}.bb-panel .ctl{border-bottom:1px solid #ffffff26;padding:6px 0}.bb-panel .ctl .dev{opacity:.7}.bb-panel .summary{grid-template-columns:1fr auto;gap:4px 16px;margin:10px 0;display:grid}.bb-panel .summary dt{margin:0}.bb-panel .summary dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.bb-panel .record{color:var(--bb-accent);font-weight:700}.bb-panel .md{background:#ffffff0f;border-radius:6px;max-height:60vh;margin-bottom:14px;padding:8px;font-size:14px;overflow:auto}.bb-panel .md h1{font-size:20px}.bb-panel .md h2{font-size:16px}.bb-panel .md h3{font-size:15px}.bb-panel .md a{color:var(--bb-accent);overflow-wrap:anywhere}.bb-panel .md{overflow-wrap:anywhere}.bb-banner{background:var(--bb-ink);box-shadow:0 -4px 0 0 var(--bb-accent), 0 4px 0 0 var(--bb-accent), -4px 0 0 0 var(--bb-accent), 4px 0 0 0 var(--bb-accent), 4px 8px 0 0 #000;text-align:center;pointer-events:none;font-family:var(--bb-pixel);text-shadow:none;border:0;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 40px);padding:12px 16px;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.bb-banner .title{color:var(--bb-accent);font-size:14px;font-weight:400}.bb-banner .hint{color:#fff;font-size:8px}.bb-card.st-renforts{--bar:var(--bb-accent)}.bb-card.st-renforts .status:before{content:"» "}.bb-tools{right:calc(8px + env(safe-area-inset-right));top:calc(8px + env(safe-area-inset-top));pointer-events:auto;position:absolute}#touch-ui.visible~.bb-hud .bb-tools{right:calc(12px + env(safe-area-inset-right));top:calc(76px + env(safe-area-inset-top))}#touch-ui.visible~.bb-hud .bb-controls-btn{width:56px;min-height:56px;padding:0;font-size:0}#touch-ui.visible~.bb-hud .bb-controls-btn:before{content:"?";font-size:22px}.bb-controls-btn{font:inherit;border:2px solid var(--bb-fg);background:var(--bb-panel);min-height:44px;color:var(--bb-fg);cursor:pointer;border-radius:8px;padding:0 14px;font-weight:700}.bb-controls-btn:hover{filter:brightness(1.2)}.bb-controls-btn:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 5px #000}.bb-intro-veil{z-index:30;box-sizing:border-box;pointer-events:auto;cursor:pointer;background:#08060ec7;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.bb-intro{box-sizing:border-box;background:var(--bb-panel);border:2px solid var(--bb-accent);border-radius:10px;width:min(460px,100vw - 24px);padding:14px 16px}.bb-intro .title{color:var(--bb-accent);font-size:17px;display:block}.bb-intro .goal{margin:4px 0 8px}.bb-intro .keys{grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 10px;display:grid}.bb-intro .keys dt{font-weight:700}.bb-intro .keys dd{margin:0}.bb-intro .go{text-align:center;color:var(--bb-accent);margin:0;font-weight:700;animation:1.1s steps(2,end) infinite bb-intro-blink}@keyframes bb-intro-blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.bb-intro .go{animation:none}}.bb-prompt.bb-sr{clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#touch-ui [data-action=act].bb-act-ready{color:#fff7e0;border-color:#ffd166;font-size:11px;animation:.7s step-end infinite bb-act-pulse;box-shadow:0 0 0 3px #ffd1668c,0 0 14px 2px #ffd166b3}@keyframes bb-act-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 2px #fff6}}@media (prefers-reduced-motion:reduce){#touch-ui [data-action=act].bb-act-ready{animation:none}}.bb-alert.shake{animation:.24s steps(3,end) both bb-alert-in,.36s steps(6,end) .24s bb-alert-shake,.5s step-end .6s 6 bb-alert-flash}@keyframes bb-alert-shake{0%,to{transform:none}17%{transform:translate(-4px)}33%{transform:translate(4px)}50%{transform:translate(-3px)}67%{transform:translate(3px)}83%{transform:translate(-1px)}}.bb-edge .arrow{width:20px;height:20px}.bb-guide{--edge:#ffd166;background:var(--bb-ink);color:#fff;font:9px/1.5 var(--bb-pixel);text-shadow:none;white-space:nowrap;border:2px dashed var(--edge);align-items:center;gap:4px;padding:5px 7px;animation:1.2s step-end infinite bb-guide-pulse;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 2px #000}.bb-guide .arrow{width:16px;height:16px;color:var(--edge);justify-content:center;align-items:center;display:inline-flex}.bb-guide .ico{display:inline-flex}.bb-guide .txt{flex-direction:column;display:flex}.bb-guide .lbl{color:var(--edge);font-weight:400}@keyframes bb-guide-pulse{50%{border-style:solid}}.bb-glow{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #ff3b30d9,inset 0 0 48px 16px #ff3b308c}.bb-glow.on{animation:.7s steps(5,end) both bb-glow}@keyframes bb-glow{0%{opacity:1}40%{opacity:.8}to{opacity:0}}.bb-help{left:50%;bottom:calc(18% + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--bb-ink);color:#fff;max-width:calc(100vw - 32px);font:9px/1.6 var(--bb-pixel);text-shadow:none;text-align:center;border:2px solid var(--bb-accent);padding:8px 12px;position:absolute;transform:translate(-50%);box-shadow:3px 3px #000}@media (prefers-reduced-motion:reduce){.bb-alert.shake,.bb-edge,.bb-guide{animation:none}.bb-glow.on{opacity:.45;animation:none}}@media (width<=560px),(height<=520px){.bb-top{zoom:.82}.bb-alert,.bb-round,.bb-banner{zoom:.72}.bb-help,.bb-prompt{zoom:.85}.bb-alert{gap:8px;padding:6px 10px}.bb-alert .ico,.bb-alert .sub,.bb-alert .meta{display:none}.bb-alert .title{font-size:14px}.bb-alert .dir{flex-direction:row;padding-left:8px}.bb-edge,.bb-guide{transform:translate(-50%,-50%)scale(.75)}.bb-glow{box-shadow:inset 0 0 0 3px #ff3b30d9,inset 0 0 28px 8px #ff3b3080}}@media (width<=400px),(height<=400px){.bb-alert,.bb-round,.bb-banner{zoom:.66}}@media (height<=400px){.bb-top{zoom:.7}}@media (height<=520px){.bb-panel{padding-top:10px;padding-bottom:12px}.bb-panel h1{margin-bottom:6px;font-size:22px}.bb-overlay[data-panel=pause] .bb-panel{width:min(520px,100%)}.bb-overlay[data-panel=pause] .bb-panel .col{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bb-overlay[data-panel=pause] .bb-panel .col .primary{grid-column:1/-1}}