@import './report-base.css';
.access-cover{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#e3eff7;color:#07448d;text-align:center;gap:20px}.access-cover p{max-width:540px;line-height:1.6}
.forcegame-result-page body{background:#e3eff7;color:#313140}.forcegame-result-page #shiftResult{position:relative;inset:auto;width:100%;max-width:1200px;margin:auto;height:auto;max-height:none;overflow:visible;padding:24px 20px}.forcegame-result-page #shiftResult .result-sheet{min-height:0}.forcegame-result-page .report-action{display:block;text-align:center}
.result-locked #resultProfile,.result-locked .result-totals,.is-locked .saved-score{filter:blur(8px);user-select:none;pointer-events:none}
.cached-result-page .game,.cached-result-page #shiftResult,.cached-result-page #roundLoader,.cached-result-page #agentSetup{display:none!important}.saved-result{max-width:1124px;margin:24px auto;padding:24px;color:#07448d}.saved-result h1{font-family:Onest,sans-serif;font-size:32px}.saved-score{font-size:32px;font-weight:700}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#reportForm label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:16px}#reportForm input:not([type=checkbox]),#reportForm select{width:100%;min-width:0;height:52px;border:1px solid #c1dae9;border-radius:10px;background:#fff;padding:10px 14px;font:400 16px Onest,sans-serif;color:#313140}#reportForm input:focus,#reportForm select:focus{outline:3px solid #ffcb04;outline-offset:2px}.form-grid .wide{grid-column:1/-1}
#reportForm .consent{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin:22px 0;font-size:13px;font-weight:400}.consent input{flex-shrink:0;width:20px;height:20px;accent-color:#0078be;margin-top:2px}#reportForm a,.site-legal a{color:#0078be}.honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-submit,.forcegame-download-pdf{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border:0;border-radius:12px;background:#07448d;color:#fff;font:600 16px Onest,sans-serif;cursor:pointer}.form-submit:disabled,.forcegame-download-pdf:disabled{opacity:.65;cursor:wait}#formError,.forcegame-pdf-status{font-size:15px;color:#ae302b}#formError:empty,.forcegame-pdf-status:empty{display:none}
.forcegame-report-rank{margin:20px 0;padding:18px 22px;border-radius:16px;background:#f3f9ff;border-left:5px solid #ffcb04}.forcegame-report-rank-label{font-size:13px;font-weight:600;color:#0078be}#forcegame-report .forcegame-report-rank-title{margin:5px 0 0;font-size:26px;line-height:1.25;font-weight:700;color:#07448d}
.site-legal{display:none;max-width:1160px;margin:24px auto;padding:0 20px 24px;font:12px/1.6 Onest,sans-serif;color:#566d80}.forcegame-result-page .site-legal{display:block}.site-legal nav{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;margin-bottom:20px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr;gap:14px}.form-submit{width:100%}.forcegame-result-page #shiftResult{padding:16px 12px}.saved-result{padding:16px}.saved-result h1{font-size:26px}#forcegame-report .forcegame-report-rank-title{font-size:22px}.forcegame-report-rank{padding:15px 16px}}

#force-majeure-header {
  position: relative; z-index: 2; box-sizing: border-box; flex: 0 0 76px;
  display: flex; align-items: center; justify-content: space-between; gap: 28px;
  width: 100%; max-width: 1440px; margin: 0 auto; padding: 10px 32px;
  font: 15px/1.3 Onest, Arial, sans-serif;
}
#force-majeure-header a { color: #fff !important; text-decoration: none; }
#force-majeure-header a:hover { text-decoration: underline; }
#force-majeure-header a:focus-visible, #force-majeure-menu-toggle:focus-visible { outline: 2px solid #ffdc50; outline-offset: 4px; }
#force-majeure-logo { flex: none; display: flex; align-items: center; }
#force-majeure-logo img { display: block; width: 140px; height: 50px; object-fit: contain; }
#force-majeure-menu { display: flex; align-items: center; gap: clamp(16px, 2.5vw, 36px); }
#force-majeure-menu a { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
#force-majeure-menu .academy-phone { font-weight: 700; }
#force-majeure-menu-toggle { display: none; box-sizing: border-box; }
@media (max-width: 1000px) {
  #force-majeure-header { flex-basis: 62px; padding: 6px 20px; }
  #force-majeure-logo img { width: 123px; height: 44px; }
  #force-majeure-menu-toggle { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 0 8px 12px; border: 0; background: transparent; color: #fff; font: inherit; cursor: pointer; }
  #force-majeure-menu-toggle svg { width: 22px; height: 22px; }
  #force-majeure-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 12px 20px 20px; background: #103762; box-shadow: 0 14px 20px #071b3144; }
  #force-majeure-menu.is-open { display: flex; align-items: stretch; flex-direction: column; gap: 4px; }
}

#force-majeure-header {font-family:Onest,Arial,sans-serif;height:76px;flex-shrink:0;background:#103762}
body:not(.game-finished) .game {height:calc(100dvh - 126px)}
.site-legal {display:block;position:fixed;bottom:0;left:0;right:0;max-width:none;height:50px;padding:6px 20px;margin:0;color:#a9bfd2;text-align:center;font-size:10px;background:#103762}
.site-legal p {margin:0 auto;max-width:1200px}.site-legal a {color:#c5d8e7}
.forcegame-result-page #force-majeure-header {max-width:none;padding-left:max(20px,calc((100% - 1376px)/2));padding-right:max(20px,calc((100% - 1376px)/2))}
.forcegame-result-page .site-legal {position:static;height:auto;padding:20px}
@media(max-width:1000px){#force-majeure-header{height:62px}body:not(.game-finished) .game{height:calc(100dvh - 112px)}}
@media(max-width:700px){#force-majeure-header{height:48px;padding:4px 12px}#force-majeure-logo img{width:96px;height:34px}#force-majeure-menu-toggle{min-height:40px;font-size:13px}body:not(.game-finished) .game{height:auto;min-height:calc(100dvh - 48px)}.site-legal{position:static;height:auto;padding:10px 12px}}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px){#force-majeure-header{height:31px;padding:3px 10px}#force-majeure-logo img{width:62px;height:22px}#force-majeure-menu-toggle{min-height:22px;font-size:11px}body:not(.game-finished) .game{height:calc(100dvh - 71px)}.site-legal{height:40px;font-size:8px}}

/* The setup already carries the brand, so give it the header's space. */
#force-majeure-header {height:60px;min-height:60px;flex-basis:60px;padding:8px 28px;font-size:14px}
#force-majeure-logo img {width:112px;height:40px}
body.agent-setup-open #force-majeure-header {display:none}
#gameViewport {position:relative;height:var(--game-viewport-height,calc(100dvh - 110px));isolation:isolate}
#gameViewport > .game {position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) scale(var(--game-scale,1));transform-origin:center}
#gameViewport #agentSetup[open] {position:absolute;inset:auto;left:50%;top:50%;margin:0;height:auto;max-height:none;overflow:visible;transform:translate(-50%,-50%) scale(var(--setup-scale,1));transform-origin:center}
.forcegame-result-page #gameViewport {display:none}
@media(min-width:701px) {
  body:not(.game-finished) #gameViewport > .game {width:var(--game-layout-width,100%);height:var(--game-layout-height,100%);min-height:0}
}
@media(max-width:1000px) {
  #force-majeure-header {height:52px;min-height:52px;flex-basis:52px;padding:6px 20px}
  #force-majeure-logo img {width:100px;height:36px}
}
@media(max-width:700px) {
  body.agent-setup-open {display:block;min-height:0}
  #force-majeure-header {height:44px;min-height:44px;flex-basis:44px;padding:4px 12px}
  #force-majeure-logo img {width:90px;height:32px}
  #gameViewport {height:var(--game-viewport-height,calc(100dvh - 44px));min-height:0}
  #gameViewport > .game {left:0;top:0;width:100%;height:100%;min-height:0;transform:none}
  #gameViewport .game .play-layout .laptop .phone .phone-content {height:0;min-height:0;flex:1 1 0%;overflow-y:auto;overscroll-behavior-y:contain}
  #gameViewport .mobile-scene[hidden] {display:block!important;visibility:hidden}
}
