:root{color-scheme:dark;--ink:#f5f7fb;--muted:#a7b7c7;--panel:#13283d;--line:#2d4b67;--gold:#f5bd4e;--green:#39ce7d;--red:#ff7777;--blue:#2788dd}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1d405e,#08131f 58%);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.hero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}h1{margin:0;font-size:clamp(2.4rem,7vw,5rem);letter-spacing:.08em}.hero p{margin:0;color:var(--muted)}.engine-version{text-align:center;font-size:.85rem}.eyebrow,.step{color:var(--gold);font-size:.72rem;letter-spacing:.2em;font-weight:900}.pill{justify-self:end;border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:var(--muted)}.pill.online{color:var(--green);border-color:var(--green)}.pill.paused{color:var(--gold);border-color:var(--gold);background:#2d2109;box-shadow:0 0 18px #f5bd4e22}main{width:min(1120px,94vw);margin:28px auto}.maintenance-banner{margin:0 0 14px;padding:13px 16px;border:2px solid var(--gold);border-radius:10px;background:linear-gradient(180deg,#3a2a12,#211707);color:#ffe3a1;font-weight:900;text-align:center;box-shadow:0 0 18px #f5bd4e2e}.maintenance-banner[hidden]{display:none}.screen,.panel,.table,.hand-zone,.audit-zone{background:#13283deb;border:1px solid var(--line);border-radius:18px;padding:24px}.screen.narrow{max-width:680px;margin:auto}.screen-title,.game-status,.audit-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.game-actions{display:flex;gap:8px}.lead,.empty{color:var(--muted)}form{display:grid;gap:15px}label{display:grid;gap:7px;color:var(--muted);font-size:.85rem}input,select{width:100%;border:1px solid var(--line);background:#091725;color:var(--ink);border-radius:10px;padding:12px;font:inherit}.primary,.secondary{border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer}.primary{border:0;background:var(--gold);color:#181207}.secondary{border:1px solid var(--line);background:#102237;color:var(--ink)}#auto-action.active{border-color:var(--green);color:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}.special-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:8px 0;padding:10px 14px;border:2px solid var(--gold);border-radius:12px;background:#30250c}.special-banner[hidden]{display:none}.special-banner strong,.special-banner span{display:block}.special-banner strong{color:var(--gold);font-size:1.15rem}.special-banner span{font-size:.76rem;margin-top:2px}.browser-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:18px}.lobby-list{display:grid;gap:10px}.lobby-row,.member{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#0c1c2c;border:1px solid var(--line);border-radius:12px;padding:12px}.lobby-row span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.members,.game-players{display:grid;gap:9px;margin:10px 0}.game-players{grid-template-columns:repeat(4,minmax(0,1fr))}.player-dashboard{background:#0c1c2c;border:1px solid var(--line);border-radius:12px;padding:8px}.player-dashboard.viewer{border-color:var(--gold)}.player-dashboard.eliminated{opacity:.55}.player-heading{display:flex;justify-content:space-between;gap:5px;font-size:.75rem}.player-heading span{color:var(--muted)}.player-heading .gain{color:var(--green)}.player-heading .loss{color:var(--red)}.player-piles{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:7px}.player-piles>div{text-align:center}.player-piles small{font-size:.56rem;color:var(--muted)}.mini-pile{height:34px;position:relative;margin:auto;width:30px}.mini-pile i{position:absolute;width:20px;height:27px;left:calc(2px + var(--offset)*1px);top:calc(4px - var(--offset)*1px);border:1px solid #c59638;border-radius:3px;background:#284b6b}.mini-pile b{position:absolute;inset:8px 0 auto 0;z-index:7;font-size:.7rem;color:white}.actions{display:flex;gap:10px}.account-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.account-links button{font-size:.82rem;padding:9px 12px}.play-grid{display:grid;grid-template-columns:1fr;gap:8px}.table,.hand-zone,.audit-zone{margin-top:7px}.cards{min-height:112px;display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}.card{position:relative;width:82px;height:106px;border:2px solid #d9b862;border-radius:11px;background:linear-gradient(145deg,#fff8df,#d8bf84);color:#17202b;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px}.card em{position:absolute;top:5px;left:7px;font-size:1.1rem;font-style:normal}.card.suit-clubs{border-color:#178447}.card.suit-clubs em,.card.suit-clubs strong{color:#178447}.card.suit-spades{border-color:#080b10}.card.suit-spades em,.card.suit-spades strong{color:#080b10}.card.suit-hearts{border-color:#cf2838}.card.suit-hearts em,.card.suit-hearts strong{color:#cf2838}.card.suit-diamonds{border-color:var(--blue)}.card.suit-diamonds em,.card.suit-diamonds strong{color:var(--blue)}.card strong{font-size:1.45rem}.card span{font-size:.6rem}.card:not(:disabled){cursor:pointer;transition:.15s}.card:not(:disabled):hover{transform:translateY(-6px)}.card-back{border-color:#5da7d6;background:repeating-linear-gradient(45deg,#173e60,#173e60 6px,#245a82 6px,#245a82 12px);color:white;box-shadow:inset 0 0 0 4px #d4e5ef}.card-back strong{color:white;border:2px solid white;border-radius:50%;padding:5px 8px}.audit-title .valid{color:var(--green)}.audit-group{border-top:1px solid var(--line);margin-top:18px}.audit-group h4{color:var(--gold)}.audit-cards{justify-content:flex-start;min-height:0}.audit-card{width:72px;height:96px;padding:7px;opacity:1!important}.audit-card strong{font-size:1.2rem}.audit-card span,.audit-card small{font-size:.52rem;text-align:center}.notice{min-height:18px;text-align:center;color:var(--green);margin:3px}.notice.error{color:var(--red)}footer{text-align:center;color:var(--muted);font-size:.7rem;padding:7px}body.game-mode .hero{padding:6px 2vw}body.game-mode .hero h1{font-size:1.35rem}body.game-mode .hero .eyebrow,body.game-mode .hero p{display:none}body.game-mode main{width:98vw;max-width:1500px;margin:5px auto}body.game-mode #game-screen{padding:8px}body.game-mode .game-status h2{font-size:.95rem;margin:1px 0}body.game-mode .game-status{font-size:.74rem}body.game-mode .table,body.game-mode .hand-zone{padding:8px}body.game-mode .table h3,body.game-mode .hand-zone h3{font-size:.78rem;margin:0 0 3px}@media(max-width:900px){.game-players{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr auto}.engine-version{display:none}}@media(max-width:760px){.browser-grid{grid-template-columns:1fr}.screen-title,.game-status,.audit-title{align-items:flex-start}.game-status{flex-direction:column}.actions,.game-actions{flex-direction:column}}.brand-logo{width:150px;height:76px;object-fit:contain;object-position:left center}.top-controls{justify-self:end;display:flex;align-items:center;gap:10px}.top-controls label,.game-actions label{display:flex;align-items:center;gap:7px;white-space:nowrap}.top-controls select,.game-actions select{padding:8px;width:auto}.danger{border:1px solid var(--red);background:#38161c;color:#ffd9dd;border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer}.statistics-zone{margin-top:7px;background:#13283deb;border:1px solid var(--line);border-radius:18px;padding:16px}.statistics-zone h3{margin:5px 0 10px}.statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.statistics>div{background:#0c1c2c;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}.statistics strong,.statistics span{display:block}.statistics strong{font-size:1.2rem;color:var(--gold)}.statistics span{font-size:.7rem;color:var(--muted);margin-top:3px}.hand-instruction{min-height:18px;margin:0 0 5px;text-align:center;color:var(--gold);font-size:.76rem;font-weight:700}.card{justify-content:center}.card:disabled{opacity:1}.card-corner{position:absolute;top:5px;left:7px!important;display:grid;justify-items:center;line-height:1}.card-corner b{font-size:1rem}.card-corner em{position:static!important;font-size:1rem!important}.card>strong{font-size:1.7rem}.card.card-themed{padding:0;overflow:hidden;background:#050505!important;box-shadow:none!important}.card.card-themed>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;border-radius:7px!important;pointer-events:none}.card.card-themed-loading{background:linear-gradient(145deg,#10283d,#081725)!important;box-shadow:inset 0 0 0 1px #d49a2266!important}.card.card-themed-loading::after{content:"";width:18px;height:18px;border:2px solid #d49a2244;border-top-color:#f2bd4f;border-radius:50%;animation:themeCardLoading .7s linear infinite}@keyframes themeCardLoading{to{transform:rotate(360deg)}}.card-back{padding:0;overflow:hidden;background:#090603;box-shadow:inset 0 0 0 2px #d49a22}.card-back>img{width:100%;height:100%;object-fit:cover}.card-back .revealed-debug{position:absolute;inset:-2px;width:82px;height:106px}.battle-lane{display:grid;gap:3px;justify-items:center;min-width:120px}.battle-lane>small{color:var(--muted)}.battle-stack{position:relative;width:calc(82px + (var(--layers) - 1)*30px);height:112px}.battle-layer{position:absolute;left:calc(var(--layer)*30px);top:2px;filter:drop-shadow(0 4px 4px #0008);opacity:1}.battle-layer:hover{z-index:50!important;transform:translateY(-3px)}.special-banner{display:flex!important;min-height:68px}.special-banner[hidden]{display:flex!important}body.game-mode .brand-logo{width:92px;height:46px}@media(max-width:760px){.top-controls{flex-wrap:wrap;justify-content:flex-end}.top-controls .pill{display:none}.brand-logo{width:110px}.statistics{grid-template-columns:repeat(2,1fr)}}.brand-controls{display:flex;align-items:center;gap:18px;min-width:0}.brand-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);font-size:.78rem}.brand-controls select{width:auto;padding:8px}.motor-state{position:relative;padding-left:30px!important;background:#092117;box-shadow:0 0 18px #39ce7d22}.motor-state::before{content:"";position:absolute;left:12px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);transform:translateY(-50%)}.motor-state:not(.online){background:#2b1114;color:var(--red);border-color:var(--red)}.motor-state:not(.online)::before{background:var(--red);box-shadow:0 0 9px var(--red)}.game-band{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(360px,2fr) auto;align-items:stretch;border:2px solid var(--gold);border-radius:14px;overflow:hidden;background:#30250c;margin-bottom:7px}.game-state-zone{padding:11px 14px;display:flex;flex-direction:column;justify-content:center}.game-state-zone h2{margin:3px 0 0;font-size:1rem}.game-band .special-banner{margin:0;border:0;border-left:1px solid #a77b22;border-right:1px solid #a77b22;border-radius:0;background:#30250c;padding:10px 14px}.game-band .game-actions{padding:9px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.timer-display{margin-top:5px;color:var(--green);font-size:1.15rem;letter-spacing:.08em}.timer-display.urgent{color:var(--red)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body.game-mode .hero{grid-template-columns:minmax(360px,1fr) auto minmax(340px,1fr)}body.game-mode .brand-controls{gap:10px}@media(max-width:1000px){.engine-version{font-size:.72rem}.game-band{grid-template-columns:170px 1fr auto}}@media(max-width:760px){.hero{grid-template-columns:1fr}.brand-controls{justify-content:space-between}.top-controls{justify-self:stretch;justify-content:space-between}.game-band{grid-template-columns:1fr}.game-band .special-banner{border:0;border-top:1px solid #a77b22;border-bottom:1px solid #a77b22}.game-band .game-actions{justify-content:stretch}.game-band .game-actions button{flex:1}}body.identity-mode .play-mode-control{display:none}.player-identity{display:flex;align-items:center;gap:7px}.leave-test{border:1px solid var(--red);border-radius:6px;background:#35161c;color:#ffd9dd;padding:3px 7px;font-size:.62rem;font-weight:800;cursor:pointer}.stop-application{border:1px solid var(--red);border-radius:10px;background:#38161c;color:#ffd9dd;padding:12px 14px;font-weight:800;cursor:pointer}.hand-zone{position:relative;border-radius:12px!important;transition:border-color .18s,box-shadow .18s,background .18s}.hand-zone-header{display:grid;grid-template-columns:minmax(320px,1fr) minmax(178px,auto);gap:7px;align-items:start;margin-bottom:4px}.hand-zone-header h3{margin:0 0 3px!important}.hand-status-card{display:grid;grid-template-columns:auto auto;grid-template-areas:"label state" "detail controls";align-items:center;gap:2px 6px;min-width:178px;max-width:236px;min-height:0;padding:5px 6px;border:1px solid #355a78;border-radius:7px;background:linear-gradient(180deg,#102237,#0a1725);box-shadow:inset 0 0 8px #0005}.hand-status-card[hidden]{display:none!important}.hand-status-card span{grid-area:label;color:var(--muted);font-size:.47rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hand-status-card strong{grid-area:state;margin:0;color:#d8e5ff;font-size:.74rem;letter-spacing:.07em;text-align:right;text-transform:uppercase}.hand-status-card small{grid-area:detail;color:#d8e5ff;font-size:.58rem;font-weight:900;line-height:1.12;white-space:normal}.hand-status-card.ghost{border-color:#83b7ff;background:linear-gradient(180deg,#143a66,#071a2e);box-shadow:0 0 10px #83b7ff26,inset 0 0 8px #83b7ff22}.hand-status-card.ghost strong{color:#dcecff}.hand-status-card.degraded{border-color:#ff9b45;background:linear-gradient(180deg,#4a280d,#160c05);box-shadow:0 0 16px #ff9b453f,inset 0 0 11px #ff9b452e}.hand-status-card.degraded strong{color:#ffd0a1;font-size:.82rem}.hand-status-card.degraded small{color:#ffe2c6;font-size:.64rem}.hand-zone.hand-ghost{border-color:#83b7ff!important;background:linear-gradient(180deg,#123456eb,#0b1f34eb)!important;box-shadow:0 0 18px #83b7ff22}.hand-zone.hand-degraded{border-color:#ff9b45!important;background:linear-gradient(180deg,#2d1c10eb,#111a25eb)!important;box-shadow:0 0 20px #ff9b4533}.hand-layout{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(330px,1.4fr) minmax(190px,1fr);gap:12px;align-items:center;min-height:106px}.personal-pile{min-width:0;max-width:100%;text-align:center;overflow:hidden}.personal-pile>small{display:block;color:var(--muted);margin-bottom:4px}.deck-fan,.won-fan{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(12px,22px);align-items:center;justify-content:center;min-height:100px;max-width:100%;padding-right:60px;overflow:hidden}.fan-layer{position:relative;width:22px;height:100px}.fan-layer:last-of-type{width:82px}.fan-layer>.card{position:absolute;left:0;top:0}.deck-fan{justify-content:center;padding-right:0}.deck-count{position:absolute;right:8px;bottom:8px;z-index:20;min-width:30px;padding:5px 7px;border-radius:999px;background:var(--gold);color:#181207;font-size:.75rem;box-shadow:0 2px 8px #0008}.won-fan{justify-content:end}.deck-fan:empty,.won-fan:empty{color:var(--muted);font-size:.7rem}.hand-layout>.hand{min-width:0;width:100%;justify-self:center;position:relative;z-index:2}@media(max-width:900px){.hand-zone-header{grid-template-columns:1fr}.hand-layout{grid-template-columns:1fr}.deck-fan,.won-fan{max-width:500px;margin:auto}}.card-back{border:2px solid #e1aa2a!important;box-shadow:inset 0 0 0 2px #5f4208,0 0 5px #e1aa2a77!important}.game-band{grid-template-columns:minmax(220px,.8fr) minmax(420px,2.4fr) minmax(250px,auto)}.game-state-zone{padding:6px 14px;gap:2px}.game-band .special-banner{min-height:0;padding:6px 14px}.game-band .special-banner h2{margin:0 0 2px;font-size:.86rem}.game-band .special-banner strong{font-size:1rem}.game-band .special-banner span{font-size:.68rem}.game-band .game-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:5px 8px;gap:4px}.game-action-buttons{display:flex;justify-content:flex-end;gap:7px}.game-action-buttons button{padding:9px 13px}.timer-display{margin:0 0 1px 8px;line-height:1;color:var(--gold);font-size:1rem}.match-progress{display:block;margin-bottom:2px;color:#d7c49a;font-size:.59rem;font-weight:700}.battle-lane{min-width:292px;justify-items:start}.battle-lane>small{width:100%;text-align:center}.battle-stack{width:292px!important}.battle-layer{left:calc(var(--layer)*34px)}.battle-best{z-index:80!important;animation:batayoWinner 700ms ease-in-out 2}.battle-best::after{content:"GAGNE";position:absolute;left:5px;right:5px;bottom:-20px;padding:3px;border-radius:5px;background:linear-gradient(180deg,#f2f6fb,#9ca8b4);color:#101720;text-align:center;font-size:.5rem;font-weight:900;letter-spacing:.05em}@keyframes batayoWinner{50%{transform:translateY(-10px) scale(1.06);filter:drop-shadow(0 0 12px #d7e0ea)}}.out-of-play-table{margin:4px 0 7px;padding:5px 8px;border:1px solid var(--line);border-radius:10px;background:#0c1c2c}.out-of-play-table h4{margin:0 0 4px;color:var(--gold);font-size:.62rem}.out-of-play-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.out-of-play-player{min-width:0;border-top:1px solid #29465e;padding-top:3px}.out-of-play-player>strong{display:block;margin-bottom:3px;color:var(--muted);font-size:.52rem}.out-of-play-player-cards{display:flex;gap:2px;overflow-x:auto;min-height:54px}.out-of-play-entry{display:block;flex:0 0 auto}.out-of-play-entry .card{width:40px;height:54px;padding:2px;border-radius:6px}.out-of-play-entry .card>strong{font-size:.8rem}.out-of-play-entry .card-corner{top:2px;left:3px!important}.out-of-play-entry .card-corner b,.out-of-play-entry .card-corner em{font-size:.52rem!important}.card-origin{position:absolute;left:2px;right:2px;bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px;border-radius:2px;background:#102237dd;color:#fff!important;font-size:.38rem!important;text-align:center}.manche-score{padding:2px 6px;border-radius:999px;background:#2e240d;color:var(--gold);font-size:.58rem;white-space:nowrap}#game-card-configuration,#match-score{margin-top:2px;color:var(--muted);font-size:.6rem}@media(max-width:1000px){.game-band{grid-template-columns:180px 1fr auto}.out-of-play-cards{grid-template-columns:repeat(2,1fr)}.battle-lane{min-width:250px}.battle-stack{width:250px!important}}#table-cards{justify-content:center;gap:32px}.battle-lane{min-width:0!important;justify-items:start}.battle-lane>small{text-align:center}.battle-stack{width:calc(82px + (var(--layers) - 1)*34px)!important}.out-of-play-table{display:none!important}.dashboard-out-fan{position:relative;width:44px;height:34px;margin:auto}.dashboard-out-fan>span{position:absolute;left:calc(var(--out-index)*5px);top:1px}.dashboard-out-fan>b{position:absolute;inset:10px 0 auto;color:var(--muted);font-size:.7rem}.dashboard-out-card{width:24px!important;height:32px!important;min-height:0!important;padding:1px!important;border-width:1px!important;border-radius:3px!important;box-shadow:0 1px 2px #0008}.dashboard-out-card>strong{font-size:.58rem!important}.dashboard-out-card .card-corner{top:1px!important;left:2px!important}.dashboard-out-card .card-corner b,.dashboard-out-card .card-corner em{font-size:.36rem!important}.manche-score{border:1px solid #9b731f;background:linear-gradient(180deg,#47360f,#241c09);color:#ffd76d;font-size:.64rem;box-shadow:inset 0 0 5px #f5bd4e22}.match-progress{color:#ead9ad;font-size:.64rem;letter-spacing:.015em}.table-arena{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#173451 0,#10263c 45%,#08131f 100%);box-shadow:inset 0 0 0 1px #f5bd4e33,inset 0 0 80px #0008}.table-arena::before{content:"";position:absolute;inset:18px 42px;border:2px solid #f5bd4e30;border-radius:50%;box-shadow:inset 0 0 30px #f5bd4e12;pointer-events:none}.arena-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 4px}.arena-header h3{margin:0!important;color:#ffe19a;font-size:.88rem!important;letter-spacing:.08em;text-transform:uppercase}.arena-header small{max-width:70%;padding:4px 9px;border:1px solid #7b5d20;border-radius:999px;background:#110d08;color:#f2e7c8;font-size:.68rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#table-cards{position:relative;z-index:1;align-items:flex-start;min-height:142px;padding:6px 10px 22px}.match-final-arena{display:grid;gap:8px;width:min(680px,92%);margin:10px auto;padding:18px 22px;border:1px solid #f5bd4e88;border-radius:12px;background:linear-gradient(180deg,#3b2b08dd,#120d06ee);box-shadow:0 0 22px #f5bd4e33;text-align:center}.match-final-arena span{color:#ffd76d;font-size:.72rem;font-weight:1000;letter-spacing:.22em}.match-final-arena strong{color:#fff2c2;font-size:1.35rem;letter-spacing:.04em}.match-final-arena p{margin:0;color:#fff;line-height:1.35;font-weight:800}.match-final-arena small{color:#d8e5ff;font-weight:900}.battle-lane{gap:0!important}.battle-lane>small,.normal-card-lane>small{position:relative;z-index:100;display:block;width:100%;margin:0 0 1px;text-align:center;color:#bcd8f0;font-size:.7rem}.battle-stack{top:-8px}.normal-card-lane{display:grid;justify-items:center;gap:1px}.normal-card-lane>.card{margin-top:-8px}.battle-best::after{content:"GAGNE"!important}.hand-layout{grid-template-columns:minmax(180px,1fr) minmax(360px,auto) minmax(180px,1fr)}.hand-layout>.hand{width:auto!important;min-width:360px;justify-content:center!important}.match-progress{display:block;width:max-content;max-width:100%;margin:0 0 3px;padding:3px 8px;border-left:3px solid var(--gold);border-radius:3px;background:#18150e;color:#f2e7c8;font-size:.7rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#match-score{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:5px!important;padding:5px 9px;border:1px solid #9b731f;border-radius:999px;background:linear-gradient(180deg,#4a3711,#181207);color:#ffd76d!important;font-size:.78rem!important;font-weight:1000;letter-spacing:.04em}.timer-display{align-self:flex-start;min-width:88px;margin:0 0 3px;padding:5px 10px;border:1px solid var(--gold);border-radius:8px;background:linear-gradient(180deg,#211a09,#100d07);color:#ffd465;font-size:1.2rem;font-weight:900;text-align:center;letter-spacing:.12em;box-shadow:inset 0 0 8px #f5bd4e22,0 0 7px #0008}.timer-display.urgent{border-color:var(--red);color:var(--red);background:#291113}.sudden-death-banner{background:linear-gradient(90deg,#361314,#30250c,#361314)!important;box-shadow:inset 0 0 18px #ff777733}.sudden-death-banner strong{color:#ffde7a!important}@media(max-width:900px){.hand-layout>.hand{min-width:0}.arena-header{display:grid}.arena-header small{max-width:100%}}.screen-actions{display:flex;align-items:center;gap:10px}.exit-game{border-color:#6c89a5;background:#0e2234}.ghost-controls{grid-area:controls;display:flex;align-items:center;justify-content:flex-end;gap:4px}.ghost-controls select{width:auto;min-width:54px;padding:4px 5px;border-radius:6px;font-size:.62rem}.ghost-controls button{padding:5px 7px;border-radius:6px;font-size:.62rem;white-space:nowrap}.ghost-mode{border-color:#83b7ff;color:#dcecff}.resume-hand{border-color:var(--green);color:var(--green)}.presence-chip{display:inline-flex;align-items:center;min-height:17px;padding:2px 6px;border-radius:999px;font-size:.5rem;font-weight:1000;letter-spacing:.08em}.presence-chip-ghost{border:1px solid #83b7ff;background:#102f52;color:#dcecff}.presence-chip-degraded{border:1px solid #d98742;background:#3a2110;color:#ffdfbd}.player-dashboard{position:relative;overflow:hidden;padding-bottom:8px}.player-dashboard.round-winner{border-color:#d7e0ea!important;background:linear-gradient(180deg,#26313d,#0c1c2c 68%);box-shadow:0 0 14px #d7e0ea55,inset 0 0 14px #d7e0ea22}.player-dashboard.match-winner{border-color:var(--gold)!important;background:linear-gradient(180deg,#2d240c,#0c1c2c 68%);box-shadow:0 0 24px #f5bd4e88,inset 0 0 18px #f5bd4e33}.player-dashboard.match-loser{border-color:#6f2b35!important;background:linear-gradient(180deg,#2b1115,#0c1c2c 70%)}.player-dashboard.presence-ghost{border-color:#83b7ff;background:linear-gradient(180deg,#102f52,#0c1c2c 70%)}.player-dashboard.presence-degraded{border-color:#b45f2a;background:linear-gradient(180deg,#3a2110,#0c1c2c 70%)}.player-state-badge{margin:7px 0 0;padding:4px 7px;border:1px solid var(--gold);border-radius:7px;background:linear-gradient(180deg,#f5d36d,#b98214);color:#171006;text-align:center;font-size:.67rem;font-weight:1000;letter-spacing:.08em;animation:winnerPulse 820ms ease-in-out 2}.active-turn-badge{border-color:#6c89a5;background:linear-gradient(180deg,#17334f,#0b1a2a);color:#d8e5ff;animation:none}.round-winner-badge{border-color:#d7e0ea;background:linear-gradient(180deg,#f2f6fb,#9ca8b4);color:#101720;box-shadow:inset 0 0 7px #fff8}.ghost-badge{border-color:#83b7ff;background:linear-gradient(180deg,#dcecff,#73a7eb);color:#06152a;animation:none}.degraded-badge{border-color:#d98742;background:linear-gradient(180deg,#d98742,#73330f);color:#fff3de;animation:none}.eliminated-badge,.lost-badge{border-color:var(--red);background:linear-gradient(180deg,#6d1d24,#2a0d12);color:#ffd9dd;animation:none}.eliminated-badge.eliminated-badge-animated,.player-dashboard.eliminated-new{animation:eliminatedShake 520ms ease-in-out 2}.lost-badge{background:linear-gradient(180deg,#4a1720,#17090c);animation:none}.player-dashboard.eliminated{opacity:.78;filter:saturate(.55)}.normal-card-best{position:relative;animation:batayoWinner 700ms ease-in-out 2}.normal-card-best::after{content:"GAGNE";position:absolute;left:5px;right:5px;bottom:-20px;padding:3px;border-radius:5px;background:linear-gradient(180deg,#f2f6fb,#9ca8b4);color:#101720;text-align:center;font-size:.5rem;font-weight:900;letter-spacing:.05em}.battle-tie{z-index:75!important}.battle-tie::after{content:"BATAYO";position:absolute;left:5px;right:5px;bottom:-20px;padding:3px;border-radius:5px;background:#12314b;color:#dceeff;border:1px solid #5da7d6;text-align:center;font-size:.5rem;font-weight:900;letter-spacing:.05em}@keyframes winnerPulse{50%{transform:scale(1.03);box-shadow:0 0 16px #f5bd4e88}}@keyframes eliminatedShake{20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)}}.table-arena.match-final-mode #table-cards{display:flex!important;align-items:center!important;justify-content:center!important}.table-arena.match-final-mode .match-final-arena{width:min(460px,78%)!important;max-width:460px!important;gap:5px!important;padding:11px 15px!important;margin:auto!important}.table-arena.match-final-mode .match-final-arena span{font-size:.61rem!important}.table-arena.match-final-mode .match-final-arena strong{font-size:1.02rem!important}.table-arena.match-final-mode .match-final-arena p{font-size:.78rem!important;line-height:1.25!important}.table-arena.match-final-mode .match-final-arena small{font-size:.68rem!important}@media(max-width:600px){.table-arena.match-final-mode .match-final-arena{width:min(88%,360px)!important;padding:9px 11px!important}.table-arena.match-final-mode .match-final-arena strong{font-size:.9rem!important}.table-arena.match-final-mode .match-final-arena p{font-size:.7rem!important}}.notice{font-size:.9rem;font-weight:1000}.notice.error{margin:6px auto;padding:8px 14px;width:max-content;max-width:min(760px,96vw);border:1px solid #ff9b45;border-radius:10px;background:#321307;color:#ffd0a1;box-shadow:0 0 16px #ff9b4533}.game-band{min-height:96px;grid-template-columns:minmax(210px,.82fr) minmax(360px,2fr) minmax(350px,1.18fr)!important;background:linear-gradient(180deg,#372909,#211806);box-shadow:0 0 0 1px #000 inset,0 8px 20px #0006}.game-state-zone{background:linear-gradient(180deg,#3d2c08,#211806);border-right:1px solid #8d671d}.game-state-zone .step{color:#ffc94e;font-size:.74rem;letter-spacing:.22em}.game-state-zone #match-score{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;margin:6px 0 4px!important;padding:6px 12px!important;border:1px solid #d29a26!important;border-radius:999px!important;background:linear-gradient(180deg,#ffd76d,#a36e10)!important;color:#1c1204!important;font-size:.92rem!important;font-weight:1000!important;box-shadow:0 0 12px #f5bd4e44!important}.game-state-zone #game-card-configuration{color:#d8e5ff!important;font-size:.72rem!important;font-weight:800}.game-band .special-banner{background:linear-gradient(180deg,#322407,#231804)!important}.game-band .special-banner h2{color:#ffffff;font-size:.95rem!important;letter-spacing:.04em}.game-band .special-banner strong{margin-top:8px;color:#ffd76d!important}.game-band .special-banner span{max-width:100%;font-size:.72rem!important;line-height:1.25}.game-actions{display:grid!important;grid-template-columns:minmax(178px,1fr) auto;grid-template-areas:"score timer" "score buttons";align-items:center;background:linear-gradient(180deg,#3a2907,#1c1404);border-left:1px solid #8d671d}.match-score-panel{grid-area:score;align-self:stretch;display:grid;align-content:center;gap:6px;min-width:178px;padding:7px 12px 7px 9px;border-right:1px solid #87631c}.match-score-panel>span{color:#ffd76d;font-size:.72rem;font-weight:1000;letter-spacing:.04em}.match-progress{display:grid!important;grid-template-columns:1fr;gap:3px;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;white-space:normal!important;line-height:1.1!important}.match-progress>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:3px 6px;border:1px solid #654b18;border-radius:6px;background:#150f05;color:#fff;font-size:.7rem;font-weight:900}.match-progress b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:900}.match-progress strong{min-width:24px;color:#1c1204!important;text-align:center;font-size:.74rem!important;padding:1px 6px;border-radius:999px;background:#ffd76d}.timer-display{grid-area:timer;justify-self:end;align-self:center;margin:0 0 3px!important}.game-action-buttons{grid-area:buttons;align-self:end;justify-content:flex-end}.player-dashboard{display:flex;flex-direction:column;min-height:110px}.player-piles{flex:1}.player-state-badge{min-height:19px;display:flex;align-items:center;justify-content:center}.player-state-placeholder{visibility:hidden;animation:none!important;border-color:transparent;background:transparent;color:transparent}.player-dashboard.eliminated .player-state-placeholder{visibility:hidden}@media(max-width:1100px){.game-band{grid-template-columns:minmax(180px,.75fr) minmax(300px,1.5fr) minmax(320px,1fr)!important}.game-action-buttons button{padding:8px 10px}}@media(max-width:760px){.game-band{min-height:0;grid-template-columns:1fr!important}.game-state-zone,.game-actions{border:0}.game-actions{grid-template-columns:1fr;grid-template-areas:"score" "timer" "buttons"}.match-score-panel{border-right:0;border-bottom:1px solid #87631c}.timer-display{justify-self:start}.game-action-buttons{flex-wrap:wrap;justify-content:flex-start}}.hand-instruction{min-height:24px!important;margin:0 0 5px!important;padding:5px 9px;border:1px solid #8d671d;border-radius:7px;background:#160f05;color:#ffd76d!important;text-align:center;font-size:.88rem!important;font-weight:1000!important;line-height:1.18;box-shadow:inset 0 0 8px #f5bd4e18}.hand-zone.hand-degraded .hand-instruction{border-color:#ff9b45;background:linear-gradient(180deg,#3a1a07,#160b04);color:#fff2d9!important;font-size:1.02rem!important;box-shadow:0 0 14px #ff9b4530,inset 0 0 10px #ff9b4522}.hand-zone.hand-ghost .hand-instruction{border-color:#83b7ff;background:linear-gradient(180deg,#103250,#071a2e);color:#eaf4ff!important}.notice{min-height:0!important}.notice:empty{display:none}.notice.visible{display:block}body.game-mode .notice{position:fixed;left:50%;bottom:10px;z-index:1200;transform:translateX(-50%);margin:0!important;padding:9px 15px;width:max-content;max-width:min(780px,calc(100vw - 24px));border:1px solid #69d88f;border-radius:10px;background:#071b10ee;color:#aaf7c5!important;text-align:center;font-size:.92rem;font-weight:1000;box-shadow:0 8px 24px #000b;pointer-events:none}body.game-mode .notice.error{border-color:#ff9b45!important;background:#321307f2!important;color:#ffd0a1!important;box-shadow:0 0 20px #ff9b4544,0 8px 24px #000c!important}.game-band{min-height:78px!important}.game-state-zone{padding:6px 12px!important}.game-band .special-banner{padding:6px 12px!important}.game-actions{grid-template-columns:minmax(236px,1fr) auto!important}.match-score-panel{min-width:236px!important;padding:5px 8px!important;gap:4px!important}.match-score-panel>span{font-size:.68rem!important}.match-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;line-height:1!important}.match-progress>span{padding:2px 5px!important;border-radius:5px!important;font-size:.64rem!important}.match-progress strong{min-width:21px!important;padding:0 5px!important;font-size:.68rem!important}.hand-layout{grid-template-columns:minmax(132px,.72fr) minmax(330px,1.55fr) minmax(170px,.85fr)!important}.personal-pile>small{font-size:.72rem;font-weight:900;color:#c9d8e7}.deck-fan{display:block!important;position:relative;width:116px;min-height:112px;margin:0 auto;padding:0!important;overflow:visible!important}.deck-fan .deck-layer{position:absolute!important;width:82px!important;height:106px!important;left:calc(10px + var(--deck-index)*6px)!important;top:calc(3px - var(--deck-index)*1px)!important;transform:rotate(calc((var(--deck-index) - 1.5)*-2deg));filter:drop-shadow(0 5px 7px #000a)}.deck-fan .deck-layer .card{position:absolute!important;inset:0}.deck-count{right:-1px!important;bottom:7px!important;z-index:30!important;min-width:34px!important;padding:6px 8px!important;border:1px solid #161005;border-radius:999px!important;background:linear-gradient(180deg,#ffd76d,#c08312)!important;color:#181207!important;font-size:.82rem!important;font-weight:1000!important;box-shadow:0 2px 9px #0009,0 0 10px #f5bd4e55!important}@media(max-width:760px){body.game-mode .notice{bottom:6px;font-size:.82rem}.match-progress{grid-template-columns:1fr!important}.game-actions{grid-template-columns:1fr!important}}/* v1.72.6 : en-tête propre et retour d'erreur d'inscription visible */form[hidden],button[hidden]{display:none!important}body.identity-mode .hero{padding:10px 20px!important;grid-template-columns:minmax(430px,1.25fr) auto minmax(340px,1fr)!important;min-height:74px;gap:20px}body.identity-mode .hero .brand-controls,body.identity-mode .hero .top-controls{display:flex!important;align-items:center;gap:16px}body.identity-mode .hero .brand-controls label,body.identity-mode .hero .top-controls label{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}body.identity-mode .engine-version{font-size:.68rem!important;line-height:1.15;white-space:nowrap}body.identity-mode main{width:min(460px,calc(100vw - 24px));margin:24px auto}body.identity-mode #identity-screen{position:relative;padding:24px 22px!important;border-radius:14px;box-shadow:0 16px 40px #0005}body.identity-mode #identity-screen h2{margin:8px 0 5px;font-size:1.25rem}body.identity-mode #identity-lead{margin:0 0 18px;font-size:.82rem;line-height:1.35}body.identity-mode #identity-screen form{gap:12px}body.identity-mode #identity-screen label{gap:5px;font-size:.75rem}body.identity-mode #identity-screen input{padding:10px;border-radius:7px}body.identity-mode #identity-screen form .primary{width:100%;margin-top:4px;padding:11px 14px}body.identity-mode #identity-screen small{font-size:.68rem;line-height:1.25}.brand-block{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.brand-copy{display:grid;gap:3px;min-width:0}.brand-block .brand-logo{display:block!important;width:114px;height:64px;object-fit:contain;object-position:center}.brand-title{display:block;margin:0;color:#f5bd4e;font-size:1.2rem;letter-spacing:.14em;font-weight:900;line-height:1}.brand-tagline{display:block;margin:0;color:#c8d7e7;font-size:.72rem;line-height:1.25;white-space:nowrap}.play-mode-control{color:#a7b7c7!important;font-size:.78rem!important}.play-mode-control select{width:auto!important;min-width:108px!important}.account-links{align-items:center;gap:9px;margin-top:18px!important;padding-top:14px;border-top:1px solid #2d4b67}.account-links.account-links-top{display:flex!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px!important;position:absolute!important;top:12px!important;right:14px!important;left:auto!important;z-index:30!important;width:auto!important;margin:0!important;padding-top:0!important;border-top:0!important;pointer-events:auto!important}.account-links.account-links-top button{pointer-events:auto!important;position:relative!important;z-index:31!important}.account-links .secondary{padding:8px 11px;font-size:.76rem}.account-links .link-button{border:0;background:transparent;color:#ffd36a;text-decoration:underline;padding:8px 5px;font:inherit;font-size:.76rem;cursor:pointer}.account-links .link-button:hover{color:#fff0b2}.login-inline-link{display:flex;justify-content:flex-end;margin:-2px 0 0}.login-inline-link .link-button{border:0;background:transparent;color:#ffd36a;text-decoration:underline;padding:0;font:inherit;font-size:.76rem;cursor:pointer}.login-inline-link .link-button:hover{color:#fff0b2}.identity-feedback{display:none;min-height:0;margin:14px 0 0;padding:10px 12px;border:1px solid #ff9b45;border-radius:9px;background:#321307;color:#ffd0a1;text-align:center;font-size:.76rem;font-weight:800;line-height:1.3}.identity-feedback.visible{display:block}.identity-feedback:not(.error){border-color:#39ce7d;background:#071b10;color:#aaf7c5}body.identity-mode .profile-purpose{margin:0 0 3px;color:#c8d7e7;font-size:.78rem;line-height:1.35}.terms-consent-row,.marketing-consent-row{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;justify-content:start!important}.terms-consent-row input[type=checkbox],.marketing-consent-row input[type=checkbox]{grid-column:1!important;grid-row:1!important;margin:2px 0 0!important;justify-self:start!important;align-self:start!important}.terms-consent-row span,.marketing-consent-row span{grid-column:2!important;grid-row:1!important;align-self:start!important;margin:0!important}@media(max-width:760px){body.identity-mode .hero{grid-template-columns:1fr!important;gap:8px}body.identity-mode .hero .brand-controls,body.identity-mode .hero .top-controls{justify-content:center;flex-wrap:wrap}body.identity-mode .engine-version{text-align:center}body.identity-mode main{margin:12px auto}}@media(max-width:520px){body.identity-mode .hero{grid-template-columns:1fr!important;gap:6px}body.identity-mode .hero .brand-controls{justify-content:flex-start;align-items:flex-start!important;flex-direction:column}body.identity-mode .hero .top-controls{justify-content:flex-start;align-items:flex-start!important;flex-direction:column}body.identity-mode main{margin:12px auto}body.identity-mode #identity-screen{padding:20px 16px!important}.brand-block .brand-logo{width:96px;height:54px}.brand-title{font-size:1rem}.brand-tagline{font-size:.65rem;white-space:normal}.account-links.account-links-top{top:8px!important;right:12px!important;justify-content:flex-end!important}}/* v1.77.0 : Étape 2, profil joueur, invitations et états du pseudonyme */
#display-name-availability.field-feedback.available{display:block!important;color:#39ce7d!important;font-weight:900!important}
#display-name-availability.field-feedback.unavailable,#display-name-availability.field-feedback.error{display:block!important;color:#ff7777!important;font-weight:900!important}
#display-name-availability.field-feedback.pending{display:block!important;color:#ffd36a!important;font-weight:800!important}
#display-name-availability.field-feedback.available::before{content:"✓  "}
#display-name-availability.field-feedback.unavailable::before,#display-name-availability.field-feedback.error::before{content:"⚠  "}
#display-name.available{border-color:#39ce7d!important;box-shadow:0 0 0 2px #39ce7d38,0 0 16px #39ce7d18!important}
#display-name.unavailable{border-color:#ff7777!important;box-shadow:0 0 0 2px #ff777738,0 0 16px #ff777718!important}
#browser-screen{overflow:hidden;padding:0!important;background:linear-gradient(145deg,#142d44f2,#0b1b2bf2);box-shadow:0 18px 42px #0005}
#browser-screen .screen-title{margin:0;padding:20px 24px 18px;border-bottom:1px solid #385979;background:linear-gradient(110deg,#193b59,#10253a 62%,#101e2d);align-items:center}
#browser-screen .screen-title h2{margin:5px 0 0;font-size:clamp(1.2rem,2.2vw,1.65rem);letter-spacing:.01em}
#browser-screen .screen-title .step{display:inline-flex;align-items:center;min-height:22px;padding:4px 9px;border:1px solid #d49a3b;border-radius:999px;background:#30250c;color:#ffd76d;font-size:.65rem;letter-spacing:.16em}
#browser-screen .screen-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#browser-screen>p{margin:0;padding:16px 24px 0;color:#c9d8e7;font-size:.9rem}
#browser-screen>p strong{color:#ffd76d;font-weight:900}
#browser-screen .browser-grid{padding:18px 24px 24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
#browser-screen .panel{padding:18px;border:1px solid #385979;border-radius:14px;background:linear-gradient(180deg,#17324b,#0c1c2c);box-shadow:inset 0 1px #ffffff0a,0 8px 20px #0002}
#browser-screen .panel:first-child{border-top:3px solid #d49a3b}
#browser-screen .panel:nth-child(2){border-top:3px solid #4a86b8}
#browser-screen .panel h3{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:#f5d27b;font-size:1rem}
#browser-screen .panel h3::before{content:"";width:8px;height:8px;border-radius:50%;background:#d49a3b;box-shadow:0 0 9px #d49a3b}
#browser-screen .panel:nth-child(2) h3::before{background:#63a9dd;box-shadow:0 0 9px #63a9dd}
#browser-screen .panel form{gap:12px}
#browser-screen .panel label{gap:6px;color:#c9d8e7;font-size:.78rem;font-weight:700}
#browser-screen .panel input,#browser-screen .panel select{min-height:42px;padding:10px 12px;border-color:#385979;background:#091725;transition:border-color .15s,box-shadow .15s}
#browser-screen .panel input:focus,#browser-screen .panel select:focus{border-color:#d49a3b;box-shadow:0 0 0 2px #d49a3b2e;outline:none}
#browser-screen .panel small{color:#91a9be;font-size:.68rem;line-height:1.3}
#browser-screen .panel .actions{margin-top:4px;padding-top:14px;border-top:1px solid #2d4b67}
#browser-screen #create-lobby{width:100%;min-height:44px;box-shadow:0 5px 13px #0004}
#browser-screen .lobby-list{gap:10px;min-height:92px}
#browser-screen .lobby-row{padding:13px 14px;border-color:#2d4b67;background:linear-gradient(100deg,#0d2032,#10283e);transition:transform .15s,border-color .15s,background .15s}
#browser-screen .lobby-row:hover{transform:translateY(-1px);border-color:#d49a3b;background:linear-gradient(100deg,#132b42,#15334c)}
#browser-screen .lobby-row strong{color:#f3f7fb;font-size:.84rem}
#browser-screen .lobby-row span{color:#9fb5c9;font-size:.7rem;line-height:1.35}
#browser-screen .lobby-row button{min-width:92px;padding:9px 12px;font-size:.74rem}
#browser-screen .browser-refresh-bottom{margin-top:14px;padding-top:12px;border-top:1px solid #2d4b67}
#browser-screen #refresh-bottom{width:100%;padding:9px 12px;font-size:.74rem}
#browser-screen .empty{margin:0;padding:25px 12px;text-align:center;border:1px dashed #385979;border-radius:10px;color:#91a9be;font-size:.78rem}
#browser-screen .profile-play{border-color:#4a86b8!important;background:linear-gradient(180deg,#1e4c70,#15344d)!important;color:#e2f2ff!important;box-shadow:0 4px 12px #0003}
#browser-screen .profile-play:hover{border-color:#7fc6f7!important;background:linear-gradient(180deg,#28688f,#1c4664)!important;color:#fff!important;transform:translateY(-1px)}
#browser-screen .exit-play{border-color:#c94654!important;background:linear-gradient(180deg,#5b2029,#3a151d)!important;color:#ffe2e5!important;box-shadow:0 4px 12px #0003}
#browser-screen .exit-play:hover{border-color:#ff7777!important;background:linear-gradient(180deg,#7d2935,#4c1821)!important;color:#fff!important;transform:translateY(-1px)}
#browser-screen .exit-play:focus-visible{outline:2px solid #ff9aa4;outline-offset:2px}
#browser-screen .social-help{display:grid;gap:4px;margin:14px 24px 0;padding:12px 15px;border:1px solid #42617c;border-left:4px solid #d49a3b;border-radius:11px;background:linear-gradient(100deg,#10283d,#0c1d2e);color:#dcecff;font-size:.78rem;line-height:1.35;box-shadow:inset 0 1px #ffffff0a}
#browser-screen .social-help strong{color:#ffd76d;font-size:.84rem}
#browser-screen .social-help-muted{color:#9fb5c9;font-size:.7rem}
#room-screen .room-invite-status{margin:8px 0 14px;padding:9px 12px;border:1px solid #42617c;border-radius:9px;background:#0c2032;color:#c9d8e7;font-size:.78rem;line-height:1.3}
#room-screen .actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
#room-screen #copy-lobby-invite,#room-screen #share-lobby-invite{border-color:#d49a3b;background:linear-gradient(180deg,#4b380f,#2b2109);color:#ffe8a5}
#room-screen #copy-lobby-invite:hover,#room-screen #share-lobby-invite:hover{border-color:#ffd76d;background:linear-gradient(180deg,#6a4b10,#3c2b08);color:#fff}
.lobby-visibility{display:inline-flex;margin-left:7px;padding:2px 7px;border-radius:999px;font-size:.62rem;letter-spacing:.08em;vertical-align:middle}.lobby-visibility.private{color:#ffd978;border:1px solid #8d6b23;background:#2d240d}.lobby-visibility.public{color:#79f3a5;border:1px solid #247a47;background:#0c2c1b}
@media(max-width:760px){#browser-screen .screen-title{padding:16px 16px 14px;align-items:flex-start;gap:14px;flex-direction:column}#browser-screen .screen-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#browser-screen .screen-actions button{flex:none;min-width:0;width:100%;min-height:44px;padding:10px 8px;font-size:.82rem}#browser-screen>p{padding:14px 16px 0;font-size:.82rem}#browser-screen .browser-grid{padding:14px 16px 18px;gap:14px;grid-template-columns:minmax(0,1fr)}#browser-screen .panel{padding:15px}#browser-screen .panel input,#browser-screen .panel select{min-height:42px}#browser-screen .panel .actions{display:grid;grid-template-columns:1fr;gap:10px}#browser-screen .panel .actions button{width:100%;min-height:44px}}@media(max-width:420px){#browser-screen .screen-actions{grid-template-columns:1fr}#browser-screen .screen-actions button{font-size:.9rem}}
@media(max-width:760px){#browser-screen .social-help{margin:12px 16px 0;padding:11px 12px}#room-screen .actions button{flex:1;min-width:140px}}
.game-band{min-height:68px!important}.game-actions{grid-template-columns:minmax(210px,.86fr) auto!important}.match-score-panel{min-width:210px!important;padding:4px 7px!important;gap:2px!important;align-content:center!important}.match-score-panel>span{font-size:.62rem!important;line-height:1!important;letter-spacing:.02em!important}.match-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px!important}.match-progress>span{min-height:20px!important;padding:1px 5px!important;font-size:.6rem!important;line-height:1!important}.match-progress b{max-width:92px!important}.match-progress strong{min-width:19px!important;padding:0 5px!important;font-size:.64rem!important}.hand-instruction{min-height:34px!important;display:flex;align-items:center;justify-content:center;padding:8px 12px!important;font-size:1rem!important}.hand-zone.hand-degraded .hand-instruction{font-size:1.16rem!important;border-width:2px!important;text-transform:none;box-shadow:0 0 20px #ff9b4555,inset 0 0 14px #ff9b4533!important}.hand-status-card{min-width:190px!important;max-width:260px!important}.hand-status-card small{font-size:.62rem!important}.hand-status-card.degraded small{font-size:.7rem!important}.ghost-controls select:not([hidden]){pointer-events:auto}.table-arena{padding-top:6px!important}.arena-header{margin-bottom:0!important}.battle-lane>small,.normal-card-lane>small{margin-bottom:6px!important;line-height:1.05!important;transform:translateY(-2px)}#table-cards{align-items:flex-start!important;min-height:136px!important;padding-top:4px!important;padding-bottom:14px!important}.normal-card-lane>.card,.normal-card-best>.card{margin-top:0!important}.battle-stack{top:0!important}.arena-empty-state{display:inline-flex;align-items:center;justify-content:center;min-height:74px;margin:8px auto!important;padding:10px 18px;border:1px solid #f5bd4e88;border-radius:999px;background:#1e1708;color:#ffe19a!important;font-size:1rem!important;font-weight:1000!important;box-shadow:0 0 18px #f5bd4e22}.arena-cleared .arena-empty-state{animation:arenaReadyPulse 800ms ease-in-out 1}.player-dashboard{min-height:118px!important}.player-state-badge{min-height:24px!important;margin-top:5px!important;padding:4px 7px!important;font-size:.66rem!important}.player-state-placeholder{visibility:hidden!important;display:flex!important}.active-turn-badge{border-color:#ffd76d!important;background:linear-gradient(180deg,#3c2b08,#0d1c2c)!important;color:#ffe19a!important;box-shadow:0 0 10px #f5bd4e35!important}.notice.visible{display:block!important}body.game-mode .notice{bottom:56px!important;max-width:min(900px,calc(100vw - 32px))!important;padding:12px 18px!important;font-size:1.02rem!important;line-height:1.2!important;border-width:2px!important}body.game-mode .notice[data-kind="inactivity-warning"]{background:#3b1a06f7!important;border-color:#ffc164!important;color:#fff1cc!important;font-size:1.18rem!important;box-shadow:0 0 24px #ff9b455c,0 8px 24px #000c!important}body.game-mode .notice[data-kind="degraded"],body.game-mode .notice[data-kind="degraded-auto"]{background:#421706f8!important;border-color:#ff9b45!important;color:#fff2d9!important;font-size:1.22rem!important;box-shadow:0 0 26px #ff9b4566,0 8px 24px #000d!important}.deck-fan{width:124px!important;min-height:116px!important}.deck-fan .deck-layer{left:calc(8px + var(--deck-index)*7px)!important;top:calc(2px + var(--deck-index)*1px)!important}.deck-count{right:-2px!important;bottom:2px!important;font-size:.88rem!important}@keyframes arenaReadyPulse{50%{transform:scale(1.03);box-shadow:0 0 26px #f5bd4e55}}@media(max-width:760px){body.game-mode .notice{bottom:42px!important;font-size:.95rem!important}.match-score-panel{min-width:0!important}.match-progress{grid-template-columns:1fr!important}.game-actions{grid-template-columns:1fr!important}}.table-arena{padding:8px 10px 10px!important}.arena-header{margin-bottom:6px!important}.arena-header h3{font-size:.82rem!important}.arena-header small{font-size:.66rem!important}.arena-player-lane{position:relative;display:grid!important;grid-template-rows:auto 1fr;justify-items:center!important;align-items:start;gap:6px!important;min-width:104px!important}.arena-player-name{display:inline-flex!important;align-items:center;justify-content:center;width:max-content!important;max-width:118px!important;min-height:22px!important;margin:0!important;padding:4px 8px!important;border:1px solid #446684;border-radius:999px;background:#071725f2;color:#e7f3ff!important;text-align:center!important;font-size:.68rem!important;font-weight:1000!important;line-height:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:none!important;box-shadow:0 4px 10px #0006}.normal-card-lane>.card,.normal-card-best>.card,.normal-card-best{margin-top:0!important}.battle-stack{top:0!important;margin-top:0!important}.battle-layer{top:0!important}.battle-best::after,.battle-tie::after,.normal-card-best::after{bottom:-18px!important}.arena-ready .arena-empty-state{border-color:#48df8a!important;background:linear-gradient(180deg,#0d3420,#071b10)!important;color:#c9ffd9!important;box-shadow:0 0 26px #39ce7d55!important;animation:arenaReadyPulse 900ms ease-in-out infinite}.arena-cleared .arena-empty-state{border-color:#f5bd4eaa!important;background:linear-gradient(180deg,#2b2109,#130f06)!important}.arena-empty-state{min-height:64px!important;margin:10px auto 4px!important;padding:12px 22px!important;border-radius:12px!important;font-size:1.05rem!important;letter-spacing:.02em}.hand-zone{padding:10px!important}.hand-zone-header{grid-template-columns:minmax(360px,1fr) minmax(176px,auto)!important;gap:10px!important}.hand-instruction{justify-content:flex-start!important;min-height:40px!important;padding:9px 13px!important;border-width:2px!important;text-align:left!important;font-size:1.02rem!important}.hand-zone.hand-playable{border-color:#39ce7d!important;background:linear-gradient(180deg,#12391feb,#0d1f2feb)!important;box-shadow:0 0 22px #39ce7d30!important}.hand-zone.hand-playable .hand-instruction{border-color:#39ce7d!important;background:linear-gradient(180deg,#0e3b21,#071b10)!important;color:#d7ffe4!important;box-shadow:0 0 16px #39ce7d33,inset 0 0 12px #39ce7d22!important}.hand-zone.hand-playable .hand .card:not(:disabled){outline:2px solid #39ce7d66;box-shadow:0 10px 22px #0009,0 0 18px #39ce7d24}.hand-zone.hand-waiting:not(.hand-degraded):not(.hand-ghost) .hand-instruction{border-color:#42617c!important;background:#0b1b2a!important;color:#d8e5ff!important}.hand-layout{grid-template-columns:minmax(126px,.7fr) minmax(390px,1.75fr) minmax(150px,.75fr)!important;gap:10px!important;min-height:112px!important}.hand-layout>.hand{min-width:390px!important;gap:12px!important}.personal-pile>small{font-size:.67rem!important}@media(max-width:900px){.hand-zone-header{grid-template-columns:1fr!important}.hand-layout{grid-template-columns:1fr!important}.hand-layout>.hand{min-width:0!important}.arena-player-name{max-width:96px!important}.arena-empty-state{font-size:.92rem!important}}.removed-continue,#special-close{display:none!important}.game-action-buttons{gap:7px!important}.table-arena{min-height:188px!important;background:linear-gradient(180deg,#0b2032,#071726)!important}.table-arena #table-cards{position:relative;min-height:166px!important;padding:12px 18px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important}.table-arena #table-cards::before{content:"";position:absolute;left:2.8%;right:2.8%;top:18px;bottom:18px;border:1px solid #8d671d55;border-radius:50%;background:radial-gradient(ellipse at center,#17355288 0%,#10273dcc 48%,#0b203200 76%);pointer-events:none}.arena-player-lane{z-index:2;min-width:116px!important;gap:9px!important}.arena-player-name{min-height:24px!important;max-width:130px!important;padding:5px 10px!important;border-color:#5b7b99!important;background:#061a2cf5!important;font-size:.72rem!important}.normal-card-lane>.card,.normal-card-best>.card,.battle-layer>.card{width:82px!important;height:106px!important}.battle-stack{min-height:116px!important}.arena-empty-state{z-index:2!important;min-width:min(520px,86%)!important;min-height:70px!important;border-radius:14px!important;text-align:center!important}.hand-zone{position:relative!important;margin-top:8px!important;padding:10px 12px 12px!important;background:linear-gradient(180deg,#0d2d2a,#0a1d28)!important}.hand-zone-header{align-items:stretch!important}.hand-instruction{margin-bottom:6px!important}.hand-alert{margin:0!important;padding:7px 11px;border:1px solid #69d88f;border-radius:8px;background:#071b10;color:#bfffd3;font-size:.86rem;font-weight:1000;line-height:1.15;box-shadow:inset 0 0 10px #39ce7d22}.hand-alert[hidden]{display:none!important}.hand-alert.error,.hand-alert[data-kind="inactivity-warning"],.hand-alert[data-kind="degraded"],.hand-alert[data-kind="degraded-auto"]{border-color:#ff9b45;background:#321307;color:#ffe4bf;box-shadow:0 0 16px #ff9b4538,inset 0 0 10px #ff9b4524}.hand-status-card{min-width:202px!important;max-width:276px!important}.hand-status-card small{font-size:.68rem!important;line-height:1.18!important}.ghost-controls{gap:5px!important}.ghost-controls select,.ghost-controls button{font-size:.66rem!important;padding:6px 7px!important}.hand-layout{grid-template-columns:minmax(118px,.58fr) minmax(420px,1.9fr) minmax(136px,.66fr)!important;align-items:end!important;gap:12px!important;min-height:126px!important}.hand-layout>.hand{min-width:420px!important;align-items:flex-end!important}.personal-pile{align-self:end;min-height:112px;display:grid;align-content:end;justify-items:center}.personal-pile>small{margin-bottom:6px!important;color:#f0d58e!important;font-size:.7rem!important}.deck-fan,.won-fan{display:block!important;position:relative;width:116px!important;min-height:96px!important;margin:0 auto!important;padding:0!important;overflow:visible!important}.compact-pile-layer{position:absolute!important;width:66px!important;height:86px!important}.compact-pile-layer .card{width:66px!important;height:86px!important;border-radius:9px!important;padding:6px!important}.compact-pile-layer .card .card-corner b{font-size:.78rem!important}.compact-pile-layer .card .card-corner em{font-size:.78rem!important}.compact-pile-layer .card>strong{font-size:1.28rem!important}.deck-fan .deck-layer{left:calc(12px + var(--deck-index)*8px)!important;top:calc(6px + var(--deck-index)*2px)!important;transform:rotate(calc((var(--deck-index) - 1)*-2deg))!important}.won-layer{left:calc(7px + var(--won-index)*10px)!important;top:calc(8px - var(--won-index)*1px)!important;filter:drop-shadow(0 5px 7px #0009)}.deck-count,.won-count{position:absolute!important;right:2px!important;bottom:0!important;z-index:30!important;min-width:32px!important;padding:5px 7px!important;border:1px solid #161005;border-radius:999px!important;background:linear-gradient(180deg,#ffd76d,#c08312)!important;color:#181207!important;font-size:.82rem!important;font-weight:1000!important;box-shadow:0 2px 9px #0009,0 0 10px #f5bd4e55!important}.won-count{right:-4px!important}.pile-empty{display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:42px;padding:8px 10px;border:1px dashed #5b7b99;border-radius:10px;color:#c9d8e7;font-size:.76rem;font-weight:900;background:#071725}.won-fan:not(:has(.pile-empty)){width:124px!important}.deck-fan:not(:has(.pile-empty)){width:116px!important}body.game-mode .notice{display:none!important}.notice.visible{display:block}.notice:empty{display:none!important}@media(max-width:900px){.table-arena #table-cards{gap:14px!important}.hand-layout{grid-template-columns:1fr!important;align-items:center!important}.hand-layout>.hand{min-width:0!important}.personal-pile{min-height:92px}.deck-fan,.won-fan{min-height:92px!important}.hand-status-card{max-width:100%!important}.table-arena #table-cards::before{border-radius:24px}}/* v13223HandCompactCss */.hand-zone{padding:7px 10px 9px!important;min-height:0!important}.hand-zone-header{display:grid!important;grid-template-columns:auto minmax(280px,1fr) minmax(430px,auto)!important;grid-template-areas:"title instruction status" "alert alert alert"!important;align-items:center!important;gap:5px 9px!important;margin:0 0 5px!important}.hand-zone-header h3{grid-area:title;margin:0!important;white-space:nowrap;color:#eaf7ff!important;font-size:.78rem!important}.hand-instruction{grid-area:instruction!important;min-height:30px!important;margin:0!important;padding:6px 10px!important;justify-content:flex-start!important;text-align:left!important;font-size:.88rem!important;line-height:1.08!important;white-space:normal!important}.hand-alert{grid-area:alert!important;margin:0!important;padding:6px 10px!important;min-height:0!important;font-size:.8rem!important}.hand-status-card{grid-area:status!important;display:grid!important;grid-template-columns:auto minmax(210px,1fr) auto!important;grid-template-areas:"state detail controls"!important;align-items:center!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:30px!important;padding:5px 6px!important;border-radius:8px!important;gap:7px!important}.hand-status-card span{display:none!important}.hand-status-card strong{grid-area:state!important;margin:0!important;text-align:left!important;font-size:.72rem!important;white-space:nowrap!important}.hand-status-card small{grid-area:detail!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.66rem!important;line-height:1!important}.ghost-controls{grid-area:controls!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important}.ghost-controls select{min-width:58px!important;height:28px!important;padding:4px 6px!important;font-size:.62rem!important}.ghost-controls button{height:28px!important;padding:4px 8px!important;font-size:.62rem!important;line-height:1!important}.hand-layout{grid-template-columns:minmax(108px,.52fr) minmax(440px,2.2fr) minmax(142px,.7fr)!important;gap:10px!important;min-height:104px!important;align-items:end!important}.hand-layout>.hand{min-width:440px!important;min-height:106px!important;gap:12px!important}.personal-pile{min-height:94px!important}.personal-pile>small{margin-bottom:4px!important;font-size:.64rem!important;line-height:1!important}.deck-fan,.won-fan{min-height:82px!important;width:108px!important}.compact-pile-layer{width:58px!important;height:76px!important}.compact-pile-layer .card{width:58px!important;height:76px!important;border-radius:8px!important;padding:5px!important}.compact-pile-layer .card .card-corner b,.compact-pile-layer .card .card-corner em{font-size:.68rem!important}.compact-pile-layer .card>strong{font-size:1.08rem!important}.deck-fan .deck-layer{left:calc(13px + var(--deck-index)*7px)!important;top:calc(5px + var(--deck-index)*2px)!important}.won-layer{left:calc(4px + var(--won-index)*10px)!important;top:calc(5px - var(--won-index)*1px)!important}.deck-count,.won-count{right:0!important;bottom:0!important;min-width:28px!important;padding:4px 6px!important;font-size:.74rem!important}.won-fan:not(:has(.pile-empty)){width:126px!important}.deck-fan:not(:has(.pile-empty)){width:108px!important}.pile-empty{min-width:70px!important;min-height:34px!important;padding:6px 8px!important;font-size:.68rem!important}.hand-zone.hand-ghost .hand-status-card{border-color:#83b7ff!important;background:linear-gradient(180deg,#123b66,#071a2e)!important}.hand-zone.hand-degraded .hand-status-card{border-color:#ff9b45!important;background:linear-gradient(180deg,#4a260b,#160c05)!important}.hand-zone.hand-playable .hand-status-card{border-color:#39ce7d!important;background:linear-gradient(180deg,#0d3420,#071b10)!important}.hand-zone.hand-playable .hand-instruction{font-size:.94rem!important}.hand-zone.hand-waiting:not(.hand-degraded):not(.hand-ghost) .hand-status-card{border-color:#42617c!important;background:#0b1b2a!important}.hand-zone.hand-final .hand-status-card,.hand-status-card[hidden]{display:none!important}@media(max-width:1100px){.hand-zone-header{grid-template-columns:auto minmax(220px,1fr)!important;grid-template-areas:"title instruction" "status status" "alert alert"!important}.hand-status-card small{white-space:normal!important;line-height:1.08!important}.hand-layout{grid-template-columns:minmax(100px,.5fr) minmax(320px,1.8fr) minmax(122px,.66fr)!important}.hand-layout>.hand{min-width:320px!important}}@media(max-width:900px){.hand-zone-header{grid-template-columns:1fr!important;grid-template-areas:"title" "instruction" "status" "alert"!important}.hand-layout{grid-template-columns:1fr!important;min-height:0!important}.hand-layout>.hand{min-width:0!important}.hand-status-card{grid-template-columns:auto 1fr!important;grid-template-areas:"state detail" "controls controls"!important}.ghost-controls{justify-content:flex-start!important}}/* v13224StrictHandCss: respecte le panneau bleu à droite et réduit réellement la hauteur de Votre main */.hand-zone{margin-top:5px!important;padding:4px 6px!important;border-radius:8px!important}.hand-zone-frame{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:6px!important;align-items:stretch!important}.hand-main-panel{display:grid!important;grid-template-rows:auto minmax(84px,auto)!important;min-width:0!important}.hand-zone-header{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"title instruction" "alert alert"!important;align-items:center!important;gap:3px 7px!important;margin:0 0 3px!important}.hand-zone-header h3{grid-area:title!important;margin:0!important;font-size:.72rem!important;line-height:1!important;white-space:nowrap!important}.hand-instruction{grid-area:instruction!important;min-height:24px!important;margin:0!important;padding:4px 8px!important;border-width:1px!important;border-radius:6px!important;font-size:.78rem!important;line-height:1.05!important;justify-content:flex-start!important;text-align:left!important}.hand-alert{grid-area:alert!important;min-height:0!important;max-height:25px!important;margin:0!important;padding:4px 8px!important;border-radius:6px!important;font-size:.72rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hand-layout{grid-template-columns:minmax(92px,.48fr) minmax(340px,2fr) minmax(108px,.58fr)!important;gap:8px!important;min-height:86px!important;align-items:end!important}.hand-layout>.hand{min-width:340px!important;min-height:88px!important;gap:9px!important;align-items:end!important}.hand-layout>.hand .card{width:72px!important;height:92px!important;border-radius:9px!important;padding:6px!important}.hand-layout>.hand .card .card-corner{top:4px!important;left:5px!important}.hand-layout>.hand .card .card-corner b,.hand-layout>.hand .card .card-corner em{font-size:.82rem!important}.hand-layout>.hand .card>strong{font-size:1.38rem!important}.hand-layout>.hand .card span{font-size:.5rem!important}.personal-pile{min-height:76px!important;align-content:end!important}.personal-pile>small{margin-bottom:3px!important;font-size:.58rem!important;line-height:1!important}.deck-fan,.won-fan{width:88px!important;min-height:66px!important;margin:0 auto!important;overflow:visible!important}.compact-pile-layer{width:44px!important;height:58px!important}.compact-pile-layer .card{width:44px!important;height:58px!important;border-radius:6px!important;padding:4px!important}.compact-pile-layer .card .card-corner{top:3px!important;left:4px!important}.compact-pile-layer .card .card-corner b,.compact-pile-layer .card .card-corner em{font-size:.5rem!important}.compact-pile-layer .card>strong{font-size:.78rem!important}.compact-pile-layer .card span{font-size:.42rem!important}.deck-fan .deck-layer{left:calc(11px + var(--deck-index)*5px)!important;top:calc(4px + var(--deck-index)*1px)!important}.won-layer{left:calc(2px + var(--won-index)*8px)!important;top:calc(4px - var(--won-index)*1px)!important}.deck-count,.won-count{right:0!important;bottom:0!important;min-width:23px!important;padding:3px 5px!important;font-size:.62rem!important}.won-count{right:-2px!important}.won-fan:not(:has(.pile-empty)){width:96px!important}.deck-fan:not(:has(.pile-empty)){width:88px!important}.pile-empty{min-width:58px!important;min-height:28px!important;padding:5px 7px!important;font-size:.58rem!important}.hand-status-card{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto 1fr auto!important;grid-template-areas:"label state" "detail detail" "detail detail" "controls controls"!important;align-content:stretch!important;align-items:start!important;gap:4px!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;padding:7px 8px!important;border-radius:7px!important;background:linear-gradient(180deg,#102237,#071522)!important}.hand-status-card span{display:block!important;grid-area:label!important;font-size:.46rem!important;line-height:1!important;color:#9fb4cc!important;letter-spacing:.12em!important}.hand-status-card strong{grid-area:state!important;margin:0!important;text-align:right!important;font-size:.7rem!important;line-height:1!important;color:#eaf4ff!important;white-space:normal!important}.hand-status-card small{grid-area:detail!important;display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;color:#dcecff!important;font-size:.58rem!important;font-weight:900!important;line-height:1.12!important}.ghost-controls{grid-area:controls!important;display:grid!important;grid-template-columns:56px 1fr!important;gap:4px!important;align-self:end!important;margin-top:2px!important}.ghost-controls select{width:100%!important;height:25px!important;min-width:0!important;padding:3px 4px!important;border-radius:6px!important;font-size:.56rem!important}.ghost-controls button{width:100%!important;min-height:25px!important;height:auto!important;padding:3px 5px!important;border-radius:6px!important;font-size:.55rem!important;line-height:1!important;white-space:normal!important}.resume-hand{grid-column:1 / -1!important}.hand-zone.hand-active .hand-status-card{border-color:#42617c!important}.hand-zone.hand-playable .hand-status-card{border-color:#39ce7d!important;background:linear-gradient(180deg,#0d3420,#071b10)!important}.hand-zone.hand-ghost .hand-status-card{border-color:#83b7ff!important;background:linear-gradient(180deg,#123b66,#071a2e)!important;box-shadow:inset 0 0 9px #83b7ff22!important}.hand-zone.hand-degraded .hand-status-card{border-color:#ff9b45!important;background:linear-gradient(180deg,#4a260b,#160c05)!important;box-shadow:inset 0 0 9px #ff9b4524!important}.hand-zone.hand-final .hand-status-card,.hand-status-card[hidden]{display:none!important}.hand-zone.hand-final .hand-zone-frame{grid-template-columns:1fr!important}@media(max-width:1000px){.hand-zone-frame{grid-template-columns:1fr!important}.hand-status-card{min-height:0!important}.hand-layout{grid-template-columns:minmax(86px,.48fr) minmax(300px,1.9fr) minmax(100px,.58fr)!important}.hand-layout>.hand{min-width:300px!important}.ghost-controls{grid-template-columns:70px 1fr auto!important}.resume-hand{grid-column:auto!important}}@media(max-width:760px){.hand-layout{grid-template-columns:1fr!important}.hand-layout>.hand{min-width:0!important}.ghost-controls{grid-template-columns:1fr!important}.hand-alert{white-space:normal!important;max-height:none!important}}/* v13225NumberedHandCss: applique strictement les emplacements numérotés 1 à 6 de la maquette utilisateur */.hand-zone{margin-top:4px!important;padding:4px 6px!important;border-radius:8px!important}.hand-zone-frame{display:grid!important;grid-template-columns:minmax(0,1fr) 236px!important;grid-template-areas:"left status"!important;gap:6px!important;align-items:stretch!important}.hand-main-panel{grid-area:left!important;display:grid!important;grid-template-columns:104px minmax(0,1fr) 112px!important;grid-template-rows:auto auto 88px!important;grid-template-areas:"slot1 slot1 slot1" "slot2 slot2 slot2" "slot3 slot4 slot5"!important;gap:4px 8px!important;min-width:0!important;min-height:0!important}.hand-slot-1{grid-area:slot1!important;display:flex!important;align-items:center!important;gap:8px!important;min-height:24px!important;margin:0!important}.hand-slot-1 h3{margin:0!important;white-space:nowrap!important;font-size:.72rem!important;line-height:1!important;color:#eaf7ff!important}.hand-slot-1 .hand-instruction{flex:1!important;min-height:24px!important;margin:0!important;padding:4px 8px!important;border-radius:6px!important;border-width:1px!important;text-align:left!important;justify-content:flex-start!important;font-size:.78rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hand-slot-2{grid-area:slot2!important}.hand-alert{min-height:0!important;max-height:24px!important;margin:0!important;padding:4px 8px!important;border-radius:6px!important;font-size:.72rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hand-alert[hidden]{display:none!important}.hand-slot-3{grid-area:slot3!important}.hand-slot-4{grid-area:slot4!important}.hand-slot-5{grid-area:slot5!important}.hand-slot-6{grid-area:status!important}.hand-layout{display:contents!important}.personal-pile{align-self:end!important;display:grid!important;align-content:end!important;justify-items:center!important;min-height:78px!important;margin:0!important}.personal-pile>small{margin:0 0 3px!important;font-size:.58rem!important;line-height:1!important;color:#f0d58e!important}.deck-fan,.won-fan{width:84px!important;min-height:62px!important;margin:0 auto!important;overflow:visible!important}.compact-pile-layer{width:42px!important;height:56px!important}.compact-pile-layer .card{width:42px!important;height:56px!important;border-radius:6px!important;padding:4px!important}.compact-pile-layer .card .card-corner{top:3px!important;left:4px!important}.compact-pile-layer .card .card-corner b,.compact-pile-layer .card .card-corner em{font-size:.48rem!important}.compact-pile-layer .card>strong{font-size:.76rem!important}.compact-pile-layer .card span{font-size:.4rem!important}.deck-fan .deck-layer{left:calc(10px + var(--deck-index)*5px)!important;top:calc(3px + var(--deck-index)*1px)!important}.won-layer{left:calc(1px + var(--won-index)*8px)!important;top:calc(3px - var(--won-index)*1px)!important}.deck-count,.won-count{right:0!important;bottom:0!important;min-width:22px!important;padding:3px 5px!important;font-size:.6rem!important}.won-count{right:-2px!important}.won-fan:not(:has(.pile-empty)){width:94px!important}.deck-fan:not(:has(.pile-empty)){width:84px!important}.pile-empty{min-width:54px!important;min-height:26px!important;padding:4px 6px!important;font-size:.56rem!important}.hand-slot-4.hand{min-width:0!important;min-height:88px!important;gap:8px!important;align-items:end!important;justify-content:center!important}.hand-slot-4.hand .card{width:68px!important;height:88px!important;border-radius:8px!important;padding:6px!important}.hand-slot-4.hand .card .card-corner{top:4px!important;left:5px!important}.hand-slot-4.hand .card .card-corner b,.hand-slot-4.hand .card .card-corner em{font-size:.78rem!important}.hand-slot-4.hand .card>strong{font-size:1.32rem!important}.hand-slot-4.hand .card span{font-size:.48rem!important}.hand-status-card{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto 1fr auto!important;grid-template-areas:"label state" "detail detail" "detail detail" "controls controls"!important;align-content:stretch!important;align-items:start!important;gap:5px!important;width:100%!important;height:100%!important;min-height:0!important;max-height:118px!important;padding:7px 8px!important;border-radius:7px!important;background:linear-gradient(180deg,#102237,#071522)!important}.hand-status-card span{display:block!important;grid-area:label!important;font-size:.46rem!important;line-height:1!important;color:#9fb4cc!important;letter-spacing:.12em!important;text-transform:uppercase!important}.hand-status-card strong{grid-area:state!important;margin:0!important;text-align:right!important;font-size:.7rem!important;line-height:1!important;color:#eaf4ff!important;white-space:normal!important}.hand-status-card small{grid-area:detail!important;display:block!important;overflow:hidden!important;color:#dcecff!important;font-size:.58rem!important;font-weight:900!important;line-height:1.12!important}.ghost-controls{grid-area:controls!important;display:grid!important;grid-template-columns:56px 1fr!important;gap:4px!important;align-self:end!important;margin-top:2px!important}.ghost-controls select{width:100%!important;height:25px!important;min-width:0!important;padding:3px 4px!important;border-radius:6px!important;font-size:.56rem!important}.ghost-controls button{width:100%!important;min-height:25px!important;height:auto!important;padding:3px 5px!important;border-radius:6px!important;font-size:.55rem!important;line-height:1!important;white-space:normal!important}.resume-hand{grid-column:1 / -1!important}.hand-zone.hand-active .hand-status-card{border-color:#42617c!important}.hand-zone.hand-playable .hand-status-card{border-color:#39ce7d!important;background:linear-gradient(180deg,#0d3420,#071b10)!important}.hand-zone.hand-ghost .hand-status-card{border-color:#83b7ff!important;background:linear-gradient(180deg,#123b66,#071a2e)!important;box-shadow:inset 0 0 9px #83b7ff22!important}.hand-zone.hand-degraded .hand-status-card{border-color:#ff9b45!important;background:linear-gradient(180deg,#4a260b,#160c05)!important;box-shadow:inset 0 0 9px #ff9b4524!important}.hand-zone.hand-final .hand-status-card,.hand-status-card[hidden]{display:none!important}.hand-zone.hand-final .hand-zone-frame{grid-template-columns:1fr!important;grid-template-areas:"left"!important}@media(max-width:1000px){.hand-zone-frame{grid-template-columns:1fr!important;grid-template-areas:"left" "status"!important}.hand-status-card{max-height:none!important}.hand-main-panel{grid-template-columns:92px minmax(0,1fr) 100px!important}.ghost-controls{grid-template-columns:70px 1fr auto!important}.resume-hand{grid-column:auto!important}}@media(max-width:760px){.hand-main-panel{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto auto!important;grid-template-areas:"slot1" "slot2" "slot4" "slot3" "slot5"!important}.hand-slot-1{align-items:flex-start!important;flex-direction:column!important}.hand-slot-1 .hand-instruction{white-space:normal!important}.hand-alert{white-space:normal!important;max-height:none!important}.ghost-controls{grid-template-columns:1fr!important}}/* v13226HandCorrectionsCss: corrections strictes Votre main/Fantome/arena */
.table-arena{min-height:132px!important;padding:5px 8px 6px!important}
.table-arena #table-cards{min-height:96px!important;padding:4px 14px 8px!important;gap:16px!important;align-items:center!important}
.table-arena .card,.normal-card-lane>.card,.normal-card-best>.card,.battle-layer>.card{width:62px!important;height:80px!important;border-radius:8px!important;padding:5px!important}
.table-arena .card .card-corner{top:3px!important;left:4px!important}
.table-arena .card .card-corner b,.table-arena .card .card-corner em{font-size:.68rem!important}
.table-arena .card>strong{font-size:1.16rem!important}
.table-arena .card span{font-size:.44rem!important}
.battle-stack{height:84px!important}
.arena-player-lane{min-width:80px!important;gap:3px!important}
.arena-player-name{min-height:18px!important;padding:3px 7px!important;font-size:.6rem!important}
.hand-zone{margin-top:4px!important;padding:4px 6px!important}
.hand-zone-frame{grid-template-columns:minmax(0,1fr) 236px!important;align-items:stretch!important}
.hand-main-panel{grid-template-columns:98px minmax(0,1fr) 106px!important;grid-template-rows:auto minmax(0,1fr) 76px!important;grid-template-areas:"slot1 slot1 slot1" "slot2 slot2 slot2" "slot3 slot4 slot5"!important;align-items:stretch!important}
.hand-main-panel:has(.hand-alert[hidden]){grid-template-rows:auto 76px!important;grid-template-areas:"slot1 slot1 slot1" "slot3 slot4 slot5"!important}
.hand-alert:not([hidden]){display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:0!important;height:100%!important;max-height:none!important;padding:4px 8px!important;font-size:.72rem!important;line-height:1.05!important;white-space:normal!important}
.hand-slot-4.hand{width:100%!important;min-width:0!important;min-height:76px!important;justify-self:stretch!important;align-self:center!important;display:flex!important;justify-content:center!important;align-items:center!important;align-content:center!important;place-content:center!important;gap:7px!important;margin:0 auto!important}
.hand-slot-4.hand .card{width:62px!important;height:80px!important;border-radius:8px!important;padding:5px!important}
.hand-status-card{height:100%!important;min-height:0!important;max-height:none!important;align-self:stretch!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;grid-template-areas:"label" "state" "detail" "controls"!important;align-content:stretch!important;padding:8px 9px!important}
.hand-status-card span{font-size:.56rem!important;line-height:1.05!important}
.hand-status-card strong{text-align:left!important;font-size:.98rem!important;line-height:1.06!important}
.hand-status-card small{font-size:.74rem!important;line-height:1.18!important;overflow:visible!important;align-self:stretch!important;color:#eef6ff!important}
.hand-zone.hand-ghost .hand-status-card strong,.hand-zone.hand-degraded .hand-status-card strong{font-size:1.02rem!important}
.hand-zone.hand-ghost .hand-status-card small,.hand-zone.hand-degraded .hand-status-card small{font-size:.76rem!important}
.ghost-controls{grid-template-columns:64px 1fr!important;gap:5px!important;align-self:end!important}
.ghost-controls select{height:29px!important;font-size:.62rem!important}
.ghost-controls button{min-height:29px!important;font-size:.62rem!important;line-height:1.05!important}
@media(max-width:1000px){.hand-zone-frame{grid-template-columns:1fr!important}.hand-status-card{min-height:96px!important}.hand-main-panel,.hand-main-panel:has(.hand-alert[hidden]){grid-template-columns:92px minmax(0,1fr) 100px!important}}
@media(max-width:760px){.hand-main-panel,.hand-main-panel:has(.hand-alert[hidden]){grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto auto!important;grid-template-areas:"slot1" "slot2" "slot4" "slot3" "slot5"!important}.hand-alert:not([hidden]){height:auto!important}}/* v13227StrictMockupCss: respect strict de la maquette utilisateur validee */
.table-arena{min-height:108px!important;padding:4px 8px 4px!important}
.table-arena .arena-header{margin-bottom:1px!important}
.table-arena #table-cards{min-height:78px!important;padding:0 14px 3px!important;align-items:flex-start!important;align-content:flex-start!important;gap:14px!important}
.arena-player-lane{align-self:start!important;align-content:start!important;justify-content:start!important}
.arena-player-name{margin-bottom:2px!important}
.battle-stack{height:80px!important}
.hand-zone{padding:4px 6px!important}
.hand-zone-frame{grid-template-columns:minmax(0,1fr) 236px!important;gap:6px!important}
.hand-main-panel{grid-template-columns:180px 96px minmax(0,1fr) 104px!important;grid-template-rows:auto 76px!important;grid-template-areas:"slot1 slot1 slot1 slot1" "slot2 slot3 slot4 slot5"!important;gap:4px 8px!important;align-items:stretch!important}
.hand-main-panel:has(.hand-alert[hidden]){grid-template-columns:96px minmax(0,1fr) 104px!important;grid-template-rows:auto 76px!important;grid-template-areas:"slot1 slot1 slot1" "slot3 slot4 slot5"!important}
.hand-slot-2{grid-area:slot2!important}
.hand-alert:not([hidden]){display:flex!important;align-items:center!important;justify-content:flex-start!important;height:100%!important;min-height:76px!important;max-height:none!important;margin:0!important;padding:7px 9px!important;border:2px solid #9a6a2b!important;border-radius:8px!important;background:linear-gradient(180deg,#3a2a12,#211707)!important;color:#ffe3a1!important;font-size:.78rem!important;font-weight:900!important;line-height:1.12!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important}
.hand-alert:not([hidden])::before{content:none!important;display:none!important}
.hand-alert:not([hidden]).error{border-color:#b97828!important;background:linear-gradient(180deg,#3a2a12,#211707)!important;color:#ffe3a1!important}
.hand-slot-3{justify-self:end!important;transform:translateX(20px)!important}
.hand-slot-5{justify-self:start!important;transform:translateX(-20px)!important}
.hand-slot-4.hand{position:relative!important;z-index:3!important;justify-self:stretch!important;justify-content:center!important;align-items:center!important;min-height:76px!important;transform:translateX(38px)!important}
.hand-main-panel:has(.hand-alert[hidden]) .hand-slot-4.hand{transform:translateX(121px)!important}
.hand-main-panel:has(.hand-alert:not([hidden])) .hand-slot-4.hand{transform:translateX(38px)!important}
.deck-fan,.won-fan{min-height:60px!important}
.personal-pile{min-height:72px!important}
.hand-status-card{min-height:0!important;height:100%!important}
@media(max-width:1000px){.hand-zone-frame{grid-template-columns:1fr!important}.hand-main-panel,.hand-main-panel:has(.hand-alert[hidden]){grid-template-columns:96px minmax(0,1fr) 104px!important;grid-template-areas:"slot1 slot1 slot1" "slot3 slot4 slot5"!important}.hand-alert:not([hidden]){grid-column:1 / -1!important;min-height:46px!important}.hand-slot-3,.hand-slot-5,.hand-slot-4.hand,.hand-main-panel:has(.hand-alert[hidden]) .hand-slot-4.hand,.hand-main-panel:has(.hand-alert:not([hidden])) .hand-slot-4.hand{transform:none!important}}
@media(max-width:760px){.hand-main-panel,.hand-main-panel:has(.hand-alert[hidden]){grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto auto!important;grid-template-areas:"slot1" "slot2" "slot4" "slot3" "slot5"!important}.hand-alert:not([hidden]){height:auto!important;min-height:42px!important}.hand-slot-3,.hand-slot-5{justify-self:center!important;transform:none!important}}/* v13229FinalMockupCss: correction visible finale sans reinterpretation */
.table-arena{min-height:92px!important;padding:2px 8px 3px!important}
.table-arena::before{inset:6px 42px!important}
.table-arena .arena-header{margin:0!important;min-height:0!important;align-items:flex-start!important}
.table-arena .arena-header h3{font-size:.72rem!important;line-height:1!important;margin:0!important}
.table-arena .arena-header small{font-size:.58rem!important;line-height:1!important;padding:3px 7px!important}
.table-arena #table-cards{min-height:70px!important;padding:0 14px 1px!important;align-items:flex-start!important;align-content:flex-start!important;gap:14px!important}
.arena-player-lane{grid-template-rows:auto auto!important;align-self:start!important;align-items:start!important;align-content:start!important;gap:0!important}
.arena-player-name{margin:0!important;transform:translateY(-2px)!important}
.normal-card-lane>.card,.normal-card-best>.card{margin-top:-3px!important}
.battle-stack{top:-3px!important;height:74px!important}
.battle-layer{top:-2px!important}
.hand-main-panel,.hand-main-panel:has(.hand-alert[hidden]),.hand-main-panel:has(.hand-alert:not([hidden])){grid-template-columns:180px 112px minmax(0,1fr) 112px!important;grid-template-rows:auto 76px!important;grid-template-areas:"slot1 slot1 slot1 slot1" "slot2 slot3 slot4 slot5"!important;gap:4px 8px!important}
.hand-slot-2{grid-area:slot2!important}
.hand-alert[hidden]{display:none!important}
.hand-alert:not([hidden]){display:flex!important;align-items:center!important;justify-content:flex-start!important;height:76px!important;min-height:76px!important;max-height:76px!important;margin:0!important;padding:7px 9px!important;border:2px solid #9a6a2b!important;border-radius:8px!important;background:linear-gradient(180deg,#3a2a12,#211707)!important;color:#ffe3a1!important;font-size:.78rem!important;font-weight:900!important;line-height:1.12!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important}
.hand-alert:not([hidden])::before{content:none!important;display:none!important}
.hand-slot-3{justify-self:end!important;transform:translateX(30px)!important}
.hand-slot-5{justify-self:start!important;transform:translateX(-22px)!important}
.hand-slot-4.hand,.hand-main-panel:has(.hand-alert[hidden]) .hand-slot-4.hand,.hand-main-panel:has(.hand-alert:not([hidden])) .hand-slot-4.hand{position:relative!important;z-index:3!important;justify-self:stretch!important;justify-content:center!important;align-items:center!important;min-height:76px!important;transform:translateX(0)!important}
.deck-fan,.won-fan{min-height:60px!important}
@media(max-width:1000px){.hand-zone-frame{grid-template-columns:1fr!important}.hand-main-panel,.hand-main-panel:has(.hand-alert[hidden]),.hand-main-panel:has(.hand-alert:not([hidden])){grid-template-columns:96px minmax(0,1fr) 104px!important;grid-template-areas:"slot1 slot1 slot1" "slot3 slot4 slot5"!important}.hand-alert:not([hidden]){grid-column:1 / -1!important;height:auto!important;min-height:46px!important;max-height:none!important}.hand-slot-3,.hand-slot-5,.hand-slot-4.hand,.hand-main-panel:has(.hand-alert[hidden]) .hand-slot-4.hand,.hand-main-panel:has(.hand-alert:not([hidden])) .hand-slot-4.hand{transform:none!important}}
@media(max-width:760px){.hand-main-panel,.hand-main-panel:has(.hand-alert[hidden]),.hand-main-panel:has(.hand-alert:not([hidden])){grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto auto!important;grid-template-areas:"slot1" "slot2" "slot4" "slot3" "slot5"!important}.hand-alert:not([hidden]){height:auto!important;min-height:42px!important}}/* v13230ArenaStackingCss: arena centrale a hauteur fixe et cartes BATAYO au-dessus des lignes */
.table-arena{position:relative!important;isolation:isolate!important;height:92px!important;min-height:92px!important;max-height:92px!important;overflow:visible!important;padding:2px 8px 3px!important}
.table-arena::before{z-index:0!important;pointer-events:none!important}
.table-arena .arena-header{position:relative!important;z-index:20!important;height:14px!important;min-height:14px!important;max-height:14px!important;margin:0!important}
.table-arena .arena-header h3{line-height:1!important;margin:0!important}
.table-arena .arena-header small{line-height:1!important;margin:0!important}
.table-arena #table-cards{position:relative!important;z-index:30!important;height:70px!important;min-height:70px!important;max-height:70px!important;overflow:visible!important;padding:0 14px 0!important;align-items:flex-start!important;align-content:flex-start!important}
.arena-player-lane{position:relative!important;z-index:40!important;height:70px!important;min-height:70px!important;max-height:70px!important;overflow:visible!important;align-self:start!important}
.arena-player-name{position:relative!important;z-index:90!important;margin:0!important;transform:translateY(-3px)!important}
.battle-stack{position:relative!important;z-index:120!important;height:64px!important;min-height:64px!important;max-height:64px!important;overflow:visible!important;top:-5px!important}
.battle-layer{z-index:calc(200 + var(--layer))!important;top:-2px!important}
.battle-layer>.card,.normal-card-lane>.card,.normal-card-best>.card,.table-arena .card{position:relative!important;z-index:220!important}
.battle-layer:hover{z-index:500!important}
/* v13231ArenaHeightCss: hauteur normale restauree et animations au premier plan */
.play-grid,.table-arena,.table-arena #table-cards,.arena-player-lane,.battle-stack{overflow:visible!important}
.table-arena{position:relative!important;isolation:isolate!important;z-index:9000!important;height:108px!important;min-height:108px!important;max-height:108px!important;padding:3px 8px 4px!important}
.table-arena::before{z-index:0!important;pointer-events:none!important}
.table-arena .arena-header{position:relative!important;z-index:9010!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important}
.table-arena .arena-header h3{line-height:1!important;margin:0!important}
.table-arena .arena-header small{line-height:1!important;margin:0!important}
.table-arena #table-cards{position:relative!important;z-index:9020!important;height:86px!important;min-height:86px!important;max-height:86px!important;padding:0 14px 2px!important;align-items:flex-start!important;align-content:flex-start!important}
.arena-player-lane{position:relative!important;z-index:9030!important;height:86px!important;min-height:86px!important;max-height:86px!important;align-self:start!important}
.arena-player-name{position:relative!important;z-index:9040!important;margin:0!important;transform:translateY(-3px)!important}
.battle-stack{position:relative!important;z-index:10000!important;height:78px!important;min-height:78px!important;max-height:78px!important;top:-4px!important}
.battle-layer{z-index:10050!important;top:-2px!important;filter:drop-shadow(0 6px 8px #000c)!important}
.battle-layer>.card,.normal-card-lane>.card,.normal-card-best>.card,.table-arena .card{position:relative!important;z-index:10060!important}
.battle-layer:hover{z-index:10100!important}
/* v13232FinalArenaLayerCss: fond complet de l'arene derriere, message final devant */
.table-arena.match-final-mode{position:relative!important;isolation:isolate!important;z-index:9000!important;overflow:visible!important;background:radial-gradient(ellipse at center,#173451 0,#10263c 45%,#08131f 100%)!important}
.table-arena.match-final-mode::before{content:""!important;position:absolute!important;inset:6px 42px!important;z-index:0!important;border:2px solid #f5bd4e30!important;border-radius:50%!important;box-shadow:inset 0 0 30px #f5bd4e12!important;pointer-events:none!important}
.table-arena.match-final-mode .arena-header{position:relative!important;z-index:9010!important}
.table-arena.match-final-mode #table-cards{position:relative!important;z-index:9020!important;display:flex!important;align-items:center!important;justify-content:center!important;height:86px!important;min-height:86px!important;max-height:86px!important;overflow:visible!important;padding:0 14px 2px!important}
.table-arena.match-final-mode #table-cards::before{content:""!important;position:absolute!important;left:2.8%!important;right:2.8%!important;top:8px!important;bottom:8px!important;z-index:0!important;border:1px solid #8d671d55!important;border-radius:50%!important;background:radial-gradient(ellipse at center,#17355288 0%,#10273dcc 48%,#0b203200 76%)!important;pointer-events:none!important}
.table-arena.match-final-mode .match-final-arena{position:relative!important;z-index:10080!important;align-self:center!important;margin:0 auto!important;width:min(680px,92%)!important;transform:translateY(-1px)!important;box-shadow:0 0 26px #f5bd4e55,0 12px 26px #000b!important}
/* v13300TablePlaceholdersCss: table nettoyee et emplacements pointilles par joueur attendu */
.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-ready{gap:18px!important;justify-content:center!important}
.arena-placeholder-lane{position:relative!important;z-index:10020!important;opacity:1!important}
.card-slot-placeholder{position:relative!important;z-index:10030!important;width:62px!important;height:80px!important;border:2px dashed #f5bd4ecc!important;border-radius:8px!important;background:linear-gradient(180deg,#10263c88,#071522bb)!important;box-shadow:inset 0 0 18px #f5bd4e18,0 6px 12px #0007!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px!important;color:#ffe19a!important;text-align:center!important;font-size:.56rem!important;font-weight:1000!important;line-height:1.05!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.card-slot-placeholder::before{content:""!important;position:absolute!important;inset:7px!important;border:1px dashed #cbd7e466!important;border-radius:5px!important;pointer-events:none!important}
.card-slot-placeholder span{position:relative!important;z-index:1!important;max-width:54px!important}
.arena-ready .card-slot-placeholder{border-color:#39ce7dcc!important;background:linear-gradient(180deg,#0d342088,#071b10cc)!important;color:#c9ffd9!important;box-shadow:inset 0 0 18px #39ce7d20,0 0 18px #39ce7d35!important;animation:arenaReadyPulse 900ms ease-in-out infinite}
.arena-own-choice-card{outline:2px solid #39ce7dcc!important;box-shadow:0 0 22px #39ce7d55,0 10px 20px #0009!important}
.battle-placeholder-layer{filter:none!important}
.battle-placeholder-layer .card-slot-placeholder{transform:translateY(-2px)!important}
/* v13500ArenaRevealCss: replay des cartes resolues avant les emplacements attendus */
.table-arena #table-cards.arena-resolved{display:grid!important;grid-template-columns:1fr repeat(4,max-content) 1fr!important;gap:14px!important;justify-content:center!important;align-items:start!important}
.round-result-message{grid-column:1/-1!important;justify-self:center!important;position:relative!important;z-index:10120!important;min-width:min(420px,92%)!important;margin:0 auto 1px!important;padding:5px 14px!important;border:1px solid #f5bd4ecc!important;border-radius:999px!important;background:linear-gradient(180deg,#3c2b08,#130e05)!important;color:#fff2c2!important;text-align:center!important;font-size:.78rem!important;font-weight:1000!important;letter-spacing:.04em!important;box-shadow:0 0 18px #f5bd4e40,0 8px 18px #0009!important}
.resolved-card-lane{position:relative!important;z-index:10100!important;animation:resolvedCardReveal 180ms ease-out both}
.resolved-winning-card{filter:drop-shadow(0 0 12px #f5bd4e88)!important}
.hand .card:not(.playable-card):hover,.hand .card:not(.playable-card):focus{transform:none!important;box-shadow:0 9px 22px #0006!important;outline:none!important}
.hand .card.playable-card{cursor:pointer!important;touch-action:manipulation!important;transition:transform .12s ease,box-shadow .12s ease,outline-color .12s ease!important}
.hand .card.playable-card:hover,.hand .card.playable-card:focus-visible{transform:translateY(-7px)!important;box-shadow:0 14px 24px #0009,0 0 18px #39ce7d35!important;outline:2px solid #39ce7dcc!important}
@keyframes resolvedCardReveal{from{transform:translateY(6px);opacity:.72}to{transform:translateY(0);opacity:1}}
@media(max-width:760px){.table-arena #table-cards.arena-resolved{grid-template-columns:repeat(2,max-content)!important}.round-result-message{grid-column:1/-1!important;font-size:.7rem!important}}
/* v13600ArenaReadableFlowCss: arene plus haute et message central reserve sous le titre */
.table-arena{height:136px!important;min-height:136px!important;max-height:136px!important;padding:4px 8px 6px!important;overflow:visible!important}
.table-arena::before{inset:10px 42px 8px!important}
.table-arena .arena-header{height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;align-items:flex-start!important}
.table-arena .arena-header h3{line-height:1.05!important;margin:0!important}
.table-arena .arena-header small{align-self:flex-start!important;max-width:42%!important;line-height:1!important;padding:3px 7px!important}
.table-arena #table-cards{position:relative!important;z-index:9020!important;height:110px!important;min-height:110px!important;max-height:110px!important;padding:1px 14px 5px!important;overflow:visible!important;align-items:flex-start!important;align-content:flex-start!important;justify-content:center!important}
.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting{display:flex!important;height:110px!important;min-height:110px!important;max-height:110px!important;gap:18px!important;align-items:flex-start!important;align-content:flex-start!important;padding-top:16px!important}
.table-arena #table-cards.arena-resolved{display:grid!important;grid-template-columns:repeat(4,max-content)!important;grid-template-rows:28px 82px!important;gap:1px 16px!important;justify-content:center!important;align-items:start!important;align-content:start!important;padding-top:0!important}
.round-result-message{grid-column:1/-1!important;grid-row:1!important;align-self:start!important;justify-self:center!important;min-width:min(420px,88%)!important;max-width:min(520px,92%)!important;margin:0 auto!important;padding:5px 14px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.table-arena #table-cards.arena-resolved .resolved-card-lane{grid-row:2!important;height:82px!important;min-height:82px!important;max-height:82px!important;align-self:start!important}
.table-arena #table-cards.arena-resolved .resolved-card-lane>.arena-player-name{transform:none!important;margin:0 0 1px!important}
.table-arena #table-cards.arena-resolved .resolved-card-lane>.card,.table-arena #table-cards.arena-resolved .resolved-card-lane .normal-card-best>.card{margin-top:0!important}
.table-arena #table-cards:not(.arena-resolved) .normal-card-lane,.table-arena #table-cards:not(.arena-resolved) .arena-placeholder-lane{height:88px!important;min-height:88px!important;max-height:88px!important}
.table-arena #table-cards:not(.arena-resolved) .normal-card-lane>.card,.table-arena #table-cards:not(.arena-resolved) .normal-card-best>.card{margin-top:0!important}
.battle-lane,.arena-player-lane{height:88px!important;min-height:88px!important;max-height:88px!important;overflow:visible!important}
.battle-stack{height:82px!important;min-height:82px!important;max-height:82px!important;top:0!important;overflow:visible!important}
.battle-layer{top:0!important}
.card-slot-placeholder{margin-top:0!important}
@media(max-width:760px){.table-arena{height:186px!important;min-height:186px!important;max-height:186px!important}.table-arena #table-cards{height:160px!important;min-height:160px!important;max-height:160px!important}.table-arena #table-cards.arena-resolved{grid-template-columns:repeat(2,max-content)!important;grid-template-rows:28px 82px 82px!important}.round-result-message{white-space:normal!important;line-height:1.05!important}.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting{flex-wrap:wrap!important;height:160px!important;min-height:160px!important;max-height:160px!important;padding-top:10px!important}}
/* v13800StrictArenaMockupCss: maquette stricte titre, message, joueurs et cartes */
.table-arena{position:relative!important;isolation:isolate!important;height:158px!important;min-height:158px!important;max-height:158px!important;padding:4px 8px 5px!important;overflow:hidden!important}
.table-arena::before{inset:14px 42px 8px!important;z-index:0!important}
.table-arena .arena-header{position:absolute!important;left:8px!important;right:8px!important;top:4px!important;z-index:9050!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;pointer-events:none!important}
.table-arena .arena-header h3{margin:0!important;line-height:1!important;font-size:.8rem!important}
.table-arena .arena-header small{align-self:flex-start!important;max-width:34%!important;margin:0!important;padding:3px 8px!important;line-height:1!important;font-size:.62rem!important;pointer-events:auto!important}
.arena-message{position:absolute!important;left:14px!important;top:30px!important;z-index:9060!important;width:min(330px,34vw)!important;min-height:20px!important;padding:4px 12px!important;border:1px solid #f5bd4ecc!important;border-radius:999px!important;background:linear-gradient(180deg,#3c2b08,#130e05)!important;color:#fff2c2!important;text-align:center!important;font-size:.74rem!important;font-weight:1000!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:0 0 18px #f5bd4e35,0 7px 14px #0009!important}
.arena-message[hidden]{display:none!important}
.round-result-message{display:none!important}
.table-arena #table-cards{position:absolute!important;left:0!important;right:0!important;top:20px!important;z-index:9020!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;align-content:flex-start!important;gap:16px!important;height:124px!important;min-height:124px!important;max-height:124px!important;padding:0 14px!important;overflow:visible!important}
.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:flex-start!important;align-content:flex-start!important;gap:16px!important;height:124px!important;min-height:124px!important;max-height:124px!important;padding:0 14px!important}
.table-arena #table-cards.arena-cleared{align-items:center!important}
.battle-lane,.arena-player-lane,.table-arena #table-cards:not(.arena-resolved) .normal-card-lane,.table-arena #table-cards:not(.arena-resolved) .arena-placeholder-lane,.table-arena #table-cards.arena-resolved .resolved-card-lane{position:relative!important;z-index:9080!important;display:grid!important;grid-template-rows:16px 82px!important;justify-items:center!important;align-items:start!important;gap:0!important;width:80px!important;min-width:80px!important;height:100px!important;min-height:100px!important;max-height:100px!important;margin:0!important;overflow:visible!important}
.arena-player-name,.battle-lane>small,.normal-card-lane>small{grid-row:1!important;position:relative!important;z-index:9090!important;display:flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:74px!important;min-height:14px!important;height:14px!important;margin:0 0 1px!important;padding:1px 7px!important;border:1px solid #5b7b99!important;border-radius:999px!important;background:#061a2cf5!important;color:#d8e8f7!important;text-align:center!important;font-size:.58rem!important;font-weight:1000!important;line-height:1!important;transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.normal-card-lane>.card,.normal-card-best>.card,.table-arena .card-slot-placeholder,.table-arena .arena-own-choice-card{grid-row:2!important;margin-top:0!important;align-self:start!important}
.table-arena .card,.normal-card-lane>.card,.normal-card-best>.card,.battle-layer>.card{width:62px!important;height:80px!important;min-height:80px!important}
.normal-card-best{grid-row:2!important;position:relative!important;margin-top:0!important}
.battle-stack{grid-row:2!important;position:relative!important;top:0!important;width:80px!important;height:82px!important;min-height:82px!important;max-height:82px!important;overflow:visible!important}
.battle-layer{top:0!important}
.battle-placeholder-layer .card-slot-placeholder{transform:none!important}
.card-slot-placeholder{width:62px!important;height:80px!important;margin-top:0!important}
.table-arena.match-final-mode #table-cards{top:24px!important;height:118px!important;min-height:118px!important;max-height:118px!important;align-items:center!important}
.table-arena.match-final-mode #table-cards::before{top:4px!important;bottom:4px!important}
@media(max-width:760px){.table-arena{height:206px!important;min-height:206px!important;max-height:206px!important}.arena-message{top:27px!important;left:10px!important;width:min(330px,calc(100% - 20px))!important}.table-arena .arena-header small{max-width:44%!important}.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{top:54px!important;height:142px!important;min-height:142px!important;max-height:142px!important;flex-wrap:wrap!important;gap:8px 14px!important}}
/* v13900ArenaDedupAndHeightCss: joueurs uniques, placeholders stables, arene reduite de 1/8 carte */
.table-arena{height:148px!important;min-height:148px!important;max-height:148px!important}
.table-arena::before{inset:13px 42px 7px!important}
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{top:20px!important;height:114px!important;min-height:114px!important;max-height:114px!important}
.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting{gap:14px!important}
.battle-lane,.arena-player-lane,.table-arena #table-cards:not(.arena-resolved) .normal-card-lane,.table-arena #table-cards:not(.arena-resolved) .arena-placeholder-lane,.table-arena #table-cards.arena-resolved .resolved-card-lane{height:98px!important;min-height:98px!important;max-height:98px!important}
.arena-placeholder-lane .card-slot-placeholder{display:flex!important}
.battle-placeholder-layer .card-slot-placeholder{position:relative!important;z-index:10100!important}
@media(max-width:760px){.table-arena{height:196px!important;min-height:196px!important;max-height:196px!important}.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{top:50px!important;height:136px!important;min-height:136px!important;max-height:136px!important}}
/* v14000BattleSpacingCss: piles BATAYO espacees selon le nombre reel de cartes, arene reduite d'un huitieme */
.table-arena{height:138px!important;min-height:138px!important;max-height:138px!important}
.table-arena::before{inset:12px 42px 7px!important}
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{top:20px!important;height:104px!important;min-height:104px!important;max-height:104px!important;gap:20px!important}
.battle-lane.arena-player-lane{width:var(--battle-stack-width,80px)!important;min-width:var(--battle-stack-width,80px)!important;max-width:none!important;height:98px!important;min-height:98px!important;max-height:98px!important}
.battle-lane.arena-player-lane>.arena-player-name{max-width:min(100%,90px)!important}
.battle-stack{width:var(--battle-stack-width,62px)!important;min-width:var(--battle-stack-width,62px)!important;max-width:none!important;height:82px!important;min-height:82px!important;max-height:82px!important;overflow:visible!important}
.battle-layer{position:absolute!important;left:calc(var(--layer)*var(--battle-gap,68px))!important;top:0!important;z-index:calc(10200 + var(--layer))!important}
.battle-layer>.card,.battle-layer>.card-slot-placeholder{position:relative!important;z-index:10210!important}
.battle-placeholder-layer .card-slot-placeholder{display:flex!important}
@media(max-width:760px){.table-arena{height:186px!important;min-height:186px!important;max-height:186px!important}.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{top:50px!important;height:126px!important;min-height:126px!important;max-height:126px!important;gap:14px!important}.battle-lane.arena-player-lane{max-width:100%!important}}
/* v14100ArenaStateFlowCss: message reserve, table sans libelle vide, BATAYO recouvert aux trois quarts */
.table-arena{height:158px!important;min-height:158px!important;max-height:158px!important;overflow:hidden!important}
.table-arena::before{inset:14px 42px 8px!important}
.table-arena .arena-header{position:absolute!important;left:8px!important;right:8px!important;top:4px!important;height:18px!important;min-height:18px!important;max-height:18px!important;z-index:9050!important}
.arena-message{left:8px!important;top:26px!important;width:min(360px,42vw)!important;min-height:20px!important;z-index:9060!important}
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{top:52px!important;height:96px!important;min-height:96px!important;max-height:96px!important;gap:24px!important;overflow:visible!important}
.table-arena #table-cards:empty{display:flex!important}
.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting{justify-content:center!important}
.arena-ready .card-slot-placeholder{animation:none!important}
.battle-lane.arena-player-lane{width:var(--battle-stack-width,80px)!important;min-width:var(--battle-stack-width,80px)!important;max-width:none!important;height:96px!important;min-height:96px!important;max-height:96px!important}
.battle-stack{width:var(--battle-stack-width,62px)!important;min-width:var(--battle-stack-width,62px)!important;max-width:none!important;height:82px!important;min-height:82px!important;max-height:82px!important}
.battle-layer{left:calc(var(--layer)*var(--battle-gap,16px))!important;top:0!important}
.battle-layer>.card,.battle-layer>.card-slot-placeholder{box-shadow:0 8px 14px #0009!important}
.battle-best{animation:batayoWinner 700ms ease-in-out 1!important}
.normal-card-best{animation:batayoWinner 700ms ease-in-out 1!important}
.battle-tie{animation:batayoTiePulse 700ms ease-in-out 1!important}
@keyframes batayoTiePulse{50%{transform:translateY(-6px) scale(1.035);filter:drop-shadow(0 0 10px #5da7d6)}}
@media(max-width:760px){.table-arena{height:206px!important;min-height:206px!important;max-height:206px!important}.arena-message{top:27px!important;left:10px!important;width:min(330px,calc(100% - 20px))!important}.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{top:58px!important;height:138px!important;min-height:138px!important;max-height:138px!important;gap:14px!important;flex-wrap:wrap!important}}
/* v14900ArenaV13230NoEmptyCss: restaure uniquement l'arene centrale sur la reference jointe v1.32.30 */
.table-arena{position:relative!important;isolation:isolate!important;height:92px!important;min-height:92px!important;max-height:92px!important;overflow:visible!important;padding:2px 8px 3px!important}
.table-arena::before{z-index:0!important;pointer-events:none!important;inset:6px 42px!important}
.table-arena .arena-header{position:relative!important;left:auto!important;right:auto!important;top:auto!important;z-index:20!important;height:14px!important;min-height:14px!important;max-height:14px!important;margin:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;pointer-events:auto!important}
.table-arena .arena-header h3{font-size:.72rem!important;line-height:1!important;margin:0!important}
.table-arena .arena-header small{align-self:flex-start!important;max-width:70%!important;margin:0!important;line-height:1!important;padding:3px 7px!important;font-size:.58rem!important;pointer-events:auto!important}
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{position:relative!important;left:auto!important;right:auto!important;top:auto!important;z-index:30!important;display:flex!important;height:70px!important;min-height:70px!important;max-height:70px!important;overflow:visible!important;padding:0 14px 0!important;align-items:flex-start!important;align-content:flex-start!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important}
.arena-message{display:none!important}
.arena-player-lane{position:relative!important;z-index:40!important;height:70px!important;min-height:70px!important;max-height:70px!important;overflow:visible!important;align-self:start!important;display:grid!important;grid-template-rows:auto auto!important;justify-items:center!important;align-items:start!important;gap:0!important;width:80px!important;min-width:80px!important;max-width:80px!important}
.arena-player-name{position:relative!important;z-index:90!important;margin:0!important;transform:translateY(-3px)!important}
.battle-stack{position:relative!important;z-index:120!important;width:calc(62px + (var(--layers, 1) - 1)*34px)!important;min-width:62px!important;max-width:none!important;height:64px!important;min-height:64px!important;max-height:64px!important;overflow:visible!important;top:-5px!important}
.battle-layer{position:absolute!important;left:calc(var(--layer)*34px)!important;z-index:calc(200 + var(--layer))!important;top:-2px!important}
.battle-layer>.card,.normal-card-lane>.card,.normal-card-best>.card,.table-arena .card{position:relative!important;z-index:220!important;width:62px!important;height:80px!important;min-height:80px!important;border-radius:8px!important;padding:5px!important}
.normal-card-lane>.card,.normal-card-best>.card{margin-top:-3px!important}
.battle-layer:hover{z-index:500!important}
@media(max-width:760px){.table-arena{height:92px!important;min-height:92px!important;max-height:92px!important}.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{height:70px!important;min-height:70px!important;max-height:70px!important;gap:14px!important;flex-wrap:wrap!important}}
/* v15000ArenaHeightAndBattleDepthCss: arene +20px, remontee 10px, espacement BATAYO progressif */
.table-arena{height:112px!important;min-height:112px!important;max-height:112px!important;margin-top:-3px!important;overflow:visible!important;padding:2px 8px 3px!important}
.table-arena::before{inset:4px 42px!important}
.table-arena .arena-header{transform:translateY(-10px)!important}
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{transform:translateY(-10px)!important;height:90px!important;min-height:90px!important;max-height:90px!important;overflow:visible!important}
.battle-lane.arena-player-lane{height:calc(90px + var(--battle-depth-offset,0px))!important;min-height:calc(90px + var(--battle-depth-offset,0px))!important;max-height:none!important;overflow:visible!important}
.battle-lane.arena-player-lane>.arena-player-name{transform:translateY(-3px)!important;margin-bottom:3px!important}
.battle-stack{top:-5px!important;margin-top:var(--battle-depth-offset,0px)!important;height:64px!important;min-height:64px!important;max-height:64px!important;overflow:visible!important}
.battle-layer{left:calc(var(--layer)*var(--battle-gap,16px))!important;top:-2px!important}
@media(max-width:760px){.table-arena{height:112px!important;min-height:112px!important;max-height:112px!important;margin-top:-3px!important}.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{height:90px!important;min-height:90px!important;max-height:90px!important}}
/* v15100ArenaInnerSpacingCss: arene +5px, titre/contexte dans le cadre, profondeur BATAYO accentuee */
.table-arena{height:117px!important;min-height:117px!important;max-height:117px!important;margin-top:-3px!important;overflow:visible!important;padding:3px 8px 4px!important}
.table-arena::before{inset:5px 42px 4px!important}
.table-arena .arena-header{transform:translateY(-4px)!important;height:16px!important;min-height:16px!important;max-height:16px!important;align-items:flex-start!important}
.table-arena .arena-header h3{padding-top:1px!important}
.table-arena .arena-header small{padding:3px 7px!important;transform:translateY(1px)!important}
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{transform:translateY(-5px)!important;height:95px!important;min-height:95px!important;max-height:95px!important;overflow:visible!important}
.battle-lane.arena-player-lane{height:calc(95px + var(--battle-depth-offset,0px))!important;min-height:calc(95px + var(--battle-depth-offset,0px))!important;max-height:none!important;overflow:visible!important}
.battle-lane.arena-player-lane>.arena-player-name{transform:translateY(-1px)!important;margin-bottom:6px!important}
.battle-stack{top:-3px!important;margin-top:var(--battle-depth-offset,0px)!important;height:64px!important;min-height:64px!important;max-height:64px!important;overflow:visible!important}
.battle-layer{left:calc(var(--layer)*var(--battle-gap,16px))!important;top:-2px!important}
@media(max-width:760px){.table-arena{height:117px!important;min-height:117px!important;max-height:117px!important;margin-top:-3px!important}.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{height:95px!important;min-height:95px!important;max-height:95px!important}}
/* v15200HorizontalBatayoCss: espacement horizontal BATAYO et dernier pli conserve en fin */
.table-arena .arena-header{transform:translateY(-2px)!important}
.table-arena .arena-header h3{padding-top:3px!important}
.table-arena .arena-header small{transform:translateY(3px)!important}
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{transform:translateY(-3px)!important;gap:38px!important}
.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-awaiting{gap:44px!important}
.battle-lane.arena-player-lane,.arena-player-lane{width:var(--battle-stack-width,104px)!important;min-width:var(--battle-stack-width,104px)!important;max-width:none!important;height:95px!important;min-height:95px!important;max-height:95px!important}
.battle-lane.arena-player-lane>.arena-player-name{transform:translateY(-1px)!important;margin-bottom:4px!important}
.battle-stack{top:-2px!important;margin-top:0!important;height:64px!important;min-height:64px!important;max-height:64px!important}
.battle-layer{left:calc(var(--layer)*var(--battle-gap,28px))!important;top:-2px!important}
.final-observation-mode #table-cards{justify-content:center!important}
.final-observation-mode .arena-player-lane{filter:drop-shadow(0 10px 16px #0009)!important}
@media(max-width:760px){.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{gap:18px!important;flex-wrap:wrap!important}.battle-lane.arena-player-lane,.arena-player-lane{max-width:100%!important}}
/* v15400BatayoStallAndOverlapCss: auto-avance IA et piles BATAYO plus lisibles */
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{gap:54px!important}
.battle-lane.arena-player-lane{width:var(--battle-stack-width,92px)!important;min-width:var(--battle-stack-width,92px)!important;max-width:none!important}
.battle-stack{width:var(--battle-stack-width,62px)!important;min-width:var(--battle-stack-width,62px)!important;max-width:none!important}
.battle-layer{left:calc(var(--layer)*var(--battle-gap,20px))!important;top:-2px!important}
.battle-layer>.card{box-shadow:0 4px 9px #000b,0 0 0 1px #0004!important}
.battle-layer:not(:last-child)>.card{filter:saturate(.92) brightness(.92)!important}
.battle-layer:last-child>.card{box-shadow:0 7px 15px #000d,0 0 0 2px #ffffff18!important}
.battle-lane.arena-player-lane>.arena-player-name{margin-bottom:5px!important}
@media(max-width:760px){.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{gap:24px!important}.battle-lane.arena-player-lane{max-width:100%!important}}
/* v15500StrictWaitingAndStackCoverCss: attente humaine stricte et recouvrement BATAYO renforce */
.table-arena #table-cards,.table-arena #table-cards.arena-ready,.table-arena #table-cards.arena-cleared,.table-arena #table-cards.arena-awaiting,.table-arena #table-cards.arena-resolved{gap:60px!important}
.battle-layer{left:calc(var(--layer)*var(--battle-gap,12px))!important}
.battle-layer>.card{box-shadow:0 5px 12px #000d,0 0 0 1px #0005!important}
.battle-layer:last-child>.card{transform:translateY(-1px);box-shadow:0 8px 18px #000f,0 0 0 2px #ffffff22!important}
/* v15730KeepBattleTableUntilWinnerAnimationCss: conserve la pile BATAYO jusqu'a la fin de l'animation GAGNE */
.battle-best,.normal-card-best{animation:batayoWinner 700ms ease-in-out 2!important}
.battle-placeholder-layer .card-slot-placeholder{display:flex!important;opacity:.96!important;box-shadow:inset 0 0 14px #39ce7d20,0 0 14px #39ce7d24!important}
/* v15750BatayoTieAnimationLabelCss: egalite de pli marquee BATAYO */
.battle-tie,.normal-card-tie{position:relative!important;z-index:76!important;animation:batayoTiePulse 700ms ease-in-out 2!important}
.battle-tie::after,.normal-card-tie::after{content:"BATAYO"!important;position:absolute!important;left:5px!important;right:5px!important;bottom:-20px!important;padding:3px!important;border-radius:5px!important;background:linear-gradient(180deg,#ffd76d,#c08312)!important;color:#181207!important;border:1px solid #f5bd4e!important;text-align:center!important;font-size:.5rem!important;font-weight:1000!important;letter-spacing:.08em!important;box-shadow:0 0 12px #f5bd4e66!important}
.normal-card-tie>.card{margin-top:0!important}
/* v15711BatayoAiFinalDisplayCss: piles BATAYO lisibles puis resultat de manche/final apres animation IA */
.table-arena #table-cards{gap:var(--arena-battle-group-gap,72px)!important}
.battle-lane.arena-player-lane{width:var(--battle-stack-width,116px)!important;min-width:var(--battle-stack-width,116px)!important}
.battle-stack{width:var(--battle-stack-width,96px)!important;min-width:var(--battle-stack-width,96px)!important;height:68px!important;min-height:68px!important}
.battle-layer{left:calc(var(--layer)*var(--battle-gap,21px))!important}
.battle-layer>.card{outline:1px solid #f5bd4e22!important}
.battle-best{z-index:900!important}
.battle-tie{z-index:850!important}
.match-final-mode #table-cards{height:auto!important;min-height:90px!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.manche-final-arena{border-color:#d7e0ea88!important;background:linear-gradient(180deg,#26313ddd,#0c1c2cee)!important}
@media(max-width:760px){.table-arena #table-cards{gap:calc(var(--arena-battle-group-gap,72px)*.5)!important}.battle-stack{max-width:100%!important}}
/* v15800WinningBadgeVisibilityCss: label GAGNE BATAYO aussi visible qu'un pli normal */
.battle-lane.arena-player-lane,.battle-stack,.battle-layer,.battle-best{overflow:visible!important}
.battle-best{position:absolute!important;z-index:20000!important;filter:drop-shadow(0 8px 12px #000d)!important}
.battle-best>.card{position:relative!important;z-index:20010!important;box-shadow:0 0 0 2px #d7e0ea,0 9px 18px #000e,0 0 16px #d7e0ea88!important}
.battle-best::after{content:"GAGNE"!important;position:absolute!important;left:50%!important;right:auto!important;bottom:-22px!important;z-index:20020!important;width:54px!important;min-width:54px!important;transform:translateX(-50%)!important;display:block!important;padding:4px 6px!important;border:1px solid #d7e0ea!important;border-radius:999px!important;background:linear-gradient(180deg,#f8fbff,#9ca8b4)!important;color:#101720!important;text-align:center!important;font-size:.5rem!important;font-weight:1000!important;line-height:1!important;letter-spacing:.06em!important;box-shadow:0 5px 10px #000b,0 0 10px #d7e0ea99,inset 0 0 7px #fff!important;pointer-events:none!important}
/* v15820BattleFallbackDisplayCss: affichage BATAYO garanti meme si le diagnostic detaille arrive vide */
.battle-public-fallback>.card{outline:2px solid #ffd76d55!important;box-shadow:0 7px 15px #000d,0 0 14px #f5bd4e33!important}
.battle-layer.battle-public-fallback{animation:batayoWinner 700ms ease-in-out 1!important}
/* v15850BattleArenaSpacingCss: piles BATAYO lisibles, sans chevauchement des animations */
.table-arena #table-cards.arena-battle-mode{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;align-content:flex-start!important;justify-content:center!important;gap:var(--arena-battle-group-gap,72px)!important;padding-top:14px!important;overflow:visible!important}
.table-arena #table-cards.arena-battle-mode .battle-lane.arena-player-lane{width:var(--battle-stack-width,126px)!important;min-width:var(--battle-stack-width,126px)!important;max-width:none!important;height:104px!important;min-height:104px!important;max-height:104px!important;justify-items:center!important;overflow:visible!important}
.table-arena #table-cards.arena-battle-mode .arena-player-name{margin-bottom:5px!important;transform:translateY(-1px)!important;max-width:92px!important}
.table-arena #table-cards.arena-battle-mode .battle-stack{width:var(--battle-stack-width,126px)!important;min-width:var(--battle-stack-width,126px)!important;height:88px!important;min-height:88px!important;max-height:88px!important;top:0!important;overflow:visible!important}
.table-arena #table-cards.arena-battle-mode .battle-layer{left:calc(var(--layer)*var(--battle-gap,24px))!important;top:0!important;filter:drop-shadow(0 6px 8px #000b)!important}
.table-arena #table-cards.arena-battle-mode .battle-layer>.card,.table-arena #table-cards.arena-battle-mode .battle-layer>.card-slot-placeholder{box-shadow:0 7px 15px #000d,0 0 0 1px #0006!important}
.table-arena #table-cards.arena-battle-mode .battle-layer:not(:last-child)>.card{filter:saturate(.95) brightness(.94)!important}
.table-arena #table-cards.arena-battle-mode .battle-tie::after{left:50%!important;right:auto!important;bottom:-25px!important;width:58px!important;transform:translateX(-50%)!important;z-index:20030!important}
.table-arena #table-cards.arena-battle-mode .battle-best::after{bottom:-25px!important}
@media(max-width:760px){.table-arena #table-cards.arena-battle-mode{flex-wrap:wrap!important;gap:28px 36px!important;padding-top:10px!important}.table-arena #table-cards.arena-battle-mode .battle-lane.arena-player-lane{max-width:100%!important}}
/* v16000MobileResponsiveFixCss: correction responsive smartphone uniquement, regles PC preservees */
@media(max-width:760px){
  body.game-mode main{width:100%!important;max-width:none!important;margin:2px auto!important}
  body.game-mode #game-screen{padding:4px!important;overflow-x:hidden!important}
  body.game-mode .hero{padding:4px 6px!important}
  body.game-mode .brand-controls{gap:5px!important}
  body.game-mode .brand-logo{width:82px!important;height:38px!important}
  body.game-mode .brand-controls label{font-size:.58rem!important;gap:3px!important}
  body.game-mode .brand-controls select{max-width:104px!important;padding:5px 4px!important;font-size:.65rem!important}
  body.game-mode .top-controls{gap:4px!important}
  body.game-mode .top-controls label{font-size:.58rem!important;gap:3px!important}
  body.game-mode .top-controls select{padding:5px 3px!important;font-size:.62rem!important}
  .game-players{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin:4px 0!important}
  .player-dashboard{min-width:0!important;padding:4px!important;border-radius:8px!important}
  .player-heading{font-size:.58rem!important;line-height:1.05!important}
  .player-piles{gap:1px!important;margin-top:4px!important}
  .player-piles small{font-size:.4rem!important}
  .mini-pile{width:22px!important;height:26px!important}
  .mini-pile i{width:15px!important;height:21px!important;left:calc(2px + var(--offset)*.7px)!important;top:calc(3px - var(--offset)*.7px)!important}
  .mini-pile b{inset:7px 0 auto!important;font-size:.55rem!important}
  .table-arena{width:100%!important;min-width:0!important;margin-top:4px!important}
  .table-arena .arena-header{gap:3px!important}
  .table-arena .arena-header h3{font-size:.62rem!important;letter-spacing:.03em!important}
  .table-arena .arena-header small{max-width:62%!important;padding:2px 4px!important;font-size:.45rem!important}
  .table-arena #table-cards.arena-battle-mode{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:78px!important;gap:4px!important;padding:5px 2px 0!important;align-items:start!important;justify-items:center!important;overflow:visible!important}
  .table-arena #table-cards.arena-battle-mode .battle-lane.arena-player-lane{width:100%!important;min-width:0!important;height:78px!important;min-height:78px!important;max-height:78px!important;margin:0!important;justify-items:center!important}
  .table-arena #table-cards.arena-battle-mode .arena-player-name{max-width:70px!important;margin-bottom:2px!important;font-size:.45rem!important;padding:1px 4px!important}
  .table-arena #table-cards.arena-battle-mode .battle-stack{width:78px!important;min-width:78px!important;height:58px!important;min-height:58px!important;max-height:58px!important}
  .table-arena #table-cards.arena-battle-mode .battle-layer{left:calc(var(--layer)*14px)!important;top:0!important}
  .table-arena #table-cards.arena-battle-mode .battle-layer>.card,.table-arena #table-cards.arena-battle-mode .battle-layer>.card-slot-placeholder{width:44px!important;height:58px!important;min-height:58px!important;border-radius:6px!important;padding:4px!important}
  .table-arena #table-cards.arena-battle-mode .battle-layer>.card .card-corner b,.table-arena #table-cards.arena-battle-mode .battle-layer>.card .card-corner em{font-size:.52rem!important}
  .table-arena #table-cards.arena-battle-mode .battle-layer>.card>strong{font-size:.9rem!important}
  .table-arena #table-cards.arena-battle-mode .battle-tie::after,.table-arena #table-cards.arena-battle-mode .battle-best::after{bottom:-18px!important;width:42px!important;padding:2px 3px!important;font-size:.38rem!important}
  .hand-zone{width:100%!important;min-width:0!important;padding:4px!important;overflow:hidden!important}
  .hand-zone-frame{width:100%!important;min-width:0!important}
  .hand-main-panel{width:100%!important;min-width:0!important}
  .hand-slot-1 h3{font-size:.62rem!important}
  .hand-slot-1 .hand-instruction{font-size:.58rem!important;padding:3px 5px!important;min-height:20px!important}
  .hand-slot-4.hand{width:100%!important;min-width:0!important;gap:3px!important;justify-content:space-around!important;overflow:visible!important}
  .hand-slot-4.hand .card{width:42px!important;height:56px!important;min-height:56px!important;border-radius:6px!important;padding:4px!important}
  .hand-slot-4.hand .card .card-corner b,.hand-slot-4.hand .card .card-corner em{font-size:.5rem!important}
  .hand-slot-4.hand .card>strong{font-size:.82rem!important}
  .hand-slot-4.hand .card span{font-size:.38rem!important}
  .personal-pile{min-height:62px!important}
  .deck-fan,.won-fan{width:74px!important;min-height:52px!important}
  .compact-pile-layer{width:36px!important;height:48px!important}
  .compact-pile-layer .card{width:36px!important;height:48px!important;padding:3px!important;border-radius:5px!important}
  .compact-pile-layer .card>strong{font-size:.65rem!important}
  .deck-count,.won-count{min-width:18px!important;padding:2px 3px!important;font-size:.48rem!important}
  .personal-pile>small{font-size:.43rem!important}
  .hand-status-card{font-size:.55rem!important}
}
@media(max-width:360px){
  .table-arena #table-cards.arena-battle-mode{grid-auto-rows:70px!important}
  .table-arena #table-cards.arena-battle-mode .battle-lane.arena-player-lane{height:70px!important;min-height:70px!important}
  .table-arena #table-cards.arena-battle-mode .battle-stack{width:68px!important;min-width:68px!important}
  .table-arena #table-cards.arena-battle-mode .battle-layer{left:calc(var(--layer)*11px)!important}
  .table-arena #table-cards.arena-battle-mode .battle-layer>.card,.table-arena #table-cards.arena-battle-mode .battle-layer>.card-slot-placeholder{width:40px!important;height:52px!important;min-height:52px!important}
  .hand-slot-4.hand .card{width:39px!important;height:52px!important;min-height:52px!important}
}
/* v16100MobileArenaAndHandLayoutCss: arene mobile dynamique et ordre pioche-main-gains, PC preserve */
@media(max-width:760px){
  .table-arena{height:156px!important;min-height:156px!important;max-height:none!important;overflow:visible!important}
  .table-arena #table-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:92px!important;gap:8px 4px!important;top:30px!important;height:auto!important;min-height:112px!important;max-height:none!important;padding:4px 3px!important;align-items:start!important;justify-items:center!important;overflow:visible!important}
  .table-arena #table-cards.arena-players-1,.table-arena #table-cards.arena-players-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:92px!important}
  .table-arena #table-cards.arena-players-3,.table-arena #table-cards.arena-players-4{grid-auto-rows:92px!important}
  .table-arena.arena-has-many-players{height:252px!important}
  .table-arena #table-cards .arena-player-lane,.table-arena #table-cards .battle-lane{width:100%!important;min-width:0!important;height:88px!important;min-height:88px!important;max-height:88px!important;margin:0!important;display:grid!important;grid-template-rows:16px 70px!important;justify-items:center!important;align-items:start!important;overflow:visible!important}
  .table-arena #table-cards .arena-player-name,.table-arena #table-cards .battle-lane>small{max-width:80px!important;margin:0 0 2px!important;padding:1px 5px!important;font-size:.48rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .table-arena #table-cards .battle-stack{width:76px!important;min-width:76px!important;height:70px!important;min-height:70px!important;max-height:70px!important;top:0!important}
  .table-arena #table-cards .battle-layer{left:calc(var(--layer)*13px)!important;top:0!important}
  .table-arena #table-cards .battle-layer>.card,.table-arena #table-cards .battle-layer>.card-slot-placeholder,.table-arena #table-cards .normal-card-lane>.card{width:46px!important;height:62px!important;min-height:62px!important;border-radius:6px!important;padding:4px!important}
  .table-arena #table-cards .battle-layer>.card>strong,.table-arena #table-cards .normal-card-lane>.card>strong{font-size:.9rem!important}
  .table-arena #table-cards .battle-layer>.card .card-corner b,.table-arena #table-cards .battle-layer>.card .card-corner em{font-size:.52rem!important}
  .table-arena #table-cards .battle-best::after,.table-arena #table-cards .battle-tie::after{bottom:-16px!important;width:42px!important;padding:2px 3px!important;font-size:.38rem!important}
  .hand-main-panel,.hand-main-panel:has(.hand-alert[hidden]),.hand-main-panel:has(.hand-alert:not([hidden])){grid-template-columns:minmax(46px,18vw) minmax(0,1fr) minmax(46px,18vw)!important;grid-template-rows:auto auto!important;grid-template-areas:"slot1 slot1 slot1" "slot3 slot4 slot5"!important;gap:4px!important;align-items:stretch!important}
  .hand-slot-1{grid-area:slot1!important;display:flex!important;flex-direction:row!important;align-items:center!important;min-width:0!important}
  .hand-slot-1 h3{font-size:.6rem!important;white-space:nowrap!important}
  .hand-slot-1 .hand-instruction{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.5rem!important;padding:3px 4px!important}
  .hand-slot-2{grid-area:slot2!important;grid-column:1 / -1!important}
  .hand-slot-3{grid-area:slot3!important;justify-self:center!important;transform:none!important}
  .hand-slot-4.hand{grid-area:slot4!important;display:flex!important;width:100%!important;min-width:0!important;min-height:70px!important;justify-content:center!important;align-items:end!important;gap:clamp(1px,1vw,4px)!important;overflow:visible!important;transform:none!important}
  .hand-slot-4.hand .card{width:clamp(29px,12vw,46px)!important;height:clamp(42px,16vw,62px)!important;min-height:clamp(42px,16vw,62px)!important;border-radius:6px!important;padding:3px!important}
  .hand-slot-4.hand .card .card-corner b,.hand-slot-4.hand .card .card-corner em{font-size:clamp(.38rem,1.8vw,.55rem)!important}
  .hand-slot-4.hand .card>strong{font-size:clamp(.65rem,3vw,1rem)!important}
  .hand-slot-4.hand .card span{font-size:clamp(.3rem,1.2vw,.42rem)!important}
  .hand-slot-5{grid-area:slot5!important;justify-self:center!important;transform:none!important}
  .personal-pile{min-width:0!important;min-height:62px!important;overflow:visible!important;justify-items:center!important}
  .personal-pile>small{font-size:.42rem!important;white-space:nowrap!important}
  .deck-fan,.won-fan{width:clamp(46px,18vw,70px)!important;min-height:52px!important;padding:0!important;overflow:visible!important}
  .compact-pile-layer{width:clamp(30px,11vw,42px)!important;height:clamp(42px,15vw,56px)!important}
  .compact-pile-layer .card{width:clamp(30px,11vw,42px)!important;height:clamp(42px,15vw,56px)!important;min-height:clamp(42px,15vw,56px)!important;padding:3px!important;border-radius:5px!important}
  .deck-fan .deck-layer{left:calc(2px + var(--deck-index)*3px)!important;top:calc(2px + var(--deck-index)*1px)!important}
  .won-layer{left:calc(0px + var(--won-index)*5px)!important;top:calc(2px - var(--won-index)*1px)!important}
  .deck-count,.won-count{right:-3px!important;bottom:0!important;min-width:17px!important;padding:2px 3px!important;font-size:.45rem!important}
}
@media(max-width:360px){
  .table-arena #table-cards .battle-layer{left:calc(var(--layer)*10px)!important}
  .table-arena #table-cards .battle-layer>.card,.table-arena #table-cards .battle-layer>.card-slot-placeholder,.table-arena #table-cards .normal-card-lane>.card{width:40px!important;height:56px!important;min-height:56px!important}
  .table-arena #table-cards .battle-stack{width:68px!important;min-width:68px!important}
}
/* v16200SmartphoneArenaReserveCss: smartphone CSS viewport jusqu'a 900px, PC preserve */
@media(max-width:900px){
  .table-arena{position:relative!important;overflow:visible!important;isolation:isolate!important}
  .table-arena #table-cards{position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:88px!important;grid-auto-flow:row!important;gap:8px 6px!important;align-items:start!important;align-content:start!important;justify-items:center!important;top:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:28px 4px 6px!important}
  .table-arena.arena-players-1,.table-arena.arena-players-2{height:148px!important;min-height:148px!important;max-height:none!important}
  .table-arena.arena-players-3,.table-arena.arena-players-4{height:244px!important;min-height:244px!important;max-height:none!important}
  .table-arena.arena-players-1 #table-cards,.table-arena.arena-players-2 #table-cards{grid-template-rows:88px!important;min-height:88px!important}
  .table-arena.arena-players-3 #table-cards,.table-arena.arena-players-4 #table-cards{grid-template-rows:88px 88px!important;min-height:184px!important}
  .table-arena #table-cards .arena-player-lane,.table-arena #table-cards .battle-lane{width:100%!important;min-width:0!important;height:84px!important;min-height:84px!important;max-height:84px!important;margin:0!important;display:grid!important;grid-template-rows:15px 66px!important;justify-items:center!important;align-items:start!important;overflow:visible!important}
  .table-arena #table-cards .arena-player-name,.table-arena #table-cards .battle-lane>small{max-width:92%!important;margin:0 0 1px!important;padding:1px 4px!important;font-size:.48rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .table-arena #table-cards .battle-stack{width:74px!important;min-width:74px!important;height:66px!important;min-height:66px!important;max-height:66px!important;top:0!important;overflow:visible!important}
  .table-arena #table-cards .battle-layer{top:0!important;left:calc(var(--layer)*12px)!important}
  .table-arena #table-cards .battle-layer>.card,.table-arena #table-cards .battle-layer>.card-slot-placeholder,.table-arena #table-cards .normal-card-lane>.card{width:44px!important;height:60px!important;min-height:60px!important;border-radius:6px!important;padding:3px!important}
  .table-arena #table-cards .battle-layer>.card>strong,.table-arena #table-cards .normal-card-lane>.card>strong{font-size:.86rem!important}
  .table-arena #table-cards .battle-layer .card-corner b,.table-arena #table-cards .battle-layer .card-corner em{font-size:.48rem!important}
  .table-arena #table-cards .battle-best::after,.table-arena #table-cards .battle-tie::after{bottom:-13px!important;width:40px!important;padding:2px!important;font-size:.36rem!important}
  .table-arena #table-cards.arena-resolved{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:28px 80px 80px!important;gap:4px 6px!important;padding-top:2px!important}
  .table-arena #table-cards.arena-resolved .resolved-card-lane{grid-row:auto!important;height:78px!important;min-height:78px!important;max-height:78px!important}
  .table-arena #table-cards.arena-resolved .resolved-card-lane>.arena-player-name{margin:0 0 1px!important}
}
@media(max-width:360px){
  .table-arena.arena-players-1,.table-arena.arena-players-2{height:138px!important;min-height:138px!important}
  .table-arena.arena-players-3,.table-arena.arena-players-4{height:224px!important;min-height:224px!important}
  .table-arena #table-cards{grid-auto-rows:80px!important;padding-top:26px!important}
  .table-arena.arena-players-3 #table-cards,.table-arena.arena-players-4 #table-cards{grid-template-rows:80px 80px!important;min-height:168px!important}
  .table-arena #table-cards .arena-player-lane,.table-arena #table-cards .battle-lane{height:76px!important;min-height:76px!important;grid-template-rows:14px 60px!important}
  .table-arena #table-cards .battle-stack{width:66px!important;min-width:66px!important;height:60px!important;min-height:60px!important}
  .table-arena #table-cards .battle-layer{left:calc(var(--layer)*10px)!important}
  .table-arena #table-cards .battle-layer>.card,.table-arena #table-cards .battle-layer>.card-slot-placeholder,.table-arena #table-cards .normal-card-lane>.card{width:39px!important;height:54px!important;min-height:54px!important}
}
/* v16300SmartphoneFinalSpacingCss: reserve verticale finale smartphone, PC preserve */
@media(max-width:900px){
  body.game-mode .game-players{grid-auto-rows:minmax(64px,auto)!important;align-items:stretch!important;row-gap:6px!important}
  body.game-mode .game-players>.player-dashboard{min-height:64px!important;height:auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
  body.game-mode .game-players>.player-dashboard .player-heading{min-height:22px!important;align-items:flex-start!important}
  body.game-mode .game-players>.player-dashboard .player-piles{min-height:31px!important;align-items:end!important}
  body.game-mode .table-arena.arena-players-1,body.game-mode .table-arena.arena-players-2{height:158px!important;min-height:158px!important}
  body.game-mode .table-arena.arena-players-3,body.game-mode .table-arena.arena-players-4{height:254px!important;min-height:254px!important}
  body.game-mode .table-arena #table-cards{overflow:visible!important}
  body.game-mode .table-arena.arena-players-3 #table-cards,body.game-mode .table-arena.arena-players-4 #table-cards{grid-template-rows:92px 92px!important;grid-auto-rows:92px!important;row-gap:10px!important;min-height:194px!important;padding-bottom:12px!important}
  body.game-mode .table-arena #table-cards .arena-player-lane,body.game-mode .table-arena #table-cards .battle-lane{height:88px!important;min-height:88px!important;grid-template-rows:16px 70px!important}
  body.game-mode .table-arena #table-cards .battle-stack{height:70px!important;min-height:70px!important}
  body.game-mode .table-arena #table-cards.arena-battle-mode{row-gap:12px!important}
  body.game-mode .table-arena #table-cards.arena-battle-mode .battle-best::after,body.game-mode .table-arena #table-cards.arena-battle-mode .battle-tie::after{bottom:-22px!important}
}
@media(max-width:360px){
  body.game-mode .game-players{row-gap:5px!important}
  body.game-mode .game-players>.player-dashboard{min-height:62px!important}
  body.game-mode .table-arena.arena-players-1,body.game-mode .table-arena.arena-players-2{height:150px!important;min-height:150px!important}
  body.game-mode .table-arena.arena-players-3,body.game-mode .table-arena.arena-players-4{height:242px!important;min-height:242px!important}
  body.game-mode .table-arena.arena-players-3 #table-cards,body.game-mode .table-arena.arena-players-4 #table-cards{grid-template-rows:86px 86px!important;grid-auto-rows:86px!important;row-gap:8px!important;min-height:180px!important}
}
/* v16410SmartphonePlayV11Css: BATAYO Play V1.1, correctif smartphone final, PC preserve */
@media(max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body.game-mode main{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0 4px!important;overflow-x:hidden!important}
  body.game-mode #game-screen{width:100%!important;max-width:100%!important;padding:4px!important;border-radius:10px!important;overflow:visible!important}
  body.game-mode .hero{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;padding:5px 6px!important}
  body.game-mode .engine-version{display:block!important;font-size:.56rem!important;line-height:1.05!important;text-align:right!important}
  body.game-mode .top-controls{grid-column:1 / -1!important;display:grid!important;grid-template-columns:1fr auto!important;gap:4px!important}
  body.game-mode .brand-logo{width:76px!important;height:auto!important;max-height:38px!important;object-fit:contain!important}
  body.game-mode .game-band{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;margin:3px 0!important}
  body.game-mode .game-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important}
  body.game-mode .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  body.game-mode .game-action-buttons button{min-height:30px!important;padding:5px 6px!important;font-size:.6rem!important;border-radius:7px!important;white-space:normal!important}
  body.game-mode .game-players{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:5px 0!important}
  body.game-mode .player-dashboard{min-width:0!important;min-height:68px!important;padding:5px!important;border-radius:8px!important;overflow:visible!important}
  body.game-mode .player-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px!important;font-size:.56rem!important;line-height:1.08!important}
  body.game-mode .player-heading strong,body.game-mode .player-heading span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.game-mode .player-piles{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;margin-top:4px!important}
  body.game-mode .player-piles small{font-size:.38rem!important;line-height:1!important}
  body.game-mode .mini-pile{width:22px!important;height:28px!important}
  body.game-mode .mini-pile i{width:15px!important;height:21px!important}
  body.game-mode .play-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;overflow:visible!important}
  body.game-mode .table-arena{width:100%!important;min-width:0!important;margin:4px 0 0!important;padding:5px!important;overflow:visible!important;border-radius:10px!important}
  body.game-mode .table-arena .arena-header{height:auto!important;min-height:18px!important;max-height:none!important;transform:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:4px!important}
  body.game-mode .table-arena .arena-header h3{font-size:.62rem!important;line-height:1!important;padding:0!important;white-space:nowrap!important}
  body.game-mode .table-arena .arena-header small{max-width:none!important;justify-self:end!important;font-size:.44rem!important;line-height:1!important;padding:2px 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.game-mode .table-arena.arena-players-1,body.game-mode .table-arena.arena-players-2{height:164px!important;min-height:164px!important;max-height:none!important}
  body.game-mode .table-arena.arena-players-3,body.game-mode .table-arena.arena-players-4{height:270px!important;min-height:270px!important;max-height:none!important}
  body.game-mode .table-arena #table-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:96px!important;gap:10px 6px!important;align-items:start!important;align-content:start!important;justify-items:center!important;width:100%!important;height:auto!important;min-height:100px!important;max-height:none!important;padding:8px 2px 8px!important;transform:none!important;top:auto!important;overflow:visible!important}
  body.game-mode .table-arena.arena-players-1 #table-cards,body.game-mode .table-arena.arena-players-2 #table-cards{grid-template-rows:96px!important;min-height:104px!important}
  body.game-mode .table-arena.arena-players-3 #table-cards,body.game-mode .table-arena.arena-players-4 #table-cards{grid-template-rows:96px 96px!important;min-height:204px!important}
  body.game-mode .table-arena #table-cards .arena-player-lane,body.game-mode .table-arena #table-cards .battle-lane{width:100%!important;min-width:0!important;max-width:100%!important;height:92px!important;min-height:92px!important;max-height:92px!important;margin:0!important;display:grid!important;grid-template-rows:16px 74px!important;justify-items:center!important;align-items:start!important;overflow:visible!important}
  body.game-mode .table-arena #table-cards .arena-player-name,body.game-mode .table-arena #table-cards .battle-lane>small{max-width:92%!important;margin:0 0 2px!important;padding:1px 4px!important;font-size:.46rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.game-mode .table-arena #table-cards .battle-stack{width:82px!important;min-width:82px!important;max-width:82px!important;height:72px!important;min-height:72px!important;max-height:72px!important;top:0!important;margin:0!important;overflow:visible!important}
  body.game-mode .table-arena #table-cards .battle-layer{left:calc(var(--layer)*13px)!important;top:0!important}
  body.game-mode .table-arena #table-cards .battle-layer>.card,body.game-mode .table-arena #table-cards .battle-layer>.card-slot-placeholder,body.game-mode .table-arena #table-cards .normal-card-lane>.card,body.game-mode .table-arena #table-cards .normal-card-best>.card{width:48px!important;height:64px!important;min-height:64px!important;border-radius:6px!important;padding:4px!important}
  body.game-mode .table-arena #table-cards .card .card-corner{top:3px!important;left:4px!important}
  body.game-mode .table-arena #table-cards .card .card-corner b,body.game-mode .table-arena #table-cards .card .card-corner em{font-size:.52rem!important}
  body.game-mode .table-arena #table-cards .card>strong{font-size:.92rem!important}
  body.game-mode .table-arena #table-cards .card span{font-size:.34rem!important}
  body.game-mode .table-arena #table-cards .battle-best::after,body.game-mode .table-arena #table-cards .battle-tie::after{bottom:-19px!important;width:42px!important;padding:2px 3px!important;font-size:.36rem!important}
  body.game-mode .hand-zone{width:100%!important;min-width:0!important;margin-top:0!important;padding:5px!important;border-radius:10px!important;overflow:hidden!important}
  body.game-mode .hand-zone-frame{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"left" "status"!important;gap:5px!important;width:100%!important;min-width:0!important}
  body.game-mode .hand-main-panel,body.game-mode .hand-main-panel:has(.hand-alert[hidden]),body.game-mode .hand-main-panel:has(.hand-alert:not([hidden])){display:grid!important;grid-template-columns:minmax(48px,18vw) minmax(0,1fr) minmax(48px,18vw)!important;grid-template-rows:auto auto!important;grid-template-areas:"slot1 slot1 slot1" "slot3 slot4 slot5"!important;gap:4px!important;width:100%!important;min-width:0!important;align-items:end!important}
  body.game-mode .hand-slot-1{grid-area:slot1!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;min-width:0!important}
  body.game-mode .hand-slot-1 h3{font-size:.58rem!important;line-height:1!important;margin:0!important;white-space:nowrap!important}
  body.game-mode .hand-slot-1 .hand-instruction{min-width:0!important;min-height:20px!important;padding:3px 5px!important;font-size:.5rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.game-mode .hand-alert:not([hidden]){grid-column:1 / -1!important;height:auto!important;min-height:28px!important;max-height:none!important;margin:0!important;padding:4px 6px!important;font-size:.54rem!important;line-height:1.08!important}
  body.game-mode .hand-slot-3{grid-area:slot3!important;justify-self:start!important;align-self:end!important;transform:none!important}
  body.game-mode .hand-slot-4.hand{grid-area:slot4!important;display:flex!important;width:100%!important;min-width:0!important;min-height:78px!important;justify-content:center!important;align-items:end!important;gap:clamp(2px,1.2vw,5px)!important;overflow:visible!important;transform:none!important}
  body.game-mode .hand-slot-5{grid-area:slot5!important;justify-self:end!important;align-self:end!important;transform:none!important}
  body.game-mode .hand-slot-4.hand .card{width:clamp(34px,12.6vw,50px)!important;height:clamp(48px,17vw,68px)!important;min-height:clamp(48px,17vw,68px)!important;border-radius:6px!important;padding:3px!important}
  body.game-mode .hand-slot-4.hand .card .card-corner{top:3px!important;left:4px!important}
  body.game-mode .hand-slot-4.hand .card .card-corner b,body.game-mode .hand-slot-4.hand .card .card-corner em{font-size:clamp(.42rem,1.7vw,.58rem)!important}
  body.game-mode .hand-slot-4.hand .card>strong{font-size:clamp(.72rem,3vw,1.06rem)!important}
  body.game-mode .hand-slot-4.hand .card span{font-size:.32rem!important}
  body.game-mode .personal-pile{min-width:0!important;min-height:74px!important;display:grid!important;align-content:end!important;justify-items:center!important;overflow:visible!important}
  body.game-mode .personal-pile>small{font-size:.4rem!important;line-height:1!important;white-space:nowrap!important;margin-bottom:2px!important}
  body.game-mode .deck-fan,body.game-mode .won-fan{width:clamp(48px,18vw,70px)!important;min-height:58px!important;margin:0!important;overflow:visible!important}
  body.game-mode .compact-pile-layer{width:clamp(30px,10vw,40px)!important;height:clamp(42px,14vw,54px)!important}
  body.game-mode .compact-pile-layer .card{width:clamp(30px,10vw,40px)!important;height:clamp(42px,14vw,54px)!important;min-height:clamp(42px,14vw,54px)!important;border-radius:5px!important;padding:3px!important}
  body.game-mode .deck-fan .deck-layer{left:calc(1px + var(--deck-index)*3px)!important;top:calc(2px + var(--deck-index)*1px)!important}
  body.game-mode .won-layer{left:calc(0px + var(--won-index)*5px)!important;top:calc(2px - var(--won-index)*1px)!important}
  body.game-mode .deck-count,body.game-mode .won-count{right:-4px!important;bottom:0!important;min-width:17px!important;padding:2px 3px!important;font-size:.44rem!important}
  body.game-mode .hand-status-card{max-height:84px!important;min-height:0!important;padding:5px 6px!important;border-radius:7px!important;overflow:hidden!important}
  body.game-mode .hand-status-card small{font-size:.5rem!important;line-height:1.08!important;overflow:hidden!important}
  body.game-mode .ghost-controls{grid-template-columns:58px minmax(0,1fr)!important;gap:4px!important}
  body.game-mode .ghost-controls select,body.game-mode .ghost-controls button{min-height:24px!important;padding:3px 4px!important;font-size:.5rem!important;border-radius:6px!important}
}
@media(max-width:360px){
  body.game-mode .table-arena.arena-players-1,body.game-mode .table-arena.arena-players-2{height:154px!important;min-height:154px!important}
  body.game-mode .table-arena.arena-players-3,body.game-mode .table-arena.arena-players-4{height:248px!important;min-height:248px!important}
  body.game-mode .table-arena #table-cards{grid-auto-rows:88px!important;gap:8px 4px!important}
  body.game-mode .table-arena.arena-players-3 #table-cards,body.game-mode .table-arena.arena-players-4 #table-cards{grid-template-rows:88px 88px!important;min-height:186px!important}
  body.game-mode .table-arena #table-cards .arena-player-lane,body.game-mode .table-arena #table-cards .battle-lane{height:84px!important;min-height:84px!important;grid-template-rows:15px 66px!important}
  body.game-mode .table-arena #table-cards .battle-stack{width:72px!important;min-width:72px!important;height:66px!important;min-height:66px!important}
  body.game-mode .table-arena #table-cards .battle-layer{left:calc(var(--layer)*10px)!important}
  body.game-mode .table-arena #table-cards .battle-layer>.card,body.game-mode .table-arena #table-cards .battle-layer>.card-slot-placeholder,body.game-mode .table-arena #table-cards .normal-card-lane>.card,body.game-mode .table-arena #table-cards .normal-card-best>.card{width:42px!important;height:58px!important;min-height:58px!important}
  body.game-mode .hand-slot-4.hand .card{width:clamp(31px,12vw,42px)!important;height:clamp(44px,16vw,58px)!important;min-height:clamp(44px,16vw,58px)!important}
  body.game-mode .personal-pile>small{font-size:.36rem!important}
}
/* v16600ReflectionResultCss: resultat de reflexion persistant sous la main joueur */
.reflection-result{grid-column:1 / -1!important;margin:0!important;padding:6px 9px!important;border:1px solid #f5bd4e99!important;border-radius:8px!important;background:linear-gradient(180deg,#2c210b,#130d04)!important;color:#ffe5a3!important;font-size:.74rem!important;font-weight:900!important;line-height:1.15!important;text-align:left!important}
.reflection-result[hidden]{display:none!important}
@media(max-width:760px){
  body.game-mode .reflection-result{grid-area:slot2!important;grid-column:1 / -1!important;padding:4px 6px!important;font-size:.54rem!important;line-height:1.08!important}
}
/* v16610MobilePileBadgeCss: garde les pastilles pioche/gains collees a leur pile sur smartphone */
@media(max-width:760px){
  body.game-mode .hand-main-panel,
  body.game-mode .hand-main-panel:has(.hand-alert[hidden]),
  body.game-mode .hand-main-panel:has(.hand-alert:not([hidden])){
    grid-template-columns:minmax(58px,20vw) minmax(0,1fr) minmax(58px,20vw)!important;
    gap:5px!important;
  }
  body.game-mode .hand-slot-3,
  body.game-mode .hand-slot-5{
    width:100%!important;
    max-width:76px!important;
    justify-self:center!important;
  }
  body.game-mode .deck-fan,
  body.game-mode .won-fan{
    position:relative!important;
    display:block!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  body.game-mode .deck-fan .deck-layer{
    position:absolute!important;
    left:calc(8px + var(--deck-index)*3px)!important;
    top:calc(5px + var(--deck-index)*1px)!important;
  }
  body.game-mode .won-layer{
    position:absolute!important;
    left:calc(2px + var(--won-index)*5px)!important;
    top:calc(5px - var(--won-index)*1px)!important;
  }
  body.game-mode .deck-count,
  body.game-mode .won-count{
    position:absolute!important;
    right:0!important;
    bottom:1px!important;
    z-index:30!important;
    min-width:18px!important;
    height:18px!important;
    padding:2px 4px!important;
    border-radius:999px!important;
    font-size:.48rem!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
  }
  body.game-mode .deck-count{right:1px!important}
  body.game-mode .won-count{right:-1px!important}
}
@media(max-width:360px){
  body.game-mode .hand-main-panel,
  body.game-mode .hand-main-panel:has(.hand-alert[hidden]),
  body.game-mode .hand-main-panel:has(.hand-alert:not([hidden])){
    grid-template-columns:56px minmax(0,1fr) 56px!important;
  }
  body.game-mode .deck-fan,
  body.game-mode .won-fan{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
  }
  body.game-mode .deck-count,
  body.game-mode .won-count{
    min-width:17px!important;
    height:17px!important;
    font-size:.45rem!important;
  }
}
/* v17800MortSubiteCodeUiCss: libelle des joueurs stable en mort subite et code pleine largeur */
.security-code-row{grid-template-columns:minmax(0,1fr)!important}
.security-code{width:100%!important;min-height:42px!important;font-size:1.05rem!important}
.code-copy-status{color:#c8d7e7!important;font-weight:700!important}
/* v18200StableSuddenDeathLayoutCss: regroupe les cartes de mort subite par joueur, sans dispersion dans toute l'arene */
.table-arena #table-cards.sudden-death-table-mode,.table-arena #table-cards.match-sudden-death-mode{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;grid-auto-rows:minmax(92px,auto)!important;align-items:start!important;justify-items:center!important;align-content:start!important;gap:8px 18px!important;padding:6px 18px 8px!important;overflow:visible!important}
.table-arena #table-cards.sudden-death-table-mode .battle-lane.arena-player-lane,.table-arena #table-cards.match-sudden-death-mode .battle-lane.arena-player-lane{width:100%!important;min-width:0!important;max-width:230px!important;height:92px!important;min-height:92px!important;max-height:none!important;margin:0!important;justify-items:center!important;overflow:visible!important}
.table-arena #table-cards.sudden-death-table-mode .arena-player-name,.table-arena #table-cards.match-sudden-death-mode .arena-player-name{max-width:150px!important;margin-bottom:3px!important;transform:none!important}
.table-arena #table-cards.sudden-death-table-mode .battle-stack,.table-arena #table-cards.match-sudden-death-mode .battle-stack{width:var(--battle-stack-width,96px)!important;min-width:var(--battle-stack-width,96px)!important;height:72px!important;min-height:72px!important;max-height:72px!important;top:0!important;margin:0 auto!important;overflow:visible!important}
.table-arena #table-cards.sudden-death-table-mode .battle-layer,.table-arena #table-cards.match-sudden-death-mode .battle-layer{left:calc(var(--layer)*var(--battle-gap,12px))!important;top:0!important;filter:drop-shadow(0 6px 8px #000b)!important}
.table-arena #table-cards.sudden-death-table-mode .battle-layer>.card,.table-arena #table-cards.match-sudden-death-mode .battle-layer>.card{box-shadow:0 7px 15px #000d,0 0 0 1px #0006!important}
@media(max-width:760px){.table-arena #table-cards.sudden-death-table-mode,.table-arena #table-cards.match-sudden-death-mode{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:70px!important;gap:5px 6px!important;padding:4px 3px!important}.table-arena #table-cards.sudden-death-table-mode .battle-lane.arena-player-lane,.table-arena #table-cards.match-sudden-death-mode .battle-lane.arena-player-lane{max-width:100%!important;height:70px!important;min-height:70px!important}.table-arena #table-cards.sudden-death-table-mode .arena-player-name,.table-arena #table-cards.match-sudden-death-mode .arena-player-name{max-width:76px!important;margin-bottom:1px!important;font-size:.45rem!important;padding:1px 4px!important}.table-arena #table-cards.sudden-death-table-mode .battle-stack,.table-arena #table-cards.match-sudden-death-mode .battle-stack{width:72px!important;min-width:72px!important;height:54px!important;min-height:54px!important;max-height:54px!important}.table-arena #table-cards.sudden-death-table-mode .battle-layer,.table-arena #table-cards.match-sudden-death-mode .battle-layer{left:calc(var(--layer)*9px)!important}.table-arena #table-cards.sudden-death-table-mode .battle-layer>.card,.table-arena #table-cards.match-sudden-death-mode .battle-layer>.card{width:42px!important;height:56px!important;min-height:56px!important;border-radius:6px!important;padding:4px!important}}
.security-code::selection{background:#1e78b7!important;color:#ffffff!important;text-shadow:none!important}.security-code::-moz-selection{background:#1e78b7!important;color:#ffffff!important;text-shadow:none!important}/* BATAYO PLAY v1.84.1 — bandeau consolidé */
body.game-mode .game-band{position:relative!important;display:grid!important;grid-template-columns:minmax(170px,.72fr) minmax(300px,1.55fr) minmax(390px,1.35fr)!important;gap:8px!important;align-items:stretch!important;margin:5px 0 8px!important;padding:7px!important;border:1px solid #8d671d!important;border-radius:15px!important;background:linear-gradient(135deg,#101d2b 0%,#0a1622 58%,#171204 100%)!important;box-shadow:0 10px 28px #0008,inset 0 1px 0 #fff08!important;overflow:hidden!important}
body.game-mode .game-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 42% 0,#f5bd4e16,transparent 44%),linear-gradient(90deg,transparent,#f5bd4e08,transparent)}
body.game-mode .game-state-zone,body.game-mode .game-band .special-banner,body.game-mode .game-actions{position:relative;z-index:1;margin:0!important;border:1px solid #35506a!important;border-radius:11px!important;background:linear-gradient(180deg,#14283bdd,#0a1724ee)!important;box-shadow:inset 0 1px 0 #ffffff0a,0 5px 13px #0005!important}
body.game-mode .game-state-zone{display:grid!important;align-content:center!important;justify-items:start!important;gap:5px!important;padding:12px 14px!important;padding-right:86px!important;border-color:#8d671d!important;background:linear-gradient(180deg,#241d0ddd,#101724ee)!important}
body.game-mode .game-state-zone .step{font-size:.65rem!important;letter-spacing:.24em!important;color:#ffd76d!important}
body.game-mode #match-score{margin:0!important;color:#fff!important;font-size:1.1rem!important;font-weight:1000!important;line-height:1!important}
body.game-mode #game-card-configuration{margin:0!important;color:#c7d5e3!important;font-size:.67rem!important;font-weight:700!important;line-height:1.2!important}
body.game-mode .game-band .special-banner{display:grid!important;place-items:center!important;min-width:0!important;padding:10px 18px!important;text-align:center!important;border-color:#9d741f!important;background:radial-gradient(circle at 50% 0,#573e0e 0%,#2a200b 45%,#101923 100%)!important}
body.game-mode .game-band .special-banner>div{width:100%!important;min-width:0!important}
body.game-mode .game-band .special-banner h2{margin:0 0 4px!important;color:#fff!important;font-size:.72rem!important;letter-spacing:.2em!important;font-weight:1000!important;text-transform:uppercase!important}
body.game-mode .game-band .special-banner strong{display:block!important;margin:0!important;color:#ffd76d!important;font-size:clamp(.98rem,1.5vw,1.28rem)!important;font-weight:1000!important;line-height:1.12!important;white-space:normal!important}
body.game-mode .game-band .special-banner span{display:block!important;max-width:52ch!important;margin:5px auto 0!important;color:#e5edf5!important;font-size:.69rem!important;line-height:1.28!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.game-mode .game-actions{display:grid!important;grid-template-columns:minmax(190px,1fr) minmax(150px,auto)!important;grid-template-areas:"score controls"!important;gap:8px!important;align-items:stretch!important;padding:8px!important;border-color:#35506a!important;background:linear-gradient(180deg,#11263aee,#081521ee)!important}
body.game-mode .match-score-panel{grid-area:score!important;display:grid!important;align-content:center!important;gap:5px!important;min-width:0!important;padding:8px 10px!important;border:1px solid #5f491c!important;border-radius:9px!important;background:#171307cc!important}
body.game-mode .match-score-panel>span{color:#ffd76d!important;font-size:.66rem!important;font-weight:1000!important;letter-spacing:.07em!important;text-transform:uppercase!important}
body.game-mode .match-progress{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;width:100%!important;margin:0!important}
body.game-mode .match-progress>span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;padding:4px 6px!important;border:1px solid #4c3d1a!important;border-radius:7px!important;background:#0a1420!important;color:#fff!important;font-size:.62rem!important;font-weight:900!important}
body.game-mode .match-progress b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.game-mode .match-progress strong{min-width:22px!important;padding:2px 6px!important;border-radius:999px!important;background:linear-gradient(180deg,#ffe497,#d69a20)!important;color:#181207!important;text-align:center!important;font-size:.68rem!important;box-shadow:0 2px 8px #0007!important}
body.game-mode .game-actions:after{content:"";grid-area:controls;pointer-events:none}
body.game-mode .game-state-zone .timer-display{position:absolute!important;right:12px!important;top:9px!important;margin:0!important;padding:5px 9px!important;border:1px solid #8d671d!important;border-radius:999px!important;background:#151005!important;color:#ffd76d!important;font-size:.82rem!important;font-variant-numeric:tabular-nums!important;box-shadow:0 0 12px #f5bd4e22!important}
body.game-mode .game-action-buttons{grid-area:controls!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-content:center!important;gap:6px!important;padding-top:0!important}
body.game-mode .game-action-buttons button{min-height:36px!important;padding:8px 10px!important;border-radius:8px!important;font-size:.68rem!important;line-height:1.05!important;white-space:normal!important}
body.game-mode .game-action-buttons .primary{background:linear-gradient(180deg,#ffe08b,#d49a28)!important;box-shadow:0 5px 12px #0008,0 0 12px #f5bd4e20!important}
body.game-mode .game-action-buttons .exit-game{border-color:#415a70!important;background:#0d1d2c!important;color:#dce8f4!important}.game-card-theme-status{width:132px!important;align-self:flex-end!important;display:grid!important;gap:1px!important;justify-items:center!important;padding:5px 8px!important;border:1px solid #7a5c1e!important;border-radius:8px!important;background:linear-gradient(180deg,#1c170a,#0e0d08)!important;color:#ffe08b!important}.game-card-theme-status[hidden]{display:none!important}.game-card-theme-status span{font-size:.52rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#bca970!important}.game-card-theme-status strong{max-width:116px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.66rem!important;color:#ffd45f!important}
body.game-mode .game-band .special-banner.sudden-death-banner{border-color:#ff9b45!important;background:radial-gradient(circle at 50% 0,#65200f,#2c1209 48%,#101923 100%)!important;box-shadow:0 0 18px #ff743f22,inset 0 1px 0 #fff1!important}
@media(max-width:980px){body.game-mode .game-band{grid-template-columns:minmax(145px,.62fr) minmax(250px,1.3fr) minmax(330px,1.2fr)!important}.game-action-buttons button{font-size:.62rem!important}}
@media(max-width:760px){
 body.game-mode .game-band{grid-template-columns:1fr 1fr!important;grid-template-areas:"match controls" "status status" "score score"!important;gap:5px!important;margin:3px 0 6px!important;padding:5px!important;border-radius:12px!important}
 body.game-mode .game-state-zone{grid-area:match!important;min-height:66px!important;padding:8px 10px!important}
 body.game-mode #match-score{font-size:.9rem!important}
 body.game-mode #game-card-configuration{font-size:.56rem!important}
 body.game-mode .game-band .special-banner{grid-area:status!important;min-height:70px!important;padding:8px 10px!important}
 body.game-mode .game-band .special-banner h2{font-size:.58rem!important;letter-spacing:.16em!important}
 body.game-mode .game-band .special-banner strong{font-size:.92rem!important}
 body.game-mode .game-band .special-banner span{margin-top:3px!important;font-size:.58rem!important;line-height:1.18!important}
 body.game-mode .game-actions{display:contents!important}
 body.game-mode .match-score-panel{grid-area:score!important;padding:7px 8px!important}
 body.game-mode .match-score-panel>span{font-size:.58rem!important}
 body.game-mode .match-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important}
 body.game-mode .match-progress>span{padding:3px 5px!important;font-size:.56rem!important}
 body.game-mode .game-state-zone{padding-right:70px!important} body.game-mode .game-state-zone .timer-display{position:absolute!important;right:8px!important;top:8px!important;width:max-content!important;margin:0!important;padding:4px 8px!important;font-size:.7rem!important}
 body.game-mode .game-action-buttons{grid-area:controls!important;position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-self:stretch!important;gap:4px!important;padding:6px!important;border:1px solid #35506a!important;border-radius:11px!important;background:linear-gradient(180deg,#11263aee,#081521ee)!important}
 body.game-mode .game-action-buttons button{min-height:30px!important;padding:6px 7px!important;border-radius:7px!important;font-size:.56rem!important}
}
@media(max-width:390px){body.game-mode .game-band{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important}.game-action-buttons button{font-size:.52rem!important}.match-progress>span{font-size:.52rem!important}}
body.game-mode .game-band{grid-template-columns:minmax(230px,.82fr) minmax(420px,2.1fr) minmax(360px,1.1fr)!important;align-items:stretch!important}body.game-mode .game-state-zone{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"label timer" "badge timer" "config timer"!important;column-gap:10px!important;align-items:start!important}body.game-mode .game-state-zone .step{grid-area:label!important}body.game-mode .game-state-zone #match-score{grid-area:badge!important}body.game-mode .game-state-zone #game-card-configuration{grid-area:config!important}body.game-mode .timer-display{grid-area:timer!important;align-self:start!important;justify-self:end!important;margin-top:2px!important;font-size:1.15rem!important;padding:6px 14px!important;border:1px solid #c6911d!important;border-radius:999px!important;background:#1b1304!important;box-shadow:0 0 10px #0008!important}body.game-mode .game-actions{grid-template-columns:minmax(160px,1fr) minmax(132px,auto)!important;grid-template-areas:"score controls"!important;align-items:stretch!important}body.game-mode .match-score-panel{align-self:stretch!important}body.game-mode .game-action-buttons{grid-area:controls!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:8px!important;padding:0 0 0 8px!important;border:0!important;background:transparent!important}body.game-mode .game-action-buttons button{width:132px!important;min-height:42px!important;align-self:flex-end!important;font-size:.72rem!important}body.game-mode .game-action-buttons .primary{order:1!important}body.game-mode .game-action-buttons .exit-game{order:2!important}@media(max-width:980px){body.game-mode .game-band{grid-template-columns:1fr!important}body.game-mode .game-state-zone{grid-template-columns:1fr auto!important}body.game-mode .game-actions{grid-template-columns:1fr!important;grid-template-areas:"score" "controls"!important}body.game-mode .game-action-buttons{padding:6px 0 0!important;align-items:stretch!important}body.game-mode .game-action-buttons button{width:100%!important;align-self:stretch!important}body.game-mode .timer-display{font-size:1rem!important}}/* BATAYO PLAY v1.84.4 — bandeau central élargi, bloc match réorganisé, actions hiérarchisées */
body.game-mode .game-band{
  grid-template-columns:minmax(220px,.72fr) minmax(0,2.65fr) minmax(340px,1.08fr)!important;
  gap:8px!important;
}
body.game-mode .game-state-zone{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"label timer" "badge timer" "config config"!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:5px!important;
  padding:12px 14px!important;
}
body.game-mode .game-state-zone .step{grid-area:label!important;align-self:end!important}
body.game-mode .game-state-zone #match-score{grid-area:badge!important;align-self:start!important}
body.game-mode .game-state-zone #game-card-configuration{grid-area:config!important;margin-top:2px!important}
body.game-mode .game-state-zone .timer-display{
  grid-area:timer!important;
  position:relative!important;
  inset:auto!important;
  align-self:start!important;
  justify-self:end!important;
  transform:translateY(-4px)!important;
  margin:0!important;
  padding:7px 14px!important;
  min-width:72px!important;
  border:1px solid #d39a22!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#261a05,#0d0a04)!important;
  color:#ffe28e!important;
  font-size:1.04rem!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:0 4px 12px #0009,0 0 13px #f5bd4e30!important;
}
body.game-mode .game-band .special-banner{
  padding:10px 26px!important;
}
body.game-mode .game-band .special-banner>div{
  width:100%!important;
  max-width:none!important;
}
body.game-mode .game-band .special-banner strong{
  font-size:clamp(1.05rem,1.65vw,1.38rem)!important;
}
body.game-mode .game-band .special-banner span{
  max-width:100%!important;
  padding:0 10px!important;
  font-size:.72rem!important;
  line-height:1.32!important;
}
body.game-mode .game-actions{
  grid-template-columns:minmax(175px,1fr) minmax(138px,auto)!important;
  gap:10px!important;
  padding:8px!important;
}
body.game-mode .game-action-buttons{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:8px!important;
  padding-left:8px!important;
}
body.game-mode .game-action-buttons button{
  width:138px!important;
  min-height:43px!important;
  border-radius:10px!important;
  font-size:.72rem!important;
  font-weight:1000!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
body.game-mode .game-action-buttons button:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important}
body.game-mode .game-action-buttons .primary,
body.game-mode .game-action-buttons #game-command,
body.game-mode .game-action-buttons #new-game:not([hidden]){
  border-color:#ffd873!important;
  background:linear-gradient(180deg,#ffe59a 0%,#e8b347 48%,#bd7917 100%)!important;
  color:#171006!important;
  text-shadow:0 1px 0 #fff5!important;
  box-shadow:0 5px 13px #0009,0 0 14px #f5bd4e35,inset 0 1px 0 #fff9!important;
}
body.game-mode .game-action-buttons .exit-game{
  border-color:#6d879f!important;
  background:linear-gradient(180deg,#17344e 0%,#0a1e31 58%,#071421 100%)!important;
  color:#f2f7fc!important;
  box-shadow:0 4px 11px #0008,inset 0 1px 0 #ffffff18!important;
}
body.game-mode .game-action-buttons .exit-game:hover{
  border-color:#9eb4c8!important;
  background:linear-gradient(180deg,#214664,#0c2740)!important;
}
@media(max-width:1100px){
 body.game-mode .game-band{grid-template-columns:minmax(205px,.72fr) minmax(330px,2.25fr) minmax(320px,1.08fr)!important}
 body.game-mode .game-band .special-banner{padding-inline:18px!important}
 body.game-mode .game-action-buttons button{width:128px!important}
}
@media(max-width:860px){
 body.game-mode .game-band{grid-template-columns:1fr!important;grid-template-areas:"match" "status" "actions"!important}
 body.game-mode .game-state-zone{grid-area:match!important}
 body.game-mode .game-band .special-banner{grid-area:status!important}
 body.game-mode .game-actions{grid-area:actions!important;grid-template-columns:minmax(0,1fr) minmax(140px,auto)!important}
 body.game-mode .game-action-buttons button{width:140px!important}
}
@media(max-width:760px){
 body.game-mode .game-band{grid-template-columns:1fr 1fr!important;grid-template-areas:"match controls" "status status" "score score"!important}
 body.game-mode .game-state-zone{grid-area:match!important;padding:9px 10px!important}
 body.game-mode .game-state-zone .timer-display{transform:translateY(-2px)!important;min-width:60px!important;padding:5px 9px!important;font-size:.78rem!important}
 body.game-mode .game-band .special-banner{grid-area:status!important;padding:8px 11px!important}
 body.game-mode .game-actions{display:contents!important}
 body.game-mode .match-score-panel{grid-area:score!important}
 body.game-mode .game-action-buttons{grid-area:controls!important;padding:6px!important;border:1px solid #35506a!important;border-radius:11px!important;background:linear-gradient(180deg,#11263aee,#081521ee)!important}
 body.game-mode .game-action-buttons button{width:100%!important;min-height:31px!important;font-size:.56rem!important}
}

/* BATAYO PLAY v1.84.8 — centrage géométrique mobile des messages */
@media(max-width:760px){
 body.game-mode .game-band .special-banner,
 body.game-mode .match-final-arena,
 body.game-mode .arena-message,
 body.game-mode .round-summary-card{
   text-align:center!important;
   justify-content:center!important;
   align-items:center!important;
 }
 body.game-mode .game-band .special-banner>div,
 body.game-mode .match-final-arena>div,
 body.game-mode .round-summary-card>div{
   width:100%!important;
   margin-left:auto!important;
   margin-right:auto!important;
   display:flex!important;
   flex-direction:column!important;
   align-items:center!important;
   justify-content:center!important;
   text-align:center!important;
 }
 body.game-mode .game-band .special-banner h2,
 body.game-mode .game-band .special-banner strong,
 body.game-mode .game-band .special-banner span,
 body.game-mode .match-final-arena h2,
 body.game-mode .match-final-arena strong,
 body.game-mode .match-final-arena p,
 body.game-mode .match-final-arena small,
 body.game-mode .arena-message{
   width:100%!important;
   max-width:100%!important;
   margin-left:auto!important;
   margin-right:auto!important;
   text-align:center!important;
 }
}
@media(max-width:760px){
 .table-arena.match-final-mode{position:relative!important;overflow:hidden!important}
 .table-arena.match-final-mode #table-cards{
   position:relative!important;
   left:0!important;
   right:0!important;
   width:100%!important;
   max-width:none!important;
   margin:0!important;
   padding-left:8px!important;
   padding-right:8px!important;
   box-sizing:border-box!important;
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
 }
 .table-arena.match-final-mode .match-final-arena{
   position:absolute!important;
   left:50%!important;
   right:auto!important;
   top:50%!important;
   bottom:auto!important;
   transform:translate(-50%,-50%)!important;
   width:min(calc(100% - 24px),300px)!important;
   max-width:300px!important;
   margin:0!important;
   box-sizing:border-box!important;
   text-align:center!important;
 }
 .table-arena.match-final-mode .match-final-arena>*{
   width:100%!important;
   max-width:100%!important;
   margin-left:auto!important;
   margin-right:auto!important;
   text-align:center!important;
 }
}

/* BATAYO PLAY v1.84.11 — organisation du bloc MATCH */
body.game-mode .game-state-zone{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "label timer"
    "badge timer"
    "config config"!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:4px!important;
  padding:12px 14px!important;
  padding-right:14px!important;
}
body.game-mode .game-state-zone .step{
  grid-area:label!important;
  align-self:end!important;
  margin:0!important;
}
body.game-mode .game-state-zone #match-score{
  grid-area:badge!important;
  align-self:start!important;
  width:max-content!important;
  margin:0!important;
}
body.game-mode .game-state-zone #game-card-configuration{
  grid-area:config!important;
  display:block!important;
  margin:2px 0 0!important;
  line-height:1.2!important;
}
body.game-mode .game-state-zone .timer-display{
  grid-area:timer!important;
  position:static!important;
  justify-self:end!important;
  align-self:center!important;
  transform:none!important;
  margin:0!important;
  min-width:78px!important;
  padding:7px 12px!important;
  font-size:1rem!important;
  text-align:center!important;
}
@media(max-width:760px){
 body.game-mode .game-state-zone{padding:9px 10px!important;column-gap:8px!important;row-gap:3px!important}
 body.game-mode .game-state-zone .timer-display{min-width:64px!important;padding:5px 8px!important;font-size:.78rem!important}
 body.game-mode .game-state-zone #game-card-configuration{font-size:.58rem!important}
}

/* BATAYO PLAY v1.84.12 — bandeau conforme à la maquette */
body.game-mode .game-state-zone{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:7px!important;
  padding:12px 14px!important;
}
body.game-mode .game-state-zone .step,
body.game-mode .game-state-zone #match-score,
body.game-mode .game-state-zone #game-card-configuration{
  margin:0!important;
}
body.game-mode .game-band .special-banner{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  padding:12px 102px 12px 20px!important;
}
body.game-mode .game-band .special-banner>div{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body.game-mode .game-band .special-banner .timer-display{
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  z-index:3!important;
  min-width:78px!important;
  margin:0!important;
  padding:7px 12px!important;
  border:1px solid #c6911d!important;
  border-radius:999px!important;
  background:#171105!important;
  color:#ffd76d!important;
  box-shadow:0 0 12px #0008!important;
  font-size:1rem!important;
  line-height:1!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:760px){
 body.game-mode .game-band .special-banner{padding:9px 72px 9px 10px!important}
 body.game-mode .game-band .special-banner .timer-display{top:7px!important;right:7px!important;min-width:60px!important;padding:5px 8px!important;font-size:.76rem!important}
}

/* BATAYO PLAY v1.84.14 — horloge réellement visible */
body.game-mode .game-band .special-banner{
  position:relative!important;
  overflow:visible!important;
  padding:12px 118px 12px 24px!important;
}
body.game-mode .game-band .special-banner #timer-display,
body.game-mode .game-band .special-banner .timer-display{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:10px 12px auto auto!important;
  top:10px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:100!important;
  min-width:78px!important;
  height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:6px 12px!important;
  border:1px solid #d9a01e!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#1b1608,#0e0d08)!important;
  color:#ffd968!important;
  box-shadow:0 4px 14px #0009,0 0 10px #d99c1926!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
body.game-mode .game-band .special-banner #timer-display[hidden],
body.game-mode .game-band .special-banner .timer-display[hidden]{
  display:flex!important;
}
@media(max-width:760px){
  body.game-mode .game-band .special-banner{padding:9px 76px 9px 10px!important}
  body.game-mode .game-band .special-banner #timer-display,
  body.game-mode .game-band .special-banner .timer-display{
    inset:7px 7px auto auto!important;
    top:7px!important;
    right:7px!important;
    min-width:60px!important;
    height:30px!important;
    padding:5px 8px!important;
    font-size:.76rem!important;
  }
}


/* PLAY v1.84.15 — horloge ancrée en haut à droite du second bloc */
body.game-mode .game-band .special-banner{
  position:relative!important;
  overflow:visible!important;
  padding-right:112px!important;
}
body.game-mode .game-band .special-banner #timer-display,
body.game-mode .game-band .special-banner .timer-display{
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d99c19!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#17140b,#0d0c08)!important;
  color:#ffd45f!important;
  box-shadow:0 3px 12px #0009!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:760px){
  body.game-mode .game-band .special-banner{padding-right:78px!important}
  body.game-mode .game-band .special-banner #timer-display,
  body.game-mode .game-band .special-banner .timer-display{top:7px!important;right:8px!important;min-width:58px!important;height:28px!important;padding:0 8px!important;font-size:.78rem!important}
}

/* PLAY v1.84.16 — horloge visible dans l’angle supérieur droit du second bloc */
body.game-mode .game-band .special-banner{
  position:relative!important;
  overflow:hidden!important;
  padding:12px 112px 12px 24px!important;
}
body.game-mode .game-band .special-banner #timer-display.timer-display{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:2147483647!important;
  min-width:76px!important;
  height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d99c19!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#201807,#0c0b07)!important;
  color:#ffd45f!important;
  box-shadow:0 3px 12px #000b,0 0 8px #d99c1938!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
}
body.game-mode .game-band .special-banner #timer-display.timer-display[hidden]{
  display:flex!important;
}
@media(max-width:760px){
  body.game-mode .game-band .special-banner{padding-right:78px!important}
  body.game-mode .game-band .special-banner #timer-display.timer-display{
    top:7px!important;
    right:8px!important;
    min-width:58px!important;
    height:28px!important;
    padding:0 8px!important;
    font-size:.78rem!important;
  }
}


/* PLAY v1.84.18 — horloge visible comme sur la maquette */
body.game-mode .game-band .special-banner{
  position:relative!important;
  overflow:hidden!important;
  padding:12px 112px 12px 24px!important;
}
body.game-mode .game-band .special-banner #timer-display.timer-display{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:1000!important;
  min-width:76px!important;
  height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d99c19!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#201807,#0c0b07)!important;
  color:#ffd45f!important;
  box-shadow:0 3px 12px #000b,0 0 8px #d99c1938!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
}
body.game-mode .game-band .special-banner #timer-display.timer-display[hidden]{
  display:flex!important;
}
@media(max-width:760px){
  body.game-mode .game-band .special-banner{padding-right:78px!important}
  body.game-mode .game-band .special-banner #timer-display.timer-display{
    top:7px!important;
    right:8px!important;
    min-width:58px!important;
    height:28px!important;
    padding:0 8px!important;
    font-size:.78rem!important;
  }
}


/* PLAY v1.84.24 — horloge définitivement intégrée dans le second bloc */
body.game-mode .game-band .special-banner{
  position:relative!important;
  overflow:visible!important;
  padding:12px 130px 12px 24px!important;
}
body.game-mode .game-band .special-banner #timer-display.timer-display{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
}
body.game-mode .game-band .special-banner #batayo-fixed-clock.batayo-fixed-clock{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:8px!important;
  right:14px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:2147483647!important;
  min-width:82px!important;
  height:36px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d99c19!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#201807,#0c0b07)!important;
  color:#ffd45f!important;
  box-shadow:0 4px 14px #000c,0 0 10px #d99c1944!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  body.game-mode .game-band .special-banner{padding-right:92px!important}
  body.game-mode .game-band .special-banner #batayo-fixed-clock.batayo-fixed-clock{
    top:8px!important;
    right:8px!important;
    min-width:64px!important;
    height:30px!important;
    padding:0 8px!important;
    font-size:.8rem!important;
  }
}


/* PLAY v1.84.24 — mobile : horloge à droite compacte, sans chevauchement du message */
@media(max-width:760px){
  body.game-mode .game-band .special-banner{
    position:relative!important;
    overflow:visible!important;
    padding:12px 78px 12px 10px!important;
  }
  body.game-mode .game-band .special-banner>div{
    width:100%!important;
    max-width:calc(100% - 4px)!important;
    padding-right:0!important;
    text-align:center!important;
  }
  body.game-mode .game-band .special-banner #special-title,
  body.game-mode .game-band .special-banner #special-message{
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.game-mode .game-band .special-banner #batayo-fixed-clock.batayo-fixed-clock{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:2147483647!important;
    min-width:56px!important;
    width:56px!important;
    max-width:56px!important;
    height:28px!important;
    padding:0 6px!important;
    font-size:.76rem!important;
    letter-spacing:.04em!important;
    border-radius:999px!important;
    pointer-events:none!important;
  }
}


/* PLAY v1.84.25 — mobile : hauteur d'arène stable en BATAYO 3/4 joueurs
   Objectif : éviter que l'arène se réduise pendant un BATAYO et conserver les zones de jeu au même emplacement. */
@media(max-width:760px){
  body.game-mode .table-arena,
  body.game-mode .table-arena.arena-players-1,
  body.game-mode .table-arena.arena-players-2,
  body.game-mode .table-arena.arena-players-3,
  body.game-mode .table-arena.arena-players-4,
  body.game-mode .table-arena.arena-has-many-players{
    height:252px!important;
    min-height:252px!important;
    max-height:252px!important;
    overflow:visible!important;
  }

  body.game-mode .table-arena #table-cards,
  body.game-mode .table-arena #table-cards.arena-players-1,
  body.game-mode .table-arena #table-cards.arena-players-2,
  body.game-mode .table-arena #table-cards.arena-players-3,
  body.game-mode .table-arena #table-cards.arena-players-4{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:88px 88px!important;
    grid-auto-rows:88px!important;
    grid-auto-flow:row!important;
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
    top:0!important;
    padding:28px 4px 6px!important;
    gap:8px 6px!important;
    align-items:start!important;
    align-content:start!important;
    justify-items:center!important;
    overflow:visible!important;
  }

  body.game-mode .table-arena #table-cards .arena-player-lane,
  body.game-mode .table-arena #table-cards .battle-lane{
    width:100%!important;
    min-width:0!important;
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:15px 66px!important;
    justify-items:center!important;
    align-items:start!important;
    overflow:visible!important;
  }
}

/* PLAY v1.85.11 — onglets BATAYO + formulaire compact */
.player-tabs{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  padding:8px!important;
  border:1px solid #35506a!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#10243a,#091725)!important;
  box-shadow:inset 0 1px 0 #ffffff0b,0 8px 20px #0003!important;
}
.player-tab{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  padding:9px 14px!important;
  border:1px solid #35506a!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#142a40,#0b1a2a)!important;
  color:#f5f7fb!important;
  box-shadow:inset 0 1px 0 #ffffff08!important;
  text-align:left!important;
}
.player-tab:hover{border-color:#8d671d!important;background:linear-gradient(180deg,#193047,#0d2032)!important}
.player-tab .tab-kicker{font-size:.58rem!important;letter-spacing:.16em!important;color:#9fb5c8!important;font-weight:900!important}
.player-tab.active{
  border-color:#d99c19!important;
  background:linear-gradient(180deg,#4b370d,#211806)!important;
  color:#ffd76d!important;
  box-shadow:inset 0 1px 0 #ffe7a533,0 0 16px #f5bd4e22!important;
}
.player-tab.active .tab-kicker{color:#f5bd4e!important}
.party-characteristics{
  margin:2px 0 0!important;
  padding:10px!important;
  border:1px solid #35506a!important;
  border-radius:11px!important;
  background:#0b1b2a!important;
}
.party-characteristics>legend{padding:0 7px!important;color:#f5bd4e!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.08em!important}
.party-characteristics-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px 10px!important;
  align-items:start!important;
}
.essential-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important}
.essential-grid>*{align-self:start!important;min-width:0!important}
.party-characteristics-grid>label{gap:4px!important;margin:0!important;font-size:.72rem!important}
.party-characteristics-grid input,.party-characteristics-grid select{min-height:38px!important;padding:8px 9px!important}
.party-characteristics-grid small{font-size:.61rem!important;line-height:1.2!important}
#duration-field,#manche-count-field{align-self:start!important}
#create-form{gap:10px!important}
#create-form>.actions{margin-top:0!important}
#create-lobby{width:100%!important;min-height:44px!important}
.team-manager{box-shadow:inset 0 1px 0 #ffffff08,0 8px 18px #0003!important}
.team-create-row{padding:10px!important;border:1px solid #35506a!important;border-radius:10px!important;background:#091725!important}
#browser-screen .essential-grid>*{align-self:start!important;min-width:0!important}
#browser-screen .essential-grid .player-count-choice-field,#browser-screen .essential-grid .pack-choice-field,#browser-screen .essential-grid .ai-count-choice-field,#browser-screen .essential-grid .ai-difficulty-choice-field{display:block!important;min-width:0!important;width:100%!important}
#browser-screen .essential-grid .player-count-choice-list,#browser-screen .essential-grid .pack-choice-list,#browser-screen .essential-grid .ai-count-choice-list,#browser-screen .essential-grid .ai-difficulty-choice-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;padding:9px 10px!important;border:1px solid #35536d!important;border-radius:9px!important;background:#0a1a28!important;box-sizing:border-box!important}
#browser-screen .essential-grid .player-count-choice-item,#browser-screen .essential-grid .pack-choice-item,#browser-screen .essential-grid .ai-count-choice-item,#browser-screen .essential-grid .ai-difficulty-choice-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:29px!important;width:100%!important;margin:0!important;padding:0!important;color:#d8e5ff!important;font-size:.70rem!important;font-weight:800!important;line-height:1.15!important;cursor:pointer!important}
#browser-screen .essential-grid .player-count-choice-item input,#browser-screen .essential-grid .pack-choice-item input,#browser-screen .essential-grid .ai-count-choice-item input,#browser-screen .essential-grid .ai-difficulty-choice-item input{appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0!important;padding:0!important;border:1px solid #ffffff!important;border-radius:3px!important;background:#091a2b!important;box-shadow:none!important;cursor:pointer!important}
#browser-screen .essential-grid .player-count-choice-item input:checked,#browser-screen .essential-grid .pack-choice-item input:checked,#browser-screen .essential-grid .ai-count-choice-item input:checked,#browser-screen .essential-grid .ai-difficulty-choice-item input:checked{background:#ffffff!important;border-color:#ffffff!important;box-shadow:inset 0 0 0 4px #17334b!important}
#browser-screen .essential-grid .player-count-choice-item.active,#browser-screen .essential-grid .pack-choice-item.active,#browser-screen .essential-grid .ai-count-choice-item.active,#browser-screen .essential-grid .ai-difficulty-choice-item.active{color:#ffd36a!important}
#browser-screen .essential-grid .pack-choice-field>#total-card-count{display:block!important;margin-top:5px!important;color:#8fa6ba!important;font-size:.58rem!important;line-height:1.2!important}
@media(max-width:980px){.party-characteristics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.essential-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
 .player-tabs{grid-template-columns:1fr!important;gap:6px!important}
 .player-tab{min-height:48px!important;align-items:center!important;text-align:center!important}
 .party-characteristics-grid,.essential-grid{grid-template-columns:1fr!important}
}

/* PLAY v1.85.13 — ordre caractéristiques, IA et gestion équipes */
body:not(.game-mode) .party-characteristics-grid .field-disabled{opacity:.45!important;filter:grayscale(.35);}
body:not(.game-mode) .party-characteristics-grid .field-disabled select{cursor:not-allowed!important;background:#0a1420!important;color:#7f92a4!important;}
.team-card-head .team-delete{margin-left:auto!important;padding:6px 10px!important;font-size:.7rem!important;min-height:0!important;}

/* PLAY v1.85.19 — visibilité équipes */
.team-management-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important}
.team-card{border-color:#456887!important;background:linear-gradient(180deg,#10263a,#091725)!important;padding:14px!important}
.team-card-head{align-items:flex-start!important;flex-wrap:wrap!important}
.team-title-wrap{display:grid;gap:2px;min-width:160px}.team-name{font-size:1rem;color:#fff}.team-meta{color:#9eb7cf;font-size:.72rem}
.team-role{padding:4px 8px;border:1px solid #d99c19;border-radius:999px;background:#352606;color:#ffd76d!important}
.team-member-chip{background:#102237!important;padding:6px 9px!important}.team-delete{white-space:nowrap!important}
#team-admin-select{border-color:#d99c19!important;background:#0a1928!important}
@media(max-width:760px){.team-management-list{grid-template-columns:1fr!important}.team-card-head .team-delete{width:100%;margin-left:0!important}}

/* PLAY v1.85.20 — équipes présentées comme les salons */
.team-management-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:12px!important}
.team-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid #2d4b67;border-radius:12px;background:linear-gradient(100deg,#0d2032,#10283e);transition:transform .15s,border-color .15s,background .15s}
.team-row:hover{transform:translateY(-1px);border-color:#d49a3b;background:linear-gradient(100deg,#132b42,#15334c)}
@keyframes teamCreatedHighlight{0%,100%{box-shadow:inset 0 0 0 1px #d99c19,0 0 0 #f5bd4e00}35%,70%{box-shadow:inset 0 0 0 1px #ffd36a,0 0 18px #f5bd4e55}}.team-row-created-highlight{animation:teamCreatedHighlight .9s ease-in-out 3;border-color:#ffd36a!important}
.team-row-main{min-width:0;display:grid;gap:4px}.team-row-main strong{color:#f3f7fb;font-size:.88rem}.team-row-main span{color:#9fb5c9;font-size:.72rem;line-height:1.35}.team-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.team-invite-decision{margin:0 0 12px;padding:12px 14px;border:1px solid #d99c19;border-radius:12px;background:#13283d}.team-invite-decision>strong{display:block;color:#f5bd4e;margin-bottom:5px}.team-invite-decision p{margin:0 0 10px;color:#c8d6e4;font-size:.76rem}.team-invite-decision-choices{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.team-invite-decision-choices label{display:flex;align-items:center;gap:5px;color:#f3f7fb;font-size:.78rem;font-weight:800}.team-invite-decision-choices input{accent-color:#f5bd4e}.team-row-actions button{min-width:92px;padding:9px 12px;font-size:.74rem}.team-occupancy-label{color:#c8d6e4!important;font-size:.72rem!important;font-weight:800!important;white-space:nowrap}.team-invite-note-inline[hidden]{display:none!important}.team-occupancy-gauge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#102a42,#091a2b);border:1px solid #365775;box-shadow:inset 0 1px 0 #ffffff12,0 3px 10px #00000038}.team-occupancy-gauge span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 10px;border-radius:9px;background:linear-gradient(180deg,#18334d,#10263a);border:1px solid #35526c;color:#738ca3;font-size:.78rem;font-weight:900;line-height:1;letter-spacing:.01em;opacity:.72;transition:opacity .15s,transform .15s,box-shadow .15s,border-color .15s}.team-occupancy-gauge span.filled{background:linear-gradient(180deg,#f7c85a,#d99b19);border-color:#f5bd4e;color:#07111d;opacity:1;box-shadow:inset 0 1px 0 #ffe7a1,0 0 8px #f5bd4e2e}.team-occupancy-gauge span.current{border-color:#ffd36a;box-shadow:inset 0 0 0 1px #fff0bd,0 0 0 1px #b97b0e,0 0 10px #f5bd4e3d;transform:translateY(-1px)}
.team-selected-detail{margin-top:12px;padding:14px;border:1px solid #35506a;border-radius:12px;background:#091725}.team-selected-detail[hidden]{display:none}.team-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.team-detail-members{display:grid;gap:7px;margin-top:10px}.team-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.team-detail-actions .danger{margin-left:auto}.team-admin-tools{margin-top:12px;padding-top:12px;border-top:1px solid #29465e}.team-admin-tools[hidden]{display:none!important}
@media(max-width:760px){.team-row{align-items:flex-start;flex-direction:column}.team-row-actions{width:100%;justify-content:flex-start}.team-row-actions button{flex:1}.team-detail-head{flex-direction:column;align-items:flex-start}.team-detail-actions .danger{margin-left:0;width:100%}.team-occupancy-gauge{max-width:100%;overflow:auto;padding:6px 10px}.team-occupancy-gauge span{min-width:40px;height:26px;font-size:.75rem}}

/* PLAY v1.85.23 — lisibilité renforcée de la gestion des équipes */
.team-manager{padding:16px!important;background:#0d1f31!important}
.team-manager-head{padding-bottom:12px!important;border-bottom:1px solid #29465e!important}
.team-manager-head h3{font-size:1.08rem!important;margin:4px 0 6px!important}
.team-manager-head .lead{margin:0!important;max-width:760px!important;color:#b6c9da!important}
.team-section{margin-top:14px!important;padding:14px!important;border:1px solid #35506a!important;border-radius:12px!important;background:#091725!important}
.team-section-title{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important;padding-bottom:8px!important;border-bottom:1px solid #213c54!important}
.team-section-title strong{color:#ffd76d!important;font-size:.86rem!important}
.team-section-title span{color:#8fa9bf!important;font-size:.68rem!important;text-align:right!important}
.team-create-row{display:grid!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;grid-template-columns:minmax(260px,1fr) auto auto!important;gap:10px!important;align-items:center!important}.team-create-row input{min-height:44px!important;width:100%!important}.team-create-row .primary{min-height:44px!important;align-self:center!important;justify-self:end!important;white-space:nowrap!important}
.team-management-list{margin:0!important;gap:8px!important}
.team-row{padding:12px 14px!important;border-radius:10px!important;background:#0d2032!important;box-shadow:inset 0 1px 0 #ffffff08!important}
.team-row-main{gap:5px!important}
.team-row-main strong{font-size:.94rem!important;letter-spacing:.01em!important}
.team-row-main span{font-size:.7rem!important;color:#a9bdd0!important}
.team-row-actions{align-items:center!important;gap:10px!important}
.team-capacity-create{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;color:#c8d6e4!important;font-size:.72rem!important}.team-capacity-create select{width:70px!important;padding:10px!important}.team-member-presence{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;white-space:nowrap!important;word-break:keep-all!important;min-width:max-content!important;padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:900;line-height:1!important}.team-member-presence.online{color:#55e58e;background:#0b2b20;border:1px solid #238b61}.team-member-presence.offline{color:#9eb0c0;background:#101d29;border:1px solid #35506a}.team-member-remove{padding:7px 10px!important;font-size:.68rem!important;justify-self:end!important;white-space:nowrap!important;min-width:max-content!important}.team-capacity-settings{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:10px 0}.team-capacity-settings label{display:grid;gap:5px;color:#c8d6e4;font-size:.72rem;font-weight:800}.team-capacity-settings select{min-width:82px}.team-launch-direct{min-width:190px}.team-member-tile{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important}@media(max-width:760px){.team-create-row{grid-template-columns:1fr!important}.team-capacity-create{justify-content:space-between}.team-capacity-settings{align-items:stretch}.team-launch-direct{width:100%}.team-member-tile{grid-template-columns:auto 1fr!important}.team-member-remove{grid-column:1/-1;width:100%}}
.team-occupancy-gauge{flex-shrink:0!important}
.team-detail-head .team-occupancy-gauge{margin-left:auto!important}
.team-row-role{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;padding:5px 10px!important;border-radius:999px!important;border:1px solid #d99c19!important;background:#352606!important;color:#ffd76d!important;font-size:.72rem!important;font-weight:900!important;line-height:1!important}
.team-row-actions button{min-width:104px!important}
.team-selected-detail{margin:0!important;padding:14px!important;border-color:#4b6c87!important;background:#0b1c2b!important}
.team-selected-detail>.team-detail-head{display:none!important}
.team-detail-head{padding-bottom:11px!important;border-bottom:1px solid #29465e!important}
.team-detail-head .team-name{font-size:1.08rem!important;display:block!important;margin-bottom:4px!important}
.team-meta{font-size:.72rem!important;color:#a9bdd0!important}
.team-role{white-space:nowrap!important;padding:5px 10px!important;border-radius:999px!important}
.team-detail-members{margin-top:12px!important;gap:8px!important}
.team-member-row{grid-template-columns:32px minmax(150px,1fr) auto!important;padding:10px 12px!important;border-color:#35506a!important;background:#102236!important;min-height:54px!important}
.team-member-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#172e45!important;border:1px solid #466884!important;font-size:.88rem!important}
.team-member-main{gap:3px!important;min-width:0!important}
.team-member-main strong{font-size:.84rem!important;line-height:1.2!important;word-break:break-word!important}
.team-member-main small{font-size:.66rem!important;color:#8fa9bf!important}
.team-member-status{min-width:92px!important;text-align:center!important;padding:5px 8px!important}
.team-detail-actions{padding-top:12px!important;border-top:1px solid #29465e!important;margin-top:12px!important}
.team-detail-actions .danger{margin-left:auto!important;min-width:150px!important}
.team-admin-tools{margin-top:12px!important;padding:14px!important;border:1px solid #35506a!important;border-radius:10px!important;background:#0d2032!important}
.team-invite-title{display:flex!important;justify-content:flex-start!important;gap:12px!important;align-items:baseline!important;margin-bottom:9px!important}
.team-invite-title strong{color:#f3f7fb!important;font-size:.8rem!important}
.team-invite-note-inline{margin-top:6px!important;color:#8fa9bf!important;font-size:.64rem!important;line-height:1.35!important}
.team-invite-row{margin:0!important;grid-template-columns:minmax(220px,1fr) auto!important}
.team-section .empty{min-height:58px!important;display:grid!important;place-items:center!important;margin:0!important;padding:12px!important;border:1px dashed #35506a!important;border-radius:9px!important;color:#8fa9bf!important;background:#0a1928!important}
@media(max-width:760px){
 .team-manager{padding:10px!important}
 .team-manager-head{align-items:flex-start!important;flex-wrap:wrap!important}
 .team-section{padding:10px!important}
 .team-section-title,.team-invite-title{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}
 .team-section-title span{text-align:left!important}
 .team-create-row,.team-invite-row{grid-template-columns:1fr!important}
 .team-row{align-items:stretch!important}
 .team-row-actions{width:100%!important}.team-row-actions button{width:100%!important}
 .team-member-row{grid-template-columns:30px 1fr!important}
 .team-member-status{grid-column:2!important;justify-self:start!important}
 .team-detail-actions .danger{margin-left:0!important;width:100%!important}
}

/* PLAY v1.87.9 — invitation équipe à gauche, suppression à droite sur la même ligne */
.team-detail-actions.team-admin-action-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:end!important}
.team-admin-action-row .team-admin-tools{min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.team-admin-action-row .team-invite-title{margin-bottom:7px!important}
.team-admin-action-row .team-invite-row{grid-template-columns:minmax(220px,1fr) auto!important;align-items:end!important}
.team-admin-action-row .team-delete-inline{margin:0!important;min-width:150px!important;align-self:end!important}
@media(max-width:760px){.team-detail-actions.team-admin-action-row{grid-template-columns:1fr!important}.team-admin-action-row .team-invite-row{grid-template-columns:1fr!important}.team-admin-action-row .team-delete-inline{width:100%!important;min-width:0!important}}

/* PLAY v1.87.16 — badge administrateur déplacé dans la ligne d’équipe, note d’invitation sous le champ e-mail */
.team-admin-action-row{align-items:center!important}
.team-admin-action-row .team-admin-tools{display:grid!important;gap:8px!important;align-content:start!important}
.team-admin-action-row .team-invite-title{margin-bottom:6px!important}
.team-admin-action-row .team-invite-row{display:grid!important;grid-template-columns:minmax(260px,430px) auto!important;justify-content:start!important;gap:12px!important;align-items:center!important;max-width:100%!important}
.team-admin-action-row .team-invite-row input{min-height:46px!important;width:100%!important}
.team-admin-action-row .team-invite-row button{min-height:46px!important;align-self:center!important;justify-self:start!important;white-space:nowrap!important}
@media(max-width:760px){.team-row-actions{justify-content:flex-start!important}.team-admin-action-row .team-invite-row{grid-template-columns:1fr!important}.team-admin-action-row .team-invite-row button{width:100%!important;justify-self:stretch!important}}
/* PLAY v1.87.49 — en-tête et détail équipe */
.header-version-controls{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}.header-version-controls .engine-version{margin:0}.play-mode-control{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted);font-size:.78rem}.play-mode-control select{width:auto;padding:8px}.team-detail-actions.team-admin-action-row{grid-template-columns:minmax(210px,.65fr) minmax(360px,1.35fr)!important;align-items:stretch!important;gap:14px!important}.team-admin-panel{padding:14px!important;border:1px solid #29465e!important;border-radius:12px!important;background:#0a1928!important}.team-admin-config-panel{align-content:center!important}.team-admin-invite-panel{align-content:center!important}.team-admin-action-row .team-delete-inline{grid-column:1/-1!important;width:auto!important;justify-self:start!important;min-width:190px!important;margin-top:0!important}.team-member-tile{grid-template-columns:auto minmax(160px,1fr) auto auto!important;gap:10px 12px!important}.team-member-info{display:grid!important;gap:3px!important;min-width:0!important}.team-member-info .team-member-pseudo{font-size:.84rem!important}.team-member-info small{font-size:.66rem!important;color:#8fa9bf!important}.team-member-state{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important}.team-member-remove{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important}.team-member-remove:disabled{opacity:.55!important;cursor:wait!important}@media(max-width:1000px){.header-version-controls{gap:9px}.play-mode-control{font-size:.68rem}.play-mode-control select{padding:6px;max-width:110px}.team-detail-actions.team-admin-action-row{grid-template-columns:1fr!important}.team-admin-action-row .team-delete-inline{grid-column:1!important}}@media(max-width:760px){.header-version-controls{justify-content:flex-start;flex-wrap:wrap}.team-member-tile{grid-template-columns:auto 1fr!important}.team-member-state{grid-column:2!important;justify-content:flex-start!important}.team-member-remove{grid-column:1/-1!important;width:100%!important}.team-admin-panel{padding:10px!important}}

/* PLAY v1.85.24 — tuiles membres + redirection invitation */
.team-member-tiles{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important;margin-top:12px!important}
.team-member-tile{min-height:132px!important;padding:12px!important;border:1px solid #35506a!important;border-radius:12px!important;background:#102236!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto auto!important;gap:7px 9px!important;align-items:center!important}
.team-member-tile.accepted{border-color:#2f7a49!important}.team-member-tile.invited{border-color:#8a681b!important}.team-member-tile.refused{border-color:#8a3333!important}
.team-member-tile .team-member-icon{grid-row:1 / span 2!important;width:34px!important;height:34px!important}
.team-member-pseudo{font-size:.9rem!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;cursor:help!important;text-decoration:underline dotted rgba(255,255,255,.35)!important;text-underline-offset:3px!important}
.team-member-tile small{color:#8fa9bf!important;font-size:.68rem!important}
.team-member-tile .team-member-status{grid-column:1 / -1!important;justify-self:start!important;min-width:0!important}
@media(max-width:760px){.team-member-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}.team-member-tile{min-height:120px!important;padding:10px!important}}
@media(max-width:430px){.team-member-tiles{grid-template-columns:1fr 1fr!important}.team-member-pseudo{font-size:.8rem!important}}

/* PLAY v1.85.25 — tuiles équipes plus lisibles */
.team-members-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important;margin-top:12px!important}
.team-member-tile{min-height:118px!important;padding:14px!important;border:1px solid #35506a!important;border-radius:14px!important;background:linear-gradient(180deg,#10263a,#0a1a29)!important;display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto 1fr!important;column-gap:10px!important;align-items:start!important}
.team-member-tile .team-member-icon{grid-row:1/4;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #45657f;background:#122c43;font-weight:900}
.team-member-tile .team-member-name{font-size:.92rem!important;font-weight:900!important;color:#fff!important;cursor:help!important}
.team-member-tile small{font-size:.68rem!important;color:#9fc3df!important}
.team-member-tile .team-member-status{margin-top:10px!important;justify-self:start!important}
.team-member-tile.accepted{border-color:#2f7a49!important}.team-member-tile.invited{border-color:#b88616!important}.team-member-tile.refused{border-color:#8a3333!important}
@media(max-width:760px){.team-members-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.team-member-tile{min-height:105px!important;padding:10px!important;grid-template-columns:30px 1fr!important}.team-member-tile .team-member-icon{width:28px;height:28px}}
/* v1.88.0 — détail équipe restructuré */
.team-selected-detail{display:grid!important;gap:14px!important;padding:16px!important;background:#081725!important}
.team-detail-section{display:grid!important;gap:10px!important;padding:14px!important;border:1px solid #29465e!important;border-radius:13px!important;background:#0a1928!important}
.team-detail-section-title,.team-panel-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:9px!important;border-bottom:1px solid #29465e!important}
.team-detail-section-title strong,.team-panel-title strong{color:#f5bd4e!important;font-size:.82rem!important}
.team-detail-section-title span,.team-panel-title span{color:#8fa9bf!important;font-size:.66rem!important}
.team-member-tiles{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:10px!important;margin-top:0!important}
.team-member-tile{min-height:106px!important;padding:13px!important;grid-template-columns:36px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:6px 10px!important;align-items:center!important}
.team-member-tile .team-member-icon{grid-column:1!important;grid-row:1/3!important}
.team-member-tile .team-member-info{grid-column:2!important;grid-row:1!important}
.team-member-tile .team-member-state{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.team-member-tile .team-member-status{margin:0!important;grid-column:auto!important;justify-self:auto!important}
.team-member-tile .team-member-remove{grid-column:3!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important;margin:0!important}
.team-detail-actions.team-admin-action-row{display:grid!important;grid-template-columns:minmax(230px,.72fr) minmax(380px,1.28fr)!important;gap:14px!important;align-items:stretch!important;margin-top:0!important}
.team-admin-panel{display:grid!important;gap:11px!important;padding:15px!important;border:1px solid #29465e!important;border-radius:13px!important;background:#0a1928!important}
.team-admin-config-panel{grid-template-columns:1fr!important;align-content:start!important}
.team-admin-config-panel .team-panel-title{grid-column:1/-1!important}
.team-admin-config-panel label{margin-top:2px!important}
.team-admin-config-panel .team-launch-direct{width:100%!important;min-width:0!important}
.team-admin-invite-panel{align-content:start!important}
.team-admin-invite-panel .team-invite-title{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:9px!important;margin:0!important;border-bottom:1px solid #29465e!important}
.team-admin-invite-panel .team-invite-title strong{color:#f5bd4e!important;font-size:.82rem!important}
.team-invite-help{margin:0!important;color:#8fa9bf!important;font-size:.67rem!important;line-height:1.35!important}
.team-admin-action-row .team-invite-row{grid-template-columns:minmax(220px,1fr) auto!important;gap:10px!important;margin-top:0!important;max-width:none!important}
.team-danger-zone{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:13px 15px!important;border:1px solid #6d3038!important;border-radius:13px!important;background:#211116!important}
.team-danger-copy{display:grid!important;gap:3px!important}.team-danger-copy strong{color:#ff9d9d!important;font-size:.78rem!important}.team-danger-copy span{color:#ba9ca0!important;font-size:.65rem!important}
.team-danger-zone .team-delete-inline{margin:0!important;min-width:180px!important;white-space:nowrap!important}
@media(max-width:1000px){.team-detail-actions.team-admin-action-row{grid-template-columns:1fr!important}.team-danger-zone{grid-column:1!important}}
@media(max-width:760px){.team-selected-detail{padding:10px!important}.team-member-tiles{grid-template-columns:1fr!important}.team-member-tile{grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}.team-member-tile .team-member-icon{grid-row:1/3!important}.team-member-tile .team-member-remove{grid-column:1/-1!important;grid-row:3!important;width:100%!important;justify-self:stretch!important}.team-admin-action-row .team-invite-row{grid-template-columns:1fr!important}.team-danger-zone{align-items:stretch!important;flex-direction:column!important}.team-danger-zone .team-delete-inline{width:100%!important;min-width:0!important}.team-detail-section-title,.team-panel-title{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}}


/* PLAY v1.85.27 — salons publics visibles et actualisés */
.lobby-list{display:grid!important;gap:16px!important}
.lobby-browser-section{display:grid;gap:8px;padding:12px;border:1px solid #29465e;border-radius:12px;background:#091725}
.lobby-browser-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid #29465e;color:#ffd76d}
.lobby-browser-section-head>strong{font-size:.9rem;letter-spacing:.03em}
.lobby-browser-section-head>span{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border:1px solid #6f541b;border-radius:999px;background:#2b2109;color:#ffe39a;font-weight:900;font-size:.72rem}
.lobby-browser-rows{display:grid;gap:8px}
.lobby-browser-empty{margin:0!important;padding:12px!important}
.lobby-row .primary{min-width:100px}
@media(max-width:760px){.lobby-browser-section{padding:9px}.lobby-row{align-items:stretch!important}.lobby-row button{width:100%!important}}

/* v1.84.13 */
@media (min-width:761px){
body.game-mode .game-band{grid-template-columns:220px minmax(520px,1fr) 350px!important;align-items:stretch!important}
body.game-mode .game-state-zone{display:grid!important;grid-template-rows:auto 1fr auto!important;align-items:center!important;justify-items:start!important;padding:16px 18px!important;text-align:left!important}
body.game-mode .game-state-zone .step{align-self:start!important;margin:0!important}
body.game-mode #match-score{align-self:center!important;justify-self:start!important;margin:2px 0!important;min-width:112px!important;text-align:center!important}
body.game-mode #game-card-configuration{align-self:end!important;margin:0!important;white-space:nowrap!important}
body.game-mode .special-banner{position:relative!important;display:grid!important;place-items:center!important;padding:16px 118px 16px 28px!important;overflow:visible!important}
body.game-mode .special-banner>div{transform:none!important;width:100%!important;max-width:none!important;text-align:center!important}
body.game-mode .special-banner .timer-display{display:flex!important;position:absolute!important;top:12px!important;right:14px!important;bottom:auto!important;left:auto!important;z-index:20!important;min-width:78px!important;height:38px!important;align-items:center!important;justify-content:center!important;margin:0!important;border:1px solid #d99c19!important;border-radius:13px!important;background:linear-gradient(180deg,#17140b,#0d0c08)!important;color:#ffd45f!important;box-shadow:0 4px 14px #0008!important;font-size:1.05rem!important;font-weight:950!important;line-height:1!important;visibility:visible!important;opacity:1!important}
body.game-mode .special-banner .timer-display[hidden]{display:flex!important}
}

/* PLAY v1.84.19 — horloge au premier plan, emplacement maquette */
body.game-mode aside#special-banner.special-banner{
  position:relative!important;
  overflow:visible!important;
  padding-right:120px!important;
}
body.game-mode aside#special-banner.special-banner > strong#timer-display.timer-display{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:10px!important;
  right:14px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:2147483647!important;
  min-width:76px!important;
  height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d99c19!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#201807,#0c0b07)!important;
  color:#ffd45f!important;
  box-shadow:0 3px 12px #000b,0 0 8px #d99c1938!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
}
body.game-mode aside#special-banner.special-banner > strong#timer-display.timer-display[hidden]{
  display:flex!important;
}
@media(max-width:760px){
  body.game-mode aside#special-banner.special-banner{padding-right:78px!important}
  body.game-mode aside#special-banner.special-banner > strong#timer-display.timer-display{
    top:7px!important;right:8px!important;min-width:58px!important;height:28px!important;padding:0 8px!important;font-size:.78rem!important
  }
}
@media (max-width:760px){body.game-mode .special-banner .timer-display[hidden]{display:none!important}}

/* PLAY v1.85.49 — maquettes imposées : switch + date/heure */
#browser-screen .v18547-start-selector{
  display:block!important;
  margin:10px 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#browser-screen .start-selector-label{
  display:block!important;
  margin:0 0 7px!important;
  padding:0!important;
  color:#f5f7fb!important;
  font-size:.84rem!important;
  line-height:1.1!important;
  font-weight:800!important;
}
#browser-screen .start-mode-row{
  display:grid!important;
  grid-template-columns:minmax(150px,auto) 52px minmax(185px,auto)!important;
  align-items:center!important;
  justify-content:start!important;
  column-gap:18px!important;
  row-gap:0!important;
  width:auto!important;
  max-width:620px!important;
  margin:0!important;
}
#browser-screen button.start-mode-copy{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ffffff!important;
  text-align:left!important;
  cursor:pointer!important;
  transform:none!important;
  white-space:normal!important;
}
#browser-screen button.start-mode-copy:hover,
#browser-screen button.start-mode-copy.active{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
#browser-screen button.start-mode-copy strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#ffffff!important;
  font-size:.84rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#browser-screen button.start-mode-copy span{
  display:block!important;
  width:100%!important;
  margin:3px 0 0!important;
  padding:0!important;
  color:#ffffff!important;
  font-size:.73rem!important;
  line-height:1.08!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
#browser-screen button.start-mode-copy.active strong{
  color:#ffd15a!important;
}
#browser-screen button.start-mode-copy.active span{
  color:#eaf3ff!important;
}
#browser-screen #start-mode-switch.batayo-switch{
  position:relative!important;
  display:block!important;
  width:48px!important;
  min-width:48px!important;
  height:25px!important;
  min-height:25px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #ffffff!important;
  border-radius:999px!important;
  background:#091a2b!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.55),0 1px 5px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
#browser-screen #start-mode-switch .batayo-switch-thumb{
  position:absolute!important;
  top:2px!important;
  left:2px!important;
  display:block!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  border:1px solid #dce6ef!important;
  border-radius:50%!important;
  background:#f7f9fc!important;
  box-shadow:0 1px 4px rgba(0,0,0,.5)!important;
  transition:transform .16s ease!important;
}
#browser-screen #start-mode-switch[aria-checked="false"]{background:#091a2b!important;border-color:#ffffff!important}
#browser-screen #start-mode-switch[aria-checked="false"] .batayo-switch-thumb{transform:translateX(0)!important}
#browser-screen #start-mode-switch[aria-checked="true"]{background:#ffffff!important;border-color:#ffffff!important;box-shadow:0 0 0 1px rgba(255,255,255,.25),inset 0 1px 2px rgba(215,224,232,.75)!important}
#browser-screen #start-mode-switch[aria-checked="true"] .batayo-switch-thumb{transform:translateX(23px)!important;background:#eaf0f5!important;border-color:#17334b!important}
#browser-screen #schedule-fields{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:8px 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#browser-screen #schedule-fields[hidden]{display:none!important}
#browser-screen #schedule-fields .schedule-primary-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:12px!important;
  grid-column:1/-1!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
#browser-screen #schedule-fields .schedule-primary-row>label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  gap:5px!important;
  color:#f5f7fb!important;
  font-size:.74rem!important;
  line-height:1!important;
  font-weight:800!important;
}
#browser-screen #schedule-fields .schedule-primary-row>label:first-child{width:116px!important}
#browser-screen #schedule-fields .schedule-primary-row>label:last-child{width:86px!important}
#browser-screen #schedule-fields .schedule-primary-row input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid #416887!important;
  border-radius:10px!important;
  background:#071827!important;
  color:#ffffff!important;
  box-shadow:none!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:900!important;
  box-sizing:border-box!important;
}
#browser-screen #schedule-fields .compact-option,
#browser-screen #schedule-fields #scheduled-help{
  grid-column:1/-1!important;
}
@media(max-width:560px){
  #browser-screen .start-mode-row{
    grid-template-columns:minmax(118px,1fr) 48px minmax(145px,1fr)!important;
    column-gap:10px!important;
    max-width:none!important;
  }
  #browser-screen button.start-mode-copy strong{font-size:.76rem!important}
  #browser-screen button.start-mode-copy span{font-size:.64rem!important;white-space:normal!important}
  #browser-screen #schedule-fields .schedule-primary-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
  }
  #browser-screen #schedule-fields .schedule-primary-row>label:first-child{width:108px!important}
  #browser-screen #schedule-fields .schedule-primary-row>label:last-child{width:82px!important}
}

/* PLAY v1.87.0 — 4 sélecteurs unifiés sur le modèle Joueurs */
#browser-screen .player-count-choice-field{display:block!important;min-width:0!important;width:100%!important}
#browser-screen .player-count-choice-field>.field-label,#browser-screen .pack-choice-field>.field-label,#browser-screen .ai-count-choice-field>.field-label,#browser-screen .ai-difficulty-choice-field>.field-label{display:block!important;margin:0 0 6px!important;color:#d8e5ff!important;font-size:.72rem!important;font-weight:900!important}
#browser-screen #player-count{display:none!important}
#browser-screen .player-count-choice-list,#browser-screen .pack-choice-list,#browser-screen .ai-count-choice-list,#browser-screen .ai-difficulty-choice-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px 10px!important;border:1px solid #35536d!important;border-radius:9px!important;background:#0a1a28!important;box-sizing:border-box!important;width:100%!important}
#browser-screen .player-count-choice-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:27px!important;margin:0!important;padding:0!important;color:#d8e5ff!important;font-size:.70rem!important;font-weight:800!important;line-height:1.2!important;cursor:pointer!important}
#browser-screen .player-count-choice-item input{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;margin:0!important;padding:0!important;border:1px solid #ffffff!important;border-radius:3px!important;background:#091a2b!important;box-shadow:none!important;cursor:pointer!important}
#browser-screen .player-count-choice-item input:checked,#browser-screen .pack-choice-item input:checked,#browser-screen .ai-count-choice-item input:checked,#browser-screen .ai-difficulty-choice-item input:checked{background:#ffffff!important;border-color:#ffffff!important;box-shadow:inset 0 0 0 4px #17334b!important}
#browser-screen .player-count-choice-item.active,#browser-screen .pack-choice-item.active,#browser-screen .ai-count-choice-item.active,#browser-screen .ai-difficulty-choice-item.active{color:#ffd36a!important}
#browser-screen .player-count-choice-item span{display:block!important;white-space:normal!important}
/* PLAY v1.86.1 — Paquet : sélection visuelle unique, sans menu déroulant */
#browser-screen .pack-choice-field{display:block!important;min-width:0!important;width:100%!important}
#browser-screen .pack-choice-field>.field-label{display:block!important;margin:0 0 6px!important;color:#d8e5ff!important;font-size:.72rem!important;font-weight:900!important}
#browser-screen #cards-per-player{display:none!important}
#browser-screen .pack-choice-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px 10px!important;border:1px solid #35536d!important;border-radius:9px!important;background:#0a1a28!important;box-sizing:border-box!important;width:100%!important}
#browser-screen .pack-choice-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:27px!important;margin:0!important;padding:0!important;color:#d8e5ff!important;font-size:.70rem!important;font-weight:800!important;line-height:1.2!important;cursor:pointer!important}
#browser-screen .pack-choice-item input{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;margin:0!important;padding:0!important;border:1px solid #ffffff!important;border-radius:3px!important;background:#091a2b!important;box-shadow:none!important;cursor:pointer!important}
#browser-screen .pack-choice-item input:checked{background:#ffffff!important;border-color:#ffffff!important;box-shadow:inset 0 0 0 4px #17334b!important}
#browser-screen .pack-choice-item.active{color:#ffd36a!important}
#browser-screen .pack-choice-item span{display:block!important;white-space:normal!important}
#browser-screen .pack-choice-field>#total-card-count{display:block!important;margin-top:5px!important;color:#8fa6ba!important;font-size:.60rem!important;line-height:1.25!important}
/* PLAY v1.87.6 — bas de page de création réorganisé */
#browser-screen .advanced-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}
#browser-screen .advanced-option-group{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-content:start!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
#browser-screen .advanced-option-group>.player-count-choice-field,#browser-screen .advanced-option-group>label{min-width:0!important;width:100%!important;margin:0!important}
#browser-screen .advanced-option-group>.player-count-choice-field>.field-label,#browser-screen .advanced-option-group>label{display:block!important;margin:0 0 6px!important;color:#d8e5ff!important;font-size:.72rem!important;font-weight:900!important}
#browser-screen .advanced-option-group .player-count-choice-list{min-height:102px!important}
#browser-screen .advanced-option-group>label input{width:100%!important;box-sizing:border-box!important}
#browser-screen .compact-option .team-invite-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;padding:10px!important}
#browser-screen .compact-option .team-invite-fields>label{grid-column:auto!important;min-width:0!important;margin:0!important}
#browser-screen .compact-option .team-invite-fields>.lobby-invite-slot[hidden]{display:none!important}
#browser-screen .compact-option .team-invite-fields>label select{width:100%!important;min-height:38px!important}
#browser-screen .compact-option .team-invite-fields>.team-invite-note{grid-column:1/-1!important;margin:0!important;padding-top:1px!important}
#browser-screen #create-form>.actions{margin-top:8px!important;padding-top:10px!important;border-top:1px solid #29465e!important}
#browser-screen #create-form>.actions #create-lobby{min-height:44px!important;width:100%!important}
@media(max-width:900px){#browser-screen .advanced-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#browser-screen .advanced-groups-grid{grid-template-columns:1fr!important}#browser-screen .compact-option .team-invite-fields{grid-template-columns:1fr!important}#browser-screen .compact-option .team-invite-fields>.team-invite-note{grid-column:1!important}}

/* PLAY v1.87.0 — 4 sélecteurs unifiés sur le modèle Joueurs */
#browser-screen .player-count-choice-field{display:block!important;min-width:0!important;width:100%!important}
#browser-screen .player-count-choice-field>.field-label,#browser-screen .pack-choice-field>.field-label,#browser-screen .ai-count-choice-field>.field-label,#browser-screen .ai-difficulty-choice-field>.field-label{display:block!important;margin:0 0 6px!important;color:#d8e5ff!important;font-size:.72rem!important;font-weight:900!important}
#browser-screen #player-count{display:none!important}
#browser-screen .player-count-choice-list,#browser-screen .pack-choice-list,#browser-screen .ai-count-choice-list,#browser-screen .ai-difficulty-choice-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px 10px!important;border:1px solid #35536d!important;border-radius:9px!important;background:#0a1a28!important;box-sizing:border-box!important;width:100%!important}
#browser-screen .player-count-choice-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:27px!important;margin:0!important;padding:0!important;color:#d8e5ff!important;font-size:.70rem!important;font-weight:800!important;line-height:1.2!important;cursor:pointer!important}
#browser-screen .player-count-choice-item input{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;margin:0!important;padding:0!important;border:1px solid #ffffff!important;border-radius:3px!important;background:#091a2b!important;box-shadow:none!important;cursor:pointer!important}
#browser-screen .player-count-choice-item input:checked,#browser-screen .pack-choice-item input:checked,#browser-screen .ai-count-choice-item input:checked,#browser-screen .ai-difficulty-choice-item input:checked{background:#ffffff!important;border-color:#ffffff!important;box-shadow:inset 0 0 0 4px #17334b!important}
#browser-screen .player-count-choice-item.active,#browser-screen .pack-choice-item.active,#browser-screen .ai-count-choice-item.active,#browser-screen .ai-difficulty-choice-item.active{color:#ffd36a!important}
#browser-screen .player-count-choice-item span{display:block!important;white-space:normal!important}
/* PLAY v1.86.1 — Paquet : sélection visuelle unique, sans menu déroulant */
#browser-screen .pack-choice-field{display:block!important;min-width:0!important;width:100%!important}
#browser-screen .pack-choice-field>.field-label{display:block!important;margin:0 0 6px!important;color:#d8e5ff!important;font-size:.72rem!important;font-weight:900!important}
#browser-screen #cards-per-player{display:none!important}
#browser-screen .pack-choice-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px 10px!important;border:1px solid #35536d!important;border-radius:9px!important;background:#0a1a28!important;box-sizing:border-box!important;width:100%!important}
#browser-screen .pack-choice-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:27px!important;margin:0!important;padding:0!important;color:#d8e5ff!important;font-size:.70rem!important;font-weight:800!important;line-height:1.2!important;cursor:pointer!important}
#browser-screen .pack-choice-item input{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;margin:0!important;padding:0!important;border:1px solid #ffffff!important;border-radius:3px!important;background:#091a2b!important;box-shadow:none!important;cursor:pointer!important}
#browser-screen .pack-choice-item input:checked{background:#ffffff!important;border-color:#ffffff!important;box-shadow:inset 0 0 0 4px #17334b!important}
#browser-screen .pack-choice-item.active{color:#ffd36a!important}
#browser-screen .pack-choice-item span{display:block!important;white-space:normal!important}
#browser-screen .pack-choice-field>#total-card-count{display:block!important;margin-top:5px!important;color:#8fa6ba!important;font-size:.60rem!important;line-height:1.25!important}
/* PLAY v1.87.6 — bas de page de création réorganisé */
#browser-screen .advanced-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}
#browser-screen .advanced-option-group{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-content:start!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
#browser-screen .advanced-option-group>.player-count-choice-field,#browser-screen .advanced-option-group>label{min-width:0!important;width:100%!important;margin:0!important}
#browser-screen .advanced-option-group>.player-count-choice-field>.field-label,#browser-screen .advanced-option-group>label{display:block!important;margin:0 0 6px!important;color:#d8e5ff!important;font-size:.72rem!important;font-weight:900!important}
#browser-screen .advanced-option-group .player-count-choice-list{min-height:102px!important}
#browser-screen .advanced-option-group>label input{width:100%!important;box-sizing:border-box!important}
#browser-screen .compact-option .team-invite-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;padding:10px!important}
#browser-screen .compact-option .team-invite-fields>label{grid-column:auto!important;min-width:0!important;margin:0!important}
#browser-screen .compact-option .team-invite-fields>.lobby-invite-slot[hidden]{display:none!important}
#browser-screen .compact-option .team-invite-fields>label select{width:100%!important;min-height:38px!important}
#browser-screen .compact-option .team-invite-fields>.team-invite-note{grid-column:1/-1!important;margin:0!important;padding-top:1px!important}
#browser-screen #create-form>.actions{margin-top:8px!important;padding-top:10px!important;border-top:1px solid #29465e!important}
#browser-screen #create-form>.actions #create-lobby{min-height:44px!important;width:100%!important}
@media(max-width:900px){#browser-screen .advanced-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#browser-screen .advanced-groups-grid{grid-template-columns:1fr!important}#browser-screen .compact-option .team-invite-fields{grid-template-columns:1fr!important}#browser-screen .compact-option .team-invite-fields>.team-invite-note{grid-column:1!important}}

/* PLAY v1.87.2 — Date / Heure à droite, alignées avec Programmer */
@media (min-width:761px){
  #browser-screen #create-form{
    grid-template-columns:520px minmax(214px,1fr)!important;
    column-gap:20px!important;
    align-items:start!important;
  }
  #browser-screen #create-form> *{grid-column:1/-1}
  #browser-screen #create-form>.v18547-start-selector{
    grid-column:1!important;
    grid-row:auto!important;
    margin-bottom:0!important;
  }
  #browser-screen #create-form>#schedule-fields{
    grid-column:2!important;
    align-self:start!important;
    margin:18px 0 0!important;
    padding:0!important;
  }
  #browser-screen #schedule-fields .schedule-primary-row{
    justify-content:flex-start!important;
    align-items:flex-start!important;
  }
}

/* PLAY v1.87.7 — détail d’équipe directement sous la tuile sélectionnée */
#browser-screen .team-management-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#browser-screen .team-row.selected{border-color:#d99c19!important;box-shadow:inset 0 0 0 1px #d99c19!important;background:#0d2132!important}
#browser-screen .team-inline-detail{margin:-2px 0 4px!important;padding:14px!important;border:1px solid #4b6c87!important;border-top-color:#d99c19!important;border-radius:0 0 12px 12px!important;background:#0b1c2b!important}
#browser-screen .team-row.selected + .team-inline-detail{margin-top:-11px!important;padding-top:20px!important}
#browser-screen .team-inline-tools{margin:-4px 0 4px!important;padding:12px 14px 14px!important;border:1px solid #4b6c87!important;border-top:0!important;border-radius:0 0 12px 12px!important;background:#0b1c2b!important}
#browser-screen .team-inline-detail + .team-inline-tools{border-radius:0 0 12px 12px!important}
#browser-screen .team-row.selected:has(+ .team-inline-detail){border-radius:12px 12px 0 0!important}
@media(max-width:760px){#browser-screen .team-inline-detail,#browser-screen .team-inline-tools{padding-left:10px!important;padding-right:10px!important}}

.card-back{background:linear-gradient(145deg,#111827,#02060c)!important;border-color:#d7a52c!important;box-shadow:inset 0 0 0 2px #05080d,inset 0 0 0 4px #d7a52c55,0 3px 10px #0008!important}
.card-back>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;background:#060a10}
.card-back-fallback{display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle,#c99520 0 17%,#15130d 18% 48%,#03070d 49%)!important}
.card-back-fallback strong{color:#f5bd4e!important;border-color:#f5bd4e!important;font-size:1.45rem!important}
@media (min-width:761px) and (max-width:1100px){
 body.game-mode main{width:calc(100vw - 18px)!important;margin:6px auto!important}
 body.game-mode #game-screen{padding:8px!important}
 body.game-mode .game-band{grid-template-columns:150px minmax(0,1fr)!important}
 body.game-mode .game-band .game-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:7px!important}
 body.game-mode .game-band .game-actions button{min-width:0!important}
 body.game-mode .game-players{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 body.game-mode .player-dashboard{min-width:0!important}
 body.game-mode .table-arena{min-height:268px!important;height:268px!important}
 body.game-mode .table-arena #table-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:104px!important;gap:10px!important;justify-items:center!important;align-content:center!important;padding:10px!important}
 body.game-mode .table-arena #table-cards .arena-player-lane,body.game-mode .table-arena #table-cards .battle-lane{width:100%!important;min-width:0!important;display:grid!important;grid-template-rows:18px 80px!important;justify-items:center!important}
 body.game-mode .hand-zone-frame,body.game-mode .hand-main-panel{min-width:0!important}
}
/* PLAY v1.88.10 — vraie mise en page tablette et mobile, servie avec /multiplayer.css */
@media (min-width:761px) and (max-width:1180px){
  body.game-mode main{width:calc(100vw - 24px)!important;max-width:none!important;margin:8px auto!important}
  body.game-mode #game-screen{padding:10px!important}
  body.game-mode .game-band{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:8px!important}
  body.game-mode .game-state-zone{min-height:94px!important}
  body.game-mode .special-banner{min-height:94px!important;margin:0!important}
  body.game-mode .game-actions{grid-column:1 / -1!important;display:grid!important;grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr)!important;align-items:center!important;gap:8px!important;padding:8px!important}
  body.game-mode .game-action-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.game-mode .game-action-buttons button{min-width:0!important;padding:9px 6px!important;font-size:.7rem!important}
  body.game-mode .game-players{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important}
  body.game-mode .player-dashboard{min-height:82px!important;padding:9px!important}
  body.game-mode .table-arena{height:258px!important;min-height:258px!important;max-height:none!important;padding:9px!important;overflow:visible!important}
  body.game-mode .table-arena.arena-players-1,body.game-mode .table-arena.arena-players-2{height:156px!important;min-height:156px!important}
  body.game-mode .table-arena #table-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:104px!important;gap:12px!important;width:100%!important;height:auto!important;min-height:112px!important;max-height:none!important;padding:8px!important;align-content:start!important;justify-items:center!important;overflow:visible!important}
  body.game-mode .table-arena #table-cards .arena-player-lane,body.game-mode .table-arena #table-cards .battle-lane{width:100%!important;min-width:0!important;height:98px!important;min-height:98px!important;display:grid!important;grid-template-rows:18px 80px!important;justify-items:center!important}
  body.game-mode .hand-zone{padding:9px!important}
  body.game-mode .hand-zone-frame{grid-template-columns:1fr!important;grid-template-areas:"left" "status"!important}
  body.game-mode .hand-main-panel{grid-template-columns:96px minmax(0,1fr) 96px!important;grid-template-areas:"slot1 slot1 slot1" "slot3 slot4 slot5"!important}
}
@media (max-width:760px){
  body.game-mode .game-band{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:4px 0!important}
  body.game-mode .game-state-zone{grid-column:1!important;min-width:0!important;padding:7px!important}
  body.game-mode .special-banner{grid-column:2!important;min-width:0!important;margin:0!important;padding:7px!important;min-height:0!important}
  body.game-mode .special-banner h2{font-size:.68rem!important}
  body.game-mode .special-banner strong{font-size:.72rem!important}
  body.game-mode .special-banner span{font-size:.48rem!important;line-height:1.12!important}
  body.game-mode .game-actions{grid-column:1 / -1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:5px!important}
  body.game-mode .match-score-panel{display:none!important}
  body.game-mode .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  body.game-mode .game-action-buttons button{min-width:0!important;min-height:28px!important;padding:4px!important;font-size:.56rem!important}
  body.game-mode .game-players{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:5px 0!important}
  body.game-mode .player-dashboard{min-height:70px!important;padding:6px!important}
  body.game-mode .player-heading{font-size:.58rem!important}
  body.game-mode .table-arena{height:228px!important;min-height:228px!important;max-height:none!important;margin-top:5px!important;padding:6px!important;overflow:visible!important}
  body.game-mode .table-arena.arena-players-1,body.game-mode .table-arena.arena-players-2{height:142px!important;min-height:142px!important}
  body.game-mode .table-arena #table-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:88px!important;gap:8px 5px!important;width:100%!important;height:auto!important;min-height:96px!important;max-height:none!important;padding:5px 2px!important;transform:none!important;align-content:start!important;justify-items:center!important;overflow:visible!important}
  body.game-mode .table-arena #table-cards .arena-player-lane,body.game-mode .table-arena #table-cards .battle-lane{width:100%!important;min-width:0!important;height:84px!important;min-height:84px!important;grid-template-rows:15px 66px!important;justify-items:center!important}
  body.game-mode .table-arena #table-cards .battle-stack{width:74px!important;min-width:74px!important;height:66px!important;min-height:66px!important}
  body.game-mode .table-arena #table-cards .battle-layer>.card,body.game-mode .table-arena #table-cards .battle-layer>.card-slot-placeholder,body.game-mode .table-arena #table-cards .normal-card-lane>.card{width:44px!important;height:60px!important;min-height:60px!important}
  body.game-mode .hand-zone{padding:6px!important}
}
@media (max-width:360px){
  body.game-mode .table-arena{height:212px!important;min-height:212px!important}
  body.game-mode .table-arena.arena-players-1,body.game-mode .table-arena.arena-players-2{height:134px!important;min-height:134px!important}
  body.game-mode .table-arena #table-cards{grid-auto-rows:80px!important}
  body.game-mode .table-arena #table-cards .arena-player-lane,body.game-mode .table-arena #table-cards .battle-lane{height:76px!important;min-height:76px!important;grid-template-rows:14px 60px!important}
}/* PLAY v1.88.11 — tablette portrait : protège les navigateurs qui annoncent une largeur desktop. */
@media (max-aspect-ratio:4/5){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body.game-mode main,body.game-mode #game-screen{width:100%!important;max-width:100%!important;margin:0!important;padding:5px!important;overflow-x:hidden!important}
  body.game-mode .hero{grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;padding:5px 7px!important}
  body.game-mode .brand-logo{width:74px!important;max-height:36px!important;height:auto!important}
  body.game-mode .engine-version{font-size:.54rem!important;line-height:1.05!important;text-align:right!important}
  body.game-mode .top-controls{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px!important}
  body.game-mode .game-band{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:4px 0!important}
  body.game-mode .game-state-zone,body.game-mode .special-banner{min-width:0!important;min-height:0!important;padding:7px!important;margin:0!important}
  body.game-mode .game-state-zone{grid-column:1!important}.game-mode .special-banner{grid-column:2!important}
  body.game-mode .special-banner h2{font-size:.68rem!important}.game-mode .special-banner strong{font-size:.74rem!important}.game-mode .special-banner span{font-size:.48rem!important;line-height:1.1!important}
  body.game-mode .game-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:5px!important}
  body.game-mode .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  body.game-mode .game-action-buttons button{min-width:0!important;min-height:28px!important;padding:4px!important;font-size:.56rem!important}
  body.game-mode .game-players{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:5px 0!important}
  body.game-mode .player-dashboard{min-width:0!important;min-height:70px!important;padding:6px!important;overflow:hidden!important}
  body.game-mode .player-heading{font-size:.58rem!important}.game-mode .player-piles{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important}.game-mode .mini-pile{width:22px!important;height:28px!important}.game-mode .mini-pile i{width:15px!important;height:21px!important}
  body.game-mode .play-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important}
  body.game-mode .table-arena{width:100%!important;min-width:0!important;height:228px!important;min-height:228px!important;max-height:none!important;margin:0!important;padding:6px!important;overflow:visible!important}
  body.game-mode .table-arena.arena-players-1,body.game-mode .table-arena.arena-players-2{height:142px!important;min-height:142px!important}
  body.game-mode .table-arena #table-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:88px!important;gap:8px 5px!important;width:100%!important;height:auto!important;min-height:96px!important;max-height:none!important;padding:5px 2px!important;transform:none!important;align-content:start!important;justify-items:center!important;overflow:visible!important}
  body.game-mode .table-arena #table-cards .arena-player-lane,body.game-mode .table-arena #table-cards .battle-lane{width:100%!important;min-width:0!important;height:84px!important;min-height:84px!important;grid-template-rows:15px 66px!important;justify-items:center!important}
  body.game-mode .table-arena #table-cards .battle-stack{width:74px!important;min-width:74px!important;height:66px!important;min-height:66px!important}
  body.game-mode .table-arena #table-cards .battle-layer>.card,body.game-mode .table-arena #table-cards .battle-layer>.card-slot-placeholder,body.game-mode .table-arena #table-cards .normal-card-lane>.card{width:44px!important;height:60px!important;min-height:60px!important}
  body.game-mode .hand-zone{width:100%!important;min-width:0!important;padding:6px!important;overflow:hidden!important}
}/* PLAY v1.88.12 — tablette : bandeau lisible et panneau Fantôme rétabli. */
@media (min-width:601px) and (max-width:1180px) and (max-aspect-ratio:4/5){
  /* En-tête : trois zones stables, sans seconde ligne inutile. */
  body.game-mode .hero{display:grid!important;grid-template-columns:minmax(158px,.9fr) minmax(210px,1.2fr) minmax(144px,.75fr)!important;grid-template-areas:"brand version connection"!important;align-items:center!important;gap:10px!important;padding:8px 12px!important}
  body.game-mode .brand-controls{grid-area:brand!important;min-width:0!important}
  body.game-mode .brand-logo{width:112px!important;max-width:100%!important;max-height:48px!important}
  body.game-mode .brand-copy{display:none!important}
  body.game-mode .header-version-controls{grid-area:version!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:0!important}
  body.game-mode .engine-version{display:block!important;min-width:0!important;font-size:.67rem!important;line-height:1.25!important;text-align:center!important;white-space:nowrap!important}
  body.game-mode .play-mode-control{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;font-size:.64rem!important;white-space:nowrap!important}
  body.game-mode .play-mode-control select{min-width:92px!important;max-width:118px!important;padding:5px 6px!important;font-size:.66rem!important}
  body.game-mode .top-controls{grid-area:connection!important;display:flex!important;justify-content:flex-end!important;min-width:0!important}
  body.game-mode .motor-state{min-width:0!important;padding:7px 9px 7px 24px!important;font-size:.62rem!important;white-space:nowrap!important}
  body.game-mode .motor-state::before{left:9px!important}

  /* Retrouve le panneau latéral de v1.88.7 pour le mode Fantôme sur tablette. */
  body.game-mode .hand-zone{padding:6px 8px!important;overflow:visible!important}
  body.game-mode .hand-zone-frame{display:grid!important;grid-template-columns:minmax(0,1fr) 236px!important;grid-template-areas:"left status"!important;gap:8px!important;align-items:stretch!important}
  body.game-mode .hand-main-panel,body.game-mode .hand-main-panel:has(.hand-alert[hidden]),body.game-mode .hand-main-panel:has(.hand-alert:not([hidden])){grid-area:left!important;display:grid!important;grid-template-columns:98px minmax(0,1fr) 106px!important;grid-template-rows:auto minmax(0,1fr) 82px!important;grid-template-areas:"slot1 slot1 slot1" "slot2 slot2 slot2" "slot3 slot4 slot5"!important;gap:4px 8px!important;align-items:stretch!important}
  body.game-mode .hand-main-panel:has(.hand-alert[hidden]){grid-template-rows:auto 82px!important;grid-template-areas:"slot1 slot1 slot1" "slot3 slot4 slot5"!important}
  body.game-mode .hand-slot-1{flex-direction:row!important;align-items:center!important}
  body.game-mode .hand-slot-1 h3{font-size:.72rem!important}
  body.game-mode .hand-slot-1 .hand-instruction{font-size:.72rem!important;min-height:24px!important;white-space:nowrap!important}
  body.game-mode .hand-slot-4.hand{min-height:82px!important;align-items:center!important;gap:7px!important}
  body.game-mode .hand-slot-4.hand .card{width:62px!important;height:80px!important;min-height:80px!important;padding:5px!important}
  body.game-mode .personal-pile{min-height:76px!important}
  body.game-mode .deck-fan,body.game-mode .won-fan{width:84px!important;min-height:62px!important}
  body.game-mode .hand-status-card{grid-area:status!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;grid-template-areas:"label" "state" "detail" "controls"!important;align-content:stretch!important;min-height:112px!important;max-height:none!important;padding:9px 10px!important;border-radius:8px!important;overflow:visible!important}
  body.game-mode .hand-status-card span{font-size:.58rem!important;line-height:1.05!important}
  body.game-mode .hand-status-card strong,body.game-mode .hand-zone.hand-ghost .hand-status-card strong{font-size:1rem!important;line-height:1.08!important;text-align:left!important;white-space:normal!important}
  body.game-mode .hand-status-card small,body.game-mode .hand-zone.hand-ghost .hand-status-card small{font-size:.76rem!important;line-height:1.18!important;overflow:visible!important;white-space:normal!important}
  body.game-mode .ghost-controls{grid-template-columns:68px minmax(0,1fr)!important;gap:6px!important;align-self:end!important}
  body.game-mode .ghost-controls select,body.game-mode .ghost-controls button{min-height:30px!important;padding:5px 6px!important;font-size:.64rem!important;border-radius:7px!important}
}
@media (max-width:600px) and (max-aspect-ratio:4/5){
  /* Téléphone : garde la présentation compacte, avec un bandeau plus respirant. */
  body.game-mode .hero{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand version" "connection connection"!important;gap:6px!important;padding:7px 8px!important}
  body.game-mode .brand-controls{grid-area:brand!important}.header-version-controls{grid-area:version!important}.top-controls{grid-area:connection!important;justify-self:stretch!important}
  body.game-mode .top-controls .motor-state{width:100%!important;text-align:center!important}
  body.game-mode .play-mode-control{display:none!important}
}
/* PLAY v1.88.13 — tablette : score des manches en haut a droite. */
@media (min-width:601px) and (max-width:1180px) and (max-aspect-ratio:4/5){
  body.game-mode .game-band{grid-template-columns:minmax(0,1fr) minmax(228px,.92fr)!important;grid-template-areas:"match score" "status controls"!important;gap:7px!important;align-items:stretch!important;padding:7px!important;overflow:visible!important}
  body.game-mode .game-state-zone{grid-area:match!important;min-height:90px!important;margin:0!important}
  body.game-mode .special-banner{grid-area:status!important;min-height:76px!important;margin:0!important}
  body.game-mode .game-actions{grid-area:score / score / controls / controls!important;display:contents!important}
  body.game-mode .match-score-panel{grid-area:score!important;display:grid!important;align-content:start!important;align-self:start!important;min-height:90px!important;margin:0!important;padding:9px 11px!important;border:1px solid #87631c!important;border-radius:10px!important;background:linear-gradient(180deg,#1d1607,#100d07)!important;box-shadow:inset 0 1px 0 #f5bd4e22,0 4px 12px #0006!important}
  body.game-mode .match-score-panel>span{font-size:.68rem!important;line-height:1!important}
  body.game-mode .match-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  body.game-mode .game-action-buttons{grid-area:controls!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:stretch!important;gap:6px!important;min-height:76px!important;margin:0!important;padding:8px!important;border:1px solid #35506a!important;border-radius:10px!important;background:linear-gradient(180deg,#11263aee,#081521ee)!important}
  body.game-mode .game-action-buttons button{width:auto!important;min-height:30px!important;margin:0!important;padding:6px 8px!important;font-size:.62rem!important}
}
@media (max-width:600px) and (max-aspect-ratio:4/5){
  body.game-mode .match-score-panel{display:none!important}
}/* PLAY v1.88.14 — tablette : bandeau de partie fiable, sans display:contents. */
@media (min-width:601px) and (max-width:1180px) and (max-aspect-ratio:4/5){
  /* Deux colonnes explicites : les deux blocs informatifs restent à gauche. */
  body.game-mode .game-band{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(228px,.92fr)!important;
    grid-template-areas:"match actions" "status actions"!important;
    grid-template-rows:minmax(76px,auto) minmax(76px,auto)!important;
    gap:7px!important;
    align-items:stretch!important;
  }
  body.game-mode .game-state-zone{grid-area:match!important;display:block!important;min-height:76px!important}
  body.game-mode .special-banner{grid-area:status!important;display:block!important;min-height:76px!important}

  /* Le conteneur de droite reste un vrai élément de grille : pas de disparition selon le navigateur. */
  body.game-mode .game-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-rows:minmax(76px,auto) minmax(76px,auto)!important;
    gap:7px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.game-mode .match-score-panel{display:grid!important;grid-area:auto!important;min-height:76px!important}
  body.game-mode .game-action-buttons{display:grid!important;grid-area:auto!important;min-height:76px!important}
}
/* PLAY v1.88.15 — tablette : blocs Match et état toujours visibles. */
@media (min-width:601px) and (max-width:1180px) and (max-aspect-ratio:4/5){
  body.game-mode .game-band{grid-template-columns:minmax(0,1.16fr) minmax(220px,.84fr)!important;grid-template-areas:"match score" "status controls"!important;grid-template-rows:minmax(82px,auto) minmax(82px,auto)!important;gap:7px!important;padding:7px!important;overflow:visible!important}
  body.game-mode .game-state-zone{grid-area:match!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;align-content:center!important;justify-items:start!important;gap:5px!important;min-height:82px!important;padding:10px 12px!important;border:1px solid #a77a22!important;background:linear-gradient(180deg,#2a210d,#12191f)!important;color:#fff!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-state-zone .step{display:block!important;color:#ffd76d!important;font-size:.66rem!important;letter-spacing:.18em!important;line-height:1!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-state-zone #match-score{display:block!important;margin:0!important;color:#fff!important;font-size:1.05rem!important;font-weight:950!important;line-height:1.05!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-state-zone #game-card-configuration{display:block!important;margin:0!important;color:#d4e1ec!important;font-size:.68rem!important;line-height:1.15!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner{grid-area:status!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy clock"!important;align-items:center!important;gap:10px!important;min-height:82px!important;padding:10px 12px!important;border:1px solid #98701e!important;background:linear-gradient(180deg,#2b200a,#111b25)!important;color:#fff!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:4px!important;min-width:0!important;text-align:left!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner h2{display:block!important;margin:0!important;color:#ffe093!important;font-size:.66rem!important;letter-spacing:.16em!important;line-height:1!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner #special-title{display:block!important;margin:0!important;color:#fff!important;font-size:.90rem!important;font-weight:900!important;line-height:1.12!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner #special-message{display:block!important;margin:0!important;color:#d7e4ef!important;font-size:.66rem!important;line-height:1.18!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner #timer-display,body.game-mode .special-banner .timer-display{grid-area:clock!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:70px!important;height:32px!important;margin:0!important;padding:0 9px!important;border:1px solid #d99c19!important;border-radius:999px!important;background:#141004!important;color:#ffd45f!important;font-size:.82rem!important;font-weight:950!important;line-height:1!important;opacity:1!important;visibility:visible!important;z-index:2!important}
  body.game-mode .game-actions{grid-area:score / score / controls / controls!important;display:contents!important}
  body.game-mode .match-score-panel{grid-area:score!important;display:grid!important;min-height:82px!important;padding:10px 12px!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-action-buttons{grid-area:controls!important;display:grid!important;min-height:82px!important;padding:8px!important;opacity:1!important;visibility:visible!important}
}
/* PLAY v1.88.16 — tablette : MATCH et horloge dans une grille non-fragile. */
@media (min-width:601px) and (max-width:1180px) and (max-aspect-ratio:4/5){
  body.game-mode .game-band{
    display:grid!important;
    grid-template-columns:minmax(0,1.16fr) minmax(220px,.84fr)!important;
    grid-template-areas:"match actions" "status actions"!important;
    grid-template-rows:minmax(88px,auto) minmax(88px,auto)!important;
    gap:7px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  body.game-mode .game-state-zone{
    grid-area:match!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
    gap:5px!important;
    min-height:88px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.game-mode .game-state-zone .step,
  body.game-mode .game-state-zone #match-score,
  body.game-mode .game-state-zone #game-card-configuration{display:block!important;visibility:visible!important;opacity:1!important}
  body.game-mode .game-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(88px,auto) minmax(88px,auto)!important;
    gap:7px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.game-mode .match-score-panel,
  body.game-mode .game-action-buttons{display:grid!important;grid-area:auto!important;min-height:88px!important;visibility:visible!important;opacity:1!important}
  body.game-mode .special-banner{
    grid-area:status!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"copy clock"!important;
    align-items:center!important;
    gap:10px!important;
    min-height:88px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;min-width:0!important;visibility:visible!important;opacity:1!important}
  body.game-mode .special-banner #timer-display,
  body.game-mode .special-banner .timer-display{
    grid-area:clock!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:76px!important;
    height:34px!important;
    margin:0!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:3!important;
  }
}/* PLAY v1.88.17 — correctif définitif du bandeau tablette portrait.
   Certaines tablettes déclarent une largeur CSS de bureau : le déclencheur repose donc
   sur l'orientation et ne dépend plus d'un plafond de largeur. */
@media (min-width:601px) and (max-aspect-ratio:4/5){
  body.game-mode .game-band{
    display:grid!important;
    grid-template-columns:minmax(0,1.16fr) minmax(218px,.84fr)!important;
    grid-template-areas:"match actions" "status actions"!important;
    grid-template-rows:minmax(92px,auto) minmax(92px,auto)!important;
    gap:8px!important;
    padding:8px!important;
    overflow:visible!important;
  }
  body.game-mode .game-state-zone{
    grid-area:match!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
    justify-items:start!important;
    gap:6px!important;
    min-height:92px!important;
    padding:12px 14px!important;
    border:1px solid #c99a2d!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#2b210c,#101924)!important;
    color:#f8fbff!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  body.game-mode .game-state-zone .step{display:block!important;margin:0!important;color:#ffd76d!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.18em!important;line-height:1!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-state-zone #match-score{display:block!important;margin:0!important;color:#ffffff!important;font-size:1.12rem!important;font-weight:950!important;line-height:1.1!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-state-zone #game-card-configuration{display:block!important;margin:0!important;color:#d8e6f2!important;font-size:.72rem!important;font-weight:750!important;line-height:1.18!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner{
    grid-area:status!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"copy clock"!important;
    align-items:center!important;
    gap:12px!important;
    min-height:92px!important;
    padding:12px 14px!important;
    border:1px solid #a98025!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#261d0b,#101c28)!important;
    color:#f8fbff!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  body.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:5px!important;min-width:0!important;text-align:left!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner h2{display:block!important;margin:0!important;color:#ffe093!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.15em!important;line-height:1!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner #special-title{display:block!important;margin:0!important;color:#ffffff!important;font-size:.95rem!important;font-weight:950!important;line-height:1.14!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner #special-message{display:block!important;margin:0!important;color:#d8e6f2!important;font-size:.72rem!important;line-height:1.2!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner #batayo-fixed-clock{display:none!important}
  body.game-mode .special-banner #timer-display,body.game-mode .special-banner .timer-display{grid-area:clock!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:80px!important;height:36px!important;margin:0!important;padding:0 12px!important;border:1px solid #e0aa25!important;border-radius:999px!important;background:linear-gradient(180deg,#2a1e06,#100e07)!important;color:#ffe078!important;box-shadow:0 3px 12px #000b!important;font-size:.96rem!important;font-weight:950!important;line-height:1!important;letter-spacing:.06em!important;opacity:1!important;visibility:visible!important;clip-path:none!important;z-index:4!important}
  body.game-mode .game-actions{grid-area:actions!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(92px,auto) minmax(92px,auto)!important;gap:8px!important;min-width:0!important;margin:0!important;padding:0!important}
  body.game-mode .match-score-panel,body.game-mode .game-action-buttons{display:grid!important;grid-area:auto!important;min-height:92px!important;opacity:1!important;visibility:visible!important}
}

/* PLAY v1.88.20 — profils séparés : le panneau tablette ne peut plus modifier le PC. */
@media screen and (min-width:1181px){
  body.game-mode .game-band{display:grid!important;grid-template-columns:minmax(230px,.82fr) minmax(420px,2.1fr) minmax(320px,1.05fr)!important;grid-template-rows:auto!important;grid-template-areas:none!important;gap:8px!important;padding:0!important;overflow:hidden!important}
  body.game-mode .game-state-zone{grid-area:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;align-content:center!important;justify-items:start!important;gap:5px!important;min-height:116px!important;padding:13px 16px!important;border-radius:0!important}
  body.game-mode .special-banner{grid-area:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy clock"!important;align-items:center!important;gap:16px!important;min-height:116px!important;margin:0!important;padding:13px 18px!important;border-radius:0!important}
  body.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:5px!important;text-align:center!important}
  body.game-mode .special-banner #timer-display,body.game-mode .special-banner #timer-display[hidden],body.game-mode .special-banner .timer-display{grid-area:clock!important;position:static!important;display:flex!important;min-width:86px!important;height:38px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 12px!important;clip:auto!important;clip-path:none!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-actions{grid-area:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;gap:8px!important;min-height:116px!important;margin:0!important;padding:10px!important}
  body.game-mode .match-score-panel{display:grid!important;min-height:0!important;padding:8px 10px!important}
  body.game-mode .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:end!important;padding:0!important}
  body.game-mode .game-action-buttons button{width:auto!important;min-height:42px!important;margin:0!important;padding:9px 10px!important}
}
@media screen and (min-width:600px) and (max-width:1180px){
  body.game-mode .game-band{display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(220px,.84fr)!important;grid-template-rows:minmax(92px,auto) minmax(92px,auto)!important;grid-template-areas:"match actions" "status actions"!important;gap:8px!important;padding:8px!important;overflow:visible!important}
  body.game-mode .game-state-zone{grid-area:match!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;align-content:center!important;justify-items:start!important;gap:6px!important;min-height:92px!important;padding:12px 14px!important;border:1px solid #c99a2d!important;border-radius:10px!important;background:linear-gradient(145deg,#2b210c,#101924)!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner{grid-area:status!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy clock"!important;align-items:center!important;gap:12px!important;min-height:92px!important;padding:12px 14px!important;border:1px solid #a98025!important;border-radius:10px!important;background:linear-gradient(145deg,#261d0b,#101c28)!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:5px!important;min-width:0!important;text-align:left!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner #timer-display,body.game-mode .special-banner #timer-display[hidden],body.game-mode .special-banner .timer-display{grid-area:clock!important;position:static!important;display:flex!important;min-width:80px!important;height:36px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 12px!important;clip:auto!important;clip-path:none!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-actions{grid-area:actions!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(92px,auto) minmax(92px,auto)!important;gap:8px!important;margin:0!important;padding:0!important}
  body.game-mode .match-score-panel,body.game-mode .game-action-buttons{display:grid!important;min-height:92px!important;opacity:1!important;visibility:visible!important}
}
@media screen and (max-width:599px){
  html{font-size:16px!important}
  body.game-mode .hero{display:grid!important;grid-template-columns:minmax(58px,auto) minmax(0,1fr)!important;grid-template-areas:"brand version" "connection connection"!important;gap:6px!important;padding:6px 8px!important}
  body.game-mode .brand-controls{grid-area:brand!important}.game-mode .brand-logo{width:58px!important;height:34px!important}.game-mode .brand-copy{display:none!important}
  body.game-mode .header-version-controls{grid-area:version!important;justify-content:space-between!important;gap:6px!important}.game-mode .engine-version{font-size:.62rem!important;line-height:1.16!important;text-align:left!important}.game-mode .play-mode-control{font-size:.62rem!important}.game-mode .play-mode-control select{max-width:86px!important;min-height:30px!important;padding:4px!important}
  body.game-mode .top-controls{grid-area:connection!important;display:flex!important;justify-content:flex-end!important}.game-mode .motor-state{min-height:29px!important;padding:6px 10px 6px 23px!important;font-size:.70rem!important}
  body.game-mode main{width:100%!important;max-width:none!important;margin:0!important;padding:4px!important}.game-mode #game-screen{padding:5px!important}
  body.game-mode .game-band{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:6px!important;margin:0 0 6px!important;padding:6px!important;border-radius:12px!important;overflow:visible!important}
  body.game-mode .game-state-zone,body.game-mode .special-banner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:76px!important;margin:0!important;padding:10px!important;border:1px solid #a98025!important;border-radius:9px!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-state-zone{grid-template-rows:auto auto auto!important;justify-items:start!important;background:linear-gradient(145deg,#2b210c,#101924)!important}.game-mode .game-state-zone .step{font-size:.68rem!important}.game-mode .game-state-zone #match-score{font-size:1rem!important}.game-mode .game-state-zone #game-card-configuration{font-size:.68rem!important}
  body.game-mode .special-banner{grid-template-areas:"copy clock"!important;background:linear-gradient(145deg,#261d0b,#101c28)!important}.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:3px!important;text-align:left!important}.game-mode .special-banner h2{font-size:.66rem!important}.game-mode .special-banner #special-title{font-size:.86rem!important}.game-mode .special-banner #special-message{font-size:.67rem!important;line-height:1.18!important}
  body.game-mode .special-banner #timer-display,body.game-mode .special-banner #timer-display[hidden],body.game-mode .special-banner .timer-display{grid-area:clock!important;position:static!important;display:flex!important;min-width:70px!important;height:32px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 8px!important;font-size:.80rem!important;clip:auto!important;clip-path:none!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-actions{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:6px!important;margin:0!important;padding:0!important}.game-mode .match-score-panel{display:grid!important;min-height:58px!important;padding:8px 10px!important}.game-mode .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0!important}.game-mode .game-action-buttons button{min-height:38px!important;padding:7px!important;font-size:.72rem!important}
  body.game-mode .game-players{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:5px 0!important}.game-mode .player-dashboard{min-height:90px!important;padding:7px!important}.game-mode .player-heading{font-size:.68rem!important}.game-mode .player-piles small{font-size:.56rem!important}.game-mode .mini-pile{transform:scale(.9)!important}
  body.game-mode .table-arena{min-height:148px!important;height:148px!important;margin-top:5px!important}.game-mode .hand-zone{margin-top:5px!important;padding:7px!important}
}/* PLAY v1.88.18 — iPad portrait : un seul flux de mise en page et une seule horloge.
   Cette règle annule explicitement les anciennes grilles intermédiaires. */
@media screen and (min-width:600px) and (orientation:portrait){
  body.game-mode .game-band{
    display:grid!important;
    grid-template-columns:minmax(0,1.16fr) minmax(220px,.84fr)!important;
    grid-template-rows:minmax(92px,auto) minmax(92px,auto)!important;
    grid-template-areas:"match actions" "status actions"!important;
    gap:8px!important;
    padding:8px!important;
    overflow:visible!important;
  }
  body.game-mode .game-state-zone{
    grid-area:match!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
    justify-items:start!important;
    gap:6px!important;
    min-height:92px!important;
    padding:12px 14px!important;
    border:1px solid #c99a2d!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#2b210c,#101924)!important;
    overflow:visible!important;
  }
  body.game-mode .game-state-zone .step,
  body.game-mode .game-state-zone #match-score,
  body.game-mode .game-state-zone #game-card-configuration{
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    clip-path:none!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.game-mode .game-state-zone .step{margin:0!important;color:#ffd76d!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.18em!important;line-height:1!important}
  body.game-mode .game-state-zone #match-score{margin:0!important;color:#fff!important;font-size:1.12rem!important;font-weight:950!important;line-height:1.1!important}
  body.game-mode .game-state-zone #game-card-configuration{margin:0!important;color:#d8e6f2!important;font-size:.72rem!important;font-weight:750!important;line-height:1.18!important}

  body.game-mode .special-banner{
    grid-area:status!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"copy clock"!important;
    align-items:center!important;
    gap:12px!important;
    min-height:92px!important;
    padding:12px 14px!important;
    border:1px solid #a98025!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#261d0b,#101c28)!important;
    overflow:visible!important;
  }
  body.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:5px!important;min-width:0!important;text-align:left!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner h2,body.game-mode .special-banner #special-title,body.game-mode .special-banner #special-message{display:block!important;position:static!important;clip:auto!important;clip-path:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner h2{margin:0!important;color:#ffe093!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.15em!important;line-height:1!important}
  body.game-mode .special-banner #special-title{margin:0!important;color:#fff!important;font-size:.95rem!important;font-weight:950!important;line-height:1.14!important}
  body.game-mode .special-banner #special-message{margin:0!important;color:#d8e6f2!important;font-size:.72rem!important;line-height:1.2!important}
  body.game-mode .special-banner #timer-display{
    grid-area:clock!important;
    position:static!important;
    display:flex!important;
    width:auto!important;
    min-width:80px!important;
    height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #e0aa25!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#2a1e06,#100e07)!important;
    color:#ffe078!important;
    box-shadow:0 3px 12px #000b!important;
    font-size:.96rem!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.06em!important;
    opacity:1!important;
    visibility:visible!important;
    clip:auto!important;
    clip-path:none!important;
    overflow:visible!important;
    z-index:4!important;
  }

  body.game-mode .game-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(92px,auto) minmax(92px,auto)!important;
    gap:8px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.game-mode .match-score-panel,body.game-mode .game-action-buttons{
    display:grid!important;
    grid-area:auto!important;
    min-height:92px!important;
    opacity:1!important;
    visibility:visible!important;
  }
}/* PLAY v1.88.19 — tablette : bandeau invariant, portrait comme paysage.
   La règle finale ne dépend plus de la largeur logique ou du ratio que déclare l’appareil. */
@media screen and (min-width:600px) and (max-width:1366px){
  body.game-mode .game-band{display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(220px,.84fr)!important;grid-template-rows:minmax(92px,auto) minmax(92px,auto)!important;grid-template-areas:"match actions" "status actions"!important;gap:8px!important;padding:8px!important;overflow:visible!important}
  body.game-mode .game-state-zone{grid-area:match!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;align-content:center!important;justify-items:start!important;gap:6px!important;min-width:0!important;min-height:92px!important;padding:12px 14px!important;border:1px solid #c99a2d!important;border-radius:10px!important;background:linear-gradient(145deg,#2b210c,#101924)!important;opacity:1!important;visibility:visible!important;overflow:visible!important}
  body.game-mode .game-state-zone .step,body.game-mode .game-state-zone #match-score,body.game-mode .game-state-zone #game-card-configuration{display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
  body.game-mode .game-state-zone .step{color:#ffd76d!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.18em!important;line-height:1!important}
  body.game-mode .game-state-zone #match-score{color:#fff!important;font-size:1.12rem!important;font-weight:950!important;line-height:1.1!important}
  body.game-mode .game-state-zone #game-card-configuration{color:#d8e6f2!important;font-size:.72rem!important;font-weight:750!important;line-height:1.18!important}
  body.game-mode .special-banner{grid-area:status!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy clock"!important;align-items:center!important;gap:12px!important;min-width:0!important;min-height:92px!important;padding:12px 14px!important;border:1px solid #a98025!important;border-radius:10px!important;background:linear-gradient(145deg,#261d0b,#101c28)!important;opacity:1!important;visibility:visible!important;overflow:visible!important}
  body.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:5px!important;min-width:0!important;text-align:left!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner h2,body.game-mode .special-banner #special-title,body.game-mode .special-banner #special-message{display:block!important;position:static!important;margin:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
  body.game-mode .special-banner h2{color:#ffe093!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.15em!important;line-height:1!important}
  body.game-mode .special-banner #special-title{color:#fff!important;font-size:.95rem!important;font-weight:950!important;line-height:1.14!important}
  body.game-mode .special-banner #special-message{color:#d8e6f2!important;font-size:.72rem!important;line-height:1.2!important}
  body.game-mode .special-banner #batayo-fixed-clock{display:none!important}
  body.game-mode .special-banner #timer-display,body.game-mode .special-banner #timer-display[hidden],body.game-mode .special-banner .timer-display{grid-area:clock!important;position:static!important;display:flex!important;width:auto!important;min-width:80px!important;height:36px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 12px!important;border:1px solid #e0aa25!important;border-radius:999px!important;background:linear-gradient(180deg,#2a1e06,#100e07)!important;color:#ffe078!important;box-shadow:0 3px 12px #000b!important;font-size:.96rem!important;font-weight:950!important;line-height:1!important;letter-spacing:.06em!important;clip:auto!important;clip-path:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important;z-index:4!important}
  body.game-mode .game-actions{grid-area:actions!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(92px,auto) minmax(92px,auto)!important;gap:8px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important}
  body.game-mode .match-score-panel,body.game-mode .game-action-buttons{display:grid!important;grid-area:auto!important;min-height:92px!important;opacity:1!important;visibility:visible!important}

/* PLAY v1.88.20 — dernière règle distribuée, donc prioritaire sur les anciens ajustements. */
@media screen and (min-width:1181px){
 body.game-mode .game-band{display:grid!important;grid-template-columns:minmax(230px,.82fr) minmax(420px,2.1fr) minmax(320px,1.05fr)!important;grid-template-rows:auto!important;grid-template-areas:none!important;gap:8px!important;padding:0!important;overflow:hidden!important}
 body.game-mode .game-state-zone{grid-area:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;align-content:center!important;justify-items:start!important;gap:5px!important;min-height:116px!important;padding:13px 16px!important;border-radius:0!important}
 body.game-mode .special-banner{grid-area:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy clock"!important;align-items:center!important;gap:16px!important;min-height:116px!important;margin:0!important;padding:13px 18px!important;border-radius:0!important}
 body.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:5px!important;text-align:center!important}
 body.game-mode .special-banner #timer-display,body.game-mode .special-banner #timer-display[hidden],body.game-mode .special-banner .timer-display{grid-area:clock!important;position:static!important;display:flex!important;min-width:86px!important;height:38px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 12px!important;clip:auto!important;clip-path:none!important;opacity:1!important;visibility:visible!important}
 body.game-mode .game-actions{grid-area:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;gap:8px!important;min-height:116px!important;margin:0!important;padding:10px!important}
 body.game-mode .match-score-panel{display:grid!important;min-height:0!important;padding:8px 10px!important}.game-mode .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:end!important;padding:0!important}.game-mode .game-action-buttons button{width:auto!important;min-height:42px!important;margin:0!important;padding:9px 10px!important}
}
@media screen and (max-width:599px){
 html{font-size:16px!important}body.game-mode main{width:100%!important;max-width:none!important;margin:0!important;padding:4px!important}.game-mode #game-screen{padding:5px!important}
 body.game-mode .game-band{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:6px!important;margin:0 0 6px!important;padding:6px!important;border-radius:12px!important;overflow:visible!important}
 body.game-mode .game-state-zone,body.game-mode .special-banner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:76px!important;margin:0!important;padding:10px!important;border:1px solid #a98025!important;border-radius:9px!important;opacity:1!important;visibility:visible!important}
 body.game-mode .game-state-zone{grid-template-rows:auto auto auto!important;justify-items:start!important;background:linear-gradient(145deg,#2b210c,#101924)!important}.game-mode .game-state-zone .step{font-size:.68rem!important}.game-mode .game-state-zone #match-score{font-size:1rem!important}.game-mode .game-state-zone #game-card-configuration{font-size:.68rem!important}
 body.game-mode .special-banner{grid-template-areas:"copy clock"!important;background:linear-gradient(145deg,#261d0b,#101c28)!important}.game-mode .special-banner>div{grid-area:copy!important;display:grid!important;gap:3px!important;text-align:left!important}.game-mode .special-banner h2{font-size:.66rem!important}.game-mode .special-banner #special-title{font-size:.86rem!important}.game-mode .special-banner #special-message{font-size:.67rem!important;line-height:1.18!important}
 body.game-mode .special-banner #timer-display,body.game-mode .special-banner #timer-display[hidden],body.game-mode .special-banner .timer-display{grid-area:clock!important;position:static!important;display:flex!important;min-width:70px!important;height:32px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 8px!important;font-size:.80rem!important;clip:auto!important;clip-path:none!important;opacity:1!important;visibility:visible!important}
 body.game-mode .game-actions{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:6px!important;margin:0!important;padding:0!important}.game-mode .match-score-panel{display:grid!important;min-height:58px!important;padding:8px 10px!important}.game-mode .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0!important}.game-mode .game-action-buttons button{min-height:38px!important;padding:7px!important;font-size:.72rem!important}
}

/* PLAY v1.88.21 — horloge : composant indépendant, affiché dans tous les profils. */
body.game-mode #special-banner #timer-display.timer-display,
body.game-mode #special-banner #timer-display.timer-display[hidden]{
  display:flex!important;position:static!important;grid-area:clock!important;place-self:center end!important;
  align-items:center!important;justify-content:center!important;min-width:86px!important;height:38px!important;
  margin:0!important;padding:0 12px!important;border:1px solid #e0aa25!important;border-radius:999px!important;
  background:linear-gradient(180deg,#2a1e06,#100e07)!important;color:#ffe078!important;box-shadow:0 3px 12px #000b!important;
  font-size:.96rem!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;line-height:1!important;
  letter-spacing:.06em!important;white-space:nowrap!important;clip:auto!important;clip-path:none!important;opacity:1!important;
  visibility:visible!important;z-index:20!important;
}
@media screen and (max-width:599px){body.game-mode #special-banner #timer-display.timer-display,body.game-mode #special-banner #timer-display.timer-display[hidden]{min-width:70px!important;height:32px!important;padding:0 8px!important;font-size:.80rem!important}}
}/* PLAY v1.88.22 — bandeau unique et lisible sur tous les écrans. */
body.game-mode .game-band-universal{display:grid!important;grid-template-columns:minmax(210px,.78fr) minmax(360px,1.8fr) minmax(300px,1fr)!important;gap:8px!important;align-items:stretch!important;min-height:116px!important;padding:8px!important;overflow:visible!important;background:#071725!important}
body.game-mode .game-band-universal .game-state-zone,body.game-mode .game-band-universal .special-banner,body.game-mode .game-band-universal .game-actions{display:grid!important;min-width:0!important;min-height:100px!important;margin:0!important;padding:12px!important;border:1px solid #b88727!important;border-radius:10px!important;background:linear-gradient(145deg,#231b09,#0a1825)!important;opacity:1!important;visibility:visible!important;overflow:visible!important}
body.game-mode .game-band-universal .game-state-zone{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;align-content:center!important;justify-items:start!important;gap:6px!important}
body.game-mode .game-band-universal .game-state-zone .step{display:block!important;color:#ffd76d!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.18em!important;line-height:1!important}
body.game-mode .game-band-universal #match-score{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:5px 10px!important;border:1px solid #d29a26!important;border-radius:999px!important;background:linear-gradient(180deg,#ffd76d,#a36e10)!important;color:#1c1204!important;font-size:1rem!important;font-weight:1000!important}
body.game-mode .game-band-universal #game-card-configuration{display:block!important;color:#d8e6f2!important;font-size:.72rem!important;font-weight:800!important}
body.game-mode .game-band-universal .special-banner{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy clock"!important;align-items:center!important;gap:14px!important;text-align:center!important}
body.game-mode .game-band-universal .special-banner .special-copy{grid-area:copy!important;display:grid!important;gap:5px!important;min-width:0!important}
body.game-mode .game-band-universal #game-phase{display:block!important;margin:0!important;color:#ffe093!important;font-size:.74rem!important;font-weight:950!important;letter-spacing:.15em!important;line-height:1!important}
body.game-mode .game-band-universal #special-title{display:block!important;margin:0!important;color:#ffd76d!important;font-size:1.1rem!important;font-weight:1000!important;line-height:1.1!important}
body.game-mode .game-band-universal #special-message{display:block!important;margin:0!important;color:#f6fbff!important;font-size:.74rem!important;font-weight:750!important;line-height:1.25!important}
body.game-mode .game-band-universal #clock-display{grid-area:clock!important;display:flex!important;align-items:center!important;justify-content:center!important;place-self:center end!important;min-width:88px!important;height:40px!important;margin:0!important;padding:0 12px!important;border:2px solid #e0aa25!important;border-radius:999px!important;background:linear-gradient(180deg,#2d2107,#100e07)!important;color:#ffe078!important;box-shadow:0 3px 12px #000b!important;font-size:1rem!important;font-weight:1000!important;font-variant-numeric:tabular-nums!important;letter-spacing:.06em!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important}
body.game-mode .game-band-universal #timer-display{display:none!important}
body.game-mode .game-band-universal .game-actions{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;gap:8px!important}
body.game-mode .game-band-universal .match-score-panel{display:grid!important;align-content:center!important;gap:6px!important;min-height:0!important;padding:8px!important;border:1px solid #73551b!important;border-radius:8px!important;background:#120e06!important;opacity:1!important;visibility:visible!important}
body.game-mode .game-band-universal .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-self:end!important}.game-mode .game-band-universal .game-action-buttons button{width:auto!important;min-height:40px!important;margin:0!important;padding:8px!important;font-size:.74rem!important}
@media screen and (min-width:600px) and (max-width:1180px){body.game-mode .game-band-universal{grid-template-columns:minmax(0,1.18fr) minmax(230px,.82fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"match actions" "status actions"!important}.game-mode .game-band-universal .game-state-zone{grid-area:match!important}.game-mode .game-band-universal .special-banner{grid-area:status!important}.game-mode .game-band-universal .game-actions{grid-area:actions!important}}
@media screen and (max-width:599px){body.game-mode .game-band-universal{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:6px!important;padding:6px!important}.game-mode .game-band-universal .game-state-zone,.game-mode .game-band-universal .special-banner,.game-mode .game-band-universal .game-actions{min-height:76px!important;padding:9px!important}.game-mode .game-band-universal .special-banner{gap:9px!important;text-align:left!important}.game-mode .game-band-universal #special-title{font-size:.92rem!important}.game-mode .game-band-universal #special-message{font-size:.68rem!important}.game-mode .game-band-universal #clock-display{min-width:72px!important;height:34px!important;padding:0 8px!important;font-size:.82rem!important}.game-mode .game-band-universal .game-action-buttons button{min-height:36px!important;font-size:.68rem!important}}

/* Bandeau de jeu : source unique, externe et prioritaire. */
body.game-mode .game-band.game-band-universal{
  display:grid!important;
  grid-template-columns:minmax(210px,.82fr) minmax(340px,1.85fr) minmax(286px,1fr)!important;
  grid-template-areas:"match status actions"!important;
  gap:8px!important;
  align-items:stretch!important;
  min-height:116px!important;
  margin:0 0 8px!important;
  padding:8px!important;
  overflow:visible!important;
  background:#071725!important;
}
body.game-mode .game-band.game-band-universal>.game-state-zone,
body.game-mode .game-band.game-band-universal>.special-banner,
body.game-mode .game-band.game-band-universal>.game-actions{
  display:grid!important;
  position:relative!important;
  min-width:0!important;
  min-height:100px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #b88727!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#231b09,#0a1825)!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}
body.game-mode .game-band.game-band-universal>.game-state-zone{
  grid-area:match!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  justify-items:start!important;
  gap:6px!important;
}
body.game-mode .game-band.game-band-universal>.game-state-zone>.step,
body.game-mode .game-band.game-band-universal>.game-state-zone>#match-score,
body.game-mode .game-band.game-band-universal>.game-state-zone>#game-card-configuration{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  clip:auto!important;
  clip-path:none!important;
  opacity:1!important;
  visibility:visible!important;
}
body.game-mode .game-band.game-band-universal>.game-state-zone>.step{color:#ffd76d!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.18em!important;line-height:1!important}
body.game-mode .game-band.game-band-universal>.game-state-zone>#match-score{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;padding:5px 10px!important;border:1px solid #d29a26!important;border-radius:999px!important;background:linear-gradient(180deg,#ffd76d,#a36e10)!important;color:#1c1204!important;font-size:1rem!important;font-weight:1000!important}
body.game-mode .game-band.game-band-universal>.game-state-zone>#game-card-configuration{color:#d8e6f2!important;font-size:.72rem!important;font-weight:800!important;line-height:1.2!important}
body.game-mode .game-band.game-band-universal>.special-banner{
  grid-area:status!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"copy clock"!important;
  align-items:center!important;
  gap:14px!important;
  text-align:center!important;
}
body.game-mode .game-band.game-band-universal>.special-banner>.special-copy{grid-area:copy!important;display:grid!important;position:static!important;gap:5px!important;min-width:0!important;opacity:1!important;visibility:visible!important}
body.game-mode .game-band.game-band-universal #game-phase,
body.game-mode .game-band.game-band-universal #special-title,
body.game-mode .game-band.game-band-universal #special-message{display:block!important;position:static!important;margin:0!important;clip:auto!important;clip-path:none!important;opacity:1!important;visibility:visible!important}
body.game-mode .game-band.game-band-universal #game-phase{color:#ffe093!important;font-size:.74rem!important;font-weight:950!important;letter-spacing:.15em!important;line-height:1!important}
body.game-mode .game-band.game-band-universal #special-title{color:#ffd76d!important;font-size:1.08rem!important;font-weight:1000!important;line-height:1.1!important}
body.game-mode .game-band.game-band-universal #special-message{color:#f6fbff!important;font-size:.74rem!important;font-weight:750!important;line-height:1.25!important}
body.game-mode .game-band.game-band-universal output#clock-display{
  grid-area:clock!important;
  display:flex!important;
  position:relative!important;
  z-index:50!important;
  align-items:center!important;
  justify-content:center!important;
  place-self:center end!important;
  min-width:90px!important;
  height:42px!important;
  margin:0!important;
  padding:0 12px!important;
  border:2px solid #e0aa25!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#2d2107,#100e07)!important;
  color:#ffe078!important;
  box-shadow:0 3px 12px #000b!important;
  font-size:1.02rem!important;
  font-weight:1000!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.06em!important;
  line-height:1!important;
  white-space:nowrap!important;
  clip:auto!important;
  clip-path:none!important;
  opacity:1!important;
  visibility:visible!important;
}
body.game-mode .game-band.game-band-universal time#timer-display{display:none!important}
body.game-mode .game-band.game-band-universal>.game-actions{grid-area:actions!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;gap:8px!important}
body.game-mode .game-band.game-band-universal .match-score-panel{display:grid!important;align-content:center!important;gap:6px!important;min-height:0!important;margin:0!important;padding:8px!important;border:1px solid #73551b!important;border-radius:8px!important;background:#120e06!important;opacity:1!important;visibility:visible!important}
body.game-mode .game-band.game-band-universal .game-action-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-self:end!important;opacity:1!important;visibility:visible!important}
body.game-mode .game-band.game-band-universal .game-action-buttons button{display:block!important;width:auto!important;min-height:40px!important;margin:0!important;padding:8px!important;font-size:.74rem!important;opacity:1!important;visibility:visible!important}
@media screen and (min-width:600px) and (max-width:1180px){
  body.game-mode .game-band.game-band-universal{grid-template-columns:minmax(0,1.18fr) minmax(230px,.82fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"match actions" "status actions"!important}
}
@media screen and (max-width:599px){
  body.game-mode .game-band.game-band-universal{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;grid-template-areas:"match" "status" "actions"!important;gap:6px!important;padding:6px!important}
  body.game-mode .game-band.game-band-universal>.game-state-zone,body.game-mode .game-band.game-band-universal>.special-banner,body.game-mode .game-band.game-band-universal>.game-actions{min-height:76px!important;padding:9px!important}
  body.game-mode .game-band.game-band-universal>.special-banner{gap:9px!important;text-align:left!important}
  body.game-mode .game-band.game-band-universal #special-title{font-size:.92rem!important}
  body.game-mode .game-band.game-band-universal #special-message{font-size:.68rem!important}
  body.game-mode .game-band.game-band-universal output#clock-display{min-width:74px!important;height:34px!important;padding:0 8px!important;font-size:.82rem!important}
  body.game-mode .game-band.game-band-universal .game-action-buttons button{min-height:36px!important;font-size:.68rem!important}
}

body.game-mode .game-band.game-band-universal>.special-banner>.special-copy{padding-right:112px!important}
body.game-mode .game-band.game-band-universal>.special-banner>output#clock-display{
  display:flex!important;
  position:absolute!important;
  top:12px!important;
  right:14px!important;
  z-index:80!important;
  width:94px!important;
  min-width:94px!important;
  height:40px!important;
  padding:0!important;
  border:2px solid #e2ad29!important;
  outline:1px solid #6d4d12!important;
  outline-offset:2px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#241a05 0%,#090c0d 100%)!important;
  color:#ffe58a!important;
  box-shadow:inset 0 0 0 1px #fff1ae22,0 4px 12px #000c,0 0 10px #d69b2433!important;
  font-size:1.04rem!important;
  font-weight:1000!important;
  text-shadow:0 1px 2px #000!important;
}
@media screen and (max-width:599px){
  body.game-mode .game-band.game-band-universal>.special-banner>.special-copy{padding-right:94px!important}
  body.game-mode .game-band.game-band-universal>.special-banner>output#clock-display{top:10px!important;right:11px!important;width:76px!important;min-width:76px!important;height:32px!important;border-radius:10px!important;font-size:.82rem!important}
}

body.game-mode .game-band.game-band-universal>.special-banner{overflow:visible!important}
body.game-mode .game-band.game-band-universal>.special-banner>.special-copy{padding-right:130px!important}
body.game-mode .game-band.game-band-universal>.special-banner>output#clock-display{
  display:flex!important;
  position:absolute!important;
  top:9px!important;
  right:13px!important;
  z-index:200!important;
  width:106px!important;
  min-width:106px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid #ffd76d!important;
  outline:1px solid #805b16!important;
  outline-offset:3px!important;
  border-radius:10px!important;
  background:#080d13!important;
  color:#fff0a8!important;
  box-shadow:inset 0 0 0 1px #fff6bf33,0 4px 14px #000e,0 0 14px #e0aa2544!important;
  font-size:1.06rem!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:0 1px 2px #000!important;
}
@media screen and (max-width:599px){
  body.game-mode .game-band.game-band-universal>.special-banner>.special-copy{padding-right:98px!important}
  body.game-mode .game-band.game-band-universal>.special-banner>output#clock-display{top:9px!important;right:11px!important;width:80px!important;min-width:80px!important;height:34px!important;border-radius:8px!important;font-size:.84rem!important}
}

body.game-mode .game-band.game-band-universal>.special-banner{position:relative!important;overflow:visible!important;padding:12px 130px 12px 24px!important}
body.game-mode .game-band.game-band-universal>.special-banner>#batayo-fixed-clock.batayo-fixed-clock{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:8px!important;
  right:14px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:2147483647!important;
  min-width:82px!important;
  height:36px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d99c19!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#201807,#0c0b07)!important;
  color:#ffd45f!important;
  box-shadow:0 4px 14px #000c,0 0 10px #d99c1944!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
}
body.game-mode .game-band.game-band-universal>.special-banner>#clock-display,
body.game-mode .game-band.game-band-universal>.special-banner>#timer-display{display:none!important}
body.game-mode .game-band.game-band-universal>.special-banner>#batayo-fixed-clock.urgent{border-color:#ff7777!important;color:#ffd5d5!important;box-shadow:0 0 14px #ff777788,0 4px 14px #000c!important}
@media screen and (max-width:599px){
  body.game-mode .game-band.game-band-universal>.special-banner{padding:12px 78px 12px 10px!important}
  body.game-mode .game-band.game-band-universal>.special-banner>#batayo-fixed-clock.batayo-fixed-clock{top:8px!important;right:8px!important;min-width:56px!important;width:56px!important;max-width:56px!important;height:28px!important;padding:0 6px!important;font-size:.76rem!important;letter-spacing:.04em!important}
}

body.game-mode .game-band.game-band-universal>#clock-display,
body.game-mode .game-band.game-band-universal #clock-display,
body.game-mode .game-band.game-band-universal>#timer-display,
body.game-mode .game-band.game-band-universal #timer-display{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  position:absolute!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  pointer-events:none!important;
}
body.game-mode .game-band.game-band-universal>#special-banner>#batayo-fixed-clock.batayo-fixed-clock{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:8px!important;
  right:14px!important;
  z-index:2147483647!important;
}
@media screen and (max-width:599px){body.game-mode .game-band.game-band-universal>#special-banner>#batayo-fixed-clock.batayo-fixed-clock{top:8px!important;right:8px!important}}

@media screen and (min-width:600px) and (max-width:1180px){
  body.game-mode .game-band.game-band-universal{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"match actions" "status status"!important;
  }
  body.game-mode .game-band.game-band-universal>.special-banner{
    grid-area:status!important;
    min-height:96px!important;
    padding:12px 132px 12px 20px!important;
  }
  body.game-mode .game-band.game-band-universal>.special-banner>.special-copy{max-width:100%!important}
}
body.game-mode .table-arena.match-final-mode{position:relative!important}
body.game-mode .table-arena.match-final-mode #table-cards{
  position:absolute!important;
  top:32px!important;
  right:8px!important;
  bottom:8px!important;
  left:8px!important;
  z-index:30!important;
  display:grid!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  place-items:center!important;
}
body.game-mode .table-arena.match-final-mode .match-final-arena{
  position:static!important;
  width:min(500px,92%)!important;
  max-width:500px!important;
  margin:0!important;
  transform:none!important;
}

@media screen and (max-width:599px){
  body.game-mode .game-band.game-band-universal{
    grid-template-columns:minmax(0,1fr) minmax(0,.78fr)!important;
    grid-template-rows:102px auto!important;
    grid-template-areas:"match actions" "status status"!important;
    gap:6px!important;
    padding:6px!important;
  }
  body.game-mode .game-band.game-band-universal>.game-state-zone,
  body.game-mode .game-band.game-band-universal>.game-actions{
    min-height:102px!important;
    height:102px!important;
    padding:8px!important;
  }
  body.game-mode .game-band.game-band-universal>.game-state-zone{
    grid-area:match!important;
    align-content:center!important;
    justify-items:start!important;
    gap:5px!important;
  }
  body.game-mode .game-band.game-band-universal>.game-state-zone .step{font-size:.64rem!important}
  body.game-mode .game-band.game-band-universal>.game-state-zone>#match-score{padding:4px 8px!important;font-size:.86rem!important}
  body.game-mode .game-band.game-band-universal>.game-state-zone>#game-card-configuration{font-size:.62rem!important}
  body.game-mode .game-band.game-band-universal>.game-actions{
    grid-area:actions!important;
    grid-template-rows:auto 1fr!important;
    gap:5px!important;
  }
  body.game-mode .game-band.game-band-universal>.game-actions .match-score-panel{
    grid-template-columns:1fr!important;
    gap:3px!important;
    padding:5px 6px!important;
  }
  body.game-mode .game-band.game-band-universal>.game-actions .match-score-panel>span{font-size:.60rem!important}
  body.game-mode .game-band.game-band-universal>.game-actions .match-progress{gap:2px!important}
  body.game-mode .game-band.game-band-universal>.game-actions .match-progress>span{padding:2px 4px!important;font-size:.56rem!important}
  body.game-mode .game-band.game-band-universal>.game-actions .game-action-buttons{gap:4px!important}
  body.game-mode .game-band.game-band-universal>.game-actions .game-action-buttons button{min-height:27px!important;padding:4px!important;font-size:.60rem!important}
  body.game-mode .game-band.game-band-universal>.special-banner{
    grid-area:status!important;
    min-height:76px!important;
    padding:10px 76px 10px 10px!important;
  }
}

@media screen and (max-width:599px){
  body.game-mode .game-band.game-band-universal{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:96px auto!important;
  }
  body.game-mode .game-band.game-band-universal>.game-state-zone,
  body.game-mode .game-band.game-band-universal>.game-actions{
    min-height:96px!important;
    height:96px!important;
    padding:7px!important;
  }
  body.game-mode .game-band.game-band-universal>.game-state-zone{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:5px!important;
  }
  body.game-mode .game-band.game-band-universal>.game-state-zone .step,
  body.game-mode .game-band.game-band-universal>.game-state-zone>#game-card-configuration{width:100%!important;text-align:center!important}
  body.game-mode .game-band.game-band-universal>.game-actions{
    display:grid!important;
    grid-template-rows:31px 1fr!important;
    align-content:stretch!important;
  }
  body.game-mode .game-band.game-band-universal>.game-actions .match-score-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    padding:3px 5px!important;
  }
  body.game-mode .game-band.game-band-universal>.game-actions .match-score-panel>span{text-align:center!important;font-size:.58rem!important}
  body.game-mode .game-band.game-band-universal>.game-actions .match-progress{display:flex!important;gap:3px!important;justify-content:center!important}
  body.game-mode .game-band.game-band-universal>.game-actions .match-progress>span{flex:1!important;max-width:62px!important}
  body.game-mode .game-band.game-band-universal>.game-actions .game-action-buttons{align-self:stretch!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
  body.game-mode .game-band.game-band-universal>.game-actions .game-action-buttons button{min-height:0!important;height:100%!important;font-size:.59rem!important}
}

@media screen and (min-width:981px){
  body:not(.game-mode) #browser-screen #browser-tab-partie{
    width:100%!important;
    max-width:none!important;
  }
  body:not(.game-mode) #browser-screen #browser-tab-partie>.browser-single-panel{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  body:not(.game-mode) #browser-screen #create-form{
    width:100%!important;
    max-width:none!important;
  }
}

@media screen and (max-width:640px){
  body.game-mode #game-screen .game-band.game-band-universal{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"match" "status" "actions"!important;
    gap:6px!important;
    min-height:0!important;
    padding:6px!important;
    overflow:visible!important;
  }
  body.game-mode #game-screen .game-band.game-band-universal>.game-state-zone{
    grid-area:match!important;
    display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    grid-template-areas:"label score config"!important;
    align-items:center!important;
    justify-items:start!important;
    gap:8px!important;
    width:100%!important;
    min-height:58px!important;
    height:auto!important;
    padding:8px 10px!important;
    text-align:left!important;
  }
  body.game-mode #game-screen .game-state-zone>.step{grid-area:label!important;width:auto!important;margin:0!important;font-size:.66rem!important;text-align:left!important}
  body.game-mode #game-screen .game-state-zone>#match-score{grid-area:score!important;width:auto!important;margin:0!important;padding:4px 9px!important;font-size:.86rem!important;white-space:nowrap!important}
  body.game-mode #game-screen .game-state-zone>#game-card-configuration{grid-area:config!important;width:100%!important;margin:0!important;font-size:.64rem!important;text-align:right!important;white-space:normal!important}
  body.game-mode #game-screen .game-band.game-band-universal>#special-banner.special-banner{
    grid-area:status!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"copy"!important;
    width:100%!important;
    min-height:84px!important;
    height:auto!important;
    margin:0!important;
    padding:10px 76px 10px 12px!important;
    overflow:visible!important;
  }
  body.game-mode #game-screen #special-banner>.special-copy{
    grid-area:copy!important;
    display:grid!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  body.game-mode #game-screen #special-banner #game-phase{font-size:.68rem!important;line-height:1!important}
  body.game-mode #game-screen #special-banner #special-title{font-size:.92rem!important;line-height:1.08!important}
  body.game-mode #game-screen #special-banner #special-message{font-size:.68rem!important;line-height:1.22!important;white-space:normal!important}
  body.game-mode #game-screen #special-banner>#batayo-fixed-clock.batayo-fixed-clock{
    position:absolute!important;
    top:9px!important;
    right:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:60px!important;
    height:30px!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid #e0aa25!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#2a1e06,#100e07)!important;
    color:#ffe078!important;
    font-size:.76rem!important;
    font-weight:950!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:30!important;
  }
  body.game-mode #game-screen #special-banner>#timer-display.timer-display{display:none!important}
  body.game-mode #game-screen .game-band.game-band-universal>.game-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:6px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:8px!important;
  }
  body.game-mode #game-screen .game-actions>.match-score-panel{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:32px!important;
    padding:5px 8px!important;
  }
  body.game-mode #game-screen .game-actions>.match-score-panel>span{font-size:.62rem!important;text-align:left!important;white-space:nowrap!important}
  body.game-mode #game-screen .game-actions .match-progress{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-width:0!important;margin:0!important}
  body.game-mode #game-screen .game-actions .match-progress>span{flex:0 1 auto!important;max-width:none!important;padding:3px 5px!important;font-size:.57rem!important}
  body.game-mode #game-screen .game-actions>.game-action-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(32px,auto)!important;
    gap:5px!important;
    width:100%!important;
    padding:0!important;
  }
  body.game-mode #game-screen .game-action-buttons button,
  body.game-mode #game-screen .game-action-buttons .game-card-theme-status{
    width:100%!important;
    min-width:0!important;
    min-height:32px!important;
    height:auto!important;
    margin:0!important;
    padding:5px 7px!important;
    font-size:.63rem!important;
    line-height:1.12!important;
  }
  body.game-mode #game-screen .game-action-buttons>#exit-game{grid-column:1/-1!important}
}

body.game-mode #game-screen .game-action-buttons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(36px,auto)!important;
  gap:7px!important;
  align-items:stretch!important;
}
body.game-mode #game-screen .game-action-buttons>[hidden]{display:none!important}
body.game-mode #game-screen .game-action-buttons>#game-command,
body.game-mode #game-screen .game-action-buttons>#new-game,
body.game-mode #game-screen .game-action-buttons>#exit-game,
body.game-mode #game-screen .game-action-buttons>.game-card-theme-status{
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
}
body.game-mode #game-screen .game-action-buttons>#game-command,
body.game-mode #game-screen .game-action-buttons>#new-game,
body.game-mode #game-screen .game-action-buttons>#exit-game{
  min-height:38px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 9px!important;
}
body.game-mode #game-screen .game-action-buttons>.game-card-theme-status:not([hidden]){
  display:grid!important;
  min-height:38px!important;
  padding:5px 7px!important;
}

@media screen and (max-width:980px){
  body.game-mode #game-screen .table-arena.arena-players-3,
  body.game-mode #game-screen .table-arena.arena-players-4,
  body.game-mode #game-screen .table-arena.arena-has-many-players{
    height:286px!important;
    min-height:286px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.game-mode #game-screen .table-arena.arena-players-3 #table-cards,
  body.game-mode #game-screen .table-arena.arena-players-4 #table-cards,
  body.game-mode #game-screen .table-arena.arena-has-many-players #table-cards{
    position:relative!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(104px,auto))!important;
    grid-auto-rows:minmax(104px,auto)!important;
    grid-auto-flow:row!important;
    gap:12px 8px!important;
    width:100%!important;
    height:auto!important;
    min-height:228px!important;
    max-height:none!important;
    padding:8px 4px 12px!important;
    transform:none!important;
    align-content:start!important;
    align-items:start!important;
    justify-items:center!important;
    overflow:visible!important;
  }
  body.game-mode #game-screen .table-arena.arena-has-many-players #table-cards .arena-player-lane,
  body.game-mode #game-screen .table-arena.arena-has-many-players #table-cards .battle-lane{
    width:100%!important;
    min-width:0!important;
    min-height:100px!important;
    overflow:visible!important;
  }
}

@media screen and (max-width:640px){
  body.game-mode #game-screen .game-action-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(36px,auto)!important;
    gap:6px!important;
  }
  body.game-mode #game-screen .game-action-buttons>#exit-game{grid-column:auto!important}
  body.game-mode #game-screen .table-arena.arena-players-3,
  body.game-mode #game-screen .table-arena.arena-players-4,
  body.game-mode #game-screen .table-arena.arena-has-many-players{
    height:272px!important;
    min-height:272px!important;
  }
  body.game-mode #game-screen .table-arena.arena-players-3 #table-cards,
  body.game-mode #game-screen .table-arena.arena-players-4 #table-cards,
  body.game-mode #game-screen .table-arena.arena-has-many-players #table-cards{
    grid-template-rows:repeat(2,minmax(98px,auto))!important;
    grid-auto-rows:minmax(98px,auto)!important;
    gap:10px 6px!important;
    min-height:214px!important;
    padding-bottom:12px!important;
  }
}

@media screen and (max-width:360px){
  body.game-mode #game-screen .table-arena.arena-players-3,
  body.game-mode #game-screen .table-arena.arena-players-4,
  body.game-mode #game-screen .table-arena.arena-has-many-players{
    height:258px!important;
    min-height:258px!important;
  }
  body.game-mode #game-screen .table-arena.arena-players-3 #table-cards,
  body.game-mode #game-screen .table-arena.arena-players-4 #table-cards,
  body.game-mode #game-screen .table-arena.arena-has-many-players #table-cards{
    grid-template-rows:repeat(2,minmax(92px,auto))!important;
    grid-auto-rows:minmax(92px,auto)!important;
    min-height:202px!important;
  }
}

@media screen and (max-width:640px){
  body.game-mode #game-screen .game-actions>.match-score-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid #87631c!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,#241b08,#100e08)!important;
    box-shadow:inset 0 1px 0 #f5bd4e20!important;
  }
  body.game-mode #game-screen .game-actions>.match-score-panel>span{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 1px!important;
    color:#ffd45f!important;
    font-size:.62rem!important;
    font-weight:950!important;
    line-height:1.1!important;
    letter-spacing:.08em!important;
    text-align:left!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  body.game-mode #game-screen .game-actions>.match-score-panel>.match-progress{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(30px,auto)!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  body.game-mode #game-screen .match-score-panel>.match-progress>span{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:30px!important;
    margin:0!important;
    padding:5px 7px!important;
    border:1px solid #6f5721!important;
    border-radius:7px!important;
    background:linear-gradient(180deg,#17283a,#0b1723)!important;
    box-shadow:inset 0 1px 0 #ffffff0d!important;
    color:#eef6ff!important;
    font-size:.62rem!important;
    line-height:1!important;
  }
  body.game-mode #game-screen .match-score-panel>.match-progress>span:last-child:nth-child(odd){
    grid-column:1/-1!important;
    width:calc(50% - 2.5px)!important;
    justify-self:center!important;
  }
  body.game-mode #game-screen .match-score-panel>.match-progress>span>b{
    min-width:0!important;
    overflow:hidden!important;
    color:#eef6ff!important;
    font-size:.62rem!important;
    font-weight:900!important;
    line-height:1.1!important;
    text-align:left!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.game-mode #game-screen .match-score-panel>.match-progress>span>strong{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:24px!important;
    height:20px!important;
    margin:0!important;
    padding:0 6px!important;
    border:1px solid #f1bf4c!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ffd76d,#c58c16)!important;
    color:#171006!important;
    font-size:.68rem!important;
    font-weight:1000!important;
    line-height:1!important;
  }
}

body.game-mode #game-screen .game-action-buttons>#exit-game{
  border:1px solid #c94654!important;
  background:linear-gradient(180deg,#5b2029,#3a151d)!important;
  color:#ffe2e5!important;
  box-shadow:0 4px 12px #0005,inset 0 1px 0 #ffffff12!important;
  font-weight:900!important;
}
body.game-mode #game-screen .game-action-buttons>#exit-game:hover{
  border-color:#ff7777!important;
  background:linear-gradient(180deg,#7d2935,#4c1821)!important;
  color:#ffffff!important;
  transform:translateY(-1px)!important;
}
body.game-mode #game-screen .game-action-buttons>#exit-game:focus-visible{
  outline:2px solid #ff9aa4!important;
  outline-offset:2px!important;
}

@media screen and (max-width:640px){
  body.game-mode #game-screen .table-arena.match-final-mode{
    position:relative!important;
    height:272px!important;
    min-height:272px!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards{
    position:absolute!important;
    top:24px!important;
    right:6px!important;
    bottom:6px!important;
    left:6px!important;
    z-index:30!important;
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    align-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    justify-items:center!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:6px!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode .match-final-arena{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    display:grid!important;
    flex:0 1 360px!important;
    place-self:center!important;
    gap:5px!important;
    width:min(360px,calc(100% - 12px))!important;
    max-width:calc(100% - 12px)!important;
    max-height:100%!important;
    margin:auto!important;
    padding:10px 12px!important;
    transform:none!important;
    overflow:auto!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode .match-final-arena>*{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode .match-final-arena span{font-size:.60rem!important;line-height:1.05!important}
  body.game-mode #game-screen .table-arena.match-final-mode .match-final-arena strong{font-size:.88rem!important;line-height:1.1!important}
  body.game-mode #game-screen .table-arena.match-final-mode .match-final-arena p{font-size:.66rem!important;line-height:1.18!important}
  body.game-mode #game-screen .table-arena.match-final-mode .match-final-arena small{font-size:.58rem!important;line-height:1.15!important}
}

@media screen and (max-width:360px){
  body.game-mode #game-screen .table-arena.match-final-mode{
    height:264px!important;
    min-height:264px!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode .match-final-arena{
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
    padding:8px 9px!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode .match-final-arena p{font-size:.63rem!important}
}

@media screen and (max-width:640px){
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards{
    column-gap:6px!important;
    row-gap:10px!important;
    padding-right:2px!important;
    padding-left:2px!important;
  }
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-battle-mode>.battle-lane{
    position:relative!important;
    z-index:20!important;
    isolation:isolate!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding-right:1px!important;
    padding-left:1px!important;
    overflow:visible!important;
  }
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-battle-mode>.battle-lane:nth-child(odd){
    z-index:40!important;
  }
  body.game-mode #game-screen .battle-stack-mobile-compact{
    position:relative!important;
    justify-self:center!important;
    max-width:100%!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
  body.game-mode #game-screen .battle-stack-mobile-compact .battle-layer{
    transform:none!important;
    transition:left .18s ease,filter .18s ease,transform .18s ease!important;
  }
  body.game-mode #game-screen .battle-stack-mobile-compact .battle-layer:not(.battle-latest-layer):not(.battle-placeholder-layer)>.card{
    filter:saturate(.84) brightness(.84)!important;
    box-shadow:0 3px 8px #0008!important;
  }
  body.game-mode #game-screen .battle-stack-mobile-compact .battle-latest-layer>.card{
    filter:none!important;
    transform:translateY(-2px)!important;
    box-shadow:0 0 0 2px #f5bd4e,0 7px 14px #000b,0 0 12px #f5bd4e55!important;
  }
  body.game-mode #game-screen .battle-stack-mobile-compact .battle-placeholder-layer{
    opacity:.92!important;
  }
  body.game-mode #game-screen .battle-stack-mobile-compact .battle-placeholder-layer>.card{
    box-shadow:0 3px 8px #0008!important;
  }
}

@media screen and (max-width:360px){
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards{
    column-gap:4px!important;
  }
}

@media screen and (max-width:640px){
  body.game-mode #game-screen .battle-stack-mobile-compact.battle-stack-has-waiting-card .battle-placeholder-layer{
    z-index:700!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:none!important;
  }
  body.game-mode #game-screen .battle-stack-mobile-compact.battle-stack-has-waiting-card .battle-placeholder-layer .card-slot-placeholder{
    position:relative!important;
    z-index:1!important;
    transform:translateY(-1px)!important;
    outline:2px dashed #39ce7d!important;
    outline-offset:-2px!important;
    background:linear-gradient(180deg,#102d2bfa,#071c1dfc)!important;
    box-shadow:0 0 0 1px #071016,0 6px 12px #000a,0 0 12px #39ce7d55!important;
    opacity:1!important;
  }
}

@media screen and (max-width:640px){
  body.game-mode #game-screen .battle-stack-mobile-regular-spacing .battle-layer{
    right:auto!important;
    margin-right:0!important;
    margin-left:0!important;
  }
  body.game-mode #game-screen .battle-stack-mobile-regular-spacing .battle-layer>.card,
  body.game-mode #game-screen .battle-stack-mobile-regular-spacing .battle-layer>.card-back,
  body.game-mode #game-screen .battle-stack-mobile-regular-spacing .battle-layer>.card-slot-placeholder{
    margin-right:0!important;
    margin-left:0!important;
    box-sizing:border-box!important;
  }
}

@media screen and (min-width:641px) and (max-width:1100px){
  body.game-mode #game-screen #table-cards.arena-battle-mode.arena-players-2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode.arena-players-3{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode.arena-players-4,
  body.game-mode #game-screen #table-cards.arena-battle-mode.arena-has-many-players.arena-players-4{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode{
    grid-template-rows:minmax(118px,1fr)!important;
    grid-auto-flow:row!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:0!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode>.battle-lane[data-arena-seat]{
    grid-column:var(--arena-seat)!important;
    grid-row:1!important;
    place-self:center stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-items:center!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode>.battle-lane[data-arena-seat]>.battle-stack{
    justify-self:center!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
  body.game-mode #game-screen .battle-stack-tablet-stable .battle-layer{
    right:auto!important;
    margin-right:0!important;
    margin-left:0!important;
  }
  body.game-mode #game-screen .battle-stack-tablet-stable .battle-layer>.card,
  body.game-mode #game-screen .battle-stack-tablet-stable .battle-layer>.card-back,
  body.game-mode #game-screen .battle-stack-tablet-stable .battle-layer>.card-slot-placeholder{
    margin-right:0!important;
    margin-left:0!important;
    box-sizing:border-box!important;
  }
}

@media screen and (max-width:640px){
  body.game-mode #game-screen #table-cards.arena-battle-mode.arena-players-2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:minmax(108px,1fr)!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode.arena-players-3,
  body.game-mode #game-screen #table-cards.arena-battle-mode.arena-players-4{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(96px,1fr))!important;
    grid-auto-rows:minmax(96px,1fr)!important;
    grid-auto-flow:row!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode>.battle-lane[data-arena-seat="1"]{
    grid-column:1!important;
    grid-row:1!important;
    z-index:40!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode>.battle-lane[data-arena-seat="2"]{
    grid-column:2!important;
    grid-row:1!important;
    z-index:20!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode>.battle-lane[data-arena-seat="3"]{
    grid-column:1!important;
    grid-row:2!important;
    z-index:40!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode>.battle-lane[data-arena-seat="4"]{
    grid-column:2!important;
    grid-row:2!important;
    z-index:20!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode>.battle-lane[data-arena-seat]{
    place-self:center stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-items:center!important;
  }
  body.game-mode #game-screen #table-cards.arena-battle-mode>.battle-lane[data-arena-seat]>.battle-stack{
    justify-self:center!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
}

@media screen and (min-width:641px) and (max-width:1366px){
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-2,
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-3,
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-4{
    display:grid!important;
    grid-template-columns:repeat(var(--arena-player-columns,4),minmax(0,1fr))!important;
    grid-template-rows:minmax(118px,1fr)!important;
    grid-auto-flow:row!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:0!important;
  }
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-2{--arena-player-columns:2}
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-3{--arena-player-columns:3}
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-4{--arena-player-columns:4}
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode)>.arena-player-lane[data-arena-seat]{
    grid-column:var(--arena-seat)!important;
    grid-row:1!important;
    place-self:center stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-items:center!important;
  }
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode)>.arena-empty-state{
    grid-column:1/-1!important;
    grid-row:1!important;
    place-self:center!important;
  }
}

@media screen and (max-width:640px){
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:minmax(108px,1fr)!important;
  }
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-3,
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode).arena-players-4{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(96px,1fr))!important;
    grid-auto-rows:minmax(96px,1fr)!important;
    grid-auto-flow:row!important;
  }
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode)>.arena-player-lane[data-arena-seat="1"]{grid-column:1!important;grid-row:1!important;z-index:40!important}
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode)>.arena-player-lane[data-arena-seat="2"]{grid-column:2!important;grid-row:1!important;z-index:20!important}
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode)>.arena-player-lane[data-arena-seat="3"]{grid-column:1!important;grid-row:2!important;z-index:40!important}
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode)>.arena-player-lane[data-arena-seat="4"]{grid-column:2!important;grid-row:2!important;z-index:20!important}
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode)>.arena-player-lane[data-arena-seat]{
    place-self:center stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-items:center!important;
  }
  body.game-mode #game-screen #table-cards.arena-fixed-seats:not(.arena-battle-mode)>.arena-empty-state{
    grid-column:1/-1!important;
    grid-row:1/-1!important;
    place-self:center!important;
  }
}

body.game-mode #game-screen .table-arena.match-final-mode{position:relative!important}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards{
  position:absolute!important;
  inset:24px 8px 8px!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-content:center!important;
  justify-items:center!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:6px!important;
  transform:none!important;
}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards>.match-final-arena{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  flex:0 1 520px!important;
  align-self:center!important;
  justify-self:center!important;
  place-self:center!important;
  width:min(520px,calc(100% - 20px))!important;
  max-width:calc(100% - 20px)!important;
  margin:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards>.match-final-arena>*{
  width:100%!important;
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}
@media screen and (max-width:640px){
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards{inset:22px 4px 4px!important;padding:4px!important}
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards>.match-final-arena{
    flex-basis:calc(100% - 8px)!important;
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
  }
}

body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered{
  position:absolute!important;
  inset:24px 8px 8px!important;
  z-index:40!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena{
  position:absolute!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  z-index:50!important;
  width:min(520px,calc(100% - 20px))!important;
  max-width:calc(100% - 20px)!important;
  max-height:calc(100% - 12px)!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena>*{
  width:100%!important;
  max-width:100%!important;
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}
@media screen and (max-width:640px){
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered{inset:22px 4px 4px!important}
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
  }
}

@media screen and (min-width:641px) and (max-width:1100px){
  body:not(.game-mode) #browser-screen #browser-tab-partie{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body:not(.game-mode) #browser-screen #browser-tab-partie>.browser-single-panel{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body:not(.game-mode) #browser-screen #create-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    gap:12px!important;
    box-sizing:border-box!important;
  }
  body:not(.game-mode) #browser-screen #create-form>*{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body:not(.game-mode) #browser-screen #create-form>.v18547-start-selector,
  body:not(.game-mode) #browser-screen #create-form>#schedule-fields{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  body:not(.game-mode) #browser-screen #create-form>#schedule-fields[hidden]{display:none!important}
  body:not(.game-mode) #browser-screen .player-tabs{
    grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body:not(.game-mode) #browser-screen .player-tab{
    min-width:0!important;
    min-height:50px!important;
    padding:8px 10px!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  body:not(.game-mode) #browser-screen .essential-settings{
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    box-sizing:border-box!important;
  }
  body:not(.game-mode) #browser-screen .essential-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
  }
  body:not(.game-mode) #browser-screen .essential-grid>:nth-child(1),
  body:not(.game-mode) #browser-screen .essential-grid>:nth-child(2),
  body:not(.game-mode) #browser-screen .essential-grid>:nth-child(3){grid-column:span 2!important}
  body:not(.game-mode) #browser-screen .essential-grid>:nth-child(4){grid-column:1/span 3!important}
  body:not(.game-mode) #browser-screen .essential-grid>:nth-child(5){grid-column:4/span 3!important}
  body:not(.game-mode) #browser-screen .essential-grid .player-count-choice-list,
  body:not(.game-mode) #browser-screen .essential-grid .pack-choice-list,
  body:not(.game-mode) #browser-screen .essential-grid .ai-count-choice-list,
  body:not(.game-mode) #browser-screen .essential-grid .ai-difficulty-choice-list{
    min-height:118px!important;
    padding:10px 12px!important;
  }
  body:not(.game-mode) #browser-screen .essential-grid .player-count-choice-item,
  body:not(.game-mode) #browser-screen .essential-grid .pack-choice-item,
  body:not(.game-mode) #browser-screen .essential-grid .ai-count-choice-item,
  body:not(.game-mode) #browser-screen .essential-grid .ai-difficulty-choice-item{
    min-height:29px!important;
    font-size:.72rem!important;
  }
  body:not(.game-mode) #browser-screen #create-form>.actions,
  body:not(.game-mode) #browser-screen #create-lobby{
    width:100%!important;
    max-width:none!important;
  }
}

@media screen and (min-width:641px) and (max-width:1366px){
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane[data-arena-seat]{
    position:relative!important;
    top:0!important;
    bottom:auto!important;
  }
}

/* PLAY v1.88.53 — bandeau supérieur PC compact et mieux hiérarchisé. */
@media screen and (min-width:1101px){
  body.game-mode #game-screen .game-band.game-band-universal{
    display:grid!important;
    grid-template-columns:minmax(210px,.72fr) minmax(500px,2.12fr) minmax(330px,1.06fr)!important;
    grid-template-rows:144px!important;
    grid-template-areas:"match status actions"!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    min-height:160px!important;
    height:160px!important;
    max-height:160px!important;
    margin:0 0 8px!important;
    padding:8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.game-mode #game-screen .game-band.game-band-universal>.game-state-zone,
  body.game-mode #game-screen .game-band.game-band-universal>.special-banner,
  body.game-mode #game-screen .game-band.game-band-universal>.game-actions{
    min-width:0!important;
    min-height:144px!important;
    height:144px!important;
    max-height:144px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.game-mode #game-screen .game-band.game-band-universal>.game-state-zone{
    grid-area:match!important;
    align-content:center!important;
    justify-items:start!important;
    gap:5px!important;
    padding:10px 14px!important;
  }
  body.game-mode #game-screen .game-band.game-band-universal>.game-state-zone>#match-score{
    margin:0!important;
    padding:5px 11px!important;
  }
  body.game-mode #game-screen .game-band.game-band-universal>#special-banner.special-banner{
    grid-area:status!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"copy"!important;
    align-items:center!important;
    justify-items:stretch!important;
    padding:10px 94px!important;
    text-align:center!important;
  }
  body.game-mode #game-screen #special-banner>.special-copy{
    grid-area:copy!important;
    align-self:center!important;
    width:100%!important;
    gap:4px!important;
    padding:0!important;
  }
  body.game-mode #game-screen #special-banner>#batayo-fixed-clock.batayo-fixed-clock{
    top:8px!important;
    right:10px!important;
    min-width:74px!important;
    width:74px!important;
    max-width:74px!important;
    height:34px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    font-size:.9rem!important;
  }
  body.game-mode #game-screen .game-band.game-band-universal>.game-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:78px 38px!important;
    align-content:space-between!important;
    gap:6px!important;
    padding:8px 10px!important;
  }
  body.game-mode #game-screen .game-actions>.match-score-panel{
    display:grid!important;
    align-content:start!important;
    gap:5px!important;
    min-width:0!important;
    min-height:78px!important;
    height:78px!important;
    max-height:78px!important;
    padding:7px 8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.game-mode #game-screen .game-actions>.match-score-panel>span{
    font-size:.68rem!important;
    line-height:1!important;
  }
  body.game-mode #game-screen .game-actions .match-progress{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 7px!important;
    width:100%!important;
    margin:0!important;
  }
  body.game-mode #game-screen .game-actions .match-progress>span{
    min-height:22px!important;
    padding:2px 6px!important;
    font-size:.62rem!important;
    line-height:1!important;
  }
  body.game-mode #game-screen .game-actions>.game-action-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:38px!important;
    grid-auto-rows:38px!important;
    align-self:end!important;
    gap:7px!important;
    width:100%!important;
    height:38px!important;
    max-height:38px!important;
    overflow:hidden!important;
  }
  body.game-mode #game-screen .game-action-buttons button,
  body.game-mode #game-screen .game-action-buttons .game-card-theme-status{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:6px 8px!important;
    box-sizing:border-box!important;
    font-size:.7rem!important;
    line-height:1.08!important;
  }
}

/* PLAY v1.88.54 — aucune superposition dans le bloc de droite. */
@media screen and (min-width:1101px){
  body.game-mode #game-screen .game-band.game-band-universal>.game-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:78px 38px!important;
    grid-template-areas:"score" "buttons"!important;
    grid-auto-flow:row!important;
    align-content:start!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    row-gap:8px!important;
    column-gap:0!important;
    padding:8px 10px!important;
    overflow:hidden!important;
  }
  body.game-mode #game-screen .game-band.game-band-universal>.game-actions>.match-score-panel{
    grid-area:score!important;
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    min-height:78px!important;
    height:78px!important;
    max-height:78px!important;
    margin:0!important;
    transform:none!important;
  }
  body.game-mode #game-screen .game-band.game-band-universal>.game-actions>.game-action-buttons{
    grid-area:buttons!important;
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    min-height:38px!important;
    height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
}

/* PLAY v1.88.55 — état fiable du joueur local après son élimination. */
body.game-mode #game-screen #hand-zone.hand-eliminated{
  border-color:#8f4d57!important;
  background:linear-gradient(180deg,#27171bcc,#102235ee)!important;
}
body.game-mode #game-screen #hand-zone.hand-eliminated #hand-status-card{
  border-color:#b85c68!important;
  background:linear-gradient(180deg,#3a1d24,#21131a)!important;
}
body.game-mode #game-screen #hand-zone.hand-eliminated #hand-presence-label{
  color:#ff9aa5!important;
}

/* PLAY v1.88.57 — bouton Aide sans historique entre deux connexions. */
.top-controls .help-open{position:relative;min-height:38px;padding:8px 14px;border-color:#d99c19;color:#ffe19a;background:linear-gradient(180deg,#30250c,#171207);white-space:nowrap}
.top-controls .help-open:hover,.top-controls .help-open:focus-visible{border-color:#ffd76d;color:#fff3c8}
.top-controls .help-open.has-answer::after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#39ce7d;box-shadow:0 0 0 3px #39ce7d33}
.help-overlay{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:18px;background:#03070bc9;backdrop-filter:blur(5px)}
.help-overlay[hidden]{display:none!important}
.help-dialog{display:grid;grid-template-rows:auto minmax(220px,1fr) auto auto;width:min(620px,100%);max-height:min(760px,94vh);overflow:hidden;border:1px solid #d99c19;border-radius:18px;background:#0d1823;color:#f5f7fb;box-shadow:0 28px 90px #000c}
.help-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #35506a;background:#142b40}
.help-dialog>header small{color:#f5bd4e;font-size:.65rem;font-weight:1000;letter-spacing:.16em}
.help-dialog>header h2{margin:4px 0 0;font-size:1.25rem}
#help-close{border:0;background:transparent;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
.help-log{display:grid;align-content:start;gap:10px;overflow:auto;padding:18px;background:radial-gradient(circle at 50% 0,#1c507333,transparent 58%)}
.help-message{max-width:86%;padding:10px 12px;border:1px solid #35506a;border-radius:13px;background:#182b3d}
.help-message.user{justify-self:end;border-color:#a8791d;background:#4a370d}
.help-message.error{border-color:#bf4b56;background:#381820}
.help-message strong{display:block;margin-bottom:3px;color:#f5bd4e;font-size:.68rem}
.help-message p{margin:0;white-space:pre-wrap;font-size:.84rem;line-height:1.45}
#help-form{display:grid;gap:7px;padding:14px 18px;border-top:1px solid #35506a}
#help-form>label{font-size:.72rem;font-weight:900}
.help-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
#help-question{min-width:0;padding:10px 12px}
#help-submit{padding:10px 17px}
.help-note{margin:0;padding:0 18px 15px;color:#9fb4c7;font-size:.68rem;line-height:1.4}
body.help-opened{overflow:hidden}
@media(max-width:760px){.top-controls{gap:7px!important}.top-controls .help-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:64px!important}.help-overlay{padding:0}.help-dialog{width:100%;height:100%;max-height:none;border-radius:0;border-left:0;border-right:0}.help-form-row{grid-template-columns:1fr}.help-message{max-width:94%}}

/* PLAY v1.88.61 — mêmes sièges PC pour les cartes normales et les piles BATAYO. */
@media screen and (min-width:1101px){
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-players-2,
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-players-3,
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-players-4{
    display:grid!important;
    grid-template-columns:repeat(var(--pc-arena-seat-count,4),minmax(0,1fr))!important;
    grid-template-rows:minmax(104px,1fr)!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    align-content:start!important;
    justify-items:stretch!important;
    justify-content:stretch!important;
    gap:0!important;
    width:100%!important;
    padding-right:14px!important;
    padding-left:14px!important;
  }
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-players-2{--pc-arena-seat-count:2}
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-players-3{--pc-arena-seat-count:3}
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-players-4{--pc-arena-seat-count:4}
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
    position:relative!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    grid-column:var(--arena-seat)!important;
    grid-row:1!important;
    place-self:start stretch!important;
    display:grid!important;
    grid-template-rows:16px 82px!important;
    justify-items:center!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.arena-player-name{
    grid-row:1!important;
    margin:0 0 2px!important;
    transform:none!important;
  }
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats>.normal-card-lane[data-arena-seat]>.card,
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats>.normal-card-lane[data-arena-seat]>.normal-card-best,
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats>.normal-card-lane[data-arena-seat]>.normal-card-tie,
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane[data-arena-seat]>.battle-stack{
    grid-row:2!important;
    align-self:start!important;
    justify-self:center!important;
    top:0!important;
    margin:0 auto!important;
    transform:none!important;
  }
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats>.arena-empty-state{
    grid-column:1/-1!important;
    grid-row:1!important;
    place-self:center!important;
  }
}

/* PLAY v1.88.63 — carte de base fixe, empilement BATAYO compact vers la droite. */
@media screen and (min-width:1101px), screen and (hover:hover) and (pointer:fine){
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane[data-arena-seat]>.battle-stack{
    transform:translateX(var(--battle-anchor-shift,0px))!important;
  }
}

/* PLAY v1.88.64 — même ancrage avec ou sans BATAYO sur PC, tablette et mobile. */
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane[data-arena-seat]>.battle-stack[data-battle-order="first-card-fixed-stack-right"]{
  width:var(--battle-card-width,62px)!important;
  min-width:var(--battle-card-width,62px)!important;
  max-width:var(--battle-card-width,62px)!important;
  justify-self:center!important;
  margin-right:auto!important;
  margin-left:auto!important;
  transform:none!important;
  overflow:visible!important;
}
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane[data-arena-seat]>.battle-stack[data-battle-order="first-card-fixed-stack-right"]>.battle-layer{
  right:auto!important;
  margin-right:0!important;
  margin-left:0!important;
}

/* Neutralise notamment l'ancien top:24px de la règle tablette v1.88.52. */
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]{
  position:relative!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  margin:0!important;
  transform:none!important;
  overflow:visible!important;
}
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack[data-battle-order="first-card-fixed-stack-right"]{
  position:relative!important;
  grid-row:2!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:var(--battle-card-width,62px)!important;
  min-width:var(--battle-card-width,62px)!important;
  max-width:var(--battle-card-width,62px)!important;
  align-self:start!important;
  justify-self:center!important;
  margin:0 auto!important;
  transform:none!important;
  overflow:visible!important;
}
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack[data-battle-order="first-card-fixed-stack-right"]>.battle-layer{
  top:0!important;
  right:auto!important;
  margin:0!important;
}
@media screen and (min-width:1101px){
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]{
    grid-row:1!important;
    place-self:start stretch!important;
    grid-template-rows:16px 82px!important;
    justify-items:center!important;
    align-items:start!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
  }
}

/*
 * L'ancienne règle v1.58.50 ajoutait 14 px au-dessus des seules piles BATAYO.
 * Le padding est maintenant défini sur la grille commune afin que l'activation
 * de arena-battle-mode ne puisse plus déplacer les sièges ni leur première carte.
 */
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats{
  padding-top:0!important;
}
@media screen and (min-width:761px) and (max-width:1180px){
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats{
    padding-top:8px!important;
  }
}
@media screen and (max-width:760px){
  body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats{
    padding-top:5px!important;
  }
}
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]{
  top:0!important;
  bottom:auto!important;
  transform:none!important;
}
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.arena-player-name{
  top:0!important;
  transform:none!important;
}
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack[data-battle-order="first-card-fixed-stack-right"],
body.game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack[data-battle-order="first-card-fixed-stack-right"]>.battle-layer{
  top:0!important;
  bottom:auto!important;
}

body.game-mode #game-screen .table-arena.match-final-mode{
  height:178px!important;
  min-height:178px!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered{
  inset:24px 8px 8px!important;
  overflow:visible!important;
}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena{
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  width:min(720px,calc(100% - 32px))!important;
  max-width:calc(100% - 32px)!important;
  max-height:none!important;
  padding:10px 16px!important;
  overflow:visible!important;
  text-align:center!important;
}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena>span,
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena>strong,
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena>p,
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena>small{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena>p{
  font-size:.78rem!important;
  line-height:1.24!important;
  text-wrap:balance!important;
}
@media screen and (min-width:641px) and (max-width:1100px){
  body.game-mode #game-screen .table-arena.match-final-mode{
    height:196px!important;
    min-height:196px!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena{
    width:min(660px,calc(100% - 24px))!important;
    max-width:calc(100% - 24px)!important;
  }
}
@media screen and (max-width:640px){
  body.game-mode #game-screen .table-arena.match-final-mode{
    height:272px!important;
    min-height:272px!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered{
    inset:22px 4px 4px!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    padding:9px 10px!important;
  }
  body.game-mode #game-screen .table-arena.match-final-mode #table-cards.arena-final-centered>.match-final-arena>p{
    font-size:.66rem!important;
    line-height:1.22!important;
  }
}

body.game-mode #game-screen .hand-status-card{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  grid-template-areas:"label" "state" "detail" "controls"!important;
}
#test-diagnostics{
  width:min(1180px,calc(100% - 20px))!important;
  max-width:1180px!important;
  margin:14px auto!important;
  border:1px solid #d08727!important;
  border-radius:12px!important;
  background:#160e08!important;
  box-shadow:0 14px 36px #0007!important;
}
#test-diagnostics summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;color:#ffd36a!important;cursor:pointer!important}
#test-diagnostics summary small{color:#d6b978!important;font-size:.68rem!important;font-weight:700!important}
#test-diagnostics .diagnostic-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;padding:0 12px 8px!important}
#test-diagnostics .diagnostic-actions button{min-height:32px!important;padding:6px 10px!important;font-size:.68rem!important}
#test-diagnostics pre{max-height:46vh!important;margin:0!important;padding:12px 14px 16px!important;border-top:1px solid #553715!important;background:#080b0f!important;color:#f2e6c8!important;white-space:pre-wrap!important;overflow:auto!important;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace!important}

@media screen and (max-width:640px){
  body.game-mode #game-screen #hand-zone{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:6px!important}
  body.game-mode #game-screen #hand-zone .hand-zone-frame{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"left" "status"!important;gap:7px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  body.game-mode #game-screen #hand-zone .hand-status-card{
    grid-area:status!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"label state" "detail detail" "controls controls"!important;
    align-items:start!important;
    align-content:start!important;
    gap:6px!important;
    width:100%!important;
    height:auto!important;
    min-height:112px!important;
    max-height:none!important;
    padding:10px!important;
    border-radius:10px!important;
    overflow:visible!important;
  }
  body.game-mode #game-screen #hand-zone .hand-status-card>span{grid-area:label!important;font-size:.58rem!important;line-height:1.1!important;text-align:left!important}
  body.game-mode #game-screen #hand-zone .hand-status-card>#hand-presence-label{grid-area:state!important;font-size:.92rem!important;line-height:1.05!important;text-align:right!important;white-space:normal!important}
  body.game-mode #game-screen #hand-zone .hand-status-card>#hand-presence-detail{grid-area:detail!important;display:block!important;min-height:30px!important;max-height:none!important;overflow:visible!important;font-size:.68rem!important;line-height:1.25!important;white-space:normal!important}
  body.game-mode #game-screen #hand-zone .ghost-controls{grid-area:controls!important;display:grid!important;grid-template-columns:minmax(78px,.55fr) minmax(0,1.45fr)!important;grid-auto-rows:minmax(34px,auto)!important;gap:6px!important;width:100%!important;margin:0!important;align-self:stretch!important}
  body.game-mode #game-screen #hand-zone .ghost-controls select,
  body.game-mode #game-screen #hand-zone .ghost-controls button{width:100%!important;min-width:0!important;min-height:34px!important;height:auto!important;margin:0!important;padding:6px 8px!important;border-radius:8px!important;font-size:.66rem!important;line-height:1.1!important;white-space:normal!important}
  body.game-mode #game-screen #hand-zone .ghost-controls .resume-hand:not([hidden]){display:flex!important;grid-column:1/-1!important;align-items:center!important;justify-content:center!important}
  #test-diagnostics{width:calc(100% - 12px)!important;margin:8px auto!important}
  #test-diagnostics summary{align-items:flex-start!important;flex-direction:column!important;gap:3px!important;padding:10px!important}
  #test-diagnostics .diagnostic-actions{justify-content:stretch!important;padding:0 9px 8px!important}
  #test-diagnostics .diagnostic-actions button{flex:1!important}
  #test-diagnostics pre{max-height:54vh!important;padding:10px!important;font-size:10px!important}
}

.profile-game-view-preferences{
  display:grid;
  gap:10px;
  margin:4px 0;
  padding:12px;
  border:1px solid #315574;
  border-radius:10px;
  background:#081a2a;
}
.profile-game-view-preferences legend{padding:0 7px;color:#ffd25b;font-weight:900}
.profile-game-view-preferences label{display:grid;gap:7px}
.profile-game-view-preferences select{width:100%;min-height:42px}
.profile-game-view-preferences small{color:#b9d0e4;line-height:1.35}
.top-controls #help-open{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.top-controls #help-open:disabled{cursor:pointer!important;filter:none!important;opacity:1!important}
body[data-game-view="PLAYER_HANDS"] #game-players .player-dashboard{
  height:auto!important;
  min-height:202px!important;
  overflow:visible!important;
}
.player-hand-preview{
  display:grid;
  gap:4px;
  min-width:0;
  padding:3px 6px 2px;
  border:1px solid #264867;
  border-radius:8px;
  background:#061523;
}
.player-hand-preview-title{
  display:block;
  overflow:hidden;
  color:#b9d0e4;
  font-size:.62rem;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.player-hand-preview-cards{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:58px;
  overflow:hidden;
  padding:0 2px;
}
.player-hand-preview-card{
  position:relative!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:58px!important;
  min-height:58px!important;
  margin:0 0 0 -9px!important;
  padding:3px!important;
  pointer-events:none!important;
  transform:none!important;
}
.player-hand-preview-card:first-child{margin-left:0!important}
.player-hand-preview-card .card-corner{font-size:.48rem!important}
.player-hand-preview-card>strong{font-size:1rem!important}
.player-hand-preview-empty{align-self:center;color:#7f9bb4;font-size:.62rem;font-weight:800}
@media screen and (max-width:760px){
  .profile-game-view-preferences{padding:9px}
  body[data-game-view="PLAYER_HANDS"] #game-players .player-dashboard{min-height:160px!important}
  .player-hand-preview{gap:2px;padding:2px 3px}
  .player-hand-preview-title{font-size:.5rem}
  .player-hand-preview-cards{min-height:40px}
  .player-hand-preview-card{
    flex-basis:28px!important;
    width:28px!important;
    min-width:28px!important;
    height:40px!important;
    min-height:40px!important;
    margin-left:-6px!important;
    padding:2px!important;
  }
  .player-hand-preview-card:first-child{margin-left:0!important}
  .player-hand-preview-card .card-corner{font-size:.36rem!important}
  .player-hand-preview-card>strong{font-size:.72rem!important}
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-players{display:none!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid{gap:0!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  height:clamp(500px,61vh,680px)!important;
  min-height:500px!important;
  max-height:none!important;
  padding:10px!important;
  overflow:hidden!important;
  border:2px solid #b9822d!important;
  border-radius:28px!important;
  background:radial-gradient(ellipse at center,#0b1b27 0 44%,#07111b 73%,#03080d 100%)!important;
  box-shadow:inset 0 0 42px #000d,0 15px 36px #0009!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:42px 5% 34px;
  border:10px solid #44230f;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 44%,#b8793a22 0 20%,transparent 58%),
    repeating-linear-gradient(96deg,#6e3e1f 0 22px,#7f4b27 23px 45px,#5c321a 46px 68px,#754522 69px 92px);
  box-shadow:inset 0 0 0 4px #d19a4d55,inset 0 0 55px #160a04cc,0 12px 28px #000b;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:55px 6.2% 47px;
  border:1px solid #e5b66366;
  border-radius:50%;
  background:radial-gradient(ellipse at center,transparent 40%,#16090244 100%);
  pointer-events:none;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>.arena-header{
  position:relative!important;
  z-index:20!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode #table-cards{
  position:absolute!important;
  z-index:12!important;
  inset:31% 18% 28%!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:4px!important;
  overflow:visible!important;
  align-content:center!important;
  background:transparent!important;
}
.player-hands-opponents[hidden]{display:none!important}
.player-hands-opponents{
  position:absolute;
  z-index:10;
  inset:42px 5% 34px;
  border-radius:50%;
  pointer-events:none;
}
.player-hands-opponent-seat{
  position:absolute;
  display:grid;
  gap:6px;
  justify-items:center;
  width:230px;
  min-height:94px;
  padding:7px 9px;
  border:1px solid #e2b35f88;
  border-radius:14px;
  background:#07131ddd;
  box-shadow:0 8px 18px #000a,inset 0 0 12px #e2b35f16;
}
.player-hands-opponent-seat.seat-top{top:20px;left:50%;transform:translateX(-50%)}
.player-hands-opponent-seat.seat-left{top:50%;left:24px;transform:translateY(-50%)}
.player-hands-opponent-seat.seat-right{top:50%;right:24px;transform:translateY(-50%)}
.player-hands-opponent-name{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:#ffe1a0;
  font-size:.72rem;
  line-height:1.1;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.player-hands-opponent-cards{display:flex;align-items:center;justify-content:center;min-height:66px;padding-left:12px}
.player-hands-opponent-card{
  position:relative!important;
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  height:66px!important;
  min-height:66px!important;
  margin-left:-12px!important;
  padding:3px!important;
  border-radius:7px!important;
  transform:none!important;
}
.player-hands-opponent-card:first-child{margin-left:0!important}
.player-hands-opponent-card img{width:100%!important;height:100%!important;object-fit:cover!important}
.player-hands-opponent-seat.is-eliminated{opacity:.5;filter:grayscale(.65)}
.player-hands-opponent-empty{align-self:center;color:#9eb0bd;font-size:.66rem;font-weight:800}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone{
  position:relative!important;
  z-index:30!important;
  width:calc(100% - 7%)!important;
  height:auto!important;
  min-height:176px!important;
  max-height:none!important;
  margin:-174px auto 0!important;
  padding:7px 10px 9px!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-zone-frame{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 224px!important;
  grid-template-areas:"left status"!important;
  gap:10px!important;
  align-items:end!important;
  height:auto!important;
  min-height:160px!important;
  overflow:visible!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-main-panel{
  grid-area:left!important;
  display:grid!important;
  grid-template-columns:128px minmax(360px,1fr) 128px!important;
  grid-template-rows:auto auto 140px!important;
  grid-template-areas:"message message message" "alert alert alert" "deck hand won"!important;
  gap:5px 12px!important;
  align-items:end!important;
  min-width:0!important;
  padding:8px 12px!important;
  border:1px solid #c28b37cc!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#0a1822e8,#06101aeF)!important;
  box-shadow:0 10px 25px #000b,inset 0 0 15px #f2bd5520!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-1{
  grid-area:message!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:28px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-1 .hand-instruction{flex:1!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-2{grid-area:alert!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .reflection-result{grid-column:1/-1!important;grid-row:2!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-3{grid-area:deck!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-4{grid-area:hand!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-5{grid-area:won!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-6{grid-area:status!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:140px!important;
  overflow:visible!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.player-hands-empty-slot{
  flex:0 0 94px!important;
  width:94px!important;
  min-width:94px!important;
  height:132px!important;
  min-height:132px!important;
  margin:0!important;
  border-radius:12px!important;
  transform:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card:not(:disabled):hover,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card:not(:disabled):focus-visible{transform:translateY(-10px)!important;box-shadow:0 0 0 3px #ffd25b,0 14px 28px #000c!important}
.player-hands-empty-slot{display:block;border:2px dashed #d0a45366;background:#06121c88;box-shadow:inset 0 0 20px #0007}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .personal-pile{
  display:grid!important;
  align-content:end!important;
  justify-items:center!important;
  min-height:140px!important;
  margin:0!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .deck-fan,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .won-fan{width:108px!important;min-height:108px!important;overflow:visible!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .compact-pile-layer,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .compact-pile-layer>.card{width:68px!important;height:94px!important;min-height:94px!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-status-card{
  align-self:end!important;
  min-height:156px!important;
  max-height:none!important;
  border-color:#c28b37aa!important;
  background:#071521ed!important;
}
@media screen and (min-width:641px) and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{height:560px!important;min-height:560px!important}
  .player-hands-opponent-seat{width:176px;min-height:80px;padding:5px}
  .player-hands-opponent-seat.seat-left{left:14px}.player-hands-opponent-seat.seat-right{right:14px}
  .player-hands-opponent-card{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:54px!important;min-height:54px!important;margin-left:-10px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone{width:96%!important;margin-top:-154px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-zone-frame{grid-template-columns:minmax(0,1fr) 190px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-main-panel{grid-template-columns:102px minmax(280px,1fr) 102px!important;grid-template-rows:auto auto 118px!important;padding:7px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand{gap:8px!important;min-height:118px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.player-hands-empty-slot{flex-basis:76px!important;width:76px!important;min-width:76px!important;height:106px!important;min-height:106px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .personal-pile{min-height:118px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .deck-fan,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .won-fan{width:88px!important;min-height:88px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .compact-pile-layer,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .compact-pile-layer>.card{width:56px!important;height:78px!important;min-height:78px!important}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{height:520px!important;min-height:520px!important;padding:5px!important;border-radius:16px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode::before{inset:32px 3% 24px;border-width:6px}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode::after{inset:40px 4.5% 34px}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode #table-cards{inset:30% 17% 30%!important;grid-auto-rows:72px!important;gap:5px!important;padding:0!important}
  .player-hands-opponents{inset:32px 3% 24px}
  .player-hands-opponent-seat{width:112px;min-height:64px;gap:3px;padding:4px;border-radius:9px}
  .player-hands-opponent-seat.seat-top{top:16px}
  .player-hands-opponent-seat.seat-left{left:7px}.player-hands-opponent-seat.seat-right{right:7px}
  .player-hands-opponent-name{font-size:.48rem}
  .player-hands-opponent-cards{min-height:43px;padding-left:7px}
  .player-hands-opponent-card{flex-basis:29px!important;width:29px!important;min-width:29px!important;height:42px!important;min-height:42px!important;margin-left:-7px!important;border-radius:5px!important;padding:1px!important}
  .player-hands-opponent-empty{font-size:.48rem}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone{width:98%!important;min-height:132px!important;margin:-126px auto 0!important;padding:4px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-zone-frame{grid-template-columns:1fr!important;grid-template-areas:"left" "status"!important;gap:5px!important;min-height:0!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-main-panel{grid-template-columns:52px minmax(0,1fr) 52px!important;grid-template-rows:auto auto 78px!important;gap:3px!important;padding:5px!important;border-radius:11px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-1{min-height:22px!important;gap:4px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-1 h3{font-size:.55rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-1 .hand-instruction{min-height:22px!important;padding:3px 5px!important;font-size:.57rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand{gap:4px!important;min-height:78px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.player-hands-empty-slot{flex-basis:48px!important;width:48px!important;min-width:48px!important;height:70px!important;min-height:70px!important;border-radius:7px!important;padding:3px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card .card-corner b,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card .card-corner em{font-size:.55rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card>strong{font-size:1rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .personal-pile{min-height:78px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .personal-pile>small{font-size:.45rem!important;text-align:center!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .deck-fan,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .won-fan{width:48px!important;min-height:58px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .compact-pile-layer,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .compact-pile-layer>.card{width:36px!important;height:52px!important;min-height:52px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-status-card{min-height:102px!important;max-height:none!important}
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid{
  position:relative!important;
  display:block!important;
  min-height:620px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{
  height:clamp(620px,72vh,760px)!important;
  min-height:620px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode #table-cards{
  inset:27% 20% 39%!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode #table-cards::before{
  display:none!important;
  content:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone{
  position:absolute!important;
  z-index:40!important;
  right:5.5%!important;
  bottom:34px!important;
  left:5.5%!important;
  width:auto!important;
  min-height:178px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-zone-frame{
  grid-template-columns:minmax(0,1fr) 218px!important;
  gap:8px!important;
  min-height:176px!important;
  align-items:end!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-main-panel{
  grid-template-columns:126px minmax(390px,1fr) 126px!important;
  grid-template-rows:auto auto 138px!important;
  gap:4px 12px!important;
  min-height:176px!important;
  padding:4px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-1{
  width:min(740px,94%)!important;
  margin:0 auto!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-1 h3,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .personal-pile>small{
  color:#fff0c2!important;
  text-shadow:0 2px 4px #000,0 0 8px #000!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-instruction{
  border-color:#e0ae54aa!important;
  background:#07131de8!important;
  box-shadow:0 5px 12px #0009!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand{
  min-height:138px!important;
  padding:0 5px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.player-hands-empty-slot{
  flex-basis:92px!important;
  width:92px!important;
  min-width:92px!important;
  height:130px!important;
  min-height:130px!important;
  box-shadow:0 10px 18px #000b!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .personal-pile{
  min-height:138px!important;
  filter:drop-shadow(0 8px 10px #000a)!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-status-card{
  min-height:146px!important;
  max-height:176px!important;
  border-color:#d19a49bb!important;
  background:#07131de8!important;
  box-shadow:0 8px 18px #000a!important;
}
@media screen and (min-width:641px) and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid{min-height:570px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{height:570px!important;min-height:570px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode #table-cards{inset:28% 18% 40%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone{right:3%!important;bottom:25px!important;left:3%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-zone-frame{grid-template-columns:minmax(0,1fr) 178px!important;min-height:154px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-main-panel{grid-template-columns:96px minmax(280px,1fr) 96px!important;grid-template-rows:auto auto 112px!important;min-height:152px!important;gap:3px 7px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand{min-height:112px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.player-hands-empty-slot{flex-basis:74px!important;width:74px!important;min-width:74px!important;height:104px!important;min-height:104px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .personal-pile{min-height:112px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-status-card{min-height:130px!important;max-height:154px!important}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid{min-height:550px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{height:550px!important;min-height:550px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode #table-cards{inset:27% 15% 42%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone{right:2.5%!important;bottom:14px!important;left:2.5%!important;min-height:0!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-zone-frame{grid-template-columns:1fr!important;grid-template-areas:"left" "status"!important;gap:3px!important;min-height:0!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-main-panel{grid-template-columns:48px minmax(0,1fr) 48px!important;grid-template-rows:auto auto 74px!important;min-height:108px!important;gap:2px!important;padding:2px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-slot-1{width:100%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand{min-height:74px!important;gap:3px!important;padding:0!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.player-hands-empty-slot{flex-basis:46px!important;width:46px!important;min-width:46px!important;height:68px!important;min-height:68px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .personal-pile{min-height:74px!important;filter:drop-shadow(0 4px 6px #000a)!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone .hand-status-card{min-height:86px!important;max-height:104px!important;padding:6px!important}
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure{
  display:block!important;
  min-height:0!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone{
  position:absolute!important;
  z-index:50!important;
  right:7%!important;
  bottom:24px!important;
  left:7%!important;
  width:auto!important;
  min-height:174px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-zone-frame{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"left"!important;
  width:100%!important;
  min-height:170px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-main-panel{
  width:min(940px,100%)!important;
  margin:0 auto!important;
  grid-template-columns:132px minmax(400px,1fr) 132px!important;
  grid-template-areas:"message message message" "alert alert alert" "deck hand won"!important;
  background:transparent!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  width:min(420px,100%)!important;
  min-width:0!important;
  max-width:420px!important;
  min-height:112px!important;
  max-height:none!important;
  margin:8px 0 0 auto!important;
  padding:10px 12px!important;
  border:1px solid #315574!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#102237,#071522)!important;
  box-shadow:0 8px 18px #0008!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card[hidden]{display:none!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card .ghost-controls{
  grid-template-columns:80px minmax(150px,1fr)!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{
  position:absolute!important;
  z-index:20!important;
  inset:auto!important;
  top:46%!important;
  left:50%!important;
  display:grid!important;
  width:min(720px,64%)!important;
  height:160px!important;
  min-height:160px!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  grid-template-columns:repeat(var(--center-seat-count,4),minmax(80px,1fr))!important;
  grid-template-rows:160px!important;
  grid-auto-flow:row!important;
  gap:10px!important;
  align-items:center!important;
  justify-items:center!important;
  overflow:visible!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2{--center-seat-count:2;width:min(400px,44%)!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3{--center-seat-count:3;width:min(560px,55%)!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-4{--center-seat-count:4;width:min(720px,64%)!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
  position:relative!important;
  inset:auto!important;
  grid-column:var(--arena-seat)!important;
  grid-row:1!important;
  place-self:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:160px!important;
  height:150px!important;
  min-height:150px!important;
  justify-items:center!important;
  overflow:visible!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-empty-state{
  grid-column:1/-1!important;
  grid-row:1!important;
  place-self:center!important;
}
@media screen and (min-width:641px) and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone{right:4%!important;bottom:18px!important;left:4%!important;min-height:150px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-zone-frame{min-height:148px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-main-panel{grid-template-columns:100px minmax(290px,1fr) 100px!important;width:min(760px,100%)!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{top:45%!important;width:66%!important;height:138px!important;min-height:138px!important;grid-template-rows:138px!important;gap:7px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2{width:46%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3{width:58%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{height:130px!important;min-height:130px!important;max-width:130px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{width:min(360px,100%)!important;max-width:360px!important}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone{right:2.5%!important;bottom:12px!important;left:2.5%!important;min-height:106px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-zone-frame{min-height:104px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-main-panel{grid-template-columns:48px minmax(0,1fr) 48px!important;width:100%!important;min-height:104px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{top:45%!important;width:82%!important;height:112px!important;min-height:112px!important;grid-template-rows:112px!important;gap:3px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2{width:58%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3{width:72%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{height:106px!important;min-height:106px!important;max-width:78px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{width:100%!important;max-width:none!important;min-height:92px!important;margin-top:5px!important;padding:7px!important}
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{
  height:clamp(760px,82vh,900px)!important;
  min-height:760px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone{
  right:8%!important;
  bottom:34px!important;
  left:8%!important;
}
/* Les cartes révélées et les emplacements attendus suivent les sièges : joueur en bas,
   adversaires à gauche, en face et à droite. Elles restent donc fixes en pli et BATAYO. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{
  top:48%!important;
  width:min(820px,70%)!important;
  height:300px!important;
  min-height:300px!important;
  display:block!important;
  transform:translate(-50%,-50%)!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
  position:absolute!important;
  z-index:22!important;
  display:grid!important;
  grid-template-rows:16px 1fr!important;
  justify-items:center!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:142px!important;
  min-height:142px!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{top:78%!important;left:50%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="2"]{top:52%!important;left:18%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{top:22%!important;left:50%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="4"]{top:52%!important;left:82%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2{width:min(430px,48%)!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2>.arena-player-lane[data-arena-seat="1"]{top:78%!important;left:50%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2>.arena-player-lane[data-arena-seat="2"]{top:22%!important;left:50%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3{width:min(650px,60%)!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3>.arena-player-lane[data-arena-seat="1"]{top:78%!important;left:50%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3>.arena-player-lane[data-arena-seat="2"]{top:42%!important;left:18%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3>.arena-player-lane[data-arena-seat="3"]{top:42%!important;left:82%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane .card-slot-placeholder{z-index:80!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.battle-lane .battle-stack{justify-self:center!important;align-self:start!important}
@media screen and (min-width:641px) and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{height:680px!important;min-height:680px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone{right:5%!important;bottom:25px!important;left:5%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{top:47%!important;width:72%!important;height:258px!important;min-height:258px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{width:96px!important;min-width:96px!important;max-width:96px!important;height:124px!important;min-height:124px!important}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{height:630px!important;min-height:630px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone{right:2.5%!important;bottom:13px!important;left:2.5%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{top:47%!important;width:88%!important;height:236px!important;min-height:236px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{width:66px!important;min-width:66px!important;max-width:66px!important;height:100px!important;min-height:100px!important;grid-template-rows:13px 1fr!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{top:78%!important;left:50%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="2"]{top:49%!important;left:15%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{top:18%!important;left:50%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="4"]{top:49%!important;left:85%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2{width:68%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3{width:88%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3>.arena-player-lane[data-arena-seat="2"]{top:42%!important;left:15%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-3>.arena-player-lane[data-arena-seat="3"]{top:42%!important;left:85%!important}
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
  transition:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.arena-player-name,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.battle-stack{
  justify-self:center!important;
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{
  inset:38px 0 0!important;
  width:100%!important;
  height:calc(100% - 38px)!important;
  min-height:0!important;
  transform:none!important;
  pointer-events:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
  pointer-events:auto!important;
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-main-panel{position:relative!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-2{
  position:absolute!important;
  z-index:75!important;
  left:-76px!important;
  width:290px!important;
  min-width:0!important;
  margin:0!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1{bottom:150px!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-2{bottom:78px!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1 h3{display:none!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1 .hand-instruction,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone #hand-alert{
  width:100%!important;
  text-align:left!important;
  border-radius:9px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{
  position:absolute!important;
  z-index:82!important;
  right:24px!important;
  bottom:20px!important;
  width:250px!important;
  max-width:calc(100% - 48px)!important;
  margin:0!important;
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-2{left:-4px!important;width:190px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1{bottom:112px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-2{bottom:58px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{right:7px!important;bottom:9px!important;width:164px!important;max-width:46%!important;padding:6px!important}
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#player-hands-messages{
  position:absolute!important;
  z-index:95!important;
  bottom:22px!important;
  left:22px!important;
  display:grid!important;
  gap:7px!important;
  width:270px!important;
  max-width:28%!important;
  margin:0!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages .hand-slot-1{display:block!important;margin:0!important;min-height:0!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages .hand-slot-1 h3{display:none!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages .hand-instruction,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages #hand-alert{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:8px 10px!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  border-radius:9px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card{
  position:absolute!important;
  z-index:95!important;
  right:22px!important;
  bottom:22px!important;
  display:grid!important;
  width:255px!important;
  max-width:27%!important;
  min-height:128px!important;
  height:auto!important;
  margin:0!important;
  padding:10px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#102237f5,#071522f5)!important;
  box-shadow:0 10px 22px #000b!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card[hidden]{display:none!important}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#player-hands-messages{left:7px!important;bottom:10px!important;width:166px!important;max-width:45%!important;gap:4px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages .hand-instruction,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages #hand-alert{padding:5px!important;font-size:.57rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card{right:7px!important;bottom:10px!important;width:165px!important;max-width:45%!important;min-height:104px!important;padding:6px!important}
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{
  height:clamp(650px,72vh,730px)!important;
  min-height:650px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages:empty,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages:not(:has(.hand-slot-1 .hand-instruction:not(:empty))):not(:has(#hand-alert:not([hidden]):not(:empty))){display:none!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages .hand-slot-1:has(.hand-instruction:empty),
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages #hand-alert[hidden],
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages #hand-alert:empty{display:none!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  height:164px!important;
  min-height:164px!important;
  grid-template-rows:18px 1fr!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane>.normal-card-best>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane>.normal-card-tie>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.battle-lane .battle-layer>.card{
  width:92px!important;
  height:126px!important;
  min-height:126px!important;
  border-radius:12px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.battle-lane .battle-stack{width:96px!important;height:134px!important;min-height:134px!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card-slot-placeholder{width:72px!important;height:98px!important}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{height:560px!important;min-height:560px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{width:78px!important;min-width:78px!important;max-width:78px!important;height:116px!important;min-height:116px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.battle-lane .battle-layer>.card{width:60px!important;height:84px!important;min-height:84px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card-slot-placeholder{width:54px!important;height:74px!important}
}

/* Un emplacement attendu a exactement le gabarit d'une carte révélée. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:148px!important;
  min-height:148px!important;
  grid-template-rows:18px 126px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card-slot-placeholder{
  width:92px!important;
  height:126px!important;
  min-width:92px!important;
  min-height:126px!important;
}
/* L'annonce de début occupe le vrai centre de la table, sans siège provisoire. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-empty-state{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  z-index:90!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
    width:70px!important;min-width:70px!important;max-width:70px!important;height:100px!important;min-height:100px!important;grid-template-rows:14px 84px!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card-slot-placeholder{
    width:60px!important;height:84px!important;min-width:60px!important;min-height:84px!important;
  }
}

/* J3 est le siège haut : la carte reste au premier plan devant la main adverse. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{
  z-index:120!important;
}
/* Agrandissement réservé aux cartes réellement jouées au centre de la table. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane>.normal-card-best>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane>.normal-card-tie>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.battle-lane .battle-layer>.card{
  padding:10px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card>strong{
  font-size:2.15rem!important;
  line-height:1!important;
  font-weight:1000!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner{
  top:7px!important;
  left:8px!important;
  gap:1px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner b,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner em{
  font-size:1.04rem!important;
  line-height:1!important;
  font-weight:1000!important;
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card>strong{font-size:1.45rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner{top:5px!important;left:6px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner b,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner em{font-size:.78rem!important}
}

/* Les cartes du pli reprennent exactement le gabarit et les repères de la main du joueur. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card{
  width:94px!important;
  min-width:94px!important;
  height:132px!important;
  min-height:132px!important;
  padding:10px!important;
  border-radius:12px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card-slot-placeholder{
  width:94px!important;
  min-width:94px!important;
  height:132px!important;
  min-height:132px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card>strong,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card>strong{
  font-size:2.15rem!important;
  line-height:1!important;
  font-weight:1000!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card .card-corner,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner{
  top:7px!important;
  left:8px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card .card-corner b,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card .card-corner em,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner b,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner em{
  font-size:1.04rem!important;
  line-height:1!important;
  font-weight:1000!important;
}
/* J3 reste sous sa main, sans jamais la traverser, et garde ce siège pendant un BATAYO. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{z-index:120!important}
/* L'animation de pot gagné est courte, unique et ne disperse plus les cartes. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .battle-best,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .normal-card-best{
  animation:batayoPotCollected 1050ms cubic-bezier(.2,.8,.25,1) 1 both!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .battle-best::after{
  content:"POT GAGNÉ"!important;
  width:76px!important;
  font-size:.52rem!important;
}
@keyframes batayoPotCollected{
  0%{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 7px #000b)}
  32%{transform:translateY(-12px) scale(1.08);filter:drop-shadow(0 0 14px #f5d36d)}
  62%{transform:translateY(4px) scale(.97);filter:drop-shadow(0 10px 12px #000c)}
  100%{transform:translateY(0) scale(1);filter:drop-shadow(0 6px 9px #000b)}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card{width:60px!important;min-width:60px!important;height:84px!important;min-height:84px!important;padding:6px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card-slot-placeholder{width:60px!important;min-width:60px!important;height:84px!important;min-height:84px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card>strong,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card>strong{font-size:1.45rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card .card-corner,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner{top:5px!important;left:6px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card .card-corner b,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #hand-zone #hand>.card .card-corner em,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner b,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .card .card-corner em{font-size:.78rem!important}
}

/* Joueur 3 : main au plus haut, puis immédiatement le siège de sa carte jouée. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .player-hands-opponent-seat.seat-top{
  top:0!important;
}
/* Joueur 1, pioche, gains et messages se calent contre le bord inférieur de la table. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-zone{
  bottom:4px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#player-hands-messages{
  bottom:4px!important;
  left:16px!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card{
  bottom:4px!important;
  right:16px!important;
}
/* Le gain BATAYO reste suffisamment longtemps lisible avant la mise à jour de la pile. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .battle-best,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .normal-card-best{
  animation:batayoPotCollectedSlow 2400ms cubic-bezier(.2,.75,.25,1) 1 both!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats .battle-best::after{
  content:"GAGNE"!important;
}
@keyframes batayoPotCollectedSlow{
  0%,12%{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 8px #000b)}
  38%,56%{transform:translateY(-14px) scale(1.09);filter:drop-shadow(0 0 18px #f5d36d)}
  78%{transform:translateY(3px) scale(.98);filter:drop-shadow(0 10px 13px #000c)}
  100%{transform:translateY(0) scale(1);filter:drop-shadow(0 6px 9px #000b)}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .player-hands-opponent-seat.seat-top{top:0!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-zone{bottom:3px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#player-hands-messages{bottom:3px!important;left:7px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card{bottom:3px!important;right:7px!important}
}

/* J1 : son emplacement de carte est remonté de 10 px. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{top:74.667%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat="1"]{top:74.667%!important}
/* En BATAYO, la première carte commence exactement au centre de son siège normal. */
@media screen and (min-width:641px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{
    position:absolute!important;top:16px!important;left:50%!important;width:94px!important;min-width:94px!important;max-width:94px!important;height:132px!important;min-height:132px!important;transform:translateX(-50%)!important;justify-self:auto!important;margin:0!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{top:0!important}
}
/* Le gagnant d'un pli simple est toujours animé, même si l'IA a résolu le pli. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-resolved .normal-card-best,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best.resolved-winning-card{animation:roundWonVisible 2200ms cubic-bezier(.2,.76,.22,1) 1 both!important}
@keyframes roundWonVisible{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 8px #000b)}30%{transform:translateY(-22px) scale(1.14);filter:drop-shadow(0 0 18px #ffe19a)}64%{transform:translateY(-10px) scale(1.08);filter:drop-shadow(0 0 12px #ffe19a99)}100%{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 8px #000b)}}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{top:70%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat="1"]{top:70%!important}
}

/* J3 (en haut) et sa carte jouée remontent de 20 px supplémentaires. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .player-hands-opponent-seat.seat-top{top:-32px!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{top:15.333%!important}
/* Les quatre coordonnées de pli sont identiques en tour normal et BATAYO. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode{display:block!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]{position:absolute!important;inset:auto!important;margin:0!important;transform:translate(-50%,-50%)!important;transition:none!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat="1"]{left:50%!important;top:74.667%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat="2"]{left:18%!important;top:52%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat="3"]{left:50%!important;top:15.333%!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat="4"]{left:82%!important;top:52%!important}
/* Chaque pli résolu anime immédiatement sa carte gagnante. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best{animation:trickWonCollected 1800ms cubic-bezier(.2,.76,.22,1) 1 both!important;transform-origin:center center!important}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best::after,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best::after{content:"GAGNE"!important}
@keyframes trickWonCollected{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 8px #000b)}38%{transform:translateY(-18px) scale(1.12);filter:drop-shadow(0 0 17px #ffe19a)}72%{transform:translateY(-8px) scale(1.06);filter:drop-shadow(0 0 11px #ffe19a99)}100%{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 8px #000b)}}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .player-hands-opponent-seat.seat-top{top:-26px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat="3"]{top:10%!important}
}

@media screen and (min-width:641px){
  /* La carte de J1 est relevée : elle ne recouvre plus les quatre cartes de la main. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{left:50%!important;top:60%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="2"]{left:18%!important;top:52%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{left:50%!important;top:15.333%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="4"]{left:82%!important;top:52%!important}
  /* Aucun mode de pli ne peut transformer ou réorganiser un siège. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat],
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]{position:absolute!important;transform:translate(-50%,-50%)!important;transition:none!important}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{top:64%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat="1"]{top:64%!important}
}

/* La main adverse J3 touche la limite haute utile de la table ; son pli commence juste dessous. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .player-hands-opponent-seat.seat-top{
  top:-32px!important;
}
/* Aucun dos de carte ne reprend une couleur de pli : toujours noir profond et B doré. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .card-back,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .battle-layer>.card-back{
  background:#090603!important;
  background-color:#090603!important;
  border-color:#e1aa2a!important;
  box-shadow:inset 0 0 0 2px #5f4208,0 7px 14px #000c,0 0 9px #e1aa2a66!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .card-back>img{
  display:block!important;
  background:#090603!important;
  object-fit:cover!important;
}
/* Les piles BATAYO conservent les coordonnées globales des quatre joueurs. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]{
  position:absolute!important;
  margin:0!important;
  transition:none!important;
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode .player-hands-opponent-seat.seat-top{top:-26px!important}
}

@media screen and (min-width:641px){
  /* Les quatre sièges sont définis une seule fois : aucun état du jeu ne peut les déplacer. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{left:50%!important;top:57%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="2"]{left:18%!important;top:52%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{left:50%!important;top:15.333%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="4"]{left:82%!important;top:52%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
    position:absolute!important;inset:auto!important;margin:0!important;transform:translate(-50%,-50%)!important;transition:none!important;
  }
  /* Le support normal et la pile BATAYO ont exactement la même origine de carte. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.arena-player-name{
    position:absolute!important;z-index:1300!important;left:50%!important;top:-20px!important;margin:0!important;transform:translateX(-50%)!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.normal-card-best,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.normal-card-tie{
    position:absolute!important;z-index:1200!important;left:50%!important;top:0!important;margin:0!important;transform:translateX(-50%)!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{
    position:absolute!important;z-index:1200!important;left:50%!important;top:0!important;width:94px!important;min-width:94px!important;height:132px!important;min-height:132px!important;margin:0!important;transform:translateX(-50%)!important;overflow:visible!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{
    position:absolute!important;left:0!important;top:0!important;margin:0!important;transform:none!important;overflow:visible!important;
  }
  /* Les cartes historiques restent derrière : la dernière carte visible (dont la gagnante) est entière et lisible. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer.battle-latest-layer{
    left:0!important;top:0!important;z-index:1900!important;filter:drop-shadow(0 0 12px #ffe19aaa)!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer.battle-placeholder-layer{
    left:10px!important;top:4px!important;z-index:1950!important;
  }
}

@media screen and (min-width:641px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
    position:absolute!important;inset:auto!important;width:94px!important;min-width:94px!important;height:132px!important;min-height:132px!important;margin:0!important;transform:translate(-50%,-50%)!important;transition:none!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{left:50%!important;top:57%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="2"]{left:18%!important;top:52%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{left:50%!important;top:15.333%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="4"]{left:82%!important;top:52%!important}
  /* Le nom fait partie du siège : juste au-dessus de la même carte dans tous les états. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.arena-player-name{
    position:absolute!important;left:50%!important;top:-16px!important;z-index:2100!important;margin:0!important;transform:translateX(-50%)!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.normal-card-best,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.normal-card-tie,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.card-slot-placeholder,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{
    position:absolute!important;left:50%!important;top:0!important;width:94px!important;min-width:94px!important;height:132px!important;min-height:132px!important;max-height:132px!important;margin:0!important;transform:translateX(-50%)!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{overflow:visible!important}
  /* La première carte BATAYO part du coin exact de la carte du pli normal.
     Les cartes suivantes se superposent progressivement vers la droite. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.normal-card-best,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.normal-card-tie,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.card-slot-placeholder{
    left:0!important;top:0!important;transform:none!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{
    left:0!important;top:0!important;transform:none!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{
    top:0!important;transform:none!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.arena-player-name{
    left:37px!important;top:-15px!important;transform:translateX(-50%)!important;
  }
}

@media screen and (min-width:641px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{overflow:visible!important}
  /* Nom rattaché à la zone exacte de la carte, jamais au siège adverse. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.arena-player-name{
    display:block!important;position:absolute!important;left:0!important;top:-18px!important;width:74px!important;min-width:74px!important;margin:0!important;padding:1px 4px!important;z-index:5000!important;transform:none!important;text-align:center!important;white-space:nowrap!important;pointer-events:none!important;
  }
  /* Pli normal : origine (0,0) de son siège. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.normal-card-best,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.normal-card-tie,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.normal-card-lane.arena-player-lane[data-arena-seat]>.card-slot-placeholder{
    position:absolute!important;left:0!important;top:0!important;margin:0!important;transform:none!important;
  }
  /* BATAYO : première couche exactement au même (0,0), puis empilement seulement vers la droite. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{
    position:absolute!important;left:0!important;top:0!important;width:94px!important;height:132px!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{
    position:absolute!important;top:0!important;margin:0!important;transform:none!important;overflow:visible!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card-back,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card-slot-placeholder{
    margin:0!important;transform:none!important;
  }
}

@media screen and (min-width:641px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.arena-player-name{
    left:0!important;top:calc(-17px - var(--battle-stack-rise, 0px))!important;width:74px!important;height:14px!important;line-height:12px!important;overflow:visible!important;z-index:9000!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{
    inset:auto!important;top:0!important;margin:0!important;padding:0!important;transform:none!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card-back{
    position:relative!important;inset:auto!important;margin:0!important;transform:none!important;
  }
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]{
  display:block!important;max-width:none!important;overflow:visible!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{
  position:absolute!important;left:0!important;top:0!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{
  position:absolute!important;top:0!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card-back,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card-slot-placeholder{
  margin:0!important;transform:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]>.arena-player-name{
  position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:64px!important;max-width:112px!important;height:16px!important;margin:0!important;padding:1px 6px!important;white-space:nowrap!important;z-index:9500!important;
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best>.card,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best>.card-back{
  animation:batayoWinnerPulse 3000ms cubic-bezier(.2,.8,.2,1) 1 both!important;
  transform-origin:center center!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best::after,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best::after{content:none!important;display:none!important;}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best{
  z-index:12000!important;overflow:visible!important;isolation:isolate!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .winner-claim-badge{
  position:absolute!important;left:50%!important;top:calc(100% + 7px)!important;right:auto!important;bottom:auto!important;
  transform:translateX(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:72px!important;padding:4px 9px!important;border:2px solid #f6f8fc!important;border-radius:999px!important;
  background:linear-gradient(180deg,#ffffff,#c2c8d3 56%,#77808c)!important;color:#111820!important;font:900 12px/1 Arial,sans-serif!important;
  letter-spacing:.65px!important;text-shadow:0 1px #fff!important;white-space:nowrap!important;box-shadow:0 4px 12px #000d,0 0 16px #dbe5f4cc!important;z-index:9999!important;
  opacity:1!important;visibility:visible!important;animation:batayoWinnerBadge 3000ms ease-out 1 both!important;pointer-events:none!important;
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .winner-claim-badge{display:none!important;}
.winner-global-badge{
  position:fixed!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:78px!important;padding:5px 11px!important;border:2px solid #f8fbff!important;border-radius:999px!important;
  background:linear-gradient(180deg,#ffffff,#c7cfda 56%,#76818e)!important;color:#101820!important;
  font:1000 13px/1 Arial,sans-serif!important;letter-spacing:.7px!important;text-shadow:0 1px #fff!important;
  white-space:nowrap!important;box-shadow:0 4px 15px #000e,0 0 18px #e8f2ffff!important;
  transform:translateX(-50%)!important;z-index:2147483000!important;pointer-events:none!important;
  opacity:1!important;visibility:visible!important;animation:batayoGlobalWinnerBadge 3000ms ease-out 1 both!important;
}
.winner-global-badge.battle-winner-badge{
  min-width:90px!important;padding:6px 13px!important;border-color:#fff0ad!important;
  background:linear-gradient(180deg,#fff8d0,#dd9b22 56%,#874606)!important;color:#160b00!important;
  font-size:15px!important;text-shadow:0 1px #fff4bd!important;box-shadow:0 4px 16px #000e,0 0 24px #ffd35cff!important;
}
/* Le gabarit du badge ne change jamais : ces règles ne modifient ni largeur,
   ni hauteur, ni police. Elles renforcent seulement le détourage sur petits écrans. */
@media (max-width:1024px){
  .winner-global-badge{
    outline:2px solid #06111f!important;outline-offset:2px!important;
    text-shadow:0 1px #fff,0 0 2px #fff!important;
    box-shadow:0 4px 15px #000,0 0 0 2px #f8fbff,0 0 18px #e8f2ffff!important;
  }
  .winner-global-badge.battle-winner-badge{
    outline-color:#351700!important;
    text-shadow:0 1px #fff4bd,0 0 2px #fff4bd!important;
    box-shadow:0 4px 16px #000,0 0 0 2px #fff0ad,0 0 24px #ffd35cff!important;
  }
}
@media (max-width:640px){
  .winner-global-badge{
    border-color:#fff!important;
    filter:contrast(1.12) saturate(1.08)!important;
  }
  .winner-global-badge.battle-winner-badge{border-color:#fff6bd!important;}
}
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .winner-claim-badge.battle-winner-badge{
  border-color:#fff0ad!important;background:linear-gradient(180deg,#fff7ca,#d58e18 54%,#8c4b05)!important;color:#130a00!important;
  text-shadow:0 1px #fff4bd!important;box-shadow:0 4px 14px #000d,0 0 20px #ffd35cee!important;
}
@keyframes batayoWinnerPulse{
  0%,18%{transform:scale(1);filter:drop-shadow(0 5px 8px #000b)}
  35%,64%{transform:scale(1.08);filter:drop-shadow(0 0 18px #ffe9a8) drop-shadow(0 0 5px #fff)}
  100%{transform:scale(1);filter:drop-shadow(0 7px 10px #000c)}
}
@keyframes batayoWinnerBadge{0%,9%{opacity:0;transform:translate(-50%,7px) scale(.82)}20%,100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes batayoGlobalWinnerBadge{0%,8%{opacity:0;transform:translate(-50%,7px) scale(.84)}18%,100%{opacity:1;transform:translate(-50%,0) scale(1)}}

@media screen and (min-width:641px) and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{
    height:620px!important;min-height:620px!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-zone{bottom:12px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card{
    width:206px!important;min-width:206px!important;min-height:140px!important;
    border-width:2px!important;box-shadow:0 8px 20px #000d,0 0 0 1px #6baee077!important;
  }
}
@media screen and (max-width:640px){
  /* Plus de hauteur utile pour les quatre sièges : aucune zone ne recouvre la table. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode{
    height:650px!important;min-height:650px!important;overflow:visible!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure{overflow:visible!important;padding-bottom:136px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode::before{inset:30px 3% 24px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode::after{inset:40px 5% 38px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-zone{
    bottom:10px!important;right:2%!important;left:2%!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-zone .hand-main-panel{
    grid-template-columns:46px minmax(0,1fr) 46px!important;grid-template-rows:auto auto 76px!important;
    min-height:108px!important;padding:3px!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-zone #hand{gap:3px!important;min-height:76px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-zone #hand>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-zone #hand>.player-hands-empty-slot{
    flex-basis:48px!important;width:48px!important;min-width:48px!important;height:70px!important;min-height:70px!important;
  }
  /* Le Fantôme reste hors de la table : il n'écrase ni la main ni les piles. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card{
    position:absolute!important;z-index:180!important;top:calc(100% + 8px)!important;right:8px!important;bottom:auto!important;left:auto!important;
    width:min(236px,calc(100% - 16px))!important;min-width:0!important;max-width:calc(100% - 16px)!important;
    min-height:116px!important;max-height:none!important;padding:8px 9px!important;
    border:2px solid #6baee0!important;background:#071521fa!important;box-shadow:0 10px 24px #000d,0 0 0 1px #e2f2ff55!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card span{font-size:.58rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card strong{font-size:.98rem!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#hand-status-card small{font-size:.70rem!important;line-height:1.18!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .table-arena.player-hands-table-mode>#player-hands-messages{
    left:8px!important;bottom:12px!important;width:min(174px,46%)!important;max-width:46%!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages .hand-instruction,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-messages #hand-alert{
    border-width:2px!important;font-size:.62rem!important;line-height:1.15!important;text-shadow:0 1px 2px #000!important;
  }
}

body:not(.game-mode) .winner-global-badge,
body:not([data-game-view="PLAYER_HANDS"]) .winner-global-badge,
body:has(#game-screen[hidden]) .winner-global-badge,
body:not(:has(.table-arena.player-hands-table-mode)) .winner-global-badge{display:none!important;}

@media screen and (max-width:1100px){
  /* Les quatre dos appartiennent à la vue PC : sur tablette/mobile, seules les cartes du pli restent utiles. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen #player-hands-opponents{display:none!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{z-index:26!important;}
  /* BATAYO : empilement horizontal régulier, première carte sur son siège et dernière toujours au-dessus. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{
    width:96px!important;height:128px!important;min-height:128px!important;overflow:visible!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{
    left:calc(var(--layer, 0) * 6px)!important;top:0!important;margin:0!important;transform:none!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer.battle-latest-layer{z-index:900!important;}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats{width:92%!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack{width:72px!important;height:106px!important;min-height:106px!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{left:calc(var(--layer, 0) * 4px)!important;top:0!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card-back,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer>.card-slot-placeholder{width:64px!important;height:94px!important;min-height:94px!important;}
}

@media screen and (min-width:641px) and (max-width:1100px){
  /* Une seule carte, un BATAYO ou une carte attendue : toujours le même siège, relevé dans l'arène. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{top:56%!important;left:50%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="2"]{top:43%!important;left:30%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{top:16%!important;left:50%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="4"]{top:43%!important;left:70%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2>.arena-player-lane[data-arena-seat="1"]{top:56%!important;left:50%!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-players-2>.arena-player-lane[data-arena-seat="2"]{top:16%!important;left:50%!important}
}
@media screen and (max-width:640px){
  /* La table ne contient plus de texte d'état : les messages restent sous elle, à gauche. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure{padding-bottom:178px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-2{
    position:absolute!important;left:0!important;right:auto!important;width:min(224px,62vw)!important;margin:0!important;z-index:240!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1{top:calc(100% + 8px)!important;min-height:0!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-2{top:calc(100% + 43px)!important;min-height:0!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1:empty,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-2:empty{display:none!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-1 .hand-instruction,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode>#hand-zone .hand-slot-2 .hand-alert{font-size:.62rem!important;line-height:1.18!important}
}

@media screen and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure{position:relative!important;padding-bottom:156px!important;overflow:visible!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#player-hands-messages{
    position:absolute!important;z-index:260!important;top:calc(100% + 8px)!important;bottom:auto!important;left:8px!important;right:auto!important;
    display:grid!important;gap:6px!important;width:min(330px,58%)!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{
    position:absolute!important;z-index:260!important;top:calc(100% + 8px)!important;right:8px!important;bottom:auto!important;left:auto!important;
    width:min(270px,38%)!important;min-width:0!important;margin:0!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#player-hands-messages .hand-slot-1,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#player-hands-messages .hand-slot-2{display:block!important;min-height:0!important;margin:0!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#player-hands-messages .hand-slot-1:empty,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#player-hands-messages .hand-slot-2:empty{display:none!important}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure{padding-bottom:168px!important}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#player-hands-messages{width:min(224px,61%)!important;left:6px!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{width:min(204px,55%)!important;right:6px!important;min-height:116px!important;}
}

@media screen and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#player-hands-messages,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{top:calc(100% - 148px)!important;}
  /* Le premier niveau reste exactement sur le siège ; les suivants se décalent uniquement à droite. */
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer{
    top:0!important;transform:none!important;transition:none!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards.arena-fixed-seats.arena-battle-mode>.battle-lane.arena-player-lane[data-arena-seat]>.battle-stack>.battle-layer:first-child{left:0!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-latest-layer>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-latest-layer>.card-back{animation:compactCardReveal 820ms cubic-bezier(.2,.75,.2,1) both!important;}
}
@keyframes compactCardReveal{0%{opacity:.15;transform:translateY(16px) scale(.82)}62%{opacity:1;transform:translateY(-4px) scale(1.06)}100%{opacity:1;transform:translateY(0) scale(1)}}

@media screen and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{
    display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;align-content:start!important;
    height:118px!important;min-height:118px!important;max-height:118px!important;overflow:hidden!important;padding:7px 8px!important;
  }
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card small{min-height:0!important;max-height:42px!important;overflow:hidden!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card .ghost-controls{align-self:end!important;margin:0!important;}
}
@media screen and (max-width:640px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .play-grid.player-hands-structure>#hand-status-card{height:108px!important;min-height:108px!important;max-height:108px!important;}
}

@media screen and (max-width:1100px){
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-latest-layer>.card,
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-latest-layer>.card-back{animation:none!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .arena-player-name{margin-bottom:0!important;transform:translateY(0)!important;}
  body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .winner-global-badge{margin-top:0!important;}
}

body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best::after,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best::after,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .winner-claim-badge{
  content:none!important;
  display:none!important;
}

/* Aucun texte de gain ne doit survivre en dehors du badge global. */
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best::before,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .normal-card-best::after,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best::before,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best::after,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best .battle-layer::before,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .battle-best .battle-layer::after,
body[data-game-view="PLAYER_HANDS"].game-mode #game-screen .player-hands-table-mode #table-cards .winner-claim-badge{
  content:none!important;
  display:none!important;
}

#table-cards .normal-card-best::before,
#table-cards .normal-card-best::after,
#table-cards .battle-best::before,
#table-cards .battle-best::after,
#table-cards .normal-card-best .battle-layer::before,
#table-cards .normal-card-best .battle-layer::after,
#table-cards .battle-best .battle-layer::before,
#table-cards .battle-best .battle-layer::after,
#table-cards .winner-claim-badge{
  content:none!important;
  display:none!important;
}

@media screen and (min-width:641px) and (max-width:1100px){
  body.game-mode #game-screen .table-arena.player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat]{
    position:absolute!important;
    transform:translate(-50%,-50%)!important;
    transition:none!important;
  }
  body.game-mode #game-screen .table-arena.player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="1"]{left:50%!important;top:56%!important;}
  body.game-mode #game-screen .table-arena.player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="2"]{left:30%!important;top:43%!important;}
  body.game-mode #game-screen .table-arena.player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="3"]{left:50%!important;top:16%!important;}
  body.game-mode #game-screen .table-arena.player-hands-table-mode #table-cards.arena-fixed-seats>.arena-player-lane[data-arena-seat="4"]{left:70%!important;top:43%!important;}
}

#table-cards .normal-card-best,
#table-cards .battle-best{
  position:relative!important;
  overflow:visible!important;
  z-index:12000!important;
  animation:batayoWinnerPulse 3000ms cubic-bezier(.2,.8,.2,1) 1 both!important;
}
#table-cards .normal-card-best::before,
#table-cards .normal-card-best::after,
#table-cards .battle-best::before,
#table-cards .battle-best::after{
  content:none!important;
  display:none!important;
}
#table-cards .winner-claim-badge{
  position:absolute!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  left:50%!important;
  top:calc(100% + 3px)!important;
  right:auto!important;
  bottom:auto!important;
  min-width:78px!important;
  padding:5px 11px!important;
  transform:translateX(-50%)!important;
  border:2px solid #f8fbff!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffffff,#c7cfda 56%,#76818e)!important;
  color:#101820!important;
  font:1000 13px/1 Arial,sans-serif!important;
  letter-spacing:.7px!important;
  white-space:nowrap!important;
  box-shadow:0 4px 15px #000e,0 0 18px #e8f2ffff!important;
  z-index:2147483000!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  animation:batayoWinnerBadge 3000ms ease-out 1 both!important;
}
#table-cards .winner-claim-badge.battle-winner-badge{
  border-color:#fff0ad!important;
  background:linear-gradient(180deg,#fff8d0,#dd9b22 56%,#874606)!important;
  color:#160b00!important;
  box-shadow:0 4px 16px #000e,0 0 24px #ffd35cff!important;
}

/* Toutes les cartes non gagnantes restent parfaitement immobiles. */
#table-cards .battle-layer:not(.battle-best),
#table-cards .battle-layer.battle-public-fallback,
#table-cards .normal-card-lane>.card,
#table-cards .normal-card-best>.card,
#table-cards .battle-best>.card,
#table-cards .battle-best>.card-back{
  animation:none!important;
}
/* Seul le conteneur de la carte gagnante reçoit le mouvement et le halo. */
#table-cards .normal-card-best,
#table-cards .battle-best{
  animation:batayoWinnerPulse 3000ms cubic-bezier(.2,.8,.2,1) 1 both!important;
  transform-origin:center center!important;
}
/* Les piles BATAYO résolues conservent leur carte décisive animée. */
#table-cards.arena-battle-mode .battle-best{
  animation:batayoWinnerPulse 3000ms cubic-bezier(.2,.8,.2,1) 1 both!important;
}

#table-cards .battle-layer,
#table-cards .normal-card-lane>.card,
#table-cards .normal-card-best>.card,
#table-cards .battle-best>.card{
  transition:none!important;
}
#table-cards .battle-layer:hover{transform:none!important;}
#table-cards .normal-card-best,
#table-cards .battle-best{
  animation:batayoResolvedWinnerLift 3000ms cubic-bezier(.2,.8,.2,1) 1 both!important;
}
@keyframes batayoResolvedWinnerLift{
  0%,16%{translate:0 0;scale:1;filter:drop-shadow(0 5px 8px #000b)}
  38%,62%{translate:0 -14px;scale:1.08;filter:drop-shadow(0 0 20px #ffe19a)}
  100%{translate:0 0;scale:1;filter:drop-shadow(0 5px 8px #000b)}
}

@media screen and (max-width:1100px){
  /* Hors carte gagnante, aucun mouvement ni scintillement. */
  #table-cards .battle-layer:not(.battle-best),
  #table-cards .normal-card-lane>.card,
  #table-cards .normal-card-best>.card,
  #table-cards .battle-best>.card,
  #table-cards .battle-best>.card-back{
    animation:none!important;
    transition:none!important;
    translate:0 0!important;
    scale:1!important;
    transform:none!important;
    filter:none!important;
  }
  /* La carte décisive BATAYO conserve seule l’animation après résolution. */
  #table-cards.arena-battle-mode .battle-best{
    animation:batayoResolvedWinnerLift 3000ms cubic-bezier(.2,.8,.2,1) 1 both!important;
    transition:none!important;
  }
}

@media screen and (max-width:1100px){
  /* Une carte qui ne gagne pas ne reçoit jamais de mouvement. */
  #table-cards .normal-card-lane:not(.normal-card-best),
  #table-cards .battle-layer:not(.battle-best),
  #table-cards .normal-card-lane:not(.normal-card-best) > .card,
  #table-cards .battle-layer:not(.battle-best) > .card,
  #table-cards .battle-layer:not(.battle-best) > .card-back{
    animation:none!important;transition:none!important;transform:none!important;
    translate:0 0!important;scale:1!important;filter:none!important;
  }
  /* La carte visible gagnante BATAYO porte elle-même le mouvement : aucun style
     de pile ne peut donc annuler son animation sur tablette ou mobile. */
  #table-cards.arena-battle-mode .battle-best > .card,
  #table-cards.arena-battle-mode .battle-best > .card-back{
    animation:v18926BatayoWinnerMove 3000ms cubic-bezier(.2,.8,.2,1) 1 both!important;
    transform:none!important;transition:none!important;
  }
}
@keyframes v18926BatayoWinnerMove{
  0%,15%,100%{translate:0 0;scale:1;filter:drop-shadow(0 5px 8px #000b)}
  38%,62%{translate:0 -14px;scale:1.08;filter:drop-shadow(0 0 20px #ffe19a)}
}

@media screen and (max-width:640px){
  body[data-game-view="BOARD"].game-mode #game-screen .table-arena:not(.match-final-mode) #table-cards.arena-fixed-seats.arena-players-2>.arena-player-lane[data-arena-seat]{
    position:relative!important;
    top:-8px!important;
  }
}

.batayo-picked-source-mask{
  position:fixed!important;z-index:2147483390!important;pointer-events:none!important;
  margin:0!important;padding:0!important;border-radius:7px!important;
  background:linear-gradient(145deg,#101820f7,#05090dfb)!important;
  border:2px dashed #6f8493aa!important;
  box-shadow:inset 0 0 0 1px #000b,0 4px 12px #0009!important;
  animation:batayoPickedReplacementReveal 3900ms ease 1 both!important;
}
.batayo-picked-source-mask::after{
  content:"";position:absolute;inset:16%!important;border-radius:5px!important;
  border:1px solid #71839155!important;opacity:.72!important;
}
.batayo-picked-card-overlay{
  position:fixed!important;z-index:2147483400!important;pointer-events:none!important;
  margin:0!important;padding:0!important;overflow:visible!important;
  transform-origin:50% 50%!important;
  animation:batayoPickedCardTake 3900ms cubic-bezier(.2,.72,.18,1) 1 both!important;
}
.batayo-picked-card-overlay>.batayo-picked-card-visual{
  display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  margin:0!important;transform:none!important;animation:none!important;
  outline:none!important;outline-offset:0!important;filter:none!important;
  box-shadow:0 8px 18px #0008!important;
}
.batayo-picked-card-overlay>.batayo-picked-card-visual.card-back>img{width:100%!important;height:100%!important;object-fit:cover!important;}
.batayo-picked-badge{
  position:absolute!important;left:50%!important;top:calc(100% + 7px)!important;transform:translateX(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;
  padding:4px 10px!important;border:2px solid #ffd45f!important;border-radius:999px!important;
  background:#090603f5!important;color:#ffe89b!important;box-shadow:0 4px 12px #000c,0 0 12px #ffd45f88!important;
  font-size:11px!important;font-weight:950!important;line-height:1!important;letter-spacing:.08em!important;white-space:nowrap!important;
  text-shadow:0 1px 2px #000!important;animation:batayoPickedBadgeLife 3900ms ease 1 both!important;
}
.batayo-picked-pointer{
  position:absolute!important;z-index:5!important;left:50%!important;top:auto!important;bottom:calc(100% + 8px)!important;
  display:block!important;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;
  font-size:clamp(30px,4vw,46px)!important;line-height:1!important;filter:drop-shadow(0 4px 5px #000b)!important;
  transform-origin:50% 80%!important;animation:batayoPickedPointAndCarry 3900ms cubic-bezier(.2,.72,.18,1) 1 both!important;
}
@keyframes batayoPickedGlow{
  0%{filter:brightness(1);scale:1}
  18%{filter:brightness(1.18);scale:1.08}
  42%{filter:brightness(1.04);scale:1.05}
  70%,100%{filter:brightness(1);scale:1.04}
}
@keyframes batayoPickedBadgeLife{
  0%{opacity:0;translate:0 5px}
  6%,90%{opacity:1;translate:0 0}
  94%,100%{opacity:0;translate:0 -4px}
}
.batayo-picked-badge.batayo-picked-badge-landed{opacity:0!important;transition:opacity 120ms ease!important;}
.batayo-picked-card-overlay>.batayo-picked-card-visible-j1{backface-visibility:hidden!important;}
@keyframes batayoPickedPointAndCarry{
  /* La même main est visible du début à la fin : désignation, contact, déplacement. */
  0%,5%{opacity:0;translate:-50% -16px;scale:.82}
  12%{opacity:1;translate:-50% -7px;scale:1}
  20%,34%{opacity:1;translate:-50% 1px;scale:1.05}
  44%{opacity:1;translate:-50% 11px;scale:1.02}
  58%,76%{opacity:1;translate:-50% 13px;scale:1.02}
  82%{opacity:1;translate:-50% 13px;scale:.96}
  90%,100%{opacity:0;translate:-50% 13px;scale:.88}
}
@keyframes batayoPickedCardTake{
  0%,58%{opacity:1;translate:0 0;scale:1}
  64%{opacity:1;translate:0 -4px;scale:1.04}
  78%{opacity:1;translate:var(--batayo-pick-dx-mid,16px) var(--batayo-pick-dy-mid,-66px);scale:var(--batayo-pick-scale-mid,.9)}
  92%{opacity:1;translate:var(--batayo-pick-dx,24px) var(--batayo-pick-dy,-104px);scale:var(--batayo-pick-scale,.76)}
  96%,100%{opacity:1;translate:var(--batayo-pick-dx,24px) var(--batayo-pick-dy,-104px);scale:var(--batayo-pick-scale,.76)}
}
/* PLAY v1.89.66 — J2/J3/J4 : aucune variation de taille ou de proportions pendant le transport. */
.batayo-picked-card-overlay.batayo-picked-preserve-geometry{
  animation:batayoPickedCardTakeFixedGeometry 3900ms cubic-bezier(.2,.72,.18,1) 1 both!important;
}
.batayo-picked-card-overlay.batayo-picked-preserve-geometry>.batayo-picked-card-visual{
  animation:none!important;filter:none!important;
  scale:1!important;
}
@keyframes batayoPickedCardTakeFixedGeometry{
  0%,58%{opacity:1;translate:0 0;scale:1}
  64%{opacity:1;translate:0 -4px;scale:1}
  78%{opacity:1;translate:var(--batayo-pick-dx-mid,16px) var(--batayo-pick-dy-mid,-66px);scale:1}
  92%,100%{opacity:1;translate:var(--batayo-pick-dx,24px) var(--batayo-pick-dy,-104px);scale:1}
}
@keyframes batayoPickedGlowFixedGeometry{
  0%{filter:brightness(1);scale:1}
  18%{filter:brightness(1.18);scale:1}
  42%{filter:brightness(1.04);scale:1}
  70%,100%{filter:brightness(1);scale:1}
}
@keyframes batayoPickedReplacementReveal{
  0%,83%{opacity:1}
  84%,89%{opacity:1}
  96%,100%{opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .batayo-picked-card-overlay,.batayo-picked-source-mask{animation-duration:2200ms!important}
  .batayo-picked-card-overlay>.batayo-picked-card-visual,.batayo-picked-badge,.batayo-picked-pointer{animation-duration:2200ms!important}
}
@media screen and (max-width:640px){
  .batayo-picked-badge{min-height:20px!important;padding:3px 7px!important;font-size:9px!important}
  .batayo-picked-pointer{font-size:30px!important;top:auto!important;bottom:calc(100% + 6px)!important}
}

.batayo-reveal-flip-stage{
  position:relative!important;display:grid!important;place-items:stretch!important;
  perspective:760px!important;transform-style:preserve-3d!important;
}
.batayo-reveal-flip-stage>.card{
  grid-area:1 / 1!important;margin:0!important;
  backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
  transform-origin:50% 50%!important;
}
.batayo-reveal-flip-stage>.batayo-reveal-front{
  z-index:2!important;opacity:0;
  animation:batayoRevealFrontQuick 1100ms cubic-bezier(.22,.61,.36,1) 1 both!important;
}
.batayo-reveal-flip-stage>.batayo-reveal-back{
  z-index:3!important;pointer-events:none!important;
  animation:batayoRevealBackQuick 1100ms cubic-bezier(.22,.61,.36,1) 1 both!important;
}
@keyframes batayoRevealBackQuick{
  0%,38%{opacity:1;transform:rotateY(0deg)}
  49%{opacity:1;transform:rotateY(90deg)}
  50%,100%{opacity:0;transform:rotateY(90deg)}
}
@keyframes batayoRevealFrontQuick{
  0%,49%{opacity:0;transform:rotateY(-90deg)}
  50%{opacity:1;transform:rotateY(-90deg)}
  100%{opacity:1;transform:rotateY(0deg)}
}
@media (prefers-reduced-motion:reduce){
  .batayo-reveal-flip-stage>.batayo-reveal-front,
  .batayo-reveal-flip-stage>.batayo-reveal-back{animation-duration:550ms!important}
}
.member-status{max-width:48%;text-align:right}@media(max-width:620px){.member-status{max-width:52%;font-size:.7rem}}