html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}.marrowmark-shell{--marrow-ink:#191513;--marrow-paper:#f4e6c4;--marrow-chalk:#5fc7c6;--marrow-rust:#8b3540;--marrow-stone:#41332a;box-sizing:border-box;isolation:isolate;width:100%;height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));color:var(--marrow-paper);background:radial-gradient(circle at 75% 15%, #5d3d2e, var(--marrow-ink) 56%);font-family:ui-rounded,system-ui,sans-serif;position:relative;overflow:clip}.marrowmark-shell *,.marrowmark-shell :before,.marrowmark-shell :after{box-sizing:border-box}.marrowmark-shell [data-layer][aria-hidden=true]{display:none}.marrowmark-shell[data-view=result] .marrowmark-world{display:block}.marrowmark-world{z-index:0;position:absolute;inset:0;overflow:hidden}.marrowmark-world canvas{touch-action:none;width:100%;height:100%;display:block}.marrowmark-screen{z-index:3;place-items:center;width:100%;height:100%;display:grid;position:relative}.marrowmark-menu-card{background:linear-gradient(145deg,#1f1916f2,#412b20e8);border:1px solid #f4e6c46b;border-radius:24px;gap:clamp(8px,1.8vh,16px);width:min(100%,520px);max-height:100%;padding:clamp(14px,4vw,30px);display:grid;overflow:hidden;box-shadow:0 20px 70px #00000073}.marrowmark-kicker{color:var(--marrow-chalk);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.marrowmark-menu-card h1{margin:0;font:700 clamp(2rem,9vw,4.2rem)/.94 Georgia,serif}.marrowmark-menu-card p{color:#dbcdb0;margin:0;font-size:clamp(.82rem,2.5vw,1rem)}.marrowmark-menu-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.marrowmark-menu-stats span{background:#00000040;border-radius:9px;justify-content:space-between;min-height:32px;padding:7px 9px;font-size:.77rem;display:flex}.marrowmark-menu-actions{grid-template-columns:1fr 1fr 48px;gap:8px;display:grid}.marrowmark-menu-actions [data-action=play]{color:#142521;background:linear-gradient(135deg, var(--marrow-chalk), #d1e7b1);grid-column:1/-1}.marrowmark-shell button{min-width:44px;min-height:48px;color:var(--marrow-paper);font:inherit;touch-action:none;background:#191513cc;border:1px solid #f4e6c470;border-radius:12px;padding:8px 10px;font-weight:800}.marrowmark-shell button:focus-visible{outline:3px solid var(--marrow-chalk);outline-offset:2px}.marrowmark-hud{inset:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) auto max(8px, env(safe-area-inset-left));z-index:2;pointer-events:none;grid-template-columns:minmax(132px,1.4fr) minmax(100px,.9fr) minmax(100px,.9fr) minmax(74px,.65fr) repeat(7,auto);align-items:center;gap:6px;display:grid;position:absolute}.marrowmark-hud button{pointer-events:auto}.marrowmark-hud>*{background:#191513cc;border:1px solid #f4e6c43d;border-radius:10px;min-width:0;padding:7px;font-size:.72rem}.marrowmark-stability,.marrowmark-care-beat,.marrowmark-site-stress{gap:3px;display:grid}.marrowmark-stability>span,.marrowmark-care-beat>span,.marrowmark-site-stress>span,.marrowmark-time>span{justify-content:space-between;gap:6px;display:flex}.marrowmark-stability [role=progressbar],.marrowmark-care-beat [role=progressbar],.marrowmark-site-stress [role=progressbar]{background:#261d19;border-radius:99px;height:7px;overflow:hidden}.marrowmark-stability i{width:var(--stability);background:linear-gradient(90deg, var(--marrow-rust), #d5ab56, var(--marrow-chalk));height:100%;display:block}.marrowmark-care-beat i{width:var(--care-beat);background:repeating-linear-gradient(90deg, var(--marrow-chalk) 0 5px, #bde5cc 5px 8px);height:100%;display:block}.marrowmark-care-beat[data-obscured=true] [role=progressbar]{background:repeating-linear-gradient(135deg,#261d19 0 5px,#5f4b40 5px 10px)}.marrowmark-care-beat[data-obscured=true] i{opacity:0;width:0}.marrowmark-site-stress i{width:var(--site-stress);background:repeating-linear-gradient(135deg, #d5ab56 0 5px, var(--marrow-rust) 5px 10px);height:100%;display:block}.marrowmark-care-beat strong,.marrowmark-site-stress [data-hud=stress-state],.marrowmark-time small{letter-spacing:.06em;font-size:.62rem}.marrowmark-time{gap:2px;display:grid}.marrowmark-time>strong{font-variant-numeric:tabular-nums;font-size:.94rem}.marrowmark-brace{color:var(--marrow-chalk);gap:2px;display:grid}.marrowmark-hud-stat{gap:2px;display:grid}.marrowmark-hud-stat strong{font-variant-numeric:tabular-nums}.marrowmark-phase,.marrowmark-powers{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.marrowmark-powers{gap:4px;display:flex}.marrowmark-powers span{background:#5fc7c629;border-radius:5px;padding:2px 4px}.marrowmark-touch{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));z-index:3;pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute}.marrowmark-dpad,.marrowmark-touch-actions{pointer-events:auto;gap:5px;display:grid}.marrowmark-dpad{grid-template-columns:repeat(2,48px)}.marrowmark-touch-actions{grid-template-columns:repeat(2,minmax(48px,74px))}.marrowmark-touch button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);min-width:48px;min-height:48px;padding:5px}.marrowmark-overlay{z-index:5;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:#100c0ac2;place-items:center;display:grid;position:absolute;inset:0}.marrowmark-overlay[data-overlay=result]{background:linear-gradient(90deg,#100c0ae6 0 42%,#100c0a29 100%);place-items:center start}.marrowmark-overlay[data-overlay=result] .marrowmark-dialog{background:#2a211cf0;width:min(100%,520px)}.marrowmark-overlay[hidden]{display:none}.marrowmark-countdown{color:var(--marrow-paper);text-align:center;text-shadow:0 5px 20px #000;background:0 0;font:800 clamp(4rem,20vw,10rem)/1 Georgia,serif}.marrowmark-dialog{background:#2a211c;border:1px solid #f4e6c473;border-radius:20px;gap:12px;width:min(100%,560px);max-height:min(92dvh,680px);padding:clamp(14px,4vw,26px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000094}.marrowmark-dialog h2,.marrowmark-dialog h3,.marrowmark-dialog p{margin:0}.marrowmark-dialog h2{font-family:Georgia,serif;font-size:clamp(1.5rem,7vw,2.6rem)}.marrowmark-dialog-scroll{overscroll-behavior:contain;overflow-y:auto}.marrowmark-dialog-heading,.marrowmark-section-heading,.marrowmark-dialog-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.marrowmark-dialog-heading>button{flex:0 0 44px;min-height:44px;padding:4px}.marrowmark-section-heading{margin-bottom:7px}.marrowmark-section-heading>span{color:#dbcdb0;font-size:.75rem}.marrowmark-reward-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.marrowmark-reward-gallery button{text-align:left;min-height:44px;padding:6px 8px;display:grid}.marrowmark-reward-gallery button[aria-pressed=true]{border-width:2px;border-color:var(--marrow-chalk)}.marrowmark-reward-gallery button:disabled{color:#c8baa0;opacity:.76;background:#19151375}.marrowmark-reward-gallery small,.marrowmark-achievement-list small{color:#dbcdb0;font-size:.64rem;font-weight:700}.marrowmark-achievement-list,.marrowmark-result-progress ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.marrowmark-achievement-list li{background:#0003;border-radius:7px;justify-content:space-between;gap:8px;padding:5px 7px;font-size:.75rem;display:flex}.marrowmark-result-score{color:var(--marrow-chalk);font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,12vw,4.8rem)}.marrowmark-result-progress{background:#00000038;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;display:grid}.marrowmark-result-progress[hidden]{display:none}.marrowmark-result-progress>strong,.marrowmark-result-progress>p{grid-column:1/-1}.marrowmark-result-progress>strong{color:var(--marrow-chalk)}.marrowmark-result-progress li{font-size:.75rem}.marrowmark-dialog-actions{justify-content:stretch}.marrowmark-dialog-actions button{flex:1}.marrowmark-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes marrowmark-critical-pulse{50%{border-color:#ffb067;box-shadow:0 0 0 3px #8b354061}}.marrowmark-shell.is-critical .marrowmark-stability{border-color:var(--marrow-rust);animation:1.1s ease-in-out infinite marrowmark-critical-pulse}@media (any-pointer:coarse){.marrowmark-touch{display:flex}.marrowmark-hud{right:max(8px, env(safe-area-inset-right));max-width:none}}@media (width<=700px){.marrowmark-overlay[data-overlay=result]{background:linear-gradient(#100c0a0f 0 24%,#100c0ae0 58%);place-items:end center}.marrowmark-overlay[data-overlay=result] .marrowmark-dialog{background:#2a211ceb;max-height:72dvh}}@media (width<=390px){.marrowmark-hud{right:max(8px, env(safe-area-inset-right));grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;max-width:none}.marrowmark-hud>*{padding:3px 4px;font-size:.64rem}.marrowmark-hud [data-action=pause],.marrowmark-hud [data-action=mute]{display:none}.marrowmark-menu-card{border-radius:16px}.marrowmark-reward-gallery{grid-template-columns:1fr}.marrowmark-dialog{gap:8px}.marrowmark-result-progress{grid-template-columns:1fr}.marrowmark-result-progress>strong,.marrowmark-result-progress>p{grid-column:1}}@media (width<=320px){.marrowmark-shell{padding:5px}.marrowmark-menu-card{gap:6px;padding:10px}.marrowmark-menu-card h1{font-size:1.9rem}.marrowmark-menu-actions{gap:5px}.marrowmark-touch-actions{grid-template-columns:repeat(2,48px)}}@media (height<=420px){.marrowmark-menu-card{grid-template-columns:minmax(0,1.2fr) minmax(150px,.8fr);gap:7px;padding:10px}.marrowmark-menu-card h1,.marrowmark-menu-card p{grid-column:1}.marrowmark-menu-stats,.marrowmark-menu-actions{grid-column:2}.marrowmark-menu-actions [data-action=play]{grid-column:auto}.marrowmark-hud{gap:3px}.marrowmark-touch{bottom:4px}}@media (orientation:landscape) and (height<=520px){.marrowmark-menu-card{grid-template-columns:minmax(0,1.15fr) minmax(170px,.85fr)}.marrowmark-menu-card h1,.marrowmark-menu-card p{grid-column:1}.marrowmark-menu-stats,.marrowmark-menu-actions{grid-column:2}.marrowmark-hud{right:max(8px, env(safe-area-inset-right));grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}.marrowmark-hud>*{padding:4px 6px}}@media (prefers-reduced-motion:reduce){.marrowmark-shell *,.marrowmark-shell :before,.marrowmark-shell :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}.marrowmark-shell.is-critical .marrowmark-stability{animation:none}}
