.score-reference{--sr-red:#d52c34;--sr-blue:#078dc2;--sr-cream:#fff1b7;position:relative;padding:8px!important;border:3px solid #0b6598;border-radius:16px;background-color:#078dc2;background-image:radial-gradient(circle,#a5eaff 1.3px,transparent 1.7px),radial-gradient(circle,#d5f6ff 1px,transparent 1.6px),linear-gradient(145deg,#0db3d9,#096fb3);background-size:18px 18px,31px 31px,100% 100%;background-position:0 0,9px 12px,0 0;color:#45241d;box-shadow:inset 0 0 0 3px #54cef0,0 10px 28px #0005;container-type:inline-size}
.score-reference *{box-sizing:border-box}
.score-reference .sr-banner{display:flex;align-items:center;gap:7px;width:100%;height:58px;min-height:58px;margin-bottom:7px;padding:5px 10px;border:2px solid #a51526;border-radius:11px 11px 5px 5px;background:linear-gradient(180deg,#ff5053,#d92035 55%,#a91027);box-shadow:inset 0 3px #ffb3a1,0 4px 0 #8c1224;color:white}
.score-reference .sr-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;overflow:hidden;border:2px solid #ffe59a;border-radius:10px;background:#ffe4b4;font-size:25px;box-shadow:1px 2px #8d2631}
.score-reference .sr-brand{min-width:0;font:900 clamp(27px,10cqw,44px)/.85 var(--f-display);letter-spacing:.03em;color:#fffdf2;text-shadow:0 2px #ffb775,2px 3px #98152a,3px 5px #7b112a;white-space:nowrap}
.score-reference .sr-player{margin-left:auto;max-width:27%;padding:3px 5px;border-radius:7px;background:#a9162d96;color:#fff7d8;font:900 10px/1.1 var(--f-ui);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.score-reference .sr-board{padding:7px;border:3px solid #edb43e;border-radius:9px;background:linear-gradient(180deg,#fff1a9,#f7d974 53%,#edc65a);box-shadow:inset 0 0 0 3px #fff7cc,0 5px 0 #98501f}
.score-reference .sr-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.score-reference .sr-column{min-width:0;display:grid;align-content:start;gap:4px}
.score-reference .sr-column h3{display:flex;align-items:center;justify-content:space-between;gap:2px;min-height:22px;margin:0;padding:3px 5px;border-radius:5px;background:#d53434;color:#fff8d6;font:900 13px/1 var(--f-display);text-transform:uppercase;box-shadow:inset 0 2px #f66a59}
.score-reference .sr-column h3 span{font:900 9px var(--f-ui);white-space:nowrap}
.score-reference .sr-row{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 39px;align-items:center;gap:3px;min-width:0;min-height:44px;width:100%;padding:2px 3px;border:2px solid #eeae55;border-radius:7px;background:linear-gradient(180deg,#fff9d8,#f8e39a);color:#873323;box-shadow:inset 0 2px #fffef3,0 2px 0 #bd7e3e;cursor:pointer;text-align:left}
.score-reference .sr-row:disabled{opacity:1;cursor:default}
.score-reference .sr-symbol{display:grid;place-items:center;width:30px;height:30px;color:#d52b34}
.score-reference .sr-icon{display:block;width:30px;height:30px}
.score-reference .sr-combo{width:27px;height:27px;color:#ba4232}
.score-reference .sr-row[data-score="yahtzee"] .sr-combo{color:#c98820}
.score-reference .sr-name{min-width:0;font:900 12px/.95 var(--f-display);text-transform:uppercase;overflow-wrap:anywhere}
.score-reference .sr-points{display:grid;place-items:center;width:39px;min-height:34px;border:2px solid #e4a846;border-radius:6px;background:linear-gradient(180deg,#fffbd9,#ffdc78);color:#982f24;font:900 25px/.9 var(--f-display);box-shadow:inset 0 2px #fffdf3}
.score-reference .sr-closed{background:#f3d789}
.score-reference .sr-closed .sr-points{background:#fdf3c3;color:#622b24}
.score-reference .sr-waiting{filter:saturate(.73)}
.score-reference .sr-selected{border-color:#b21f2d;background:#ffe6a5;box-shadow:0 0 0 2px #b5212e}
.score-reference .sr-confirm{position:absolute;left:34px;bottom:2px;color:#a4192b;font:900 8px/1 var(--f-ui);text-transform:uppercase}
.score-reference .sr-selected .sr-name{align-self:start}
.score-reference .sr-zero .sr-points{color:#a32d38}
.score-reference .sr-row:focus-visible{outline:3px solid #125c9d;outline-offset:2px}
.score-reference .sr-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:5px 7px;border:2px solid #d07d2b;border-radius:8px;background:#fff0ad}
.score-reference .sr-bonus{display:flex;align-items:center;gap:5px;min-width:0}
.score-reference .sr-medal{display:grid;place-items:center;flex:none;width:39px;height:39px;border:3px solid #e7a52e;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4ba,#eebc42);color:#a6471c;font:900 17px var(--f-display);box-shadow:inset 0 0 0 2px #ffe9a0,0 2px #a36b26}
.score-reference .sr-bonus b,.score-reference .sr-bonus small{display:block;white-space:nowrap}
.score-reference .sr-bonus b{font:900 11px/1 var(--f-ui);color:#8a3825}
.score-reference .sr-bonus small{margin-top:2px;font:800 9px/1 var(--f-ui);color:#8e5d30}
.score-reference .sr-total{display:flex;align-items:center;gap:7px;margin-left:auto}
.score-reference .sr-total small{font:900 9px/1.1 var(--f-ui);color:#965626;text-align:right}
.score-reference .sr-total strong{font:900 35px/.9 var(--f-display);color:#bc2d29}

/* Quaderno (Daniele 09/10, 23:3x, bozzetto A): foglio a righe col bordo sinistro strappato, caselle a inchiostro
   tratteggiato blu notte, fondo verde finche' la casella e' libera (poi la temperatura del punto, in fondo al file). */
.score-reference--mix{--inchiostro:#18213e;--giallo:#ffd23f;--strappo:10px;border:0;border-radius:2px 8px 8px 2px;color:var(--inchiostro);
  background:repeating-linear-gradient(180deg,#0000 0 23px,#b9d0e4 23px 24px) 0 10px/100% 24px,#fffef6;box-shadow:none;
  -webkit-mask:conic-gradient(from 45deg at 0 50%,#000 90deg,#0000 0) 0 0/var(--strappo) 12px repeat-y,linear-gradient(#000 0 0) var(--strappo) 0/calc(100% - var(--strappo)) 100% no-repeat;
  mask:conic-gradient(from 45deg at 0 50%,#000 90deg,#0000 0) 0 0/var(--strappo) 12px repeat-y,linear-gradient(#000 0 0) var(--strappo) 0/calc(100% - var(--strappo)) 100% no-repeat}
.app-layout-active .score-reference--mix{padding-left:16px!important}
.score-reference--mix .sr-banner{gap:8px;border:0;border-bottom:2px solid var(--inchiostro);border-radius:0;background:transparent;box-shadow:none;color:var(--inchiostro)}
.score-reference--mix .sr-avatar{width:48px;height:48px;border:3px solid #fff;border-radius:50%;outline:2px dashed var(--inchiostro);background:#f3ead8;box-shadow:none}
.score-reference--mix .sr-brand-wrap{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}
.score-reference--mix .sr-brand{color:var(--inchiostro);font-size:clamp(22px,7cqw,29px);text-shadow:none;letter-spacing:.015em}
.score-reference--mix .sr-player{max-width:25%;margin-left:0;background:var(--giallo);color:var(--inchiostro)}
.score-reference--mix .sr-board{border:0;border-radius:0;background:transparent;box-shadow:none}
.score-reference--mix .sr-column h3{border-radius:4px;background:var(--inchiostro);box-shadow:none;color:#fff}
.score-reference--mix .sr-row{border:2px dashed var(--inchiostro);border-radius:7px;background:#d9edcb;box-shadow:none;color:var(--inchiostro)}
.score-reference--mix .sr-symbol{width:30px;height:30px;padding:3px;border-radius:6px;background:transparent;color:var(--inchiostro)}
.score-reference--mix .sr-die{width:24px;height:24px}
.score-reference--mix .sr-combo{width:24px;height:24px;color:inherit}
.score-reference--mix .sr-row[data-score="yahtzee"] .sr-combo{color:inherit}
.score-reference--mix .sr-name{font-weight:800;letter-spacing:.02em}
.score-reference--mix .sr-points{border:0;border-left:2px dashed #18213e59;border-radius:0;background:transparent;box-shadow:none;color:var(--inchiostro);font-size:26px}
.score-reference--mix .sr-closed .sr-points{background:transparent}
.score-reference--mix .sr-waiting{filter:none}
.score-reference--mix .sr-selected{border-style:solid;outline:3px solid var(--inchiostro);outline-offset:1px;box-shadow:none}
.score-reference--mix .sr-confirm{color:var(--inchiostro)}
.score-reference--mix .sr-footer{border:0;border-top:2px solid var(--inchiostro);border-radius:0;background:#fffef6}
.score-reference--mix .sr-medal{border:2px solid var(--inchiostro);background:var(--giallo);color:var(--inchiostro);box-shadow:none}
.score-reference--mix .sr-bonus b{color:var(--inchiostro);text-transform:uppercase}
.score-reference--mix .sr-bonus small{color:#45576a}
.score-reference--mix .sr-total small{color:var(--inchiostro);text-transform:uppercase}
.score-reference--mix .sr-total strong{color:var(--inchiostro)}
@container(max-width:390px){
  .score-reference .sr-banner{padding-inline:6px;gap:5px}
  .score-reference .sr-player{max-width:20%;font-size:9px}
  .score-reference .sr-board{padding:5px}
  .score-reference .sr-columns{gap:5px}
  .score-reference .sr-row{grid-template-columns:30px minmax(0,1fr) 35px;gap:2px;padding:2px}
  .score-reference .sr-points{width:35px;font-size:22px}
  .score-reference .sr-name{font-size:11px}
  .score-reference .sr-column h3{font-size:12px}}
@container(max-width:330px){
  .score-reference .sr-row{grid-template-columns:26px minmax(0,1fr) 31px}
  .score-reference .sr-symbol,.score-reference .sr-icon{width:25px;height:25px}
  .score-reference .sr-points{width:31px;font-size:20px}
  .score-reference .sr-name{font-size:10px}
  .score-reference .sr-brand{font-size:26px}
  .score-reference .sr-total small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.score-reference *{animation:none!important;transition:none!important}}

.score-reference .sr-extra-bonus{display:block;margin-top:3px;font-size:9px;white-space:nowrap}

.score-reference--mix .sr-collection{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 3px 8px;color:var(--inchiostro);font:800 10px var(--f-ui)}
.score-reference .sr-game{display:grid;gap:7px;margin:0 3px 8px;padding:9px 10px;border:2px solid #18213e;border-radius:8px;background:#fffef6;color:#18213e}
.score-reference .sr-game-head,.score-reference .sr-game-values{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.score-reference .sr-game-head{font:800 11px/1.2 var(--f-ui);text-transform:uppercase}
.score-reference .sr-game-head strong{font:900 17px/1 var(--f-display)}
.score-reference .sr-game-values{font:800 10px/1.2 var(--f-ui);text-transform:uppercase}
.score-reference .sr-game-values b{margin-left:3px;font:900 23px/1 var(--f-display);font-variant-numeric:tabular-nums}
.score-reference .sr-game-meter{display:grid;gap:3px}
.score-reference .sr-game-track{position:relative;display:block;height:10px;border-radius:8px;background:linear-gradient(90deg,rgb(37 99 196),rgb(150 58 150) 50%,rgb(208 62 34));box-shadow:inset 0 0 0 1px #51342a55}
.score-reference .sr-game-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;opacity:.9;box-shadow:inset 0 0 0 2px #18213e;transition:width .35s ease}
.score-reference .sr-game-max{position:absolute;top:50%;width:4px;height:19px;border:1px solid #fff;border-radius:3px;background:#18213e;box-shadow:0 0 0 1px #18213e;transform:translate(-50%,-50%);transition:left .35s ease}
@container(max-width:360px){.score-reference .sr-game{padding:7px}.score-reference .sr-game-head{font-size:10px}.score-reference .sr-game-values b{font-size:20px}}
@media(prefers-reduced-motion:reduce){.score-reference .sr-game-fill,.score-reference .sr-game-max{transition:none}}
.score-reference--mix .sr-collection>span{white-space:nowrap}.score-reference--mix .sr-collection b{margin-left:4px;color:var(--inchiostro)}
.score-reference--mix .sr-stamps{display:flex;gap:3px;min-width:0}.score-reference--mix .sr-stamps i{display:grid;place-items:center;width:14px;height:17px;font:900 10px var(--f-ui);border:1.5px dashed var(--inchiostro);border-radius:3px;background:#fff;color:#45576a}.score-reference--mix .sr-stamps .is-collected{border-style:solid;background:var(--inchiostro);color:#fff;box-shadow:none}
.score-reference--mix .sr-row:active:not(:disabled){transform:translateY(2px) scale(.985);box-shadow:none}.score-reference--mix .sr-points{position:relative}
.score-reference .sr-bonus-track{display:block;height:5px;min-width:76px;margin-top:4px;border-radius:5px;background:#dfe7ee;overflow:hidden}.score-reference .sr-bonus-track i{display:block;height:100%;background:#18213e;border-radius:inherit;transition:width .6s ease}
@container(max-width:360px){.score-reference--mix .sr-stamps{gap:2px}.score-reference--mix .sr-stamps i{width:11px;height:14px}.score-reference--mix .sr-collection{font-size:9px;gap:4px}}
@media(prefers-reduced-motion:reduce){.score-reference .sr-bonus-track i{transition:none}.score-reference--mix .sr-row:active:not(:disabled){transform:none}}

/* Limiti della categoria accanto al valore del tiro; carte senza asset esterni. */
.score-reference .sr-value{display:grid;justify-items:center;gap:2px;min-width:0}
.score-reference .sr-row{min-height:54px}
.score-reference .sr-row:has(.sr-hand){grid-template-columns:37px minmax(0,1fr) 39px}
.score-reference .sr-cards-symbol{width:36px;padding:0;background:transparent}
.score-reference .sr-cards-symbol .sr-hand{width:36px;height:30px}
@container(max-width:390px){.score-reference .sr-row:has(.sr-hand){grid-template-columns:34px minmax(0,1fr) 35px}.score-reference .sr-cards-symbol,.score-reference .sr-cards-symbol .sr-hand{width:33px}}
@container(max-width:330px){.score-reference .sr-row:has(.sr-hand){grid-template-columns:31px minmax(0,1fr) 31px}.score-reference .sr-cards-symbol,.score-reference .sr-cards-symbol .sr-hand{width:30px}}

/* Limiti visuali: cursore soltanto sul punto effettivamente segnato. */
.score-reference .sr-caption{display:grid;gap:5px;min-width:0;padding:2px 0}
.score-reference .sr-meter{display:grid;gap:2px;margin:0 3px;min-width:0}
.score-reference .sr-meter-track{display:block;position:relative;height:5px;border-radius:8px;background:linear-gradient(90deg,rgb(37 99 196),rgb(150 58 150) 50%,rgb(208 62 34));box-shadow:inset 0 0 0 1px #51342a29;opacity:.35}
.score-reference .is-scored .sr-meter-track{opacity:1}
.score-reference .sr-meter-pin{position:absolute;left:var(--score-position);top:50%;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--score-color);box-shadow:0 0 0 1px #18213e;transform:translate(-50%,-50%)}
.score-reference .sr-meter-limits{display:flex;justify-content:space-between;font:700 8px/1 var(--f-ui);color:#45576a}
.score-reference .sr-meter-limits b{font-weight:700}
.score-reference--mix .sr-closed{border-color:var(--score-color);background:color-mix(in srgb,var(--score-color) 16%,#fff);color:#26262e}
.score-reference--mix .sr-closed .sr-symbol{color:var(--score-color)}
.score-reference--mix .sr-closed .sr-points{border-left-color:color-mix(in srgb,var(--score-color) 45%,#fff);color:var(--score-color)}

/* Consiglio assistito: a dadi fermi le caselle segnabili si accendono col pallino giallo, la consigliata ha l'etichetta gialla. */
.score-reference--mix .sr-open.sr-playable{border-style:solid;box-shadow:none;animation:sr-accendi .4s ease-out both}
.score-reference--mix .sr-open .sr-points{padding-right:9px}
.score-reference--mix .sr-open.sr-playable .sr-points::after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;border:2px solid var(--inchiostro);border-radius:50%;background:var(--giallo);transform:translateY(-50%)}
.score-reference--mix .sr-zero .sr-points{color:#5b6b68}
.score-reference--mix .sr-consigliata:not(.sr-selected){outline:3px solid var(--giallo);outline-offset:1px}
/* La casella consigliata sta sopra le vicine: il nastro che scende sulla riga sotto resta intero (le righe accese sono contesti di sovrapposizione). */
.score-reference .sr-consigliata{z-index:2}
.score-reference .sr-badge{position:absolute;right:6px;bottom:-9px;z-index:1;padding:1px 6px;border:2px solid #18213e;border-radius:3px;background:#ffd23f;color:#18213e;font:900 9px/1.15 var(--f-ui);letter-spacing:.04em;text-transform:uppercase;transform:rotate(-4deg);box-shadow:2px 2px 0 #18213e}
.dadi-in-volo .score-reference .sr-open .sr-points,.dadi-in-volo .score-reference .sr-badge{visibility:hidden}
.dadi-in-volo .score-reference--mix .sr-open.sr-playable{border-style:dashed;animation:none}
.dadi-in-volo .score-reference--mix .sr-consigliata{outline:0}
@keyframes sr-accendi{from{transform:scale(.97)}}