/* Mobile interaction layer. The underlying game and saved matches stay unchanged. */
.dice-animation-layer{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,17,15,.88);color:#f1f4eb;overflow:auto;}
.dice-animation-card{width:min(100%,420px);max-width:100%;min-width:0;border:1px solid #8d815c;border-radius:14px;background:#1a302a;padding:24px 20px;box-shadow:0 18px 50px #0008;text-align:center;}
.dice-animation-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#e8c992;}
.dice-animation-stage{margin:10px 0 4px;color:#fff;font-size:24px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;}
.dice-animation-caption{margin:0;color:#d5e5d8;font-size:15px;line-height:1.4;}
.dice-animation-dice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px auto 16px;max-width:280px;}
.dice-animation-slot{display:flex;flex-direction:column;align-items:center;gap:9px;color:#b9cbbd;font-weight:800;font-size:11px;letter-spacing:.1em;}
.dice-animation-face{width:90px;height:90px;display:grid;place-items:center;border-radius:16px;border:2px solid #a4b4a5;background:#253d32;color:#cfddce;font-weight:900;font-size:38px;line-height:1;box-shadow:0 4px 0 #0c2018;}
.dice-animation-face.is-revealed{background:#ead2a4;border-color:#f6e6c6;color:#173127;box-shadow:0 4px 0 #9c8059;}
.dice-animation-face.is-rolling{animation:dice-tumble .62s ease-in-out infinite alternate;background:#e1bb7e;border-color:#f4d6a7;color:#183226;}
.dice-animation-status{min-height:24px;margin:14px 0 8px;color:#f7dfb5;font-weight:700;}
.dice-animation-note{margin:0;color:#bdcfc0;font-size:12px;line-height:1.5;}
@keyframes dice-tumble{0%{transform:translateY(0) rotate(-8deg) scale(.96)}50%{transform:translateY(-12px) rotate(8deg) scale(1.04)}100%{transform:translateY(0) rotate(-4deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.dice-animation-face.is-rolling{animation:none;outline:3px solid #e9c88f;outline-offset:4px}}
:root{scroll-padding-top:16px;scroll-padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px));}
body{overflow-x:hidden;}
button,select,input{touch-action:manipulation;}
button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f3ca87;outline-offset:3px;}
.wall-card{background:#1c302c;color:#eef6ef;border-color:#405a4d;box-shadow:none;}
.wall-card header b,.wall-card p{color:#eef6ef;}
.wall-card header small,.wall-players{color:#bfd2c1!important;}
.wall-card header strong{color:#f3d19d;}
.wall-card.wall-goal{border-left-color:#82c99b;}
.wall-card.wall-pending{background:#2f382b;color:#f6f3e7;border-left-color:#e1b573;}
.wall-card.wall-pending p{color:#f4eadb;}
.wall-card .wall-dice span{background:#344e40;color:#e6f4e7;}
.wall-card .wall-dice b{color:#ffe0a5;}
.wall-card .wall-details{border-color:#435c4f;color:#d0e2d2;}
.wall-card .wall-details summary{color:#f2ce93;min-height:44px;display:flex;align-items:center;cursor:pointer;}
.wall-card,.wall-pending,.panel,#title{scroll-margin-top:14px;scroll-margin-bottom:calc(16px + env(safe-area-inset-bottom, 0px));}
.wall-card .wall-mark{background:#3c5e4c;color:#fff;}
.wall-card .wall-players{line-height:1.5;}
.dice-explainer{background:#213b31;border:1px solid #5e7b67;border-radius:6px;color:#eef6ef;padding:12px;margin:12px 0;line-height:1.45;}
.dice-explainer>strong{display:block;color:#ffe0a5;font-size:16px;line-height:1.35;}
.dice-explainer p{margin:8px 0;font-size:13px;line-height:1.45;}
.dice-earlier{background:#203b2f;border-left:3px solid #d5b477;color:#eaf5ec;padding:10px;margin:10px 0;font-size:13px;line-height:1.45;}
.dice-rolls{margin:10px 0;padding:2px 0;border-top:1px solid #526e5d;}
.dice-rolls summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#f2d6a4;font-weight:700;}
.dice-rolls ol{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.dice-rolls li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 3px;background:#385547;color:#e8f4e8;border-radius:4px;font-size:12px;}
.dice-rolls li b{color:#ffe0a5;font-size:15px;}
#chooseFinal{width:100%;}
@media(max-width:900px){
 .wrap{padding-bottom:calc(28px + env(safe-area-inset-bottom, 0px));}
 #nextBlock{position:static;min-width:0;width:100%;box-shadow:none;}
 #rollDice{min-height:54px;width:100%;}
 button,select,input{min-height:48px;}
 input,select,textarea{font-size:16px;}
 .actions{gap:10px;}
 .actions button{min-height:52px;}
 .bid-controls{display:grid;grid-template-columns:50px minmax(0,1fr) 50px;gap:8px;align-items:end;}
 .bid-controls .bid-field{min-width:0;width:100%;}
 .bid-controls #bidBtn{grid-column:1 / 3;width:100%;}
 .bid-controls #passBtn{grid-column:3;width:100%;padding-left:4px;padding-right:4px;}
 .bid-step{min-width:50px;min-height:52px;}
 .legend-card-hero{height:135px;}
 .legend-card-divider{margin-top:10px;margin-bottom:5px;}
 .legend-card-stat{padding-top:5px;padding-bottom:5px;}
 .legend-card-bottom{padding-top:10px;padding-bottom:12px;}
 .wall{margin-bottom:18px;}
 .wall-heading{padding:4px 3px 8px;}
 .wall-card{padding:15px;margin-bottom:12px;border-radius:8px;}
 .wall-card p{font-size:15px;line-height:1.55;}
 .wall-card header small{font-size:12px;line-height:1.4;}
 .wall-dice{gap:10px;}
 .wall-dice span{flex:1;min-width:105px;text-align:center;}
 .score .scoreval{font-size:38px;}
 .tablewrap,.skill-roster{max-width:100%;}
 .subs-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 0;}
 .subs-row select{min-height:50px;padding:10px;}
 .squad-row select{min-height:50px;font-size:16px;}
 .setup-option{min-height:70px;}
 .start-setup,.panel{border-radius:8px;}
}
@media(max-width:380px){
 .wall-card{padding:13px;}
 .score .scoreval{font-size:32px;}
 .bid-controls #bidBtn{grid-column:1 / 3;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}*,*::before,*::after{scroll-behavior:auto!important;}}

/* Match dice: football-table treatment, readable and touch-first. */
.dice-duel-instruction{margin:12px 0;color:#eef5ec;font-size:14px;line-height:1.45;}
.dice-duel-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;padding:18px 8px 15px;margin:14px 0 10px;border:1px solid #547766;border-radius:14px;overflow:hidden;background:#29483a;}
.dice-duel-line{position:absolute;inset:50% -5% auto;height:1px;background:rgba(226,239,227,.24);pointer-events:none;}
.dice-duel-side{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.dice-duel-label{font-size:10px;font-weight:800;letter-spacing:.07em;color:#e3eee3;line-height:1.25;}
.dice-touch,.dice-opponent{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;min-width:112px;padding:0;color:#eaf4e8;background:transparent;border:0;box-shadow:none;}
#rollDice.dice-touch,#phaseRollDice.dice-touch{width:auto;min-height:126px;max-width:100%;border:0;border-radius:12px;background:transparent;cursor:pointer;}
.dice-touch:focus-visible{outline:3px solid #f7f5df;outline-offset:5px;}
.dice-touch:active .dice-d20{transform:scale(.95);}
.dice-touch:disabled{opacity:.72;cursor:wait;}
.dice-opponent{min-height:126px;}
.dice-d20,.dice-animation-face{display:grid;place-items:center;width:88px;height:90px;flex:none;clip-path:polygon(50% 0%,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background-color:#edf0dd;background-image:linear-gradient(60deg,transparent 49%,rgba(31,70,49,.22) 49.5%,rgba(31,70,49,.22) 50.5%,transparent 51%),linear-gradient(-60deg,transparent 49%,rgba(31,70,49,.22) 49.5%,rgba(31,70,49,.22) 50.5%,transparent 51%),linear-gradient(180deg,transparent 49%,rgba(31,70,49,.16) 49.5%,rgba(31,70,49,.16) 50.5%,transparent 51%);color:#17392c;font-size:34px;line-height:1;font-weight:900;}
.dice-touch .dice-d20{background-color:#f7f3df;outline:none;}
.dice-touch .dice-d20 span,.dice-opponent .dice-d20 span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eef2e3;color:#17392c;}
.dice-opponent .dice-d20{background-color:#a4b8a8;color:#325747;opacity:.84;}
.dice-opponent .dice-d20.has-value{background-color:#e1e9dc;opacity:1;}
.dice-touch-text,.dice-opponent-text{font-size:12px;font-weight:800;line-height:1.2;color:#f4f7e9;}
.dice-opponent-text{color:#ceded0;font-weight:600;}
.dice-duel-versus{position:relative;z-index:1;align-self:center;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#385e4a;color:#f0f5e9;font-size:9px;font-weight:800;}

/* The presentation shows existing dice only; timing never affects the RNG. */
.dice-animation-layer{align-items:center;padding:12px;background:rgba(10,27,23,.78);color:#eaf3e8;}
.dice-animation-card{width:min(100%,420px);padding:20px 18px 18px;border:1px solid #668374;border-radius:16px;background:#1d382d;box-shadow:0 16px 45px rgba(0,0,0,.32);text-align:left;}
.dice-animation-top{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.dice-animation-kicker,.dice-animation-format{color:#d5e5d5;font-size:10px;font-weight:800;letter-spacing:.1em;}
.dice-animation-format{padding:5px 8px;border:1px solid #708e7c;border-radius:99px;letter-spacing:.04em;}
.dice-animation-stage{margin:13px 0 4px;color:#fff;font-size:22px;line-height:1.2;}
.dice-animation-caption{color:#d6e7d8;}
.dice-animation-pitch{margin-top:17px;padding:15px 0 12px;border:1px solid #60816d;border-radius:12px;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(226,239,227,.24) 50%,transparent calc(50% + .5px)),#2d5140;}
.dice-animation-dice{gap:16px;margin:0 auto;max-width:290px;}
.dice-animation-slot{gap:10px;color:#e5efe3;font-size:10px;}
.dice-animation-face{background-color:#a9bcae;color:#315343;opacity:.8;box-shadow:none;border:0;border-radius:0;}
.dice-animation-face.is-revealed{background-color:#e9efdf;color:#17392c;opacity:1;box-shadow:none;border:0;}
.dice-animation-face.is-rolling{background-color:#f5f2df;color:#17392c;opacity:1;animation:dice-tumble .62s ease-in-out infinite alternate;border:0;}
.dice-animation-status{min-height:24px;margin:14px 0 5px;color:#f2f7eb;font-size:15px;line-height:1.35;font-weight:800;}
.dice-animation-note{color:#c5d7c7;font-size:12px;line-height:1.45;}
@media(max-width:380px){.dice-duel-board{gap:0;padding:14px 4px}.dice-touch,.dice-opponent{min-width:100px}.dice-d20,.dice-animation-face{width:80px;height:82px}.dice-duel-label{font-size:9px}.dice-animation-card{padding:17px 15px}.dice-animation-stage{font-size:20px}}
@media(prefers-reduced-motion:reduce){.dice-animation-face.is-rolling{animation:none;outline:none;opacity:1}.dice-touch:active .dice-d20{transform:none}}

/* Team identity stays with the manager, independent of attack/defence. */
.dice-duel-side.team-human .dice-d20,
.dice-animation-face.team-human.is-revealed,
.dice-animation-face.team-human.is-rolling {
  background-color:var(--team-human-color,#386bd4);color:#fff;opacity:1;
  background-image:linear-gradient(60deg,transparent 49%,#ffffff24 49.5%,#ffffff24 50.5%,transparent 51%),linear-gradient(-60deg,transparent 49%,#ffffff24 49.5%,#ffffff24 50.5%,transparent 51%);
}
.dice-duel-side.team-ai .dice-d20,
.dice-animation-face.team-ai.is-revealed,
.dice-animation-face.team-ai.is-rolling {
  background-color:var(--team-ai-color,#c33b45);color:#fff;opacity:1;
  background-image:linear-gradient(60deg,transparent 49%,#ffffff24 49.5%,#ffffff24 50.5%,transparent 51%),linear-gradient(-60deg,transparent 49%,#ffffff24 49.5%,#ffffff24 50.5%,transparent 51%);
}
.dice-duel-side.is-opponent .dice-d20{opacity:.66}
.dice-duel-side.is-opponent .dice-d20.has-value{opacity:1}
.dice-animation-face.is-rolling{animation-duration:.12s}
.dice-continue{width:100%;margin-top:16px;min-height:48px}
.dice-why{margin-top:9px;color:#244c38;font-size:13px;line-height:1.4}
.dice-why summary{cursor:pointer;font-weight:800}
.dice-why p{margin:8px 0 0}
.dice-result-banner{display:flex;align-items:center;gap:7px;margin:12px 0 8px;padding:9px 11px;background:#e5edf7;color:#122b43;border-left:5px solid var(--team-human-color,#386bd4);border-radius:5px;font-size:13px;line-height:1.35}
.dice-result-banner.team-ai{background:#f9e7e6;color:#4d2021;border-left-color:var(--team-ai-color,#c33b45)}
.dice-result-banner.team-human b,.dice-result-banner.team-ai b{color:inherit}
.dice-advantage.team-human b:first-child{color:#9dc7ff}
.dice-advantage.team-ai b:first-child{color:#ffb5ae}
.dice-explainer .dice-threshold{font-size:14px;color:#fff;margin-bottom:2px}


/* Fictional clubs: colour is a secondary cue beside TU / ADVERSAR text. */
:root{--team-human-color:#3d72d1;--team-ai-color:#cc444e}
.club-matchup{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;padding:12px;border:1px solid #ffffff24;border-radius:12px;background:#192f2b}
.club-entry{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.club-entry:last-child{flex-direction:row-reverse;text-align:right}
.club-entry span{min-width:0}.club-entry small,.club-entry b{display:block}.club-entry small{font-size:9px;letter-spacing:.08em;color:#cddbd2}.club-entry b{font-size:12px;line-height:1.15;overflow-wrap:anywhere;color:#fff}
.club-versus{font-size:10px;font-weight:700;color:#d9e4dc;text-transform:uppercase}.club-crest{width:31px;height:36px;flex:none}.club-kit{width:25px;height:25px;flex:none}
.score-team .club-crest{width:34px;height:39px;vertical-align:middle;margin-right:4px}.score-team .club-kit{width:22px;height:22px;vertical-align:middle}.score-team b,.score-team small{display:block;overflow-wrap:anywhere}.score-team small{font-size:9px;letter-spacing:.08em;color:#d5e1da}
.field-kit{position:absolute;right:-12px;bottom:-5px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#15352b;box-shadow:0 0 0 1px #fff9}.field-kit .club-kit{width:19px;height:19px}
.pitch-shell.team-human .field-player .avatar{border-color:var(--team-human-color,#3d72d1)}.pitch-shell.team-ai .field-player .avatar{border-color:var(--team-ai-color,#cc444e)}
.wall-card.team-human{border-left-color:var(--team-human-color,#3d72d1)}.wall-card.team-ai{border-left-color:var(--team-ai-color,#cc444e)}
@media(max-width:380px){.club-entry{gap:3px}.club-entry b{font-size:10px}.club-crest{width:26px;height:30px}.club-kit{width:21px;height:21px}.score-team .club-crest{width:27px;height:31px}}
.light-game .wall-pending .football-story{font-size:15px;line-height:1.45;margin:12px 0 8px;color:#173754}
.light-game .wall-pending .football-values{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 12px;font-size:12px}
.light-game .wall-pending .football-values span{background:#e8f1ec;color:#244b42;border-radius:9px;padding:7px 9px}
.light-game .wall-pending .football-values b{font-weight:850}
.light-game .football-legend{margin:12px 0 0;padding:11px 12px;background:#f3f6ef;border:1px solid #dbe6d9;border-radius:12px;color:#243f44}
.light-game .football-legend summary{cursor:pointer;font-size:13px;font-weight:800;color:#225e4d;min-height:36px;display:flex;align-items:center}
.light-game .football-legend summary:before{content:'▸';margin-right:8px}
.light-game .football-legend[open] summary:before{content:'▾'}
.light-game .football-legend p{font-size:12px;line-height:1.5;margin:10px 0}
.team-name-editor{margin:0 0 12px;padding:10px 14px;background:#fff;border:1px solid #dce5e4;border-radius:14px;color:#24445e}
.team-name-editor summary{font-weight:750;cursor:pointer;min-height:30px}
.team-name-editor form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px}
.team-name-editor label{flex-basis:100%;font-size:13px;font-weight:700}
.team-name-editor input{min-width:0;flex:1 1 150px;font-size:16px;min-height:48px}
.team-name-editor button{min-height:48px}
.manager-select-panel .field{margin:12px 0}
.manager-select-panel .field input,.manager-select-panel .field select{width:100%;min-height:48px;font-size:16px}
.manager-select-panel .notice{margin:14px 0}
.manager-select-panel #chooseManager{width:100%;min-height:52px}
.team-name-editor .team-colors{display:flex;gap:16px;flex-wrap:wrap;align-items:end;flex-basis:100%;margin-top:4px}
.team-name-editor .team-colors label{display:flex;align-items:center;gap:8px;flex:0 0 auto;font-weight:700;font-size:14px}
.team-name-editor .team-colors input[type=color]{min-width:48px;max-width:54px;width:54px;height:48px;flex:none;padding:3px;border:1px solid #b4c8c8;border-radius:8px;background:#fff}
.team-color-help{font-size:12px;color:#516b76;flex-basis:100%}
.team-color-error{color:#a12828;font-size:13px;margin:0}
.dice-duel-side.team-human .dice-d20,.dice-animation-face.team-human.is-revealed,.dice-animation-face.team-human.is-rolling{color:var(--team-human-ink,#fff)}

/* Bid results: a stable, readable reveal after the sealed offer. */
.auction-result-dialog{width:min(420px,calc(100vw - 28px));max-height:min(85dvh,700px);overflow:auto;border:0;border-radius:20px;padding:16px;background:#f6f9f3;color:#173852;box-shadow:0 18px 65px #001c30aa}
.auction-result-dialog::backdrop{background:rgba(3,22,37,.72)}
.auction-result{border:2px solid #c7d8d1;border-radius:16px;background:#eff5f0;padding:14px;color:#173852;margin-bottom:12px;overflow-wrap:anywhere}
.auction-result-human{border-color:#3d73d1;background:#edf3ff}.auction-result-ai{border-color:#c84d59;background:#fff1ef}.auction-result-none{border-color:#aabbaf}
.auction-result-kicker{font-size:.72rem;letter-spacing:.08em;font-weight:900}.auction-result-human .auction-result-kicker{color:#214fa8}.auction-result-ai .auction-result-kicker{color:#a4303d}
.auction-result h3{font-size:1.25rem;line-height:1.2;margin:8px 0;font-weight:900;color:#173852}
.auction-result-player{margin:4px 0 12px;color:#294653}.auction-offers{display:grid;gap:7px}
.auction-offer{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #d1ddd4;border-radius:12px;padding:8px;background:#fff;color:#173852}
.auction-offer .club-crest{width:28px;height:34px}.auction-offer span{min-width:0;display:flex;flex-direction:column}.auction-offer span small{font-size:.66rem;font-weight:800}.auction-offer span b{font-size:.88rem;line-height:1.15;overflow-wrap:anywhere}.auction-offer strong{font-size:.95rem;white-space:nowrap}.auction-offer-winner{border-width:2px;border-color:#35966e;background:#e7f7eb}.auction-offer-winner::after{content:'✓';font-weight:900;color:#117043}
.auction-offer-winner{grid-template-columns:30px minmax(0,1fr) auto auto}.auction-result-tie,.auction-result-details{font-size:.78rem;margin:9px 0 0}.auction-result-details summary{cursor:pointer;font-weight:700}.auction-result-continue{width:100%;min-height:48px}

/* Răsfoirea antrenorilor, cu țară și echipe reprezentative. */
.manager-search{margin-bottom:12px}.manager-career-card{border:1px solid #c4d8cb;border-radius:18px;padding:18px;background:#f3f8ec;color:#173651;min-height:210px}.manager-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.manager-card-role{font-size:.72rem;letter-spacing:.13em;font-weight:800;color:#46725b}.manager-card-price{font-size:1.05rem}.manager-card-name{font-size:1.6rem;line-height:1.1;margin:12px 0}.manager-badges{display:flex;flex-wrap:wrap;gap:6px}.manager-badge{display:inline-flex;align-items:center;border-radius:99px;background:#dfeee0;padding:5px 9px;color:#224a38;font-size:.8rem;line-height:1.2;font-weight:700}.manager-country{background:#dbeaf4;color:#1b4768}.manager-preferences{margin-top:14px;font-size:.85rem;line-height:1.4}.manager-preferences p{margin:5px 0}.manager-unavailable{color:#a13338;font-weight:700}.manager-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:12px}.manager-nav button{min-height:48px;padding:8px}.manager-nav span{font-weight:800;white-space:nowrap}.manager-select-panel>#chooseManager{width:100%;min-height:50px}

.player-badges{position:relative;z-index:2;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:10px 15px 2px}.player-badge,.badge-missing{font-size:11px;line-height:1.3;font-weight:700;padding:4px 7px;border-radius:999px;background:#e6eee6;color:#244437}.player-country{background:#dce9fa;color:#1b4169}.player-badge-source{font-size:11px;color:#f6dfae;align-self:center}.legend-card .badge-missing{background:#344b48;color:#e5e8de}.player-badges.compact{justify-content:flex-start;padding:4px 0 0;gap:3px}.player-badges.compact .player-badge{font-size:9px;padding:2px 5px}.roster-person{min-width:0;display:flex;flex-direction:column}.manager-player{min-width:0}.manager-roster-row{align-items:center}

/* The entire phase remains in one accessible dialog across all dice. */
.phase-dialog-layer{position:fixed;inset:0;z-index:10000;background:rgba(10,28,41,.84);display:flex;align-items:center;justify-content:center;padding:12px;overscroll-behavior:contain}
.phase-dialog-card{width:min(100%,480px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;background:#f8faf6;color:#173b57;border:2px solid #dce9df;border-radius:20px;padding:18px;box-shadow:0 12px 38px #051c2a66}
.phase-dialog-head>span{font-size:11px;letter-spacing:.06em;font-weight:800;color:#587780}.phase-dialog-head h2{font-size:24px;line-height:1.15;margin:7px 0}.phase-dialog-head p{font-size:14px;line-height:1.35;margin:7px 0 12px}.phase-dialog-card .football-story{font-size:16px;line-height:1.35;margin:10px 0}.phase-dialog-card .football-values{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;margin:8px 0}.phase-advantage{font-size:12px;color:#54717d}.phase-instruction{font-size:14px;font-weight:750;margin:9px 0}.phase-dialog-card .dice-duel-board{margin:8px 0}.phase-dialog-card .light-chance{margin:8px 0}.phase-dialog-card .light-chance strong{font-size:19px}.phase-dialog-card .light-chance p{font-size:14px;margin:4px 0}.phase-dialog-card .dice-why{margin-top:10px}.phase-dialog-card .dice-why p{font-size:13px;line-height:1.4}.phase-build-result{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;background:#e7f2e4;border-left:4px solid #4b9460;border-radius:8px;padding:8px;font-size:12px}.phase-final-dice{display:flex;justify-content:space-between;gap:10px;background:#dce9f0;border-radius:10px;padding:12px;margin:10px 0;font-size:15px}.phase-continue{width:100%;min-height:48px;margin-top:14px}.phase-error{color:#9d2828;font-weight:700}.phase-rolling .dice-d20{animation:phase-roll .18s linear infinite}.phase-rolling .dice-touch-text{opacity:.6}@keyframes phase-roll{25%{transform:rotate(-9deg) scale(.94)}75%{transform:rotate(9deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.phase-rolling .dice-d20{animation:none}}

/* The user's two team colors remain the same in both roles and every die state. */
.dice-duel-side.team-human .dice-d20{background-color:var(--team-human-color,#386bd4);opacity:1}
.dice-duel-side.team-human .dice-touch .dice-d20>span,
.dice-duel-side.team-human .dice-opponent .dice-d20>span{
 background:var(--team-human-accent,#eaf3ff);color:var(--team-human-accent-ink,#000);
 box-shadow:0 0 0 2px var(--team-human-ink,#fff);
}
.dice-animation-face.team-human.is-rolling,.dice-animation-face.team-human.is-revealed{
 background-color:var(--team-human-color,#386bd4);color:var(--team-human-accent-ink,#000);
 background-image:radial-gradient(circle at center,var(--team-human-accent,#eaf3ff) 0 22px,transparent 22.5px),linear-gradient(60deg,transparent 49%,#ffffff24 49.5%,#ffffff24 50.5%,transparent 51%),linear-gradient(-60deg,transparent 49%,#ffffff24 49.5%,#ffffff24 50.5%,transparent 51%);
}

/* Half-time substitutions: tap starter, then tap a legal substitute. */
.half-sub-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:14px 0 8px}.half-sub-header h3{margin:0;font-size:18px}.half-sub-header>b{background:#e6f0e6;color:#28543e;padding:5px 10px;border-radius:99px;font-size:14px}.half-step-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 8px;font-size:14px;font-weight:800}.half-step-title button{font-size:13px;min-height:42px;padding:6px 10px}.half-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.half-player-choice{min-width:0;min-height:72px;display:flex;align-items:center;gap:8px;padding:8px;text-align:left;background:#f5f8f4;border:1px solid #cbdfcf;border-radius:10px;color:#193a50;box-shadow:none}.half-player-choice:disabled{opacity:.42}.half-player-choice .avatar{width:35px;height:35px;flex:0 0 35px;font-size:12px}.half-player-choice .avatar img{width:100%;height:100%;object-fit:cover}.half-player-text{min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.2}.half-player-text b{font-size:14px;overflow-wrap:anywhere}.half-player-text small{font-size:12px;line-height:1.3;color:#4a6873}.half-player-text .half-fit{font-weight:800;color:#335d48}.half-player-text .fit-bad{color:#a53e38}.half-selected-out,.half-sub-note{font-size:13px;color:#4a6873;margin:7px 0}.half-queue{display:grid;gap:7px}.half-queue-row{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#eaf4e9;border-left:4px solid #43966a;border-radius:9px;padding:8px 10px}.half-queue-row>span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;min-width:0;font-size:12px}.half-queue-row small{font-size:11px;color:#547363;font-weight:800}.half-queue-row b{overflow-wrap:anywhere}.half-queue-row button{min-height:42px;padding:6px 9px;font-size:12px;flex:none}.light-half #confirmPlan{width:100%;min-height:50px}.light-half #confirmPlan:disabled{opacity:.55}
@media(max-width:340px){.half-player-grid{grid-template-columns:1fr}.half-player-choice{min-height:60px}}
/* Keep both touch and hover states readable on the light selection cards. */
.half-player-choice:hover:not(:disabled),.half-player-choice:active:not(:disabled){background:#e2f0e4;border-color:#52986c;color:#193a50}
.half-player-text .half-fit.fit-good{color:#205d37!important}
.half-player-text .half-fit.fit-bad{color:#922d28!important}

/* Progress is shown before the player and again beside the bid controls. */
.draft-progress{margin:0 0 12px;padding:12px;border:1px solid #bfd6c5;border-radius:14px;background:#eef7ec;color:#173b32}
.draft-progress-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.draft-progress-cells>div{min-width:0;display:flex;flex-direction:column;gap:3px}.draft-progress-cells span{font-size:12px;line-height:1.2;font-weight:700;color:#4b6a5c}.draft-progress-cells strong{font-size:19px;line-height:1.1;color:#173b32}.draft-progress-cells strong small{font-size:12px;font-weight:700;color:#4b6a5c}.draft-progress p{font-size:11px;line-height:1.35;color:#4b6a5c;margin:10px 0 0}.draft-progress-compact{margin:12px 0 8px;padding:10px}.draft-progress-compact .draft-progress-cells{gap:7px}.draft-progress-compact strong{font-size:17px}

/* Equal dice are explained without changing the probabilities. */
.dice-tie-reason{margin:10px 0;padding:10px 12px;border-radius:10px;border-left:4px solid #a77d2b;background:#fff4d9;color:#263f50;font-size:13px;line-height:1.4}.dice-tie-reason b{color:#193b52}.dice-tie-reason details{margin-top:5px;font-size:12px}.dice-tie-reason summary{cursor:pointer;font-weight:750}.dice-tie-reason p{margin:5px 0 0;overflow-wrap:anywhere}

/* Country first, then a single coach card; flags never encode personal data. */
.coach-country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.coach-country-choice{min-width:0;min-height:54px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #ccded1;border-radius:12px;background:#f4f8f2;color:#173b51;text-align:left;font-size:14px;font-weight:750}
.coach-country-choice:hover:not(:disabled),.coach-country-choice:active:not(:disabled){background:#e2f0e4;border-color:#52986c;color:#173b51}.coach-country-choice span:not(.coach-flag){flex:1;overflow-wrap:anywhere}.coach-country-choice small{margin-left:auto;color:#506e62;font-size:12px}
.coach-flag{font-size:23px;line-height:1;flex:none}.coach-historic-flag{width:26px;height:16px;flex:none;border-radius:2px;box-shadow:0 0 0 1px #0002}
.coach-country-current{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:14px 0 12px;padding:10px;border:1px solid #ccded1;border-radius:12px;background:#edf7ee}.coach-country-current>div{display:flex;flex-direction:column;gap:4px;min-width:0}.coach-country-current small{font-size:10px;color:#4c715d;font-weight:800}.coach-country-current b{display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}.coach-country-current button{min-height:44px;padding:6px 10px;font-size:13px}
.manager-badge .coach-flag{font-size:16px}.manager-badge .coach-historic-flag{width:20px;height:10px;margin-right:3px}
#managerCountryStep[hidden],#managerCoachStep[hidden]{display:none!important}
@media(max-width:320px){.coach-country-grid{grid-template-columns:1fr}}

/* Player country flags */
.player-badge.player-country{display:inline-flex;align-items:center;gap:4px}.player-country-flag{width:1.5em;height:1em;flex:none;display:inline-block;border-radius:2px;box-shadow:0 0 0 1px #0002}.player-country-flag-emoji{line-height:1;font-size:1.15em;flex:none}

.coach-country-choice{gap:5px;padding:8px 7px;font-size:13px}.coach-country-choice small{font-size:11px}

.manager-nav button:hover:not(:disabled),.manager-nav button:active:not(:disabled),.coach-country-current button:hover:not(:disabled){background:#e2f0e4;color:#173b51;border-color:#52986c}