.jft-menu-host {
  --menu-ink: #101421; --menu-cream: #fff7df; --menu-muted: #c9c8d9; --menu-gold: #f6c85f; --menu-focus: #78e8ff;
  --menu-frame: url('/game/assets/ui-remaster-phase3/major-frame-v1.webp'); --world-accent: #f6c85f;
  color: var(--menu-cream); font: calc(var(--menu-body-px,16px) * var(--menu-ui-scale,1))/var(--menu-line-height,1.45) var(--menu-body-font,'Trebuchet MS',Arial,sans-serif); text-align: left;
  background-color:#101421;
  background-image:linear-gradient(110deg,rgba(10,16,29,.91),rgba(15,17,37,.75)),var(--menu-world-art);
  background-position:center,center;
  background-size:cover,cover;
  background-repeat:no-repeat;
  isolation: isolate; overflow: hidden; box-sizing: border-box; container: jftmenu / size;
}
.jft-menu-host[hidden],.jft-menu-host [hidden] { display: none !important; }
[data-menu-signal] { display:none !important; }
.jft-menu-host *, .jft-menu-host *::before, .jft-menu-host *::after {box-sizing: border-box;}
.jft-menu-host[data-menu-host='campaign'] {position:fixed;inset:0;z-index:9500;width:auto;height:auto;min-height:100%;min-width:0;}
.jft-menu-host[data-menu-host='campaign'][data-paused='true'] {background-color:rgba(10,16,29,.68);background-image:none;}
.jft-menu-host .jft-menu-view {height:100%;min-height:0;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));}
.jft-menu-host .jft-menu-topline {width:100%;max-width:var(--menu-max-width,1160px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;flex:none;border-bottom:1px solid rgba(246,200,95,.24);padding-bottom:10px;}
.jft-menu-host .jft-menu-wordmark {font-weight:900;letter-spacing:.09em;font-size:14px;}
.jft-menu-host .jft-menu-save-state {font-size:14px;letter-spacing:.04em;color:var(--menu-muted);text-align:right;}
.jft-menu-host .jft-menu-scroll {min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-color:#766444 #171c2a;scrollbar-width:thin;scroll-padding:20px;}
.jft-menu-host .jft-menu-content {max-width:var(--menu-max-width,1160px);margin:0 auto;padding:clamp(20px,4vh,48px) 4px var(--menu-section,24px);min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--menu-section,24px);animation:jft-menu-enter var(--menu-enter-ms,160ms) ease-out;}
.jft-menu-host .jft-menu-heading {text-align:left;margin:0 0 18px;}
.jft-menu-host h1,.jft-menu-host h2,.jft-menu-host h3,.jft-menu-host p {margin:0;overflow-wrap:anywhere;text-wrap:pretty;}
.jft-menu-host h1 {font-family:var(--menu-display-font,'Arial Black','Trebuchet MS',sans-serif);font-size:clamp(28px,3.7vw,44px);line-height:1.12;letter-spacing:-.035em;color:var(--menu-cream);text-transform:none;}
.jft-menu-host h2 {font-size:22px;line-height:1.2;letter-spacing:-.015em;color:var(--menu-cream);}
.jft-menu-host .jft-menu-eyebrow {font-size:14px;line-height:1.35;font-weight:900;letter-spacing:.1em;color:var(--world-accent);margin:0 0 12px;text-transform:uppercase;}
.jft-menu-host .jft-menu-intro {font-size:17px;line-height:1.5;max-width:760px;color:var(--menu-muted);margin-top:14px;}
.jft-menu-host .jft-menu-note {font-size:14px;line-height:1.55;color:var(--menu-muted);margin-top:16px;max-width:780px;}
.jft-menu-host .jft-menu-panel {background:#171a2b;border:22px solid transparent;border-image:var(--menu-frame) 34 fill / 22px / 0 stretch;padding:18px;min-width:0;box-shadow:0 14px 30px rgba(0,0,0,.24);}
.jft-menu-host .jft-menu-button {appearance:none;display:block;width:auto;min-height:var(--menu-target,48px);min-width:var(--menu-min-target,44px);padding:12px 18px;border:1px solid #7c704e;border-radius:9px;color:var(--menu-cream);background:#222738;font:700 var(--menu-body-px,16px)/1.35 var(--menu-body-font,'Trebuchet MS',Arial,sans-serif);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,247,223,.07);text-align:center;text-decoration:none;transition:background var(--menu-focus-ms,100ms),border-color var(--menu-focus-ms,100ms);white-space:normal;overflow-wrap:anywhere;letter-spacing:0;text-transform:none;}
.jft-menu-host .jft-menu-button:hover {background:#30364a;border-color:var(--menu-gold);transform:none;filter:none;}
.jft-menu-host .jft-menu-button.is-primary {background:var(--menu-gold);color:#2c210d;border-color:#ffe39b;box-shadow:inset 0 1px 0 #fff0ad,0 5px 12px rgba(0,0,0,.12);}
.jft-menu-host .jft-menu-button.is-primary:hover {background:#ffdb83;}
.jft-menu-host .jft-menu-button.is-danger {border-color:#f08c91;color:#ffd5d8;background:#43242f;}
.jft-menu-host .jft-menu-button:disabled {opacity:.6;cursor:wait;}
.jft-menu-host :is(button,a,input,select):focus-visible {outline:3px solid var(--menu-focus);outline-offset:4px;box-shadow:0 0 0 6px var(--menu-ink);}
.jft-menu-host .jft-menu-actions {display:flex;flex-wrap:wrap;gap:var(--menu-gap,12px);margin-top:20px;}
.jft-menu-host .jft-menu-actions .jft-menu-button {flex:1;min-width:160px;}
.jft-menu-host .jft-menu-footer {width:100%;max-width:var(--menu-max-width,1160px);margin:0 auto;display:flex;justify-content:space-between;gap:18px;flex:none;padding-top:12px;color:var(--menu-muted);font-size:var(--menu-label-px,14px);line-height:1.4;}
.jft-menu-host .jft-title-layout {display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:stretch;}
.jft-menu-host .jft-title-art {min-width:0;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;}
.jft-menu-host .jft-title-visual {position:relative;width:100%;max-width:570px;margin:auto;border:2px solid rgba(255,225,151,.72);border-radius:18px;overflow:hidden;background:#15172e;box-shadow:0 18px 42px rgba(3,5,18,.48),0 0 28px rgba(101,231,255,.12);}
.jft-menu-host .jft-title-visual::after {content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(8,10,26,.58));pointer-events:none;}
.jft-menu-host .jft-menu-logo {display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;object-position:center;margin:auto;}
.jft-menu-host .jft-title-wordmark,.jft-menu-host .jft-completion-wordmark {font:900 clamp(34px,4.8vw,62px)/.98 var(--menu-display-font,'Arial Black','Trebuchet MS',sans-serif);letter-spacing:-.055em;color:#fff7df;text-shadow:0 3px 0 #7d351f,0 6px 18px rgba(0,0,0,.7),0 0 13px rgba(255,210,101,.32);margin:16px auto 0;text-wrap:balance;}
.jft-menu-host .jft-menu-tagline {font-size:18px;max-width:430px;text-align:center;margin:10px auto 0;color:#ffe9b7;}
.jft-menu-host .jft-title-actions {display:flex;flex-direction:column;justify-content:center;}
.jft-menu-host .jft-title-actions .jft-menu-button {width:100%;margin-top:12px;}
.jft-menu-host .jft-title-actions h1 {font-size:36px;}
.jft-menu-host .jft-main-panel {max-width:850px;width:100%;margin:0 auto;}
.jft-menu-host .jft-main-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;}
.jft-menu-host .jft-main-primary,.jft-menu-host .jft-main-secondary {display:grid;gap:12px;align-content:start;}
.jft-menu-host .jft-world-grid,.jft-menu-host .jft-level-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.jft-menu-host .jft-world-card {padding:0;overflow:hidden;text-align:left;background:#191e30;border:1px solid rgba(246,200,95,.6);border-radius:14px;}
.jft-menu-host .jft-world-art {width:100%;height:190px;display:block;object-fit:cover;object-position:center;}
.jft-menu-host .jft-world-card-body {padding:24px;}
.jft-menu-host .jft-world-card-body p {font-size:15px;font-weight:400;line-height:1.5;color:var(--menu-muted);margin-top:12px;min-height:46px;}
.jft-menu-host .jft-card-facts {border-top:1px solid rgba(246,200,95,.23);padding-top:16px;margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--menu-muted);font-weight:400;}
.jft-menu-host .jft-menu-chip {display:inline-flex;align-items:center;gap:5px;max-width:100%;border:1px solid #74664c;background:#212432;border-radius:6px;padding:5px 8px;font-size:14px;line-height:1.3;color:#eee2c9;}
.jft-menu-host .jft-menu-chip.is-complete {color:#d7f5be;border-color:#6e845b;background:#202c24;}
.jft-menu-host .jft-level-card {padding:26px 22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:235px;background:#1b2031;border-top:4px solid var(--world-accent);}
.jft-menu-host .jft-level-card h2 {margin:0 0 18px;min-height:56px;}
.jft-menu-host .jft-level-card .jft-card-facts {margin-top:auto;padding-top:18px;flex-direction:column;width:100%;}
.jft-menu-host .jft-level-card[data-availability='locked-preview'] {border-top-style:dashed;background:#20222d;}
.jft-menu-host .jft-level-detail {max-width:920px;width:100%;margin:auto;}
.jft-menu-host .jft-menu-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0;}
.jft-menu-host .jft-menu-metric {padding-bottom:16px;border-bottom:1px solid rgba(246,200,95,.2);min-width:0;}
.jft-menu-host .jft-menu-label {display:flex;align-items:center;gap:8px;color:var(--menu-muted);font-size:14px;min-height:28px;}
.jft-menu-host .jft-menu-metric strong {font-size:24px;line-height:1.25;font-weight:800;display:block;margin-top:8px;overflow-wrap:anywhere;}
.jft-menu-host .jft-menu-icon {display:inline-block;object-fit:contain;flex:none;vertical-align:middle;max-width:100%;}
.jft-menu-host .jft-pause-panel,.jft-menu-host .jft-settings-panel,.jft-menu-host .jft-confirm-panel,.jft-menu-host .jft-respawn-panel {max-width:640px;width:100%;margin:auto;}
.jft-menu-host .jft-confirm-panel {max-width:var(--menu-dialog-width,560px);}
.jft-menu-host .jft-pause-panel>.jft-menu-button {width:100%;}
.jft-menu-host .jft-menu-setting {display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:20px;}
.jft-menu-host input[type='range'] {grid-column:1/-1;width:100%;height:44px;accent-color:var(--menu-gold);cursor:pointer;}
.jft-menu-host .jft-menu-check {display:flex;align-items:center;gap:12px;min-height:48px;margin:20px 0;cursor:pointer;}
.jft-menu-host .jft-menu-check input {width:24px;height:24px;accent-color:var(--menu-gold);}
.jft-menu-host .jft-controls-grid {font-size:14px;}
.jft-menu-host .jft-controls-row {display:grid;grid-template-columns:.85fr 1.3fr 1.2fr 1fr;}
.jft-menu-host .jft-controls-row>* {padding:14px 10px;border-bottom:1px solid rgba(246,200,95,.18);overflow-wrap:anywhere;}
.jft-menu-host .jft-controls-header {color:var(--menu-gold);}
.jft-menu-host .jft-results-layout {display:grid;grid-template-columns:1.08fr 1fr;gap:24px;}
.jft-menu-host[data-screen='results'] .jft-menu-content {justify-content:flex-start;min-height:0;}
.jft-menu-host .jft-results-actions {flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:var(--menu-max-width,1160px);margin:8px auto 0;padding:8px 0;background:#101421;}
.jft-menu-host .jft-results-actions .jft-menu-button {min-width:0;min-height:44px;margin:0;padding:10px 8px;white-space:normal;}
@media (max-width:560px) {.jft-menu-host .jft-results-actions {grid-template-columns:repeat(2,minmax(0,1fr));}}
.jft-menu-host .jft-score-value {font-size:clamp(36px,5vw,62px);font-family:'Arial Black','Trebuchet MS',sans-serif;color:var(--menu-gold);line-height:1.1;overflow-wrap:anywhere;}
.jft-menu-host .jft-result-details {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;font-size:14px;}
.jft-menu-host .jft-result-details dt {color:var(--menu-muted);display:flex;align-items:center;gap:8px;}.jft-menu-host .jft-result-details dd {margin:0;text-align:right;overflow-wrap:anywhere;}
.jft-menu-host .jft-score-skip {margin-top:16px;}
.jft-menu-host .jft-results-rewards h2 {margin-bottom:18px;}
.jft-menu-host .jft-reward-row {display:flex;align-items:center;gap:14px;margin:20px 0;padding-bottom:16px;border-bottom:1px solid rgba(246,200,95,.2);}
.jft-menu-host .jft-reward-row p {font-size:14px;color:var(--menu-muted);margin-top:6px;}
.jft-menu-host .jft-completion-panel,.jft-menu-host .jft-credits-panel {max-width:920px;width:100%;margin:auto;}
.jft-menu-host .jft-completion-wordmark {font-size:clamp(32px,5vw,52px);margin:0 0 24px;text-align:left;}
.jft-menu-host .jft-credits-list {margin:30px 0;}.jft-menu-host .jft-credits-list dt {font-size:14px;color:var(--menu-muted);margin-top:24px;}.jft-menu-host .jft-credits-list dd {margin:6px 0;font-size:22px;font-weight:700;}
.jft-menu-host[data-reduced='true'] .jft-menu-content {animation:none;}.jft-menu-host[data-reduced='true'] * {transition:none;}
.jft-menu-host .jft-menu-button {font-size:calc(var(--menu-body-px,16px) * var(--menu-ui-scale,1));}
.jft-menu-host .jft-menu-note,.jft-menu-host .jft-menu-label {font-size:calc(var(--menu-label-px,14px) * var(--menu-ui-scale,1));}
.jft-menu-host h2 {font-size:calc(22px * var(--menu-ui-scale,1));}
body[data-menu-active='true'] .touch-controls {visibility:hidden;pointer-events:none;}
body[data-menu-presentation='entry'] .game-stage>canvas#game {visibility:hidden;}
.jft-menu-respawn-status {position:fixed;z-index:9200;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-width:90vw;padding:12px 22px;border:1px solid #d9b65a;border-radius:10px;background:#171a2bf2;color:#fff7df;font:700 16px/1.4 'Trebuchet MS',Arial,sans-serif;pointer-events:none;}
@keyframes jft-menu-enter {from {opacity:0;transform:translateY(5px)} to {opacity:1;transform:translateY(0)}}
@container jftmenu (max-width:760px) {
  .jft-menu-host .jft-title-layout {grid-template-columns:1fr;gap:16px;}.jft-menu-host .jft-title-visual {width:min(420px,92%);}.jft-menu-host .jft-title-wordmark {font-size:clamp(32px,8vw,46px);margin-top:10px;}.jft-menu-host .jft-menu-tagline {font-size:16px;margin-top:6px;}
  .jft-menu-host .jft-title-actions {width:100%;max-width:560px;margin:auto;}.jft-menu-host .jft-title-actions h1 {font-size:28px;}
  .jft-menu-host .jft-menu-panel {border-width:18px;border-image-width:18px;padding:10px;}.jft-menu-host .jft-menu-content {padding-top:22px;gap:18px;}
  .jft-menu-host .jft-world-grid,.jft-menu-host .jft-level-grid {grid-template-columns:1fr;gap:18px;}.jft-menu-host .jft-world-art {height:150px;}.jft-menu-host .jft-world-card-body {padding:18px;}
  .jft-menu-host .jft-world-card-body p {min-height:0;}.jft-menu-host .jft-level-card {min-height:0;padding:22px;}.jft-menu-host .jft-level-card h2 {min-height:0;}
  .jft-menu-host .jft-results-layout {grid-template-columns:1fr;}.jft-menu-host .jft-menu-wordmark {font-size:14px;}.jft-menu-host .jft-menu-save-state {display:none;}
  .jft-menu-host .jft-menu-footer {font-size:14px;}.jft-menu-host .jft-menu-footer span:last-child {display:none;}.jft-menu-host .jft-main-grid {grid-template-columns:1fr;}
  .jft-menu-host .jft-controls-row {grid-template-columns:1fr;padding:12px 0;border-bottom:1px solid rgba(246,200,95,.24);}.jft-menu-host .jft-controls-row>* {padding:6px 0;border:0;}.jft-menu-host .jft-controls-row>span {display:grid;grid-template-columns:90px 1fr;gap:12px;}.jft-menu-host .jft-controls-row>span::before {content:attr(data-device);color:var(--menu-muted);}.jft-menu-host .jft-controls-header {display:none;}
  .jft-menu-host .jft-menu-actions .jft-menu-button {min-width:100%;}.jft-menu-host .jft-menu-view {padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));}
}
@container jftmenu (max-height:460px) and (min-width:600px) {
  .jft-menu-host .jft-title-layout {grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(14px,2.4vw,22px);align-items:stretch;}
  .jft-menu-host .jft-title-visual {max-width:360px;}
  .jft-menu-host .jft-title-wordmark {font-size:34px;margin-top:8px;}
  .jft-menu-host .jft-menu-tagline {font-size:15px;margin-top:4px;}
  .jft-menu-host[data-screen='title'] .jft-title-actions {border-width:14px;border-image-width:14px;padding:8px 10px;justify-content:center;}
  .jft-menu-host[data-screen='title'] .jft-title-actions .jft-menu-heading {margin-bottom:8px;}
  .jft-menu-host[data-screen='title'] .jft-title-actions .jft-menu-eyebrow {font-size:12px;margin-bottom:4px;}
  .jft-menu-host[data-screen='title'] .jft-title-actions h1 {font-size:28px;line-height:1.03;}
  .jft-menu-host[data-screen='title'] .jft-title-actions .jft-menu-intro {font-size:14px;line-height:1.3;margin-top:4px;}
  .jft-menu-host[data-screen='title'] .jft-title-actions .jft-menu-button {margin-top:8px;padding-block:8px;}
  .jft-menu-host[data-screen='title'] .jft-title-actions .jft-menu-note {font-size:max(13px,calc(12px * var(--menu-ui-scale,1)));line-height:1.25;margin-top:8px;}
  .jft-menu-host .jft-menu-content {justify-content:flex-start;padding-top:12px;}
  .jft-menu-host[data-screen='title'] .jft-menu-content {justify-content:flex-start;padding-top:7px;padding-bottom:7px;}
  .jft-menu-host .jft-menu-topline {min-height:44px;padding-bottom:4px;}
  .jft-menu-host .jft-menu-footer {display:none;}
}
@media (prefers-reduced-motion:reduce) {.jft-menu-host .jft-menu-content {animation:none;}.jft-menu-host * {transition:none;}}