/* MUDA MAX v4.3 - immersive illustrated stage road. Gameplay and storage retain v4.2 semantics. */
.level-hub{display:none!important}
.roadmap-hub{margin:0 0 22px;border:1px solid #5fbef0b8;border-radius:22px;background:linear-gradient(155deg,#163958,#182343 70%,#25214b);padding:clamp(10px,2vw,18px);box-shadow:0 16px 48px #030b29b0;color:#fff;scroll-margin-top:90px}
.roadmap-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 4px 9px}
.roadmap-eyebrow{color:#f9d96b;font-size:10px;letter-spacing:.12em;font-weight:950}
.roadmap-heading h2{font-size:clamp(22px,4.5vw,34px);margin:4px 0;letter-spacing:-.055em;text-shadow:0 3px 0 #081a35}
.roadmap-heading p{font-size:12px;line-height:1.5;color:#d5eeff;margin:0}
.roadmap-count{flex:none;display:inline-grid;place-items:center;min-width:77px;border-radius:15px;padding:9px 10px;background:linear-gradient(120deg,#29274f,#373770);border:1px solid #eacc72;color:#ffe8a2;font-size:12px;font-weight:950;box-shadow:inset 0 1px 0 #fff5}
.roadmap-next{margin:4px 2px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:13px;border:1px solid #7ac8f0a8;background:linear-gradient(100deg,#27365a,#23264d)}
.roadmap-next>div{display:grid;gap:3px;min-width:0}.roadmap-next small{font-size:10px;color:#f1d373;font-weight:900}.roadmap-next strong{font-size:clamp(13px,2.5vw,18px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roadmap-next span{font-size:11px;color:#d9e7ff}
.roadmap-next .btn{font-size:12px;padding:10px 12px;white-space:nowrap}
.roadmap-controls{display:flex;gap:7px;overflow:auto;padding:2px 0 9px;scrollbar-width:thin}
.roadmap-tiny{border:1px solid #a3b5df87;border-radius:12px;background:#293856;color:#effaff;flex:none;font-size:11px;font-weight:900;padding:9px 11px;min-height:38px}
.roadmap-tiny:hover{background:#3e4c71}.roadmap-tiny:focus-visible{outline:3px solid #ffe77f;outline-offset:2px}
.roadmap-map-shell{position:relative;isolation:isolate;border-radius:20px;overflow:hidden;border:4px solid #4d527e;box-shadow:0 12px 28px #0008,inset 0 0 0 2px #fff7;background:#6ac6f4}
.roadmap-scroll{position:relative;max-height:min(66vh,710px);min-height:390px;overflow-y:auto;overflow-x:hidden;scrollbar-color:#7fc3dd #184770;scrollbar-width:thin;overscroll-behavior:contain}
.roadmap-track{position:relative;width:100%;height:3230px;min-height:3230px;background:#7bd4e6 url('./roadmap-world.svg') center center/100% 100% no-repeat;isolation:isolate}
.roadmap-track::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,transparent 75%,#063b6d2a 100%);z-index:0}
.roadmap-pin{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transform:translate(-50%,-50%);border:0;background:none;padding:5px 3px;width:clamp(110px,28%,174px);cursor:pointer;color:white;touch-action:manipulation;transition:filter .18s,scale .18s}
.roadmap-pin:hover{filter:brightness(1.12);scale:1.035}.roadmap-pin:focus-visible{outline:4px solid #fff;border-radius:15px;outline-offset:0}
.roadmap-pin-core{position:relative;display:grid;place-items:center;width:clamp(74px,9.5vw,100px);height:clamp(74px,9.5vw,100px);border-radius:50%;background:linear-gradient(140deg,#a7acbd,#5a637f 58%,#3e485f);border:5px solid #e7ebf4;box-shadow:inset 0 -7px 0 #0003,0 8px 0 #1e3a52,0 11px 16px #08213b9c;color:#e7edff;font-weight:1000;font-size:clamp(28px,5vw,42px);text-shadow:0 2px #23324b}
.roadmap-pin-core::before{content:'';position:absolute;inset:6px 6px auto 8px;height:24%;border-radius:100%;background:#ffffff55;transform:rotate(-15deg)}
.roadmap-pin.cleared .roadmap-pin-core{background:linear-gradient(150deg,#c4ff72,#45d661 56%,#149a5f);border-color:#ecffa2;color:#154526;text-shadow:0 1px #e5ffaa}
.roadmap-pin.current .roadmap-pin-core{background:linear-gradient(155deg,#fffba0,#ffcb2f 45%,#f48a19);border-color:#fffbd7;color:#6d3a07;text-shadow:0 1px #fff4b1;box-shadow:inset 0 -7px 0 #e17e00,0 8px 0 #633f1e,0 0 0 6px #ffea6580,0 0 35px #ffff83}
.roadmap-pin.cleared .roadmap-pin-core::after{content:'✓';position:absolute;top:-11px;right:-13px;color:white;background:#24ad5f;border:3px solid white;box-shadow:0 2px 5px #09291b;border-radius:50%;font-size:16px;width:26px;height:26px;display:grid;place-items:center}
.roadmap-pin.current .roadmap-pin-core::after{content:'▼';position:absolute;top:-33px;color:#ffec4e;text-shadow:0 2px 1px #703400;font-size:29px;animation:road-bounce 1.2s ease-in-out infinite alternate}
.roadmap-pin.locked .roadmap-pin-core{filter:saturate(.4);box-shadow:inset 0 -6px 0 #0003,0 8px 0 #243b54,0 10px 14px #102b3b9b}
.roadmap-pin-lock{position:absolute;right:-11px;bottom:-8px;background:#fff;border:3px solid #465572;color:#23344e;border-radius:10px;padding:3px;font-size:17px;line-height:1;box-shadow:0 3px 8px #122e4d}
.roadmap-pin-name{display:block;margin-top:10px;padding:7px 7px 8px;border-radius:11px;max-width:100%;min-width:115px;background:linear-gradient(140deg,#1e264c,#11152b);border:2px solid #eee6be;color:#fff9e6;text-align:center;font-size:clamp(11px,1.9vw,14px);font-weight:1000;line-height:1.2;box-shadow:0 5px 0 #0c2339a8,0 7px 13px #102744aa;text-shadow:0 1px #040c24}
.roadmap-pin.locked .roadmap-pin-name{background:#384053;border-color:#bdc5d4;color:#f1f4ff}
.roadmap-pin.current .roadmap-pin-name{border-color:#ffed81;background:linear-gradient(120deg,#573624,#382c40)}
.roadmap-pin-label{display:block;max-width:100%;padding:4px 5px 0;color:#fff;line-height:1.2;font-size:10px;font-weight:900;text-shadow:0 2px 4px #132342,0 0 4px #132342}
.roadmap-pin-icon{position:absolute;left:-12px;top:-15px;filter:drop-shadow(0 3px 2px #183b45);font-size:24px}
.roadmap-pin.current .roadmap-pin-icon{filter:drop-shadow(0 0 8px #ffee6d)}
.roadmap-selection-placeholder{font-size:12px;color:#c9e4ed}
.roadmap-stage-detail{position:absolute;z-index:7;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:12px;min-height:122px;padding:13px 42px 13px 14px;background:linear-gradient(120deg,#24264cf2,#16162ff5);border:2px solid #ebd37a;border-radius:21px;box-shadow:0 14px 36px #081125b7;backdrop-filter:blur(15px)}
.roadmap-stage-detail[hidden]{display:none!important}.roadmap-stage-art{border-radius:15px;background:linear-gradient(135deg,#4c63a8,#6a34ae);border:1px solid #fff6;min-width:72px;height:74px;display:grid;place-items:center;font-size:40px;flex-shrink:0}
.roadmap-stage-copy{min-width:0;flex:1;display:grid;gap:4px}.roadmap-stage-kicker{font-size:10px;font-weight:1000;letter-spacing:.07em;color:#ffe276}.roadmap-stage-copy strong{font-size:clamp(14px,2.5vw,19px);line-height:1.2}.roadmap-stage-copy span{font-size:12px;color:#e7ebff;line-height:1.35}.roadmap-stage-copy small{font-size:11px;color:#b8ff9d}
.roadmap-stage-play{border:0;border-radius:13px;background:linear-gradient(180deg,#ffe981,#ffb422);color:#312347;font-weight:1000;padding:15px 13px;min-width:112px;box-shadow:inset 0 1px #fff9,0 5px #b56b09;cursor:pointer;flex:none}.roadmap-stage-play:hover:not(:disabled){filter:brightness(1.1)}.roadmap-stage-play:disabled{background:#798096;color:#e3e8f3;box-shadow:0 4px #485063;cursor:not-allowed}
.roadmap-stage-close{position:absolute;right:10px;top:8px;border:0;color:#e6e7ff;background:#7c76a644;border-radius:50%;font-size:13px;width:26px;height:26px;cursor:pointer}
.roadmap-message{padding:11px 12px;margin-top:8px;min-height:36px;background:#25395c;border-radius:11px;border:1px solid #6474a1;color:#e6efff;font-size:12px}
.roadmap-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px;font-size:11px;color:#d2eaff}
.roadmap-celebration[hidden]{display:none!important}.roadmap-celebration{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(510px,calc(100% - 20px));z-index:170;color:white;text-align:center;padding:17px 15px;border-radius:22px;border:3px solid #ffef9b;background:linear-gradient(135deg,#50327b,#1c3c6e);box-shadow:0 18px 55px #000b;animation:road-pop .25s ease}
.roadmap-celebrate-title{font-size:23px;font-weight:1000;color:#ffe07a}.roadmap-celebration strong{display:block;margin:5px 0 11px;font-size:15px}.roadmap-celebrate-actions{display:flex;gap:8px;justify-content:center}.roadmap-celebrate-actions button{padding:10px 12px;border:1px solid #fff7;border-radius:11px;background:#cafa77;color:#1e2842;font-weight:1000}.roadmap-celebrate-actions button+button{background:#433d6c;color:#fff}
.roadmap-confetti{position:fixed;top:-30px;pointer-events:none;z-index:171;font-size:21px;animation:road-fall 1.45s ease-out forwards}
@keyframes road-fall{to{transform:translate(var(--side),92vh) rotate(550deg);opacity:0}}@keyframes road-pop{from{opacity:0;transform:translate(-50%,17px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes road-bounce{to{transform:translateY(8px)}}
.command-game.road-blocked{opacity:.42;filter:grayscale(.7)}
@media(max-width:640px){.roadmap-hub{padding:9px;border-radius:18px}.roadmap-heading{align-items:flex-start}.roadmap-heading h2{font-size:23px}.roadmap-heading p{font-size:11px}.roadmap-count{font-size:10px;padding:8px}.roadmap-next{padding:8px}.roadmap-next .btn{padding:8px;font-size:11px}.roadmap-next span{display:none}.roadmap-scroll{max-height:min(59vh,610px);min-height:345px}.roadmap-stage-detail{left:7px;right:7px;bottom:7px;min-height:100px;gap:8px;padding:10px 31px 10px 9px}.roadmap-stage-art{min-width:50px;width:50px;height:57px;font-size:29px}.roadmap-stage-copy strong{font-size:13px}.roadmap-stage-copy span{font-size:10px}.roadmap-stage-copy small{font-size:10px}.roadmap-stage-play{min-width:84px;padding:12px 6px;font-size:11px}.roadmap-pin{width:140px}.roadmap-pin-core{width:79px;height:79px;font-size:31px}.roadmap-pin-name{font-size:11px;min-width:107px;max-width:138px}.roadmap-pin-icon{font-size:19px}.roadmap-pin-label{font-size:10px}}
@media(max-width:355px){.roadmap-pin{width:125px}.roadmap-pin-name{font-size:10px;min-width:95px}.roadmap-stage-art{display:none}.roadmap-stage-play{min-width:77px}}
@media(prefers-reduced-motion:reduce){.roadmap-pin,.roadmap-pin.current .roadmap-pin-core::after,.roadmap-celebration,.roadmap-confetti{animation:none!important;transition:none!important}}
/* Keep the selected-stage play action in view above the fixed bottom tab bar on phones. */
@media(max-width:640px){
  .roadmap-scroll{height:clamp(255px,calc(100dvh - 380px),610px);min-height:0;max-height:none}
}
@media(min-width:641px){.roadmap-scroll{height:clamp(330px,calc(100dvh - 470px),680px);min-height:0;max-height:none}}


/* v4.4 roadmap expansion: full-screen map, top overlay bar, and inside-map utility controls */
#screenRoadmap .roadmap-hub{padding:0;border:0;background:transparent;box-shadow:none;margin:0;min-height:calc(100dvh - 104px)}
#screenRoadmap .roadmap-heading{display:none}
#screenRoadmap .roadmap-map-shell{display:flex;flex-direction:column;min-height:calc(100dvh - 136px);height:calc(100dvh - 136px);border-radius:24px;border-width:3px;overflow:hidden;background:#68c9f3}
#screenRoadmap .roadmap-scroll{flex:1;height:auto;max-height:none;min-height:0;overscroll-behavior:contain}
#screenRoadmap .roadmap-track{height:3230px;min-height:3230px}
.roadmap-overlay-top{position:relative;z-index:8;display:grid;gap:8px;padding:10px 10px 8px;background:linear-gradient(180deg,rgba(7,16,43,.86),rgba(7,16,43,.58),rgba(7,16,43,.0))}
.roadmap-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(120deg,rgba(20,32,73,.94),rgba(37,52,92,.84));border:1px solid rgba(248,226,129,.55);backdrop-filter:blur(10px)}
.roadmap-topbar-copy{display:grid;gap:2px;min-width:0}.roadmap-topbar-copy small{font-size:10px;font-weight:1000;letter-spacing:.12em;color:#ffd96b}.roadmap-topbar-copy strong{font-size:clamp(18px,3vw,24px);letter-spacing:-.04em;color:#fff}
.roadmap-topbar-actions{display:flex;align-items:center;gap:8px}.roadmap-top-counter{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:999px;background:#fff4b5;color:#2d2740;font-size:12px;font-weight:1000;box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(0,0,0,.24)}
#screenRoadmap .roadmap-next{margin:0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(23,34,71,.94),rgba(42,55,96,.86));border-color:rgba(122,200,240,.72)}
#screenRoadmap .roadmap-controls{padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
#screenRoadmap .roadmap-controls .roadmap-tiny{min-height:44px;padding:11px 8px;background:rgba(33,48,86,.92);border-color:rgba(210,224,255,.55)}
#screenRoadmap .roadmap-stage-detail{left:10px;right:10px;bottom:10px}
#screenRoadmap .roadmap-message{margin-top:10px}
#screenRoadmap .roadmap-footer{margin-top:10px}
@media(max-width:640px){
  #screenRoadmap .roadmap-hub{min-height:calc(100dvh - 88px)}
  #screenRoadmap .roadmap-map-shell{min-height:calc(100dvh - 116px);height:calc(100dvh - 116px);border-radius:18px}
  .roadmap-overlay-top{padding:8px 8px 6px}
  .roadmap-topbar{padding:8px 10px;border-radius:14px}
  .roadmap-topbar-copy strong{font-size:18px}
  .roadmap-top-counter{font-size:11px;padding:8px 10px;min-height:36px}
  #screenRoadmap .roadmap-next{padding:9px 10px}
  #screenRoadmap .roadmap-controls{grid-template-columns:1fr 1fr;gap:6px}
  #screenRoadmap .roadmap-controls .roadmap-tiny:last-child{grid-column:1/-1}
  #screenRoadmap .roadmap-stage-detail{left:8px;right:8px;bottom:8px}
}


/* v4.5 — genuine full-bleed RPG roadmap with controls ON the map */
body[data-screen="roadmap"]{height:100dvh;overflow:hidden;padding-bottom:0}
body[data-screen="roadmap"] main{width:100%;max-width:none;margin:0;padding:0}
body[data-screen="roadmap"] header.top{display:none!important}
body[data-screen="roadmap"] #screenRoadmap{height:calc(100dvh - 76px);width:100%;margin:0;padding:0;overflow:hidden}
body[data-screen="roadmap"] .roadmap-hub{height:100%;width:100%;min-height:0;padding:0!important;margin:0!important;border:0!important;border-radius:0!important}
body[data-screen="roadmap"] .roadmap-map-shell{display:block;position:relative;width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
body[data-screen="roadmap"] .roadmap-scroll{position:absolute;inset:0;width:100%;height:100%!important;max-height:none!important;min-height:0!important;overflow:auto}
body[data-screen="roadmap"] .roadmap-track{height:3290px;min-height:3290px;background-position:center 60px;background-size:100% 3230px}
body[data-screen="roadmap"] .roadmap-overlay-top{position:absolute;inset:0 0 auto;z-index:9;padding:10px max(10px,env(safe-area-inset-right,0px)) 18px max(10px,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#0b183ae8 0%,#0b183acb 76%,transparent 100%);pointer-events:none;gap:7px}
body[data-screen="roadmap"] .roadmap-overlay-top>*{pointer-events:auto}
body[data-screen="roadmap"] .roadmap-topbar{min-height:51px;padding:7px 12px;border-radius:14px;background:linear-gradient(120deg,#202b55f2,#30295afa)}
body[data-screen="roadmap"] .roadmap-topbar-copy small{font-size:9px}
body[data-screen="roadmap"] .roadmap-topbar-copy strong{font-size:clamp(17px,3.8vw,23px)}
body[data-screen="roadmap"] .roadmap-topbar-actions{gap:7px}
body[data-screen="roadmap"] .roadmap-top-counter{min-height:32px;padding:5px 10px;font-size:11px}
.roadmap-top-home{min-width:35px;min-height:35px;border-radius:9px;border:1px solid #aaf4c5;background:#304b6a;color:white;font-size:18px}
body[data-screen="roadmap"] .roadmap-next{display:none}
body[data-screen="roadmap"] .roadmap-controls{display:flex;gap:7px;flex-wrap:nowrap;padding:0;margin:0;overflow:visible}
body[data-screen="roadmap"] .roadmap-controls .roadmap-tiny{flex:1;white-space:nowrap;min-height:39px;padding:9px 3px;background:#172a50e8;font-size:clamp(9px,1.95vw,12px);border-radius:10px}
body[data-screen="roadmap"] .roadmap-controls #roadmapDetour{display:none}
body[data-screen="roadmap"] .roadmap-stage-detail{z-index:12;left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));bottom:12px;padding:12px 35px 12px 12px;border-radius:17px;backdrop-filter:blur(14px)}
body[data-screen="roadmap"] .roadmap-message{position:absolute;bottom:15px;left:50%;width:min(560px,calc(100% - 24px));transform:translate(-50%,14px);opacity:0;pointer-events:none;z-index:13;margin:0;padding:12px 15px;border:2px solid #fbe47f;background:#1c2550ec;border-radius:12px;transition:opacity .16s,transform .16s;max-height:100px;overflow:auto}
body[data-screen="roadmap"] .roadmap-message.is-visible{opacity:1;transform:translate(-50%,0)}
body[data-screen="roadmap"] .roadmap-map-shell:has(.roadmap-stage-detail:not([hidden])) .roadmap-message{bottom:150px}
body[data-screen="roadmap"] .roadmap-footer{display:none}
body[data-screen="roadmap"] .roadmap-pin{width:clamp(110px,25%,175px)}
body[data-screen="roadmap"] .roadmap-pin-core{width:clamp(81px,10vw,104px);height:clamp(81px,10vw,104px)}
@media(max-width:640px){
 body[data-screen="roadmap"] #screenRoadmap{height:calc(100dvh - 74px)}
 body[data-screen="roadmap"] .roadmap-overlay-top{padding:7px 7px 16px}
 body[data-screen="roadmap"] .roadmap-topbar{min-height:47px;padding:6px 9px}
 body[data-screen="roadmap"] .roadmap-topbar-copy strong{font-size:17px}
 body[data-screen="roadmap"] .roadmap-controls{display:flex;gap:5px}
 body[data-screen="roadmap"] .roadmap-controls .roadmap-tiny{min-height:39px;padding:8px 2px;flex:1}
 body[data-screen="roadmap"] .roadmap-stage-detail{left:7px;right:7px;bottom:9px;gap:7px;padding:10px 31px 10px 9px}
 body[data-screen="roadmap"] .roadmap-stage-art{min-width:45px;width:45px;height:55px;font-size:26px}
 body[data-screen="roadmap"] .roadmap-stage-play{padding:12px 7px;min-width:80px}
 body[data-screen="roadmap"] .roadmap-pin{width:138px}
 body[data-screen="roadmap"] .roadmap-pin-core{width:82px;height:82px}
}
@media(prefers-reduced-motion:reduce){body[data-screen="roadmap"] .roadmap-message{transition:none}}

body[data-screen="roadmap"] #screenRoadmap .roadmap-hub{height:100%!important}
body[data-screen="roadmap"] #screenRoadmap .roadmap-map-shell{height:100%!important;min-height:0!important}
body[data-screen="roadmap"] #screenRoadmap .roadmap-scroll{height:100%!important;max-height:none!important}
body[data-screen="roadmap"] #screenRoadmap .roadmap-footer{display:none!important}
body[data-screen="roadmap"] #screenRoadmap .roadmap-heading{display:none!important}
body[data-screen="roadmap"] #screenRoadmap .roadmap-controls{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:6px!important}
body[data-screen="roadmap"] #screenRoadmap .roadmap-controls .roadmap-tiny{flex:1 1 0!important;min-width:0;grid-column:auto!important;white-space:nowrap}

/* v4.6 — tactile large buttons, 3D animated die, and visible missions */
#roadmapJump,#roadmapDice{
  display:flex!important;align-items:center;justify-content:center;gap:9px;min-height:52px!important;
  border-radius:14px!important;border:2px solid #f5f5d9!important;
  font-size:14px!important;line-height:1.2;box-shadow:inset 0 2px #fff7,0 5px 0 #182747,0 10px 20px #0005;
  transition:transform .12s,box-shadow .12s,filter .12s;
}
#roadmapJump{background:linear-gradient(180deg,#9ef4ff,#24aade)!important;color:#092942!important;}
#roadmapDice{background:linear-gradient(180deg,#ffe98c,#ffa923)!important;color:#442700!important;}
#roadmapJump span,#roadmapDice span{font-size:24px;line-height:1}
#roadmapJump:active,#roadmapDice:active{transform:translateY(4px);box-shadow:inset 0 1px #fff9,0 1px #182747,0 3px 9px #0005}
body[data-screen='roadmap'] .roadmap-controls #roadmapJump,body[data-screen='roadmap'] .roadmap-controls #roadmapDice{min-height:51px!important;padding:8px!important}
body[data-screen='roadmap'] .roadmap-controls #roadmapShowList{align-self:stretch;min-height:46px}
body[data-screen='roadmap'] .roadmap-next{display:flex!important;gap:5px;padding:9px 11px!important;max-height:90px;overflow:hidden}
body[data-screen='roadmap'] .roadmap-next>div{min-width:0;gap:1px}
body[data-screen='roadmap'] .roadmap-next strong{font-size:13px}
body[data-screen='roadmap'] .roadmap-next small{color:#ffe383}
body[data-screen='roadmap'] .roadmap-next>div>span{display:block;font-size:10px;color:#d9eaff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-screen='roadmap'] #roadmapGo{white-space:nowrap;min-width:78px;padding:10px 9px;font-size:11px}
body[data-screen='roadmap'] .roadmap-stage-detail{z-index:12}
.muda-mission-hud{position:sticky;top:0;z-index:29;display:flex;align-items:center;gap:11px;margin:0 0 10px;padding:11px 13px;border-radius:17px;background:linear-gradient(120deg,#353266,#202956);border:2px solid #e5c36d;box-shadow:0 8px 24px #0007}
.muda-mission-icon{flex-shrink:0;font-size:29px}
.muda-mission-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.muda-mission-copy small{color:#ffdf8d;font-size:10px;font-weight:950}
.muda-mission-copy strong{font-size:15px;line-height:1.25;color:#fff}
.muda-mission-copy span{font-size:12px;line-height:1.4;color:#dfeaff}
.muda-mission-aside{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px}
#mudaMissionCount{color:#cdff9c;font-size:14px}
#mudaMissionBack{background:#b6ff79;color:#15252c;border:0;border-radius:9px;padding:6px 10px;font-size:11px;font-weight:1000}
.muda-mission-hud.mission-complete{border-color:#88ffa0}
.muda-dice-modal[hidden]{display:none!important}
.muda-dice-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 40%,#4d328bcc,#090d23ef);backdrop-filter:blur(12px)}
.muda-dice-card{width:min(420px,100%);padding:23px 18px 25px;text-align:center;border:3px solid #ffe887;border-radius:28px;background:linear-gradient(145deg,#26245d,#131d48);box-shadow:0 0 70px #f8bd4a6b,0 22px 80px #000a;color:#fff}
.muda-dice-label{display:inline-block;color:#332006;background:#ffed99;border-radius:999px;padding:5px 13px;font-size:11px;font-weight:1000}
.muda-dice-card h2{font-size:clamp(24px,5vw,33px);margin:10px 0 4px}
.muda-dice-card p{margin:0;color:#d7d9f7;font-size:14px;font-weight:900;min-height:28px}
.muda-dice-scene{height:190px;display:grid;place-items:center;perspective:650px;perspective-origin:50% 50%}
.muda-dice-cube{width:104px;height:104px;position:relative;transform-style:preserve-3d;filter:drop-shadow(0 15px 20px #0008)}
.muda-dice-face{position:absolute;inset:0;padding:15px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;gap:2px;border:4px solid #ffe8a3;border-radius:18px;background:linear-gradient(135deg,#fffef1,#ffd774);box-shadow:inset 0 3px 14px #fff9,inset 0 -8px 10px #a44e2744}
.muda-dice-face.front{transform:translateZ(52px)}.muda-dice-face.back{transform:rotateY(180deg) translateZ(52px)}
.muda-dice-face.right{transform:rotateY(90deg) translateZ(52px)}.muda-dice-face.left{transform:rotateY(-90deg) translateZ(52px)}
.muda-dice-face.top{transform:rotateX(90deg) translateZ(52px)}.muda-dice-face.bottom{transform:rotateX(-90deg) translateZ(52px)}
.pip-cell{height:17px;width:17px;border-radius:50%}.pip-cell.has-pip{background:radial-gradient(circle at 36% 30%,#77595e,#221a35 70%);box-shadow:inset 1px 2px 2px #0009,1px 1px #fff8}
.muda-dice-distance{display:block;color:#fff09d;font-size:clamp(20px,4vw,27px);margin:0 0 15px;text-shadow:0 0 22px #ffcc73}
.muda-dice-done{padding:13px 23px;min-height:47px;border:2px solid #ffe588;border-radius:13px;color:#352116;background:linear-gradient(#ffeaa1,#ffa928);font-size:14px;font-weight:1000}
.muda-dice-done:disabled{opacity:.5}
@media(max-width:550px){.muda-mission-hud{padding:8px 9px;gap:7px;border-radius:13px}.muda-mission-icon{font-size:22px}.muda-mission-copy strong{font-size:12px}.muda-mission-copy span{font-size:10px}.muda-mission-aside{gap:3px}#mudaMissionCount{font-size:11px}#mudaMissionBack{padding:6px;font-size:10px}body[data-screen='roadmap'] .roadmap-controls #roadmapJump,body[data-screen='roadmap'] .roadmap-controls #roadmapDice{font-size:12px!important;min-height:46px!important}#roadmapJump span,#roadmapDice span{font-size:20px}body[data-screen='roadmap'] .roadmap-next>div>span{display:none}}
@media(prefers-reduced-motion:reduce){.muda-dice-cube{transition:none!important}}
/* The spinning 3-D cube must never intercept the confirmation button. */
.muda-dice-scene,.muda-dice-scene *{pointer-events:none}

/* Reserve room above the first board space for large map controls. */
body[data-screen="roadmap"] .roadmap-track{height:3420px!important;min-height:3420px!important;background-size:100% 3360px!important}
/* Hide the rear sides of dice faces so the visible pips always match the roll. */
.muda-dice-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}