/* Rulezz - styles structurels de la brique. Theme global fourni par Design & Contraste.

   Derive de style.css pour preserver la disposition et les controles du jeu. */

:root{--accent:var(--rzdc-assistant-accent);--accent2:var(--rzdc-assistant-highlight);--ink:var(--rzdc-assistant-ink);--bg:var(--rzdc-assistant-panel);--panel:var(--rzdc-assistant-card);--border:var(--rzdc-assistant-edge);--muted:var(--rzdc-assistant-muted);--shadow:0 13px 28px #0004;color-scheme:dark;}*{box-sizing:border-box}html{scroll-behavior:smooth;}body{margin:0;background:var(--rzdc-assistant-panel);color:var(--rzdc-assistant-ink);font:15px/1.48 system-ui,-apple-system,"Segoe UI",sans-serif;}main{max-width:880px;margin:auto;padding:18px 18px 90px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.hero{display:flex;align-items:center;gap:14px;margin-bottom:18px}.brandIcon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(125deg,var(--accent),#9f2947);box-shadow:var(--shadow);font-size:31px}.brandCopy{flex:1;min-width:0}.hero h1{font-size:clamp(26px,5vw,38px);line-height:1.1;margin:0;font-weight:950}.hero h1 span{font-size:11px;color:#ffcbbf;white-space:nowrap}.hero p{color:#c8ccdb;margin:6px 0 0;font-size:13px}.accountPill{min-width:105px;border-radius:13px;background:#252d3e;border:1px solid var(--border);padding:12px;font-weight:850;text-align:center;font-size:11px}.accountPill[data-plus="true"]{border-color:#eeb547;color:#ffe5a3}.tabs{display:flex;gap:8px;margin-bottom:15px}.tabs button{flex:1;padding:12px 6px;background:#1b2231;border:1px solid var(--border);border-radius:12px;color:var(--ink);font-weight:850;font-size:13px}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.card{background:linear-gradient(165deg,#202638,#171c29);border:1px solid var(--border);border-radius:17px;padding:17px;margin:12px 0;box-shadow:0 10px 35px #0002}.sectionHead h2,.phaseHead h2{margin:0 0 6px;font-size:20px}.sectionHead p{color:var(--muted);margin:0 0 12px;font-size:13px}.fields{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:16px}label{display:block;font-size:12px;color:#c3ccdb;font-weight:700}label>span{display:block;margin-bottom:6px}input[type=text],input[type=number],select,.nameGrid input{width:100%;min-height:46px;border:1px solid #536078;color:#fff;background:#111725;border-radius:11px;padding:10px 12px;margin-top:5px}input[type=number]{appearance:textfield;-moz-appearance:textfield}.nameGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.modePick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modeChoice{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#101724;cursor:pointer}.modeChoice input{accent-color:var(--accent);margin-top:4px}.modeChoice small{display:block;color:#9eabbf;font-weight:500;font-size:11px}.field{margin-top:12px}.btn{border:1px solid #526078;background:#2b3448;color:#fff;border-radius:12px;padding:11px 13px;font-weight:850}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:#1c2433}.btn.small{padding:8px 10px;font-size:12px}.btn.wide{display:block;width:100%;margin-top:15px;min-height:52px}.gameTop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0}.stat{background:#222a3a;border-radius:13px;padding:12px}.stat small{display:block;color:#a8b4ca;font-size:11px}.stat strong{font-size:19px;display:block;overflow-wrap:anywhere}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px}.scoreItem{padding:12px;border-radius:12px;background:#202839;border:1px solid var(--border)}.scoreItem.active{border-color:var(--accent2)}.scoreItem small{display:block;color:#a9b4c8;font-size:10px}.scoreValue{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;margin-top:4px}.scoreItem b{font-size:11px;color:#b7c7dc}.scoreItem strong{font-size:21px}.guide{padding:12px;border-left:3px solid var(--accent2);color:#f8dfb3;background:#42311d60;border-radius:9px;font-size:12px;margin:9px 0}.copilotMini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.copilotMini>div{background:#181f2e;border-radius:10px;padding:10px}.copilotMini small{display:block;color:#a6b2c9;font-size:11px}.copilotMini b{display:block}.phaseHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 0}.phaseActions{display:flex;gap:6px}.board{display:grid;gap:10px}.boardRow{display:grid;grid-template-columns:minmax(62px,1fr) minmax(60px,1fr) minmax(62px,1fr);align-items:center;gap:10px}.rowColor{font-weight:850;text-align:center;padding:14px 3px;border-radius:10px;color:#fff}.rowColor.red{background:#c83e46}.rowColor.blue{background:#2475be}.rowColor.purple{background:#784bbe}.rowColor.yellow{background:#efb938;color:#1d1808}.pile{border:1px solid #9aa6bb50;background:#0c121c;border-radius:12px;min-height:67px;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px}.pile strong{font-size:26px}.pile small{font-size:9px;color:#a7b0c1}.pile.pick{border-color:#ffe3a3;box-shadow:inset 0 0 0 1px #ffe3a3}.modeBox{min-height:120px}.modeBox h3{margin:0 0 9px}.playerCurtain{text-align:center;padding:20px 7px}.playerCurtain p{color:#b8c2d4}.hand{display:flex;gap:8px;overflow-x:auto;align-items:stretch;padding:10px 1px 16px}.cardPick{flex:0 0 70px;min-height:115px;border:2px solid #fff3;border-radius:12px;background:#333;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform .15s}.cardPick b{font-size:28px;text-shadow:1px 1px #0005}.cardPick small{font-size:10px}.cardPick.red{background:#c83e46}.cardPick.blue{background:#2373b8}.cardPick.purple{background:#784bbe}.cardPick.yellow{background:#e7b93c;color:#171007}.cardPick.selected{outline:3px solid #fff;transform:translateY(-5px)}.cardPick.reaction{box-shadow:0 0 0 3px #f0cd64}.choiceRow{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.choiceRow button{flex:1;min-width:120px}.hint{color:#abb7c9;font-size:12px}.notice{background:#21324a;border:1px solid #ffffff1b;padding:10px;border-radius:10px;margin:10px 0}.notice.warning{background:#453325;border-color:#ffd38050}.notice b{color:#fff0b3}.checkRow{display:flex;flex-wrap:wrap;gap:8px}.checkRow label{display:flex;gap:5px;align-items:center;background:#151c2b;padding:8px 10px;border-radius:9px}.checkRow input{accent-color:var(--accent2)}.roundScores,.roundScoreGrid{display:grid;gap:8px}.roundScore{display:grid;grid-template-columns:minmax(90px,1fr) repeat(3,55px) 60px;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}.roundScoreHeader{color:#d0dae8;font-size:11px}.roundScore input{min-height:38px;margin:0;padding:5px;text-align:center}.roundScore .sum{font-size:14px;text-align:right}.resultRank{display:grid;grid-template-columns:1fr auto;gap:9px;padding:10px;border-bottom:1px solid var(--border)}.eventLog{max-height:230px;overflow:auto}.eventLog summary{font-size:13px;font-weight:800;cursor:pointer}.eventLog ul{padding-left:20px;margin:10px 0;color:#c1ccda;font-size:12px}.eventLog li{margin-bottom:5px}/* Rulezz Connect V1.1.4 — style natif calqué sur le panneau Règles/FAQ de Rulezz. */

/* Cabanga V1.2.13 — grille desktop native. Le mode de l'iframe est determine

   des l'ouverture par assistant/index.html selon la largeur du parent.

   Il reste compatible avec le gabarit commun, sans dependre de son chargement.

   Les evenements des controles sont ceux du moteur; mobile inchange. */

html.rzux-host-desktop-reference body{min-height:0!important;background:transparent!important;font:14px/1.48 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}

html.rzux-host-desktop-reference main{max-width:none!important;margin:0!important;padding:0!important}

html.rzux-host-desktop-reference .hero,html.rzux-host-desktop-reference .tabs{display:none!important}

html.rzux-host-desktop-reference #setup{

  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);

  grid-template-areas:"modes names" "count names" "actions actions" "extras extras";

  /* La premiere rangee conserve la hauteur naturelle des modes, meme pour 5/6 joueurs.

     La seconde absorbe seule la hauteur supplementaire des noms a droite. */

  grid-template-rows:max-content minmax(0,1fr) auto auto;

  align-items:start;column-gap:22px;row-gap:14px;min-width:0;

  padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important

}

html.rzux-host-desktop-reference #setup>.sectionHead{display:none!important}



html.rzux-host-desktop-reference #setup>.modePick{grid-area:modes;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;min-width:0;margin:0!important}

html.rzux-host-desktop-reference #setup .modeChoice{display:flex;min-width:0;min-height:80px;padding:12px 10px!important;gap:9px;border:1px solid #2b5a87;border-radius:11px;background:#0b2d54}

html.rzux-host-desktop-reference #setup .modeChoice:has(input:checked){border-color:#09e8d3;box-shadow:0 0 0 1px #05d6c38e;background:linear-gradient(120deg,#005061,#043958)}

html.rzux-host-desktop-reference #setup .modeChoice input[type=radio]{flex:0 0 20px;width:20px;height:20px;accent-color:var(--rzdc-assistant-accent,#00ead5)}

html.rzux-host-desktop-reference #setup .modeChoice b{font-size:14px!important;line-height:1.2;color:#f6faff!important}

html.rzux-host-desktop-reference #setup .modeChoice small{display:block;margin-top:4px;font-size:12px!important;line-height:1.5!important;color:#b6cce8!important}

/* Le titre redondant est conserve uniquement pour la mise en page mobile ; aucune ligne de titre n’est reservee sur desktop. */

html.rzux-host-desktop-reference #setup>#rzuxNamesHeading{display:none!important}

html.rzux-host-desktop-reference #setup #nameGrid{grid-area:names;display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;gap:9px 8px!important;align-self:start;min-width:0;width:100%;margin:0!important;padding:0!important}

html.rzux-host-desktop-reference #setup #nameGrid>label{position:relative;grid-column:1;display:flex!important;align-items:center;min-height:32px;min-width:0;margin:0!important;padding:0 0 0 32px!important}

html.rzux-host-desktop-reference #setup #nameGrid>label::before{position:absolute;left:1px;top:50%;transform:translateY(-50%);content:"";width:21px;height:21px;border-radius:50%;background:var(--rzux-player-bullet,#34d6ae)}

html.rzux-host-desktop-reference #setup #nameGrid>label>span{display:none!important}

html.rzux-host-desktop-reference #setup #nameGrid input[data-name]{display:block;width:100%;height:33px!important;min-height:33px!important;padding:5px 11px!important;min-width:0;font-size:14px!important;line-height:1.2!important;border:1px solid #285987;border-radius:8px;background:#061d38;color:#f6faff}

html.rzux-host-desktop-reference #setup #nameGrid>.rzux-remove-player{grid-column:2;align-self:center;min-height:33px!important;height:33px!important;width:34px!important;margin:0!important;padding:0!important;border:1px solid #275987!important;border-radius:8px!important;background:#113357;color:#ebf5ff}

html.rzux-host-desktop-reference #setup>.fields{grid-area:count;min-width:0;max-width:100%;margin:7px 0 0!important;display:flex!important;flex-direction:column;gap:5px!important;align-self:start}

html.rzux-host-desktop-reference #setup .fields label:has(#playerCount){display:block!important;min-width:0}

html.rzux-host-desktop-reference #setup .fields label:has(#playerCount)>span{display:block!important;color:#fff!important;font-size:14px!important;font-weight:800;margin-bottom:7px!important}

html.rzux-host-desktop-reference #setup #playerCount{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;opacity:0!important;clip-path:inset(50%);pointer-events:none!important}

html.rzux-host-desktop-reference #setup .rzux-player-count-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row;gap:9px!important;width:100%!important;max-width:100%;margin:0!important}

html.rzux-host-desktop-reference #setup .rzux-count-button{display:block;width:100%;min-width:0;min-height:43px!important;padding:7px 5px!important;font-size:14px!important;font-weight:800;border-radius:9px!important;background:#0e315c;border:1px solid #2d5d90;color:#fff}

html.rzux-host-desktop-reference #setup .rzux-count-button[aria-pressed=true]{background:var(--rzdc-assistant-accent,#00e1ce)!important;border-color:var(--rzdc-assistant-accent,#00e1ce)!important;color:#04182d!important}

html.rzux-host-desktop-reference #setup>.rzux-pilot-actions{grid-area:actions;display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important;align-items:stretch;gap:10px!important;width:100%!important;min-width:0;max-width:none!important;margin:8px 0 0!important}

html.rzux-host-desktop-reference #setup>.rzux-pilot-actions>#start{min-width:0!important;min-height:47px!important;width:100%!important;margin:0!important;border-radius:9px!important;background:var(--rzdc-assistant-accent,#00e1d0)!important;color:#031d31!important;font-size:15px!important;font-weight:850!important}

html.rzux-host-desktop-reference #setup .rzux-pilot-undo{min-width:0!important;min-height:47px!important;width:100%!important;margin:0!important;padding:8px 10px!important;border-radius:9px!important;border:1px solid #2e6398!important;background:#0d335d!important;color:#fff!important;font-size:clamp(12px,1.6vw,14px)!important;font-weight:800!important}

html.rzux-host-desktop-reference #setup>.rzux-native-extras{grid-area:extras;margin:0!important}

html.rzux-host-desktop-reference #setup>.rzux-pilot-reminder{display:none!important}



/* Iframe desktop étroite : modes au-dessus, choix du nombre à gauche et noms à droite.

   L'activation par la classe du parent évite toute modification mobile. */

@media (max-width:679px){

 html.rzux-host-desktop-reference #setup{

   grid-template-columns:minmax(0,1fr) minmax(0,1fr);

   grid-template-areas:"modes modes" "count names" "actions actions" "extras extras";

   column-gap:13px;row-gap:12px;

 }

 html.rzux-host-desktop-reference #setup>.modePick{grid-template-columns:repeat(2,minmax(0,1fr))!important}

 html.rzux-host-desktop-reference #setup #nameGrid{gap:8px 6px!important;grid-template-columns:minmax(0,1fr) 30px!important}

 html.rzux-host-desktop-reference #setup #nameGrid>label{padding-left:22px!important}

 html.rzux-host-desktop-reference #setup #nameGrid>label::before{width:15px;height:15px}

 html.rzux-host-desktop-reference #setup #nameGrid>.rzux-remove-player{width:30px!important;height:33px!important}

 html.rzux-host-desktop-reference #setup .rzux-player-count-buttons{gap:6px!important}

 html.rzux-host-desktop-reference #setup>.rzux-pilot-actions{margin-top:5px!important}

}

/* Connect conserve son DOM et ses actions natifs ; sur desktop on y accède via Actions rapides. */

html.rzux-host-desktop-reference #companionPanel{display:none!important}

.companionPanel{--comp-surface:var(--rzdc-assistant-card,#0c2544);--comp-ink:var(--rzdc-assistant-ink,#eef3ff);--comp-muted:var(--rzdc-assistant-muted,#b8cce8);--comp-edge:var(--rzdc-assistant-edge,#2b5583);display:block;min-width:0;width:100%;margin:16px 0 24px;padding:26px;border:1px solid var(--comp-edge);border-radius:19px;background:var(--comp-surface);box-shadow:none;color:var(--comp-ink)}

.companionPanel[hidden]{display:none}

.compHeader{display:block;margin:0 0 23px}

.compEyebrow{display:inline-block;min-height:31px;padding:5px 12px;margin-bottom:13px;border:1px solid var(--comp-edge);border-radius:10px;background:var(--rzdc-assistant-secondary,#102e50);color:var(--comp-ink);font-size:12px;font-weight:850;letter-spacing:.055em}

.compHeader h3{margin:0;color:var(--comp-ink);font-size:clamp(23px,3vw,30px);line-height:1.2;font-weight:850;letter-spacing:-.025em}

.compHeader p{margin:9px 0 0;color:var(--comp-muted);font-size:14px;line-height:1.6}

.compSections{display:grid;gap:15px}

.compSection{min-width:0;border:1px solid var(--comp-edge);border-radius:14px;background:transparent;overflow:hidden;color:var(--comp-ink)}

.compSection>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:19px 20px;min-height:62px;color:var(--comp-ink);font-size:17px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}

.compSection>summary::-webkit-details-marker{display:none}

.compSection>summary::before{content:'▸';flex:0 0 10px;align-self:center;color:var(--comp-ink);font-size:13px;line-height:1}

.compSection[open]>summary::before{content:'▾'}

.compSection>summary:focus-visible{outline:2px solid var(--rzdc-assistant-accent,#71acff);outline-offset:-3px}

.compSectionBody{padding:1px 20px 20px 20px;font-size:14px;line-height:1.65;color:var(--comp-ink)}

.compSectionBody>p{margin:5px 0 0}

.compLiveBadge{margin-left:auto;padding:4px 9px;border:1px solid var(--comp-edge);border-radius:10px;font-size:11px;line-height:1.35;white-space:normal;color:var(--comp-ink);background:var(--rzdc-assistant-secondary,#112c4f)}

.compShareStart{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}

.compHint{display:flex;align-items:center;gap:12px;flex:1 1 220px;min-width:0;margin:0;color:var(--comp-muted);font-size:13px;line-height:1.5}

.compInfoSymbol{flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--comp-edge);border-radius:50%;color:var(--comp-ink);font-size:14px;font-weight:850;font-family:Georgia,serif}

.compPrimaryAction,.compLiveActions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--comp-edge);border-radius:11px;background:var(--rzdc-assistant-action,#123456);color:var(--comp-ink);font-size:14px;line-height:1.3;font-weight:800;cursor:pointer}

.compPrimaryAction{min-height:45px;padding:10px 16px}

.compPrimaryAction svg{flex:0 0 20px}

.compPrimaryAction:hover:enabled,.compLiveActions .btn:hover:enabled{background:var(--rzdc-assistant-secondary,#173a61);border-color:var(--rzdc-assistant-accent,#559fe7)}

.compPrimaryAction:disabled{opacity:.5;cursor:not-allowed}

.compPrimaryAction:focus-visible,.compLiveActions .btn:focus-visible{outline:2px solid var(--rzdc-assistant-accent,#71acff);outline-offset:3px}

.compLiveContent{display:grid;grid-template-columns:minmax(150px,195px) minmax(0,1fr);align-items:center;gap:21px;min-width:0;padding-top:7px}

.compQrCard{display:grid;place-items:center;min-height:175px;padding:11px;border:1px solid var(--comp-edge);border-radius:12px;background:var(--rzdc-assistant-secondary,#0e2a4c)}

.qrHolder{width:min(100%,174px);margin:0;padding:9px;border-radius:8px;background:#fff}

.qrHolder img{display:block;width:100%;height:auto}

.compQrUnavailable{font-size:12px;color:var(--comp-muted);text-align:center}

.compLiveDetails{display:grid;gap:13px;min-width:0}

.shareLink{display:block;min-width:0;max-width:100%;margin:0;padding:11px 12px;border:1px solid var(--comp-edge);border-radius:10px;background:var(--rzdc-assistant-secondary,#0c2748);color:var(--comp-ink);font-size:12px;line-height:1.5;overflow-wrap:anywhere;user-select:text}

.compLiveActions{display:flex;flex-wrap:wrap;gap:9px}

.compLiveActions .btn{min-height:43px;padding:9px 14px}

.compStopAction{background:transparent}

@media(max-width:650px){.companionPanel{padding:17px 14px;border-radius:16px}.compHeader{margin-bottom:17px}.compHeader h3{font-size:22px}.compHeader p{font-size:13px}.compSections{gap:12px}.compSection>summary{min-height:54px;padding:15px 13px;font-size:15px}.compSectionBody{padding:1px 13px 15px;font-size:13px}.compShareStart{flex-direction:column;align-items:stretch;gap:13px}.compPrimaryAction{width:100%;min-height:46px}.compLiveContent{grid-template-columns:1fr;gap:13px}.compQrCard{width:min(100%,215px);margin-inline:auto}.compLiveActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.compLiveActions .btn{min-width:0}.compLiveBadge{margin-left:auto;font-size:10px}}

@media(max-width:360px){.compLiveActions{grid-template-columns:1fr}.compSection>summary{gap:7px;font-size:14px}}

.statGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.statBox{padding:14px;background:#121827;border-radius:12px}.statBox strong{display:block;font-size:28px}.historyItem{padding:12px 0;border-bottom:1px solid var(--border)}.historyItem p{margin:5px 0;color:#afbad0;font-size:12px}.historyItem details{font-size:12px}.historyItem pre{white-space:pre-wrap;font-size:12px;line-height:1.5;font-family:inherit}.toast{pointer-events:none;position:fixed;bottom:17px;left:50%;transform:translateX(-50%);max-width:90vw;border-radius:12px;background:#f4f6fa;color:#1d2331;padding:12px 14px;box-shadow:var(--shadow);font-size:13px;z-index:10}.finalResult h2{margin:0 0 12px}.finishBanner{text-align:center;padding:12px}.finishBanner h2{font-size:28px}.hidden{display:none!important}[hidden]{display:none!important}@media(max-width:580px){main{padding:12px 10px 55px}.hero{flex-wrap:wrap}.brandIcon{width:45px;height:45px;font-size:24px}.hero h1{font-size:26px}.accountPill{padding:7px;min-width:85px}.modePick,.fields,.nameGrid{grid-template-columns:1fr}.card{padding:13px;border-radius:13px}.gameTop{gap:5px}.stat{padding:9px}.stat strong{font-size:16px}.boardRow{grid-template-columns:1fr 1fr 1fr;gap:5px}.pile strong{font-size:23px}.rowColor{font-size:11px}.roundScore{grid-template-columns:minmax(75px,1fr) repeat(3,39px) 42px;gap:4px}.roundScoreHeader{color:#d0dae8;font-size:11px}.roundScore input{font-size:14px}.phaseHead{flex-wrap:wrap}.choiceRow button{min-width:46%}.scoreboard{grid-template-columns:1fr 1fr}.cardPick{flex-basis:65px;min-height:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}





.cabanga-confirm{max-width:min(90vw,460px);border:1px solid var(--border);border-radius:14px;background:var(--panel,#172638);color:var(--ink,#fff);padding:20px}.cabanga-confirm::backdrop{background:#0009}.cabanga-confirm button{margin:6px}.cloud-status:has(#cloudStatus[hidden]):has(#cloudRetry[hidden]){display:none}