@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap";:root{--font-mono: "Ubuntu Mono", monospace}[data-theme=sombre]{--color-blue: #a8c8f0;--color-mint: #b0e8b8;--color-peach: #f0c8a8;--color-lilac: #c8a8f0;--color-yellow: #f0e8a8;--bg: #080c12;--bg-surface: #111820;--border: #1e2a38;--text: #e0e0e0;--text-muted: #888;--zone-bg: #080c12;--zone-text: #e0e0e0;--zone-active: #4a9eff;--font-display: "Ubuntu Mono", monospace;--color-alert: red;--color-alert-light: #ff6666;--text-on-alert: white;--icon-color: white;--btn-border: 2px solid var(--color-blue);--btn-radius: 20px;--btn-shadow: none;--zone-radius: 20px;--input-radius: 10px}[data-theme=clair]{--color-blue: #2a6cb0;--color-mint: #2a8040;--color-peach: #b05020;--color-lilac: #6030a0;--color-yellow: #807010;--bg: #f5f5f5;--bg-surface: #e8e8e8;--border: #cccccc;--text: #111111;--text-muted: #666666;--zone-bg: #f5f5f5;--zone-text: #111111;--zone-active: #2a6cb0;--font-display: "Ubuntu Mono", monospace;--color-alert: #cc0000;--color-alert-light: #ff4444;--text-on-alert: white;--icon-color: #111111;--btn-border: 2px solid var(--color-blue);--btn-radius: 20px;--btn-shadow: none;--zone-radius: 20px;--input-radius: 10px}[data-theme=kgs]{--color-blue: #0000aa;--color-mint: #006600;--color-peach: #883300;--color-lilac: #550088;--color-yellow: #886600;--bg: #c0c0c0;--bg-surface: #d4d4d4;--border: #808080;--text: #000000;--text-muted: #444444;--zone-bg: #0a0000;--zone-text: #ff2200;--zone-active: #ff2200;--font-display: "DSEG7Classic", monospace;--color-alert: #cc0000;--color-alert-light: #ff4444;--text-on-alert: white;--icon-color: #000000;--btn-border: none;--btn-radius: 6px;--btn-shadow: 2px 2px 0 #606060, -1px -1px 0 #ffffff;--zone-radius: 6px;--input-radius: 3px}*{box-sizing:border-box}html{overflow:hidden;height:100%;background-color:var(--bg)}body{margin:0;font-family:monospace;height:100dvh;display:flex;flex-direction:column;background-color:var(--bg);color:var(--text);overflow:hidden}@media (min-aspect-ratio: 3/2){.actif{transform:scale(1)}}#accueil{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}#formulaire{display:flex;flex-direction:column;gap:1.2rem;width:min(420px,100%)}#formulaire h1{margin:0;padding-bottom:1rem;font-size:2.4rem;text-align:center;text-transform:uppercase;letter-spacing:.2em;color:var(--text);border-bottom:1px solid var(--border)}#formulaire fieldset{border:1px solid var(--border);border-radius:var(--btn-radius);padding:.8rem 1rem;display:flex;flex-direction:column;gap:.6rem}#formulaire legend{padding:0 .4rem;font-weight:700;color:var(--text-muted);font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.champ{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.champ label{flex:1;font-size:1.2rem;color:var(--text-muted)}.champ input[type=number]{width:5rem;padding:.35rem .5rem;font-size:1.3rem;font-family:monospace;text-align:right;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--input-radius)}#formulaire button[type=submit]{padding:.7rem;font-size:1.5rem;font-weight:700;background:var(--bg-surface);color:var(--text);border:var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);cursor:pointer;letter-spacing:.05em}#formulaire button[type=submit]:hover{background:var(--border)}.bouton-mode,#lien-retour{display:block;padding:.7rem;font-size:1.5rem;font-weight:700;font-family:monospace;background:var(--bg-surface);color:var(--text);border:var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);cursor:pointer;letter-spacing:.05em;text-align:center;text-decoration:none}.bouton-mode:hover,#lien-retour:hover{background:var(--border)}#lien-retour{border-color:var(--border);color:var(--text-muted)}#theme-select{width:100%;padding:.7rem;font-size:1.5rem;font-weight:700;font-family:monospace;background:var(--bg-surface);color:var(--text);border:var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}#page-stats{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1.2rem}#page-stats h1{margin:0;padding-bottom:1rem;font-size:2.4rem;text-align:center;text-transform:uppercase;letter-spacing:.2em;color:var(--text);border-bottom:1px solid var(--border);width:min(420px,100%)}#blocs{display:flex;flex-direction:column;gap:1.2rem;width:min(420px,100%)}.bloc{border:1px solid var(--border);border-radius:var(--btn-radius);padding:.8rem 1rem;display:flex;flex-direction:column;gap:.6rem}.bloc h2{margin:0;padding:0 .4rem;font-weight:700;color:var(--text-muted);font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.stat{display:flex;align-items:center;justify-content:space-between}.stat .label{font-size:1.2rem;color:var(--text-muted)}.stat .valeur{font-size:1.3rem;color:var(--text)}#nav-stats{display:flex;gap:1rem;width:min(420px,100%)}#nav-stats a,#nav-stats button{flex:1;padding:.7rem;font-size:1.5rem;font-weight:700;font-family:monospace;background:var(--bg-surface);color:var(--text);border:var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);cursor:pointer;letter-spacing:.05em;text-align:center;text-decoration:none}#nav-stats a:hover,#nav-stats button:hover{background:var(--border)}#conteneur{flex:1;display:flex;flex-direction:row;align-items:stretch;gap:4px;overflow:hidden;margin:1dvh 1dvw}#zone1,#zone2{flex:0 0 44dvw;display:flex;flex-direction:column;justify-content:center;gap:8px;border-radius:var(--zone-radius);clip-path:inset(0 round var(--zone-radius));cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--zone-bg);color:var(--zone-text)}#zone1{transform:rotate(90deg)}#zone2{transform:rotate(-90deg)}@media (max-aspect-ratio: 3/2){#conteneur{flex-direction:column}#zone1{transform:rotate(180deg);flex:0 0 39dvh}#zone2{transform:rotate(0);flex:0 0 39dvh}#centre{align-self:auto;flex:0 0 10dvh}#c1,#c2,#b1,#b2{font-size:calc(96dvw / 4.2)}#bouton.pause:before,#bouton.pause:after{width:1dvh;height:3.5dvh}#bouton.play:before{border-top-width:1.8dvh;border-bottom-width:1.8dvh;border-left-width:3dvh;margin-left:.4dvh}}#c1,#c2,#b1,#b2{flex:none;font-size:calc(44dvw / 4.2);font-family:var(--font-display);text-align:center;transition:transform .3s ease}#centre{flex:0 0 9dvw;align-self:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2dvmin;position:relative;z-index:1}#bouton{width:18dvmin;height:18dvmin;border:var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);background-color:var(--bg-surface);display:flex;align-items:center;justify-content:center;gap:.8dvw;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#bouton.pause:before,#bouton.pause:after{content:"";display:block;width:1dvw;height:3.5dvw;background:var(--icon-color);border-radius:2px}#bouton.reset:before{content:"↺";font-size:5dvmin;color:var(--icon-color);line-height:1}#bouton.play:before{content:"";display:block;width:0;height:0;border-top:1.8dvw solid transparent;border-bottom:1.8dvw solid transparent;border-left:3dvw solid var(--icon-color);margin-left:.4dvw}#retour,#stats{color:var(--border);font-size:14.4dvmin;text-decoration:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.actif{transform:scale(1);font-weight:700}.inactif{transform:scale(.5)}.horlogeActive{background-color:var(--zone-bg);outline:4px solid var(--zone-active);outline-offset:-4px}.horlogeAlerte{background-color:var(--color-alert);outline:4px solid var(--color-alert-light);outline-offset:-4px;color:var(--text-on-alert)}