:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100svh}a{color:inherit}.app{--a:#ef4444;--b:#38bdf8;--c:#22c55e;--d:#f59e0b;--e:#14b8a6;color:#f8fafc;background:linear-gradient(160deg,#14b8a629,#0000 38%),linear-gradient(145deg,#07090d 0%,#111827 58%,#07090d 100%);flex-direction:column;min-height:100svh;display:flex}button,input,textarea{font:inherit}button{touch-action:manipulation}.status-bar{color:#cbd5e1;text-transform:uppercase;background:#07090de0;border-bottom:1px solid #ffffff24;grid-template-columns:1fr minmax(280px,1.6fr) auto;align-items:center;gap:14px;min-height:58px;padding:0 76px 0 92px;font-size:14px;font-weight:900;display:grid}.brand-small,.disclaimer-line{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.disclaimer-line{color:#fff;text-align:center}.status-bar time{color:#fff;font-variant-numeric:tabular-nums;font-size:24px}.home-link,.hamburger-button{z-index:80;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-radius:8px;min-height:38px;font-size:13px;font-weight:950;position:fixed;top:10px}.home-link{padding:0 12px;left:10px}.hamburger-button{place-items:center;gap:4px;width:50px;padding:8px;display:grid;right:10px}.hamburger-button span{background:#fff;border-radius:999px;width:24px;height:3px}.hamburger-menu{z-index:70;background:#07090dfa;border:1px solid #ffffff2e;border-radius:8px;gap:8px;width:min(390px,100vw - 20px);padding:12px;display:grid;position:fixed;top:62px;right:10px;box-shadow:0 28px 80px #0000007a}.hamburger-menu button{color:#fff;cursor:pointer;text-align:left;text-transform:uppercase;background:#1f2937;border:1px solid #ffffff29;border-radius:8px;min-height:54px;font-size:17px;font-weight:950}.menu-step-row,.letter-strip,.step-progress{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.menu-step-row{gap:6px}.hamburger-menu .step-button{text-align:center;min-height:54px;padding:0;font-size:28px}.start-panel,.settings-panel{text-align:center;justify-items:center;gap:20px;width:min(920px,100% - 32px);margin:auto;display:grid}.start-panel h1,.settings-panel h1{color:#fff;text-transform:uppercase;margin:0;font-size:clamp(52px,8vw,88px);font-weight:950;line-height:.95}.subtitle{color:#cbd5e1;text-transform:uppercase;margin:0;font-size:clamp(24px,4vw,36px);font-weight:950}.start-warning,.settings-note{color:#fff;max-width:760px;margin:0;font-size:21px;font-weight:850;line-height:1.25}.letter-strip{gap:8px;width:min(720px,100%)}.letter,.progress-button{color:#fff;border:2px solid #ffffff94;border-radius:8px;place-items:center;font-weight:950;display:grid}.letter{min-height:62px;font-size:34px}.letter-a,.step-a,.progress-a.active,.progress-a.complete,.card-a .debrief-card-head,.step-head-a{background:var(--a)}.letter-b,.step-b,.progress-b.active,.progress-b.complete,.card-b .debrief-card-head,.step-head-b{background:var(--b);color:#07111d}.letter-c,.step-c,.progress-c.active,.progress-c.complete,.card-c .debrief-card-head,.step-head-c{background:var(--c)}.letter-d,.step-d,.progress-d.active,.progress-d.complete,.card-d .debrief-card-head,.step-head-d{background:var(--d);color:#111827}.letter-e,.step-e,.progress-e.active,.progress-e.complete,.card-e .debrief-card-head,.step-head-e{background:var(--e)}.start-button{color:#fff;cursor:pointer;text-transform:uppercase;background:#0f766e;border:0;border-radius:8px;width:min(720px,100%);min-height:112px;font-size:clamp(28px,5vw,42px);font-weight:950;box-shadow:0 20px 60px #0f766e47}.start-button.compact{min-height:86px;font-size:27px}.footer-status{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff1f;place-items:center;min-height:36px;padding:8px 16px;font-size:13px;font-weight:950;display:grid}.footer-status.credits{gap:4px}.footer-links{letter-spacing:.04em;text-transform:none;gap:14px;font-size:12px;display:inline-flex}.footer-links a{color:#cbd5e1;text-underline-offset:3px}.step-progress{gap:12px;min-height:88px;padding:16px 22px}.progress-button{color:#ffffffb8;cursor:pointer;background:#151b25;border-color:#ffffff2e;font-size:38px}.progress-button.active,.progress-button.complete{color:#fff;border-color:#ffffffc2}.progress-b.active,.progress-b.complete,.progress-d.active,.progress-d.complete{color:#111827}.step-card{background:#0b1018;border:3px solid #fff3;border-radius:8px;flex-direction:column;flex:1;width:min(1180px,100% - 44px);margin:0 auto 12px;display:flex;overflow:hidden}.step-head{grid-template-columns:190px 1fr;align-items:center;gap:26px;min-height:220px;padding:26px;display:grid}.step-head span{min-height:158px;color:inherit;border-right:4px solid #ffffff52;place-items:center;font-size:clamp(112px,16vw,180px);font-weight:950;line-height:.8;display:grid}.step-head h1{color:inherit;text-align:left;text-transform:uppercase;margin:0;font-size:clamp(52px,8vw,98px);font-weight:950;line-height:.95}.check-list{flex:1;align-content:center;gap:14px;margin:0;padding:22px;list-style:none;display:grid}.check-list li{background:#ffffff0f;border:2px solid #ffffff3d;border-radius:8px;min-height:88px;overflow:hidden}.check-list li.checked{background:#14b8a63d;border-color:#ffffff9e}.check-row{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:24px;width:100%;min-height:88px;padding:18px 24px;font-size:clamp(25px,3vw,40px);font-weight:900;line-height:1.08;display:flex}.checkbox{background:#ffffff0a;border:5px solid #e2e8f0;border-radius:8px;flex:none;width:48px;height:48px;position:relative}.checked .checkbox{background:#16a34a;border-color:#34d399}.checked .checkbox:after{content:"";border:6px solid #fff;border-width:0 6px 6px 0;width:15px;height:27px;position:absolute;top:4px;left:11px;transform:rotate(45deg)}.action-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(1180px,100% - 44px);margin:0 auto 12px;display:grid}.action-bar button,.debrief-actions button{color:#fff;cursor:pointer;text-transform:uppercase;background:#1f2937;border:0;border-radius:8px;min-height:92px;font-size:21px;font-weight:950}.action-bar button:first-child,.debrief-actions button:first-child{background:#0f766e}.debrief-panel{gap:16px;width:min(1240px,100% - 32px);margin:18px auto;display:grid}.debrief-head{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.debrief-head h1{color:#fff;text-transform:uppercase;margin:0;font-size:50px;font-weight:950;line-height:.95}.debrief-head .step-progress{min-height:68px;padding:0}.print-report{display:none}.debrief-summary{grid-template-columns:minmax(180px,.45fr) minmax(280px,1fr);gap:12px;display:grid}.debrief-summary article,.debrief-summary label,.handover-field,.setting-row{background:#ffffff12;border:2px solid #ffffff2e;border-radius:8px}.debrief-summary article{align-content:center;gap:6px;padding:16px;display:grid}.debrief-summary span,.handover-field span,.setting-row span{color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:950}.debrief-summary strong{color:#fff;font-variant-numeric:tabular-nums;font-size:38px;line-height:1}.debrief-summary label,.handover-field{gap:8px;padding:14px;display:grid}.debrief-summary input,.handover-field textarea{color:#111827;background:#f8fafc;border:2px solid #fff3;border-radius:8px;min-width:0;font-size:21px;font-weight:800}.debrief-summary input{min-height:58px;padding:0 14px}.handover-field textarea{resize:vertical;min-height:120px;padding:14px}.debrief-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.debrief-card{background:#080c12f0;border:2px solid #ffffff2e;border-radius:8px;min-width:0;overflow:hidden}.debrief-card-head{grid-template-columns:52px 1fr;align-items:center;gap:12px;min-height:112px;padding:14px;display:grid}.debrief-card-head span{border:2px solid #ffffffad;border-radius:8px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:950;display:grid}.debrief-card-head h2{color:inherit;margin:0;font-size:20px;font-weight:950;line-height:1.03}.debrief-card dl{border-bottom:1px solid #ffffff1f;margin:0;display:grid}.debrief-card dl div{justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.debrief-card dt,.debrief-list h3{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:950}.debrief-card dd{color:#fff;margin:0;font-weight:950}.debrief-list{padding:12px}.debrief-list h3{margin:0 0 8px}.debrief-list ul{color:#fff;margin:0;padding-left:18px;font-size:14px;font-weight:800;line-height:1.3}.debrief-list p{color:#cbd5e1;margin:0;font-size:14px;font-weight:800}.debrief-list.missed li{color:#fecaca}.debrief-list time{color:#93c5fd;white-space:nowrap}.debrief-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-panel{align-content:center}.setting-row{justify-content:space-between;align-items:center;width:min(680px,100%);min-height:82px;padding:0 20px;display:flex}.setting-row input{accent-color:#0f766e;width:42px;height:42px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:4px solid #fff}@media (width<=880px){.app{overflow:auto}.status-bar{grid-template-columns:1fr auto;gap:8px;min-height:52px;padding:0 66px 0 76px;font-size:12px}.disclaimer-line{display:none}.status-bar time{font-size:21px}.start-panel,.settings-panel{width:calc(100% - 24px);padding:24px 0}.step-progress{gap:7px;min-height:58px;padding:10px 12px}.progress-button{font-size:25px}.step-card,.action-bar{width:calc(100% - 24px)}.step-head{grid-template-columns:.6fr 1.4fr;gap:12px;min-height:196px;padding:20px}.step-head span{border-right-width:3px;min-height:132px;font-size:110px}.step-head h1{font-size:34px}.check-list{gap:10px;padding:14px}.check-list li,.check-row{min-height:72px}.check-row{gap:14px;padding:12px 14px;font-size:23px}.checkbox{border-width:4px;width:34px;height:34px}.checked .checkbox:after{border-width:0 5px 5px 0;width:10px;height:19px;top:2px;left:8px}.action-bar{gap:8px}.action-bar button{min-height:82px;padding:6px;font-size:16px}.debrief-panel{width:calc(100% - 24px)}.debrief-head,.debrief-summary,.debrief-grid,.debrief-actions{grid-template-columns:1fr}.debrief-head h1{font-size:38px}}@media print{.app{color:#111827;background:#fff;min-height:auto;display:block;overflow:visible}.status-bar,.hamburger-menu,.home-link,.hamburger-button,.footer-status,.debrief-head,.debrief-summary,.debrief-grid,.handover-field,.debrief-actions{display:none!important}.debrief-panel{width:100%;margin:0}.print-report{color:#111827;display:block}.print-report h1,.print-report h2,.print-report h3,.print-report p{color:#111827}.print-report h1{margin:0 0 8px;font-size:24px}.print-report h2{border-bottom:1px solid #111827;margin:18px 0 8px;font-size:18px}.print-report h3{margin:10px 0 4px;font-size:14px}.print-report p{margin:0 0 4px;font-size:12px;line-height:1.35}.print-report article{break-inside:avoid}}