@font-face{font-family:Manrope;src:url('./fonts/Manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('./fonts/Manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('./fonts/Manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('./fonts/Manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('./fonts/Manrope-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--blue:#106781;--blue-deep:#083f50;--ink:#102a32;--muted:#64777d;--paper:#f5f8f7;--white:#fff;--lime:#d9f27c;--line:#dbe5e5;--shadow:0 30px 70px rgba(8,63,80,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6}button,a{font:inherit}button{cursor:pointer}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(245,248,247,.92);border-bottom:1px solid rgba(16,103,129,.1);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:1.25rem;font-weight:500;text-decoration:none;letter-spacing:-.04em}.brand strong{color:var(--blue);font-weight:800}.brand-mark{width:34px;height:34px;background:var(--blue);border-radius:9px;display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span:before,.brand-mark span:after{content:"";position:absolute;background:white;opacity:.9}.brand-mark:before{height:22px;width:2px;left:16px;top:6px}.brand-mark:after{width:22px;height:2px;left:6px;top:16px}.brand-mark span{border:2px solid white;width:18px;height:18px;border-radius:50%}.site-header nav{display:flex;gap:34px}.site-header nav a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:700;padding:28px 0 25px;border-bottom:3px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:var(--blue);border-color:var(--blue)}
.workspace{min-height:calc(100vh - 82px);padding:clamp(50px,8vw,110px) max(5vw,24px);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(390px,1fr);gap:clamp(50px,9vw,140px);align-items:center;max-width:1440px;margin:auto;position:relative}.workspace:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(16,103,129,.06);left:-180px;top:80px}.intro{position:relative}.eyebrow{color:var(--blue);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin:0 0 22px;display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:var(--lime);display:inline-block}.intro h1,.section-heading h2{font-size:clamp(3rem,5.2vw,5.3rem);line-height:1.02;letter-spacing:-.06em;margin:0 0 28px;font-weight:800}.intro h1 em,.section-heading h2 em{font-style:normal;color:var(--blue)}.intro>p:not(.eyebrow){max-width:570px;font-size:1.07rem;color:var(--muted)}.match-rules{display:flex;align-items:center;gap:14px;margin-top:32px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.match-rules b{color:var(--blue)}.match-rules i{height:4px;width:4px;background:var(--blue);border-radius:50%;opacity:.4}
.timer-card{background:var(--white);border-radius:26px;padding:25px;box-shadow:var(--shadow);border:1px solid rgba(16,103,129,.08);max-width:620px;width:100%;justify-self:end}.timer-head{display:flex;justify-content:space-between;padding:2px 4px 20px;font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--blue)}.timer-head>div{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;background:#9aabb0;border-radius:50%;box-shadow:0 0 0 4px rgba(154,171,176,.12)}.timer-card.running .status-dot{background:var(--lime);box-shadow:0 0 0 4px rgba(217,242,124,.2)}.timer-card.running #statusText{color:var(--blue-deep)}.pitch-frame{background:linear-gradient(135deg,#0f718c,#075467);color:white;border-radius:18px;min-height:264px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.pitch-lines{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.28)}.pitch-lines:before{content:"";position:absolute;width:1px;height:100%;left:50%;background:rgba(255,255,255,.25)}.pitch-lines span{position:absolute;width:82px;height:82px;border:1px solid rgba(255,255,255,.28);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.pitch-frame:after{content:"";position:absolute;width:300px;height:300px;background:rgba(255,255,255,.025);transform:rotate(35deg);right:-150px;top:-150px}.timer-label{font-size:.7rem;letter-spacing:.18em;font-weight:700;opacity:.65;margin:0;z-index:2}.time{font-size:clamp(4.5rem,8vw,7rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.06em;z-index:2;margin:4px 0 25px}.progress{height:5px;border-radius:5px;background:rgba(255,255,255,.22);width:55%;z-index:2;overflow:hidden}.progress span{display:block;width:100%;height:100%;background:var(--lime);transition:width .2s linear}.duration-group{padding:24px 0 18px}.duration-group p{margin:0 0 10px;font-size:.78rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.segments{display:grid;grid-template-columns:repeat(4,1fr);background:#eef3f3;padding:4px;border-radius:11px}.segments button{border:0;background:transparent;color:var(--muted);padding:10px 5px;border-radius:8px;font-size:.84rem;font-weight:700}.segments button.selected{background:white;color:var(--blue);box-shadow:0 2px 8px rgba(8,63,80,.1)}.controls{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.controls button,.finish-dialog button{border:0;border-radius:12px;min-height:54px;font-weight:800}.primary{background:var(--blue);color:white}.primary:hover{background:var(--blue-deep)}.secondary{background:#edf3f3;color:var(--blue-deep)}.play-icon{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-right:9px}.timer-card.running .play-icon{width:9px;height:12px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;vertical-align:-1px}.shortcut{text-align:center;color:#89999d;font-size:.72rem;margin:14px 0 0}.shortcut kbd{font-family:inherit;background:#f1f4f4;border:1px solid #d7e0e0;border-radius:4px;padding:1px 5px}
.tools{background:#082f3c;color:white;padding:clamp(70px,9vw,125px) max(5vw,24px)}.section-heading{max-width:1290px;margin:0 auto 55px;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:70px}.section-heading h2{font-size:clamp(2.7rem,4.5vw,4.7rem);margin:0}.section-heading h2 em{color:#65b1c4}.section-heading>p{color:#a8bec4;margin:0 0 8px}.tools .eyebrow{color:var(--lime)}.tool-grid{max-width:1290px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-grid article{min-height:330px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:30px;display:flex;flex-direction:column;position:relative;transition:.25s ease}.tool-grid article:hover{transform:translateY(-4px);background:rgba(255,255,255,.07);border-color:rgba(217,242,124,.35)}.tool-number{position:absolute;right:24px;top:22px;color:#66808a;font-size:.74rem;font-weight:800}.tool-icon{width:54px;height:54px;border:1px solid rgba(217,242,124,.6);color:var(--lime);display:grid;place-items:center;border-radius:50%;font-size:1.5rem;margin-bottom:35px}.tool-grid h3{font-size:1.32rem;margin:0 0 10px}.tool-grid p{color:#a8bec4;font-size:.92rem;margin:0}.coming{margin-top:auto;color:var(--lime);font-size:.71rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}footer{padding:28px max(5vw,24px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;background:white;color:var(--muted);font-size:.78rem}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.footer-brand{font-size:1rem}.footer-brand .brand-mark{width:27px;height:27px;border-radius:7px}.footer-brand .brand-mark:before{height:17px;left:13px;top:5px}.footer-brand .brand-mark:after{width:17px;left:5px;top:13px}.footer-brand .brand-mark span{width:14px;height:14px}

/* Ecosistema gratuito */
.free-tools{padding:clamp(70px,9vw,120px) max(5vw,24px);background:#fff}.section-kicker{max-width:1290px;margin:0 auto 42px}.section-kicker h2,.exercise-copy h2{font-size:clamp(2.6rem,4.8vw,4.8rem);line-height:1.03;letter-spacing:-.055em;margin:0 0 20px}.section-kicker>p:last-child{max-width:700px;color:var(--muted);font-size:1.05rem}.product-grid{max-width:1290px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{border:1px solid var(--line);border-radius:20px;padding:28px;min-height:350px;display:flex;flex-direction:column;background:#fff;transition:.25s ease}.product-card.featured{background:#eef5f6;border-color:rgba(16,103,129,.25)}.product-card:hover{transform:translateY(-4px);border-color:rgba(16,103,129,.45);box-shadow:0 18px 40px rgba(8,63,80,.08)}.product-top{display:flex;justify-content:space-between;gap:15px;color:#829398;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.available{color:var(--blue)}.product-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:40px 0 25px;background:var(--blue);color:#fff;font-size:1.45rem;font-weight:800}.timer-icon{font-size:.85rem;font-variant-numeric:tabular-nums}.qr-icon{font-size:1.8rem}.product-card h3{font-size:1.35rem;margin:0 0 10px}.product-card p{color:var(--muted);font-size:.92rem;margin:0 0 25px}.product-card a{margin-top:auto;color:var(--blue);font-weight:800;text-decoration:none;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.product-card a:hover{text-decoration:underline}

/* Esercizio gratuito */
.exercise-section{max-width:1440px;margin:auto;padding:clamp(70px,9vw,120px) max(5vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,110px);align-items:center}.exercise-copy h2 em{font-style:normal;color:var(--blue)}.exercise-copy>p:not(.eyebrow):not(.exercise-note){color:var(--muted);font-size:1.04rem;max-width:560px}.exercise-steps{list-style:none;padding:0;margin:30px 0;display:grid;gap:16px}.exercise-steps li{display:flex;gap:14px;align-items:flex-start}.exercise-steps li>span{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:.78rem;font-weight:800}.exercise-steps p{margin:2px 0;color:var(--ink)}.exercise-note{background:#eaf3f5;border-left:4px solid var(--blue);padding:14px 16px;border-radius:0 10px 10px 0;color:var(--muted);font-size:.9rem}.exercise-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.exercise-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.exercise-card-head>div{display:grid}.mini-label{font-size:.66rem;letter-spacing:.13em;color:var(--muted);font-weight:800}.exercise-card-head strong{font-size:1.12rem}.level-pill{background:#eaf3f5;color:var(--blue);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800}.training-diagram{height:230px;border-radius:17px;background:#0c657c;position:relative;overflow:hidden;border:8px solid #e8f0f1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.training-diagram:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.38)}.training-diagram:after{content:"";position:absolute;left:50%;top:14px;bottom:14px;width:1px;background:rgba(255,255,255,.3)}.figure-dot{position:absolute;width:35px;height:35px;border-radius:50%;background:var(--lime);left:14%;top:50%;transform:translateY(-50%);box-shadow:0 0 0 7px rgba(217,242,124,.15);z-index:2}.ball-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;left:27%;top:50%;transform:translateY(-50%);z-index:2}.path-line{position:absolute;height:2px;border-top:2px dashed rgba(255,255,255,.65);left:30%;right:28%;top:50%;z-index:1}.target-zone{position:absolute;width:82px;height:82px;border:2px solid var(--lime);border-radius:50%;right:12%;top:50%;transform:translateY(-50%);display:grid;place-items:center;z-index:2}.target-zone i{display:block;width:30px;height:30px;border:2px solid var(--lime);border-radius:50%}.diagram-label{position:absolute;bottom:22px;font-size:.62rem;letter-spacing:.12em;color:rgba(255,255,255,.7);font-weight:800}.start-label{left:11%}.goal-label{right:11%}.exercise-clock{text-align:center;font-size:clamp(3.5rem,7vw,5.5rem);font-weight:800;letter-spacing:-.05em;color:var(--blue-deep);font-variant-numeric:tabular-nums;line-height:1.2;margin:18px 0}.exercise-controls{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.exercise-controls button,.score-box button{border:0;border-radius:11px;min-height:48px;font-weight:800}.score-box{margin-top:20px;padding:18px;background:#f2f6f6;border-radius:14px}.score-box label{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:9px}.score-box>div{display:grid;grid-template-columns:1fr auto;gap:8px}.score-box input{min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;font-weight:800}.score-box button{background:var(--blue-deep);color:#fff;padding:0 18px}.score-box p{font-size:.78rem;color:var(--muted);margin:9px 0 0}.club-cta{max-width:1290px;margin:24px auto 0;border:1px solid rgba(217,242,124,.34);border-radius:18px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:rgba(217,242,124,.055)}.club-cta span{font-size:.68rem;color:var(--lime);letter-spacing:.14em;font-weight:800}.club-cta h3{font-size:1.4rem;margin:5px 0 2px}.club-cta p{margin:0;color:#a8bec4;font-size:.88rem}.club-cta>a{background:var(--lime);color:var(--blue-deep);text-decoration:none;font-weight:800;border-radius:11px;padding:13px 18px;white-space:nowrap}.club-cta>a span{color:inherit;font-size:inherit;letter-spacing:0}
.finish-dialog{position:fixed;inset:0;background:rgba(4,29,37,.82);z-index:100;display:grid;place-items:center;padding:22px;backdrop-filter:blur(8px)}.finish-dialog[hidden]{display:none}.finish-dialog>div{background:white;text-align:center;border-radius:24px;padding:40px;max-width:420px;width:100%;box-shadow:var(--shadow)}.finish-dialog .whistle{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--lime);color:var(--blue-deep);margin:0 auto 20px}.finish-dialog .eyebrow{justify-content:center;margin-bottom:10px}.finish-dialog h2{font-size:2rem;margin:0}.finish-dialog>div>p:not(.eyebrow){color:var(--muted)}.finish-dialog button{background:var(--blue);color:white;width:100%;margin-top:10px}
@media(max-width:850px){.site-header{height:70px}.site-header nav{gap:20px}.site-header nav a{padding:23px 0 20px}.workspace{grid-template-columns:1fr;gap:42px;padding-top:55px}.intro h1 br{display:none}.timer-card{justify-self:center}.section-heading{grid-template-columns:1fr;gap:20px}.tool-grid,.product-grid{grid-template-columns:1fr}.tool-grid article,.product-card{min-height:260px}.tools{padding-top:80px}.exercise-section{grid-template-columns:1fr}.club-cta{align-items:flex-start;flex-direction:column}.club-cta>a{width:100%;text-align:center}}
@media(max-width:540px){.site-header nav{gap:14px}.site-header nav a{font-size:.76rem}.site-header nav a:first-child{display:none}.workspace{padding-left:16px;padding-right:16px}.intro h1{font-size:3rem}.intro>p:not(.eyebrow){font-size:.98rem}.match-rules{gap:8px;font-size:.64rem;letter-spacing:.04em}.timer-card{border-radius:20px;padding:14px}.pitch-frame{min-height:225px}.time{font-size:4.8rem}.segments button{font-size:.75rem}.controls{grid-template-columns:1fr}.shortcut{display:none}.free-tools,.exercise-section,.tools{padding-left:18px;padding-right:18px}.section-heading h2,.section-kicker h2,.exercise-copy h2{font-size:2.65rem}.tool-grid article,.product-card{padding:25px}.training-diagram{height:190px}.exercise-controls{grid-template-columns:1fr}.club-cta{padding:22px}footer{grid-template-columns:1fr;text-align:center}footer .brand{justify-content:center}footer p:nth-child(2),footer p:last-child{text-align:center;margin:0}}
.level-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#eef3f3;padding:5px;border-radius:12px;margin-bottom:16px}.level-selector button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:9px 5px;font:inherit;font-size:.74rem;font-weight:800}.level-selector button span{display:block;font-size:.66rem;font-weight:600}.level-selector button.selected{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(8,63,80,.1)}.training-setting{text-align:center;color:var(--muted);font-size:.78rem;font-weight:700;margin:-12px 0 18px}.advanced-note{font-size:.8rem;color:var(--blue-deep);background:#eef5f6;border-radius:11px;padding:12px 14px;margin:12px 0 0}
@media(max-width:540px){.level-selector{grid-template-columns:1fr}.level-selector button span{display:inline;margin-left:4px}}
.brand small{margin-left:5px;padding:3px 6px;border-radius:999px;background:#eaf3f5;color:var(--blue);font-size:.54rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.club-status{background:rgba(255,255,255,.08);border:1px solid rgba(217,242,124,.34);color:var(--lime)!important;border-radius:11px;padding:13px 18px;font-size:.78rem!important;letter-spacing:.08em!important;white-space:nowrap}
.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 16px}.mode-selector button{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);padding:10px 8px;font:inherit;font-size:.76rem;font-weight:800}.mode-selector button span{display:block;font-size:.66rem;font-weight:600}.mode-selector button.selected{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}.target-zone{width:96px;height:96px;left:50%;right:auto;transform:translate(-50%,-50%);background:rgba(217,242,124,.06)}.target-zone i{display:none}.goal-label{left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.opponent-dot{display:none;left:auto;right:14%;background:#fff}.training-diagram.challenge .opponent-dot{display:block}.training-diagram.challenge .path-line{left:30%;right:30%}.score-box[hidden]{display:none}.challenge-score>button{width:100%;margin-top:10px}.player-scores{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.player-scores label{margin:0}.player-scores input{display:block;width:100%;margin-top:8px}@media(max-width:540px){.mode-selector,.player-scores{grid-template-columns:1fr!important}.mode-selector button span{display:inline;margin-left:4px}.goal-label{font-size:.52rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-grid article,.progress span{transition:none}}

/* Marchio ufficiale Calciotavolo.net */
.brand-mark,.footer-brand .brand-mark{width:38px;height:38px;background:transparent;border-radius:0;display:grid;place-items:center;position:relative;flex:0 0 auto}
.brand-mark:before,.brand-mark:after,.brand-mark span:before,.brand-mark span:after{content:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.footer-brand .brand-mark{width:31px;height:31px}

/* Modalità timer a schermo intero */
.controls{grid-template-columns:1.35fr 1fr 1.25fr}
.fullscreen-btn span:first-child{font-size:1.2rem;margin-right:5px;vertical-align:-1px}
.timer-card{outline:none}
.timer-card.is-fullscreen,.timer-card:fullscreen{position:fixed;inset:0;z-index:90;width:100vw;height:100dvh;max-width:none;margin:0;padding:clamp(16px,3vw,42px);border:0;border-radius:0;background:#f5f8f7;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;box-shadow:none;overflow:auto}
.timer-card.is-fullscreen .timer-head,.timer-card:fullscreen .timer-head{padding:0 4px clamp(12px,2vh,24px);font-size:clamp(.78rem,1.4vw,1rem)}
.timer-card.is-fullscreen .pitch-frame,.timer-card:fullscreen .pitch-frame{min-height:0;height:100%;border-radius:clamp(12px,2vw,24px)}
.timer-card.is-fullscreen .time,.timer-card:fullscreen .time{font-size:clamp(7rem,23vw,22rem);margin:clamp(4px,1vh,14px) 0 clamp(16px,3vh,36px)}
.timer-card.is-fullscreen .timer-label,.timer-card:fullscreen .timer-label{font-size:clamp(.72rem,1.5vw,1.05rem)}
.timer-card.is-fullscreen .progress,.timer-card:fullscreen .progress{width:min(62%,760px);height:clamp(5px,.8vh,10px)}
.timer-card.is-fullscreen .duration-group,.timer-card:fullscreen .duration-group{display:none}
.timer-card.is-fullscreen .controls,.timer-card:fullscreen .controls{width:min(900px,100%);margin:clamp(12px,2vh,24px) auto 0;grid-template-columns:1.35fr 1fr 1.25fr}
.timer-card.is-fullscreen .controls button,.timer-card:fullscreen .controls button{min-height:clamp(52px,7vh,72px);font-size:clamp(.9rem,1.5vw,1.1rem)}
.timer-card.is-fullscreen .shortcut,.timer-card:fullscreen .shortcut{margin:clamp(8px,1.4vh,16px) 0 0}
.timer-fullscreen-open{overflow:hidden}
@media(max-width:700px){.controls{grid-template-columns:1fr 1fr}.fullscreen-btn{grid-column:1/-1}.timer-card.is-fullscreen,.timer-card:fullscreen{padding:12px;grid-template-rows:auto minmax(0,1fr) auto auto}.timer-card.is-fullscreen .time,.timer-card:fullscreen .time{font-size:clamp(5.5rem,28vw,11rem)}.timer-card.is-fullscreen .controls,.timer-card:fullscreen .controls{grid-template-columns:1fr 1fr}.timer-card.is-fullscreen .fullscreen-btn,.timer-card:fullscreen .fullscreen-btn{grid-column:1/-1}.timer-card.is-fullscreen .shortcut,.timer-card:fullscreen .shortcut{display:block}}