@font-face{font-family:Sora;src:url(/fonts/SoraVariable.woff2) format("woff2");font-weight:100 900;font-display:swap;font-style:normal}:root{--radius-large: 1.2rem;--radius-medium: .95rem;--text-primary: #d4dce2;--text-muted: #8fa8b0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html,body{min-height:100vh;min-height:100dvh;background:linear-gradient(-45deg,#020d12,#031820,#1f3a4a,#063857);background-size:400% 400%;animation:gradient 120s ease infinite;font-family:Sora,sans-serif;color:var(--text-primary)}body{padding:clamp(.75rem,4vw,1rem) .5rem 0;display:flex;justify-content:center;overflow-y:auto;overflow-x:hidden;background:transparent}#layout{display:flex;flex-direction:column;width:100%;min-height:100%;background:transparent;overflow:visible;position:relative;max-width:680px;margin:0 auto;gap:1.2rem}#top{flex-shrink:0;padding:1.4rem;display:flex;flex-direction:column;gap:.7rem;background:linear-gradient(135deg,#49708a80,#3a5a6f66);backdrop-filter:blur(18px);border:1.5px solid rgba(105,210,231,.3);border-radius:1.6rem;box-shadow:0 12px 40px #0003,inset 0 1px #ffffff38;overflow:visible}#bottom{flex:0 0 auto;display:flex;flex-direction:column;gap:.7rem;padding:1.4rem 1.4rem 0;margin-bottom:50px;background:linear-gradient(135deg,#49708a80,#3a5a6f66);backdrop-filter:blur(18px);border:1.5px solid rgba(105,210,231,.3);border-radius:1.6rem;box-shadow:0 12px 40px #0003,inset 0 1px #ffffff38;overflow:visible}.hud{background:linear-gradient(135deg,#49708a80,#3a5a6f66);backdrop-filter:blur(18px);border:1.5px solid rgba(105,210,231,.3);border-radius:1.6rem;padding:1.4rem;display:flex;flex-direction:column;align-items:center;position:relative;gap:.8rem;overflow:hidden;box-shadow:0 12px 40px #0003,inset 0 1px #ffffff38;z-index:1;flex-shrink:0}.hud:before{content:"";position:absolute;inset:-40% 35% 50% -30%;background:radial-gradient(circle at center,rgba(105,210,231,.08),transparent 70%);filter:blur(1.5px);pointer-events:none}.hud__status{width:100%;display:flex;align-items:flex-start;justify-content:space-between;z-index:1;gap:1rem}.hud__tag{display:flex;flex-direction:row;align-items:baseline;gap:.4rem;background:transparent;padding:0;border-radius:0;border:none;box-shadow:none}.hud__tag-label{letter-spacing:.12em;text-transform:uppercase;font-size:.55rem;color:#fff6;font-weight:500}.hud__tag-value{font-family:Sora,sans-serif;font-size:1.2rem;font-weight:600;color:#ffffffb3;text-shadow:none}.hud__status-meta{display:flex;gap:.6rem;align-items:baseline}.hud__meta-item{display:flex;flex-direction:row;gap:.3rem;align-items:baseline}.hud__meta-label{letter-spacing:.1em;text-transform:uppercase;font-size:.55rem;color:#fff6;font-weight:500;white-space:nowrap}.hud__meta-value{font-family:Sora,sans-serif;font-size:1.2rem;font-weight:600;color:#ffffffb3;text-shadow:none}#mmss{font-family:Sora,sans-serif;font-size:clamp(3rem,15vw,5.5rem);font-weight:700;line-height:1;text-align:center;z-index:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#69d2e7,#a7dbd8,#69d2e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(105,210,231,.3));margin:.3rem 0}#mmss.warn{background:linear-gradient(135deg,#f38630,#fa6900,#f38630);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(243,134,48,.3))}#mmss.danger{background:linear-gradient(135deg,#fa6900,#ff7a7a,#fa6900);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(250,105,0,.4));animation:flash .6s infinite}#mmss.break{background:linear-gradient(135deg,#a7dbd8,#69d2e7,#a7dbd8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(167,219,216,.3));animation:flash-break 1.1s infinite}@keyframes flash{50%{opacity:.35}}@keyframes flash-break{0%,to{opacity:1}50%{opacity:.45}}.hud__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;z-index:1}.hud__metric{background:linear-gradient(135deg,#69d2e72e,#a7dbd81a);backdrop-filter:blur(14px);border-radius:1.2rem;padding:1rem .8rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;border:1.5px solid rgba(105,210,231,.3);box-shadow:0 8px 20px #00000026}.hud__metric-label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;font-weight:600}.hud__metric-value{font-family:Sora,sans-serif;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:700;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.3)}#progbar-wrap{width:100%;height:.7rem;background:linear-gradient(90deg,#49708a66,#3a5a6f4d);border-radius:999px;overflow:hidden;border:1px solid rgba(105,210,231,.3);box-shadow:inset 0 1px 4px #0000004d,0 2px 8px #0000001a}#progbar{height:100%;width:0%;background:linear-gradient(90deg,#69d2e7,#a7dbd8);transition:width .45s cubic-bezier(.22,1,.36,1);border-radius:999px}#progbar.warn{background:linear-gradient(90deg,#f38630,#fa6900)}#progbar.danger{background:linear-gradient(90deg,#fa6900,#ff7a7a)}#progbar.break{background:linear-gradient(90deg,#a7dbd8,#69d2e7)}.btn-row{display:grid;grid-template-columns:2fr 6fr;gap:.8rem;width:100%}#start-btn,#reset-btn{width:100%;min-height:48px;border-radius:var(--radius-medium);padding:clamp(.9rem,2.4vw,1.2rem);font-size:clamp(1.7rem,4.6vw,2.6rem);font-weight:600;text-transform:uppercase;letter-spacing:.12em;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;border:none}#start-btn::selection,#start-btn *::selection,#reset-btn::selection,#reset-btn *::selection{background:transparent}#start-btn:active,#reset-btn:active{transform:scale(.98)}.reset_btn{background:linear-gradient(135deg,#e63384,#bd1550);color:#fff;box-shadow:0 8px 16px #bd155066}.reset_btn:active{transform:scale(.98)}.start_green{background:linear-gradient(135deg,#69d2e7,#a7dbd8);color:#0d1a1f;box-shadow:0 8px 16px #69d2e74d}.start_green:active{transform:scale(.98)}.start_red{background:linear-gradient(135deg,#f38630f2,#fa6900f2)}.start_red:active{transform:scale(.98)}@media (hover: hover){.reset_btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #bd155080}.start_green:hover,.start_red:hover{transform:translateY(-2px)}.ctrl-min:hover{box-shadow:0 12px 28px #fa690059}.ctrl-min:hover,.ctrl-plus:hover{transform:translateY(-1px) scale(1.01)}.time-minus:hover,.time-plus:hover{color:var(--text-primary);transform:translateY(-1px)}}.controls-stack{display:flex;flex-direction:column;gap:.7rem}.ctrl-row{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#49708a40,#3a5a6f26);backdrop-filter:blur(10px);border-radius:1rem;padding:.5rem;border:1px solid rgba(105,210,231,.15);box-shadow:0 4px 16px #0000001a;flex-shrink:0}.ctrl-min,.ctrl-plus{min-width:48px;min-height:48px;width:2.8rem;height:2.8rem;border-radius:calc(var(--radius-large) * .8);display:flex;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;border:none}.ctrl-min::selection,.ctrl-min *::selection,.ctrl-plus::selection,.ctrl-plus *::selection{background:transparent}.ctrl-min{background:linear-gradient(135deg,#fa6900,#f38630);color:#f0f5f7;box-shadow:0 8px 20px #fa690040}.ctrl-plus{background:linear-gradient(135deg,#69d2e7,#a7dbd8);color:#0d1a1f;box-shadow:0 8px 20px #69d2e740}.ctrl-min:active,.ctrl-plus:active{transform:scale(.96)}.ctrl-mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;color:var(--text-primary);background:transparent}.ctrl-header{display:flex;align-items:baseline;gap:.35rem;justify-content:center}.ctrl-label{text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.35rem}.ctrl-meta{font-family:Sora,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.08em;color:var(--text-muted);text-transform:none}.ctrl-value{font-family:Sora,sans-serif;font-size:2rem;font-weight:500}.prijzen-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;flex-shrink:0}.prijs-cel{background:linear-gradient(135deg,#49708a40,#3a5a6f26);backdrop-filter:blur(10px);border-radius:1rem;padding:.6rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;border:1px solid rgba(105,210,231,.15);box-shadow:0 4px 16px #0000001a}.prijs-lbl{text-transform:uppercase;letter-spacing:.12em;font-size:clamp(.62rem,1.4vw,.8rem);color:var(--text-muted)}.prijs-cel span:last-child{font-family:Sora,sans-serif;font-size:1.2rem}.tabel-header{display:flex;background:linear-gradient(135deg,#49708a66,#3a5a6f4d);backdrop-filter:blur(12px);border:1px solid rgba(105,210,231,.25);border-radius:1.2rem;padding:.8rem 1rem;gap:.5rem}.tabel-header .th{flex:1;text-align:center;color:var(--text-primary);font-size:clamp(.7rem,2vw,1rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase}.tabel-header .th:first-child{width:50px;flex:none}.tabel-wrapper{display:flex;flex-direction:column;background:linear-gradient(135deg,#49708a80,#3a5a6f66);backdrop-filter:blur(18px);border:1.5px solid rgba(105,210,231,.3);border-radius:1.6rem;padding:1.4rem;gap:.8rem;box-shadow:0 12px 40px #0003,inset 0 1px #ffffff38}.tabel-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;background:transparent;backdrop-filter:none;border-radius:0;border:none;box-shadow:none}.lvl-row{display:flex;align-items:center;padding:.4rem;border-bottom:1px solid rgba(105,210,231,.05);transition:background .3s ease}.lvl-row .c{flex:1;text-align:center;font-family:Sora,sans-serif;font-size:clamp(.85rem,2.2vw,1.1rem);color:var(--text-primary);font-weight:500;font-variant-numeric:tabular-nums}.lvl-row .c:first-child{width:40px;flex:none;font-size:clamp(.8rem,2vw,1rem)}.lvl-row.past{background:#10192566}.lvl-row.future{background:transparent}.lvl-row.active{background:linear-gradient(90deg,#69d2e726,#a7dbd81a);box-shadow:inset 0 0 0 1px #69d2e74d}.lvl-row.break-marker{border-top:2px solid #BD1550}.tabel-footer{text-align:center;font-size:clamp(.75rem,1.8vw,.95rem);color:var(--text-primary);padding:1.2rem 0;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.time-minus,.time-plus{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;font-weight:600;color:var(--text-muted);transition:color .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.time-minus::selection,.time-minus *::selection,.time-plus::selection,.time-plus *::selection{background:transparent}.tabel-scroll::-webkit-scrollbar{width:8px}.tabel-scroll::-webkit-scrollbar-track{background:transparent}.tabel-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.tabel-header .th:first-child{width:46px;flex:none}.hud__metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media (min-width: 521px){.hud__metrics{grid-template-columns:repeat(3,1fr)}.tabel-header .th:first-child{width:50px}}