body.mode-menu{--ink:#205b76;--muted:#476675;--teal:#205b76;--line:#aac3cf;color:var(--ink);background:#eaf1f4;line-height:1.55}.mode-menu .site-header{border-bottom:2px solid var(--ink);background:#fafcfb;gap:20px;max-width:none;min-height:84px;padding:16px max(24px,50vw - 592px)}.mode-menu .wordmark{letter-spacing:.06em;gap:10px;min-height:44px;font-size:1.1rem;font-weight:700}.mode-menu .wordmark sup{letter-spacing:0;vertical-align:super;margin-left:3px;font-size:.6em}.mode-menu .brand-mark{color:var(--ink);border:1px solid;border-radius:50%;width:28px;height:28px;font-size:29px;line-height:1}.mode-menu .site-header nav{flex-wrap:wrap;gap:24px}.mode-menu .site-header nav a{justify-content:center;min-width:44px;font-size:.9rem;font-weight:700}.mode-menu a:focus-visible{outline-offset:5px;outline:3px solid #973900}.mode-menu #main{max-width:1232px;margin:0 auto;padding:44px 24px 48px}.mode-menu .mode-intro{margin-bottom:28px}.mode-menu .eyebrow{letter-spacing:.12em;color:var(--muted);margin-bottom:12px;font-size:.72rem}.mode-menu .intro-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.mode-menu h1{letter-spacing:-.04em;font-size:clamp(1.95rem,4vw,3rem);font-weight:700;line-height:1.15}.mode-menu .preview-label{border:1px solid var(--line);white-space:nowrap;border-radius:3px;padding:5px 9px;font-size:.68rem}.mode-menu .mode-intro>p:last-child{max-width:65ch;font-size:.95rem}.mode-menu .mode-stack{flex-direction:column;gap:22px;scroll-margin-top:20px;display:flex}.mode-menu .mode-card{background:#fbfcfb;border:1px solid #9eb8c5;border-radius:10px;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:stretch;min-width:0;display:grid;overflow:hidden;box-shadow:0 4px #c9dae2,0 8px 20px #173f5010}.mode-menu .playable{color:var(--ink);border-top:5px solid var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}.mode-menu .playable:focus-visible{outline-offset:6px}.mode-menu .mode-copy{flex-direction:column;align-items:flex-start;min-width:0;padding:28px;display:flex}.mode-menu .mode-meta{letter-spacing:.05em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;width:100%;margin-bottom:20px;font-size:.65rem;display:flex}.mode-menu .availability{color:#435a65;letter-spacing:0;background:#e8edef;border:1px solid #bdcbd2;border-radius:3px;padding:4px 7px;font-size:.67rem;font-weight:700;line-height:1.3;display:inline-flex}.mode-menu .availability.available{color:#27513b;background:#dfede5;border-color:#a4c5b2}.mode-menu .mode-copy h2{letter-spacing:-.045em;margin-bottom:16px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.12}.mode-menu .mode-copy>p{max-width:47ch;font-size:.9rem;line-height:1.6}.mode-menu .mode-detail{color:var(--muted);margin-top:10px;font-size:.7rem}.mode-menu .mode-action{background:var(--ink);color:#fff;border-radius:3px;justify-content:space-between;align-items:center;gap:18px;max-width:100%;min-height:48px;margin-top:24px;padding:12px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.mode-menu .mode-action>span{font-size:1.1rem;line-height:1}.mode-menu .mode-media{background:#d7e5ec;border-left:1px solid #b2c9d4;flex-direction:column;justify-content:center;min-width:0;padding:16px;display:flex}.mode-menu .mode-media img{object-fit:contain;aspect-ratio:auto;background:#eaf1f4;border:1px solid #9eb8c5;border-radius:4px;width:100%;max-width:100%;height:auto;display:block}.mode-menu .mode-media figcaption{color:#375667;overflow-wrap:anywhere;padding-top:9px;font-size:.75rem;line-height:1.5}.mode-menu .planned{box-shadow:none;color:#405e6d;background:#f1f5f6;border-style:dashed;grid-template-columns:minmax(0,1fr) minmax(150px,.42fr)}.mode-menu .planned .mode-copy{padding:25px 28px}.mode-menu .planned .mode-meta{max-width:510px;margin-bottom:12px}.mode-menu .planned .mode-copy h2{margin-bottom:10px;font-size:clamp(1.6rem,3vw,2rem)}.mode-menu .planned-graphic{color:#678491;background:repeating-linear-gradient(0deg,#0000,#0000 19px,#cfdee540 20px),repeating-linear-gradient(90deg,#0000,#0000 19px,#cfdee540 20px);border-left:1px dashed #bdcdd5;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.mode-menu .planned-graphic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:150px;max-width:100%;height:90px}.mode-menu .planned-graphic>span{letter-spacing:.08em;text-align:center;font-size:.53rem}.mode-menu .planned-graphic .future-mark{font-size:4rem;font-weight:400;line-height:1}.mode-menu .mode-note{color:var(--muted);max-width:95ch;padding:22px 0 0;font-size:.78rem;line-height:1.7}.mode-menu .mode-note strong{color:var(--ink)}.mode-menu .site-footer{border-top:1px solid var(--line);background:#dae7ed;gap:20px;max-width:none;padding:28px max(24px,50vw - 592px)}.mode-menu .site-footer .wordmark{font-size:.95rem}.mode-menu .site-footer p{font-size:.75rem}.mode-menu .site-footer nav{align-content:start;gap:4px 20px}.mode-menu .site-footer nav a{min-height:44px}.mode-menu .site-footer .footer-note{font-size:.7rem}@media (width<=800px){.mode-menu .site-header{flex-wrap:wrap;padding:12px 20px}.mode-menu .site-header nav{gap:18px}.mode-menu #main{padding:30px 20px 36px}.mode-menu .mode-card{grid-template-columns:minmax(0,1fr)}.mode-menu .mode-copy{padding:24px}.mode-menu .mode-media{border-top:1px solid #b2c9d4;border-left:0;padding:12px}.mode-menu .mode-media img{max-height:none}.mode-menu .planned{grid-template-columns:minmax(0,1fr) 125px}.mode-menu .planned-graphic{padding:12px}.mode-menu .planned-graphic svg{height:70px}.mode-menu .planned-graphic>span:not(.future-mark){display:none}.mode-menu .site-footer{padding:24px 20px}}@media (width<=480px){.mode-menu .site-header{gap:4px;padding:12px 18px}.mode-menu .site-header nav{justify-content:space-between;gap:12px;width:100%}.mode-menu #main{padding:26px 16px 32px}.mode-menu .mode-intro{margin-bottom:24px}.mode-menu .mode-intro>p:last-child{font-size:.87rem}.mode-menu .intro-line{gap:10px}.mode-menu .mode-copy,.mode-menu .planned .mode-copy{padding:20px}.mode-menu .mode-meta{margin-bottom:16px;font-size:.6rem}.mode-menu .mode-copy>p{font-size:.84rem}.mode-menu .mode-action{width:100%;min-height:48px}.mode-menu .planned{grid-template-columns:minmax(0,1fr)}.mode-menu .planned-graphic{display:none}.mode-menu .site-footer{padding:24px 18px}}@media (prefers-reduced-motion:reduce){.mode-menu .playable{transition:none}}@media (forced-colors:active){.mode-menu .mode-card,.mode-menu .availability{border:1px solid canvastext}.mode-menu .playable:focus-visible{outline:3px solid highlight}.mode-menu .mode-action{border:1px solid linktext}}.mode-menu .mode-stack{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;display:grid}.mode-menu .mode-card,.mode-menu .planned{isolation:isolate;color:#fff;background:#101d26;border:1px solid #587280;border-radius:12px;grid-template-rows:none;grid-template-columns:none;min-height:510px;display:flex;position:relative;box-shadow:0 4px #c9dae2,0 8px 20px #173f5020}.mode-menu .playable:hover{border-color:#bddce9;box-shadow:0 4px #a4c5d5,0 10px 24px #173f5030}.mode-menu .mode-media,.mode-menu .planned-graphic{z-index:0;pointer-events:none;background:#101d26;border:0;min-height:0;margin:0;padding:0;display:flex;position:absolute;inset:0}.mode-menu .mode-media img{object-fit:cover;object-position:50% 35%;background:#101d26;border:0;border-radius:0;width:100%;height:100%;max-height:none}.mode-menu .mode-copy,.mode-menu .planned .mode-copy{z-index:1;color:#fff;text-shadow:0 1px 4px #0008;background:linear-gradient(#050d14b3 0%,#050d141f 27%,#050d14a8 48%,#050d14f0 76%,#080f16 100%);flex-direction:column;flex:1;align-items:flex-start;min-height:510px;padding:22px;display:flex;position:relative}.mode-menu .mode-meta,.mode-menu .planned .mode-meta{color:#fff;max-width:none;margin-bottom:auto}.mode-menu .mode-copy h2,.mode-menu .planned .mode-copy h2{color:#fff;margin-top:155px;margin-bottom:12px;font-size:1.85rem;line-height:1.12}.mode-menu .mode-copy>p{color:#fff;max-width:47ch;margin-bottom:16px;font-size:.85rem;line-height:1.55}.mode-menu .mode-detail{color:#fff;margin-top:0;margin-bottom:16px;font-size:.68rem}.mode-menu .mode-action{color:#fff;width:100%;min-height:46px;text-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff80;margin-top:auto;padding:11px 13px}.mode-menu .playable:hover .mode-action{background:#ffffff26;border-color:#fff}.mode-menu .availability,.mode-menu .availability.available{color:#fff;text-shadow:none;background:#0b1824cc;border:1px solid #ffffff70}.mode-menu .availability.available{background:#143b2fe6;border-color:#95c8ac}.mode-menu .planned{box-shadow:none;border-style:dashed}.mode-menu .planned-graphic{color:#c4e3ed;background:radial-gradient(at 50% 26%,#34566b 0%,#172e40 46%,#0b1824 90%);justify-content:flex-start;align-items:center;padding-top:84px}.mode-menu .planned-graphic svg{stroke-width:1.5px;width:76%;max-width:250px;height:130px}.mode-menu .planned-graphic .future-mark{font-size:8rem;line-height:1}.mode-menu .planned-graphic>span:not(.future-mark){display:none}@media (width<=950px){.mode-menu .mode-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.mode-menu .mode-stack{grid-template-columns:minmax(0,1fr)}.mode-menu .mode-card,.mode-menu .mode-copy,.mode-menu .planned .mode-copy{min-height:480px}.mode-menu .mode-copy,.mode-menu .planned .mode-copy{padding:22px}.mode-menu .mode-copy h2,.mode-menu .planned .mode-copy h2{margin-top:175px}.mode-menu .planned .planned-graphic{display:flex}}@media (forced-colors:active){.mode-menu .mode-copy,.mode-menu .planned .mode-copy{color:canvastext;text-shadow:none;background:canvas}.mode-menu .mode-copy h2,.mode-menu .mode-copy>p,.mode-menu .mode-detail,.mode-menu .mode-meta{color:canvastext}.mode-menu .mode-action,.mode-menu .availability,.mode-menu .availability.available{color:linktext;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-color:linktext}}.mode-menu [data-mode-card=bones] .mode-media img{object-position:70% 30%}.mode-menu [data-mode-card=trauma] .mode-media img{object-position:62% 35%}