.battle-banner{max-width:570px;margin:32px auto 10px;text-align:center;background:radial-gradient(ellipse at bottom,#48175d99,transparent 72%);padding:8px 12px 20px}.battle-banner h2{font:900 clamp(30px,7vw,48px)/1 Arial,sans-serif!important;color:#c8ff72!important;letter-spacing:-1px;text-shadow:2px 3px #622885}.battle-banner p{font-size:15px!important;color:#e2c8ee!important}.battle-banner .primary{width:100%;justify-content:center;background:linear-gradient(120deg,#c10bfa,#7900c7)!important;border:1px solid #e17eff!important;color:#caff69!important;box-shadow:0 0 22px #a811f155!important;font-weight:900;font-size:18px!important;border-radius:28px!important;min-height:58px!important}.battle-monkeys{display:flex;align-items:center;justify-content:center;gap:6px;height:150px}.battle-monkeys i{width:150px;height:150px;background:url('/assets/zoo-heads-v1.png') 0 0/200% 200% no-repeat;filter:drop-shadow(0 5px 12px #b550db66);transform:rotate(-12deg)}.battle-monkeys i:last-child{transform:scaleX(-1) rotate(-12deg)}.battle-monkeys b{font:900 40px Arial;color:#dbff95;text-shadow:2px 3px #a637d6;z-index:1}.battle-game-entry{margin:36px auto;width:100%}.battle-heading{text-align:center;padding:30px 0 15px}.battle-heading h1{font:900 clamp(36px,8vw,62px)/1 Arial;margin:16px 0;color:#ccff77;text-shadow:2px 3px #702496}.battle-heading em{color:#c677ef;font-style:normal}.battle-heading p{color:#d8c0e0}.battle-mode{font-size:12px!important;line-height:1.5;color:#c9b3d1!important;max-width:520px;margin:12px auto}.battle-rules{padding:20px;border:1px solid #9b5abb;border-radius:18px;background:#271130}.battle-rules b{color:#caff7f}.battle-rules p{font-size:14px;line-height:1.6;color:#dbc9e3}#battle{max-width:760px;margin:auto;padding:22px 0 60px}#battle h2{color:#d5ffaf}#battleMessage{line-height:1.5;text-align:center;color:#c8ff86}.battle-list,.battle-members{display:grid;gap:10px}.battle-row{display:flex;align-items:center;gap:12px;padding:15px;background:#1b1022;border:1px solid #644174;border-radius:14px;text-align:left}.battle-row b{margin-left:auto;color:#cdff8d;font-size:12px}.battle-member{display:grid;grid-template-columns:38px 1fr auto;gap:6px 12px;align-items:center;padding:15px;background:#1b1022;border:1px solid #503259;border-radius:14px}.battle-member .player-avatar{grid-row:span 2}.battle-member strong{overflow-wrap:anywhere}.battle-member small{grid-column:2;color:#c9b8d0}.battle-member button{grid-column:3;grid-row:1/3;background:#ac3fda;color:#dcffa6;font-size:12px;padding:13px 15px;min-height:44px}.battle-search{display:flex;gap:8px;margin:14px 0}.battle-search input{min-width:0;flex:1;margin:0}.battle-arena{text-align:center;margin:20px 0;padding:30px 24px;border:1px solid #bf6ce6;border-radius:25px;background:radial-gradient(ellipse at top,#43204f,#0c0611 80%);box-shadow:0 0 35px #a525cf20}.battle-arena h2{font:900 clamp(25px,6vw,40px)/1.15 Arial;margin:22px 0}.battle-arena p{font-size:15px;line-height:1.7;color:#e6d1ee}.battle-arena>button{display:block;min-height:50px;margin:16px auto;padding:16px;max-width:450px;width:100%}.battle-arena>.primary{background:linear-gradient(120deg,#b8ff69,#61dc76);color:#122000;justify-content:center;font-weight:900}.battle-consent{display:block;margin:26px 0 12px;text-align:left;font-size:14px;line-height:1.6}.battle-consent input{margin:0 8px 0 0;width:20px;height:20px;vertical-align:middle}.battle-arena meter{margin:20px auto;width:180px;height:12px;display:block}.battle-arena button:disabled{opacity:.5;cursor:default}.battle-wait{padding:20px;border:1px solid #654775;border-radius:15px;background:#1d0e2b}.battle-result-kicker{font-weight:900;color:#cf80f0;letter-spacing:3px}.battle-result-art{height:150px;max-width:430px;margin:auto}.battle-completed h2{color:#dcffad!important;text-shadow:0 0 20px #b5ff4533}.battle-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.battle-score{display:flex;flex-direction:column;align-items:center;padding:20px 8px;background:#251330;border:1px solid #835d91;border-radius:20px;gap:12px;min-width:0}.battle-score strong{font-size:15px;overflow-wrap:anywhere;max-width:100%}.battle-score>b{font:900 clamp(36px,10vw,65px)/1 Arial;color:#e0c6e9}.battle-score>span:last-child{color:#d6b9e4;font-weight:900;font-size:14px}.battle-score.winner{border:2px solid #baff6c;background:linear-gradient(150deg,#394d18,#1c1027);box-shadow:0 0 26px #b5ff4520}.battle-score.winner>b,.battle-score.winner>span:last-child{color:#caff7f}.battle-score .player-avatar{width:46px;height:46px}.battle-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-result-actions .primary{justify-content:center;min-height:54px;padding:14px 10px;color:#d6ff8b;background:linear-gradient(120deg,#b02be1,#7900be);border:1px solid #c067e7;border-radius:24px;font-weight:900;font-size:15px}.battle-alert{position:fixed;right:14px;top:105px;z-index:12;border:1px solid #db87ff;border-radius:28px;background:#730ca3;color:#e5ffad;font-weight:900;padding:12px;font-size:12px;box-shadow:0 4px 22px #0009}.battle-alert[hidden]{display:none}.battle-animal{font-size:110px;margin:25px}.battle-clock{display:block;font-size:65px;color:#ceff91;margin:25px 0}.battle-recording{box-shadow:0 0 40px #ed32ce55}.battle-recording .battle-clock{color:#ff91ed}@media(max-width:600px){.battle-arena{padding:22px 14px}.battle-row{font-size:13px;padding:12px}.battle-row b{max-width:110px}.battle-alert{top:78px}.battle-monkeys{height:120px}.battle-monkeys i{width:120px;height:120px}.battle-monkeys b{font-size:32px}.battle-result-actions{gap:8px}}@media(prefers-reduced-motion:no-preference){.battle-win .battle-result-art{animation:battle-cheer 2s ease-in-out infinite}@keyframes battle-cheer{50%{transform:translateY(-6px)}}}
/* Exact approved illustrations, with accessible live UI above the artwork. */
.battle-image-launch{display:block;width:100%;padding:0!important;margin:14px auto!important;border:0!important;background:#000!important;border-radius:0!important;box-shadow:none!important;max-width:none!important;overflow:hidden;cursor:pointer}.battle-image-launch img{display:block;width:100%;height:auto}.battle-image-launch:hover{filter:brightness(1.08)}#roarWelcome .battle-image-launch{max-width:650px!important}#jeux .battle-image-launch{margin:18px 0!important}.battle-heading{display:none}.battle-result-wrap{padding:0;margin:10px auto;background:none;border:0}.battle-illustrated{position:relative;container-type:inline-size;width:100%;max-width:680px;margin:12px auto 20px;aspect-ratio:2/3;background:#000;overflow:hidden;border-radius:16px;color:#fff}.battle-illustrated>img{display:block;width:100%;height:100%;object-fit:contain}.battle-slot{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;padding:0;margin:0;overflow:hidden;font-family:Arial,sans-serif;font-weight:900;word-break:normal;overflow-wrap:anywhere}.battle-art-title{top:5.9%;left:31%;width:42%;height:12.7%;background:linear-gradient(160deg,#071509,#051107 55%,#140619);color:#b7ff45;white-space:pre-line;font-size:8cqw;text-shadow:2px 3px #66258c;border-radius:10px;transform:rotate(-2deg)}.battle-art-subtitle{left:32%;top:18.7%;width:38%;height:3.8%;background:linear-gradient(#684207,#3b2708);color:#fff8d6;font-size:2.7cqw;transform:rotate(-2deg);border-radius:6px}.battle-art-name{top:35.6%;height:4.4%;border:2px solid #86ff47;background:#020703;color:white;border-radius:2.2cqw;font-style:italic;font-size:3.2cqw;padding:0 6px}.battle-art-name.left{left:3.1%;width:32.1%}.battle-art-name.right{left:66.8%;width:29.5%;border-color:#d025ff}.battle-art-percent{top:40.5%;height:5.7%;background:#020703;font-size:8cqw;color:#a5ff32;letter-spacing:-.2cqw}.battle-art-percent.left{left:8.5%;width:23.5%}.battle-art-percent.right{left:69.5%;width:23.5%;color:#d820ff}.battle-art-audio{top:46.5%;height:5.9%;border:0!important;background:transparent!important;border-radius:5cqw;cursor:pointer;min-height:26px}.battle-art-audio.left{left:4.5%;width:30.5%}.battle-art-audio.right{left:66.5%;width:30%}.battle-art-audio:disabled{cursor:default}.battle-art-audio:disabled:after{content:'CRI ATTENDU';display:grid;place-items:center;position:absolute;inset:2px;background:#071009ee;color:#b5c1b0;border-radius:5cqw;font-size:2cqw}.battle-art-audio.right:disabled:after{background:#15081cee}.battle-art-points{top:53.8%;height:5.7%;background:#071106;border:2px solid #adff2a;color:#b7ff34;font-size:4.1cqw;border-radius:2cqw;font-style:italic}.battle-art-points.left{left:6.2%;width:29%}.battle-art-points.right{left:68.2%;width:27.3%;border-color:#ff4c94;color:#ff5399;background:#100610}.battle-art-chest{left:43%;top:57.1%;width:15.8%;height:3.2%;background:#4b2a07;color:#fff766;font-size:2.8cqw;font-style:italic;transform:rotate(-1deg)}.battle-art-summary{top:65.2%;left:22.5%;width:65%;height:9%;background:linear-gradient(120deg,#040a03,#010301 70%,#0c0913);flex-direction:column;gap:1.8cqw;color:#b8ff65;padding:1cqw}.battle-art-summary strong{font-size:3.4cqw;line-height:1.05;font-style:italic;max-width:100%;overflow-wrap:anywhere}.battle-art-summary small{font-size:1.9cqw;color:white;line-height:1.2}.battle-art-action{top:77.1%;height:9.1%;border:2px solid #c0ff70;box-shadow:0 0 15px #89ff3244;border-radius:5cqw;flex-direction:column;gap:1cqw;font-size:3.7cqw;line-height:1.1;padding:1cqw;cursor:pointer;min-height:44px}.battle-art-action small{display:block;font-size:1.9cqw;line-height:1.1;max-width:100%;overflow-wrap:anywhere}.battle-art-revenge{left:7.2%;width:41.1%;color:#061404;background:linear-gradient(145deg,#d1ff47,#6dff25 65%,#17ed58)}.battle-art-share{left:52%;width:40.9%;border-color:#ec76ff;background:linear-gradient(140deg,#d930fa,#9900dc 65%,#580086);color:white;box-shadow:0 0 15px #b20afa55}.battle-art-back{left:33%;top:88.7%;height:5.8%;width:37%;border:2px solid #626370;border-radius:4cqw;background:#060608;color:#eee;font-size:2.2cqw;min-height:32px;cursor:pointer}.battle-art-action:hover,.battle-art-back:hover{filter:brightness(1.12)}.battle-art-action:focus-visible,.battle-art-audio:focus-visible,.battle-art-back:focus-visible{outline:3px solid white;outline-offset:3px}.battle-art-action:disabled{opacity:.65}.battle-art-audio:focus-visible{background:#0005!important}.battle-illustrated .battle-art-audio:not(:disabled):hover{box-shadow:0 0 15px #b4ff55}.battle-consent{scroll-margin-top:20px}#battleMemberSearch,#battleControls,#battleList{scroll-margin-top:22px}@media(max-width:480px){#battle{padding-top:6px}.battle-illustrated{border-radius:8px;width:calc(100% + 24px);max-width:none;margin-left:-12px}.battle-art-name{border-width:1px}.battle-art-action{border-width:1px}.battle-art-summary strong{font-size:3.5cqw}.battle-art-back{font-size:2.5cqw}}
.battle-member{cursor:pointer;transition:border-color .15s,box-shadow .15s}.battle-member:hover{border-color:#a976d1}.battle-member.is-selected{border:2px solid #b5ff45;background:linear-gradient(125deg,#253a14,#251032);box-shadow:0 0 18px #b5ff452b}.battle-member.is-selected .primary{background:#b5ff45;color:#132007}.battle-invite-confirmation{padding:20px;margin:18px 0;border:1px solid #b5ff45;border-radius:18px;background:#1a2512}.battle-invite-confirmation>strong{color:#d4ff9f;overflow-wrap:anywhere}.battle-invite-confirmation p{font-size:14px;line-height:1.6;color:#d4c9db}.battle-invite-confirmation button{min-height:48px;margin:8px 8px 0 0}.battle-invite-confirmation .primary{justify-content:center;background:#b5ff45;color:#17200d}.battle-member .primary{min-width:100px}

/* Display the approved black-contour illustration without its phone chrome. */
.battle-illustrated{aspect-ratio:852/1280;border-radius:0;overflow:hidden;background:#000}
.battle-illustrated>img{position:absolute;left:0;top:-14.84375%;width:100%;height:auto;max-width:none;object-fit:initial;pointer-events:none}
.battle-art-title{left:30%;top:7%;width:41.5%;height:11.9%;font-size:7.2cqw}
.battle-art-subtitle{left:34%;top:20%;width:35%;height:3.5%}
.battle-art-name{top:38.5%;height:4.6%}
.battle-art-name.left{left:4.4%;width:31.5%}.battle-art-name.right{left:65.3%;width:30%}
.battle-art-percent{top:43.6%;height:6%;font-size:8cqw}.battle-art-percent.left{left:10%;width:23%}.battle-art-percent.right{left:71%;width:23%}
.battle-art-audio{top:49.5%;height:5.6%}.battle-art-audio.left{left:5.1%;width:31%}.battle-art-audio.right{left:65%;width:30%}
.battle-art-points{top:56.5%;height:5.8%}.battle-art-points.left{left:6.5%;width:29%}.battle-art-points.right{left:68%;width:27.5%}
.battle-art-chest{left:43.5%;top:60%;width:15.5%;height:3.5%}
.battle-art-summary{left:26%;top:68%;width:61%;height:7.5%}
.battle-art-action{top:78.9%;height:9.6%;font-size:3.3cqw}.battle-art-revenge{left:5%;width:45%}.battle-art-share{left:52.5%;width:42.3%}
.battle-art-back{left:30.5%;top:91%;width:39%;height:5.8%}

/* Readable live content below a cropped jungle header. */
.battle-illustrated{aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:0 12px 18px;overflow:visible;container-type:inline-size}
.battle-art-hero{grid-column:1/-1;position:relative;aspect-ratio:1/.57;overflow:hidden;margin:0 -12px;background:#000}
.battle-art-hero>img{position:absolute;top:-39.06%;left:0;width:100%;height:auto;max-width:none;pointer-events:none}
.battle-illustrated .battle-slot{position:static;transform:none;width:auto;height:auto;min-width:0;overflow:visible;padding:12px 8px;font-size:clamp(18px,4.8cqw,28px);line-height:1.25;letter-spacing:normal;overflow-wrap:anywhere}
.battle-art-hero .battle-art-title{position:absolute;left:30%;top:18.4%;width:41.5%;height:31.3%;padding:0;font-size:7.2cqw;line-height:1.08;transform:rotate(-2deg);overflow:hidden}
.battle-art-hero .battle-art-subtitle{position:absolute;left:34%;top:52.6%;width:35%;height:9.2%;padding:0;font-size:2.7cqw;transform:rotate(-2deg);overflow:hidden}
.battle-illustrated .battle-art-name{grid-row:2;border-width:2px;border-radius:14px;min-height:64px;font-style:normal;background:#10180c;color:#fff}
.battle-illustrated .battle-art-name.right{background:#1d0b26}
.battle-illustrated .battle-art-percent{grid-row:3;background:#10180c;border-radius:12px;font-size:clamp(20px,6cqw,40px)}
.battle-illustrated .battle-art-percent.right{background:#1d0b26;color:#ec94ff}
.battle-illustrated .left{grid-column:1}.battle-illustrated .right{grid-column:2}
.battle-illustrated .battle-art-points{grid-row:4;border-radius:12px;font-style:normal;font-size:clamp(20px,5.5cqw,32px)}
.battle-illustrated .battle-art-audio{grid-row:5;background:#1b1422!important;border:1px solid #785c89!important;border-radius:12px;min-height:48px;font-size:18px;color:#fff}
.battle-illustrated .battle-art-audio:disabled:after{content:none}
.battle-illustrated .battle-art-chest{grid-column:1/-1;background:#17130a;color:#fff399;border-radius:12px;font-size:clamp(18px,4.6cqw,26px);font-style:normal}
.battle-illustrated .battle-art-summary{grid-column:1/-1;background:#111018;border:1px solid #9d58c5;border-radius:16px;min-height:74px;padding:18px 12px}
.battle-illustrated .battle-art-summary strong{font-size:clamp(22px,5.5cqw,32px);line-height:1.3;font-style:normal}
.battle-illustrated .battle-art-action{grid-column:1/-1;min-height:64px;border-radius:18px;font-size:clamp(20px,5cqw,28px);padding:16px;gap:0}
.battle-illustrated .battle-art-action strong{font:inherit}
.battle-illustrated .battle-art-back{grid-column:1/-1;min-height:52px;font-size:18px;border-radius:16px}
@media(max-width:480px){.battle-illustrated{width:100%;margin-left:0;gap:10px;padding:0 0 16px}.battle-art-hero{margin:0}.battle-illustrated .battle-art-name{font-size:18px}.battle-illustrated .battle-art-chest{font-size:18px}}