/* Minigioco del solo blocco hero: nessuna dipendenza dalla mappa. */
.hero-art.three-game{display:flex;flex-direction:column;min-height:0;max-height:none;align-self:center;background:#151b18;border:1px solid #ffffff18;color:var(--paper);isolation:isolate}
.three-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px 13px;gap:12px}
.three-kicker{font-size:8px;letter-spacing:1.5px;color:var(--muted);font-weight:700}
.three-header h2{font:800 clamp(38px,4.5vw,64px)/.95 var(--display);margin:8px 0 0;letter-spacing:-1px}.three-header h2 span{color:var(--orange)}
.three-badge{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:1px;color:var(--lime);border:1px solid #d8df8a55;border-radius:50%;height:65px;width:65px;display:grid;place-content:center;transform:rotate(9deg);flex:none}
.three-scoreboard{margin:0 26px 16px;padding:12px 16px;border:1px solid #ffffff16;background:#ffffff04;border-radius:13px;display:grid;grid-template-columns:repeat(3,1fr) 30px;align-items:center;gap:12px}
.three-scoreboard div{display:flex;align-items:baseline;gap:9px}.three-scoreboard span{font-size:8px;letter-spacing:1px;color:#a6ada8}.three-scoreboard b{font:700 28px/1 var(--display);font-variant-numeric:tabular-nums}.three-scoreboard small{font:500 12px var(--body);color:#a6ada8}.three-scoreboard button{font-size:27px;color:var(--muted);line-height:1}.three-scoreboard button:hover{color:var(--orange)}
.three-scene{position:relative;overflow:hidden;background:var(--lime)}.three-court{display:block;width:100%;height:auto;aspect-ratio:600/470;max-height:390px}
.three-feedback{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;letter-spacing:.3px;background:#1a271ce8;color:var(--paper);border:1px solid #ffffff20;padding:9px 16px;border-radius:30px;text-align:center;max-width:95%;width:max-content;pointer-events:none;transition:background .2s}.three-feedback[data-result="hit"]{background:#1c5635;color:#e8fba2}.three-feedback[data-result="miss"]{background:#813a24}
.three-result{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:#0e1712ec;backdrop-filter:blur(7px);z-index:2}.three-result>span{font-size:10px;letter-spacing:3px;color:var(--lime)}.three-result strong{font:800 76px/1 var(--display);margin-top:13px}.three-result p{font-size:13px;color:#c4cec0;max-width:30ch;margin:13px 0 20px}.three-result button{background:var(--orange);color:var(--ink);border-radius:12px;padding:13px 22px;font-weight:700;font-size:12px}
.three-controls{padding:17px 26px 18px}.three-spot-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.three-spot-row>span{font-size:8px;letter-spacing:1.5px;color:#b0b8af;font-weight:700}.three-spot-row>div{display:flex;gap:7px}.three-spot-row button{width:29px;height:29px;border:1px solid #ffffff25;border-radius:50%;font-size:11px;font-weight:700;transition:background .2s}.three-spot-row button[aria-pressed="true"]{background:var(--lime);color:#14201a;border-color:var(--lime)}.three-spot-row button:disabled{cursor:default;opacity:.45}
.three-meter{height:12px;position:relative;background:#ffffff0c;border-radius:9px;margin:17px 5px 16px;border:1px solid #ffffff12}.three-zone{position:absolute;top:-1px;bottom:-1px;left:56%;width:18%;border-radius:3px;background:var(--lime);box-shadow:0 0 16px #d8df8a35}.three-meter i{position:absolute;left:0;top:-5px;width:5px;height:20px;border-radius:2px;background:var(--paper);transform:translateX(-50%);box-shadow:0 0 0 2px #151b18}.three-game.is-charging .three-meter{background:#ff693820}.three-game.is-charging .three-meter i{background:var(--orange)}
.three-shoot{touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:49px;border-radius:13px;background:var(--orange);color:#151b18;padding:0 18px;font-size:11px;font-weight:800;letter-spacing:.6px;box-shadow:0 5px 0 #95391f;transition:background .15s,transform .15s,box-shadow .15s}.three-shoot>span:last-child{font-size:26px;font-weight:400}.three-shoot:hover{background:#ff8752}.three-game.is-charging .three-shoot{transform:translateY(3px);box-shadow:0 2px 0 #95391f;background:var(--lime)}.three-shoot:disabled{background:#434c41;color:#b5bcae;box-shadow:0 3px 0 #222a22;cursor:default}
#three-instructions{font-size:10px;line-height:1.6;color:#bdc6b9;text-align:center;margin:14px 0 0}#three-instructions span{font-size:8px;color:#8e9b8b}.three-noscript{padding:30px}
@media(min-width:1600px){.three-court{max-height:440px}.three-controls{padding-bottom:24px}}
@media(max-width:980px){.hero-art.three-game{width:100%;max-width:650px;justify-self:center}.three-header h2{font-size:56px}}
@media(max-width:480px){.three-header{padding:18px 18px 12px}.three-header h2{font-size:46px}.three-kicker{font-size:7px;letter-spacing:1px}.three-badge{height:53px;width:53px;font-size:8px}.three-scoreboard{margin:0 18px 14px;padding:10px 12px;gap:8px}.three-scoreboard div{gap:5px}.three-scoreboard b{font-size:25px}.three-scoreboard span{font-size:7px;letter-spacing:.6px}.three-controls{padding:16px 18px 18px}.three-spot-row>span{font-size:7px;letter-spacing:1px}.three-spot-row>div{gap:5px}.three-spot-row button{width:28px;height:28px}.three-feedback{top:9px;font-size:10px;padding:7px 12px}.three-shoot{font-size:10px}.three-result strong{font-size:62px}}
@media(prefers-reduced-motion:reduce){.three-game *{transition:none!important}}

/* Contest: clock, rack progression and double-value money ball. */
.three-contest-bar{display:flex;align-items:center;justify-content:space-between;margin:0 26px 12px;gap:12px}.three-contest-bar>span{font-size:9px;letter-spacing:1.5px;color:#a6ada8}.three-contest-bar b{font:700 35px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--lime)}.time-low .three-contest-bar b{color:#ff6938}
.three-balls{display:flex;justify-content:center;align-items:center;gap:13px;margin:14px 0 2px}.three-rack-ball{display:grid;place-content:center;width:23px;height:23px;border-radius:50%;background:#ec783a;color:#241d12;font-size:10px;font-weight:800;border:2px solid #392b1e}.three-rack-ball.money{background:#f5d34e}.three-rack-ball.used{opacity:.22}.three-rack-ball.current{outline:2px solid #f3f1e9;outline-offset:3px}.is-money .three-shoot{background:#f5d34e}.three-spot-row button:disabled{opacity:.65}.three-spot-row button[aria-pressed="true"]:disabled{opacity:1}.three-spot-row b{color:var(--lime);margin-left:5px}
@media(max-width:480px){.three-contest-bar{margin:0 18px 12px}.three-contest-bar>span{font-size:8px}.three-contest-bar b{font-size:30px}}

/* The playing surface is the shooting control. */
.three-shoot.three-surface{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;background:transparent!important;border:0;border-radius:0;padding:0 12px 10px;box-shadow:none!important;transform:none!important;cursor:crosshair;color:#fff;touch-action:none}
.three-surface #three-action{padding:7px 12px;border-radius:20px;background:#14201adb;font-size:9px;letter-spacing:1px;pointer-events:none}.three-surface>span:last-child{display:none}.three-surface:focus-visible{outline:3px solid var(--lime);outline-offset:-4px}.three-shoot.three-surface:disabled{cursor:default}.three-feedback{z-index:1}.three-result{z-index:3}.three-zone{transition:none!important}

.three-game>.three-meter{flex:none;margin:15px 26px 0;height:15px}.three-game>.three-meter i{height:23px}.three-controls{padding-top:14px}