/* Full-screen workbook selection and the independent module adventure map. */
body[data-view=module-map]>.hud,body[data-view=workbooks]>.hud{display:none}
#v-module-map,#v-workbooks{padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;isolation:isolate}
#v-module-map.on,#v-workbooks.on{display:flex;flex-direction:column;animation:none}
#v-module-map{--mw-art:clamp(150px,calc((100dvh - 340px)/2),320px);background:#bfdb8e url('../assets/module-map/v1/background.webp') center/cover no-repeat;background-attachment:local}
#v-workbooks{background:#cdeab6 url('../assets/workbook-picker/v2/background.webp') center/cover no-repeat}
.mw-hud{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));min-height:78px;background:#fff8e9ed;border-bottom:2px solid #62432929;flex-shrink:0}
.mw-brand{display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;color:var(--ink);padding:0;cursor:pointer;font:400 25px var(--f-display)}
.mw-brand img{width:32px;height:46px;object-fit:contain}
.mw-brand b{font-weight:400}
.mw-hud-end{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mw-small,.mw-year,.mw-dialog-back,.mw-dialog-close{border:3px solid var(--ink);border-radius:15px;min-width:44px;min-height:44px;background:#fffaf0;color:var(--ink);padding:7px 14px;font:700 15px var(--f-body);box-shadow:0 3px 0 var(--ink)}
.mw-small,.mw-dialog-back,.mw-dialog-close{cursor:pointer}
.mw-year,.mw-progress-button{background:#ffdc64}
.mw-small:active,.mw-dialog-back:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.mw-map-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;padding:19px 26px 18px}
.mw-map-heading{width:100%;max-width:1380px;margin:0 auto 10px;flex-shrink:0;pointer-events:none}
.mw-map-heading h1{font:400 clamp(30px,3.8vw,52px)/1.2 var(--f-display);color:#46220e;text-shadow:0 2px 0 #fff4d3}
.mw-map-heading h1 small{font-size:.62em;white-space:nowrap}
.mw-map-heading p{margin:8px 0 0;font:700 17px/1.5 var(--f-body);color:#604932;text-shadow:0 1px 0 #fff2d0}
/* Mouse parallax is applied every move; long ease-out makes the whole map swim on PC. */
.mw-landscape{position:fixed;inset:-10px;z-index:-1;background:url('../assets/module-map/v1/background.webp') center/cover no-repeat;transform:translate(var(--pan-x,0),var(--pan-y,0));transition:none;pointer-events:none}
.mw-river-glint{position:fixed;right:0;bottom:0;width:24%;height:21%;z-index:0;pointer-events:none;opacity:.17;clip-path:polygon(48% 28%,100% 0,100% 100%,0 100%);background:linear-gradient(120deg,transparent 30%,#fff9d9 44%,transparent 53%);background-size:250% 100%;animation:mw-river 9s linear infinite}
@keyframes mw-river{from{background-position:160% 0}to{background-position:-80% 0}}
.mw-islands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:end;gap:10px 30px;width:100%;max-width:1300px;flex:1;min-height:0;margin:0 auto}
.mw-island{position:relative;grid-column:span 2;border:0;background:transparent;padding:0 0 7px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;min-width:0;min-height:44px;cursor:pointer;touch-action:manipulation;color:var(--ink);-webkit-tap-highlight-color:transparent}
.mw-island:nth-child(4){grid-column:2/span 2}
.mw-island:nth-child(5){grid-column:4/span 2}
.mw-island-art{display:block;position:relative;width:min(100%,var(--mw-art));height:var(--mw-art);pointer-events:none;flex-shrink:0}
.mw-island-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(0 7px 3px #55481a2b)}
.mw-prop{position:absolute;object-fit:contain;height:auto;z-index:3;max-width:none;pointer-events:none;will-change:transform}
.mw-prop-zh{width:20%;left:76%;bottom:16%;transform-origin:50% 94%}
.mw-prop-en{width:36%;right:6%;top:0;z-index:1;transform-origin:50% 89%}
.mw-prop-sc{width:37%;left:64%;top:32%;transform-origin:38% 88%;transform:rotate(var(--aim,0deg));transition:none}
.mw-letters{position:absolute;left:24%;top:56%;width:54%;aspect-ratio:3.24;display:flex;z-index:3}
.mw-letter{position:relative;width:25%;height:100%;overflow:hidden;will-change:transform}
.mw-letter img{position:absolute;top:0;left:calc(var(--letter)*-100%);height:100%;width:400%;max-width:none;object-fit:fill}
.mw-abacus{position:absolute;width:43%;right:5%;bottom:28%;z-index:3;aspect-ratio:1.31}
.mw-abacus>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mw-beads{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mw-bead-row{transform-box:view-box}
.mw-page-glint{position:absolute;top:16%;left:24%;height:45%;width:43%;z-index:3;opacity:0;clip-path:polygon(0 3%,48% 0,100% 7%,98% 100%,50% 88%,0 91%);background:linear-gradient(115deg,transparent 32%,#fff7cb90 48%,transparent 65%);background-size:270% 100%}
.mw-island-spark{position:absolute;z-index:5;color:#fff5a1;text-shadow:0 0 5px #db9200;opacity:0;font:700 24px/1 var(--f-num)}
.mw-spark-a{top:25%;left:10%}.mw-spark-b{top:35%;right:7%;font-size:18px}
.mw-subject-name{position:relative;display:block;min-width:150px;max-width:100%;border:3px solid #673c1b;border-radius:18px;background:linear-gradient(#fffdf3,#fff1d6);box-shadow:0 4px 0 #a97831;padding:5px 20px;z-index:5;margin-top:0;font:400 clamp(24px,2.5vw,36px)/1.3 var(--f-display);transition:box-shadow .2s,background .2s}
.mw-subject-language{font:700 12px/1.6 var(--f-body);color:#543620;text-shadow:0 1px 2px #fff8d4;margin-top:6px}
.mw-subject-status{font:700 12px/1.5 var(--f-body);color:#624d37;background:#fff8dedb;border-radius:8px;padding:2px 9px;margin-top:2px}
.mw-island:focus-visible{outline:3px solid #1e638d;outline-offset:4px;border-radius:22px}
.mw-island.mw-active .mw-subject-name{background:#fff3b0;box-shadow:0 4px 0 #a97831,0 0 0 4px #fffbe780,0 0 20px #ffd44d70}
.mw-island.mw-active .mw-prop-zh{animation:mw-brush 1.35s ease-in-out infinite}
.mw-island.mw-active .mw-page-glint{opacity:.8;animation:mw-page 1.8s ease-in-out infinite}
.mw-island.mw-active .mw-prop-en{animation:mw-balloon 2.1s ease-in-out infinite}
.mw-island.mw-active .mw-letter{animation:mw-letter 1.05s ease-in-out infinite;animation-delay:calc(var(--letter)*.13s)}
.mw-island.mw-active .mw-bead-row-0{animation:mw-beads 1.35s ease-in-out infinite}
.mw-island.mw-active .mw-bead-row-1{animation:mw-beads 1.35s .17s ease-in-out infinite}
.mw-island.mw-active .mw-bead-row-2{animation:mw-beads 1.35s .34s ease-in-out infinite}
.mw-island.mw-active .mw-prop-sc{animation:mw-telescope 1.9s ease-in-out infinite}
.mw-island.mw-active .mw-island-spark{animation:mw-spark 1.7s ease-out infinite}
.mw-island.mw-active .mw-spark-b{animation-delay:.4s}
@keyframes mw-brush{0%,100%{transform:rotate(0)}35%{transform:rotate(-17deg)}65%{transform:rotate(12deg)}}
@keyframes mw-page{from{background-position:130% 0}to{background-position:-30% 0}}
@keyframes mw-balloon{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(8deg) translateY(-14px)}}
@keyframes mw-letter{0%,65%,100%{transform:translateY(0)}30%{transform:translateY(-14px) rotate(-5deg) scale(1.06)}}
@keyframes mw-beads{0%,100%{transform:translateX(0)}45%,60%{transform:translateX(-17px)}}
@keyframes mw-telescope{0%,100%{transform:rotate(var(--aim,0deg))}50%{transform:rotate(calc(var(--aim,0deg) - 16deg))}}
@keyframes mw-spark{0%,100%{opacity:0;transform:scale(.6)}40%{opacity:.85;transform:scale(1)}65%{opacity:.3;transform:scale(.9)}}
.mw-picker-landscape{position:fixed;inset:-12px;z-index:-1;background:url('../assets/workbook-picker/v2/background.webp') center/cover no-repeat;transform:translate(var(--garden-x,0),var(--garden-y,0));transition:transform .8s ease-out;pointer-events:none}
.mw-garden-light{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,#fffbe532,transparent 65%)}
.mw-picker-content{position:relative;z-index:1;width:min(100%,1020px);margin:auto;display:flex;flex-direction:column;justify-content:center;padding:18px 38px 24px;gap:16px}
.mw-picker-title{text-align:center;pointer-events:none;color:#3e2514;text-shadow:0 2px 0 #fff9df,0 0 16px #fffdf1}
.mw-picker-title h1{font:400 clamp(30px,3.8vw,48px)/1.3 var(--f-display);margin:0}
.mw-picker-title p{font:700 16px/1.7 var(--f-body);margin:7px 0 0;color:#5f4933}
.mw-book-choices{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.mw-workbook{--book-glow:#6ddbff;--book-angle:-5deg;--book-ratio:.704;--cover-open:0deg;--book-height:clamp(240px,32dvh,340px);position:relative;display:block;border:0;border-radius:26px;box-shadow:none;background:transparent;padding:0;cursor:pointer;text-align:left;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mw-module-book{--book-glow:#ffdd53;--book-angle:5deg;--book-ratio:.743}
.mw-workbook:focus-visible{outline:4px solid #166682;outline-offset:8px}
.mw-book-picture{position:relative;display:block;height:calc(var(--book-height) + 63px);perspective:1000px;overflow:visible;pointer-events:none}
.mw-book-podium{position:absolute;bottom:10px;left:50%;width:76%;height:37px;transform:translateX(-50%);border:3px solid #754620;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 6px,#bb77282b 7px 9px),linear-gradient(#f7d08a,#dca754);box-shadow:0 8px 0 #895329,0 12px 2px #30491a38}
.mw-book-podium:after{content:'';position:absolute;inset:5px 13%;border:2px solid #bc86383b;border-radius:50%}
.mw-book-shadow{position:absolute;left:20%;right:20%;height:22px;bottom:24px;border-radius:50%;background:#48352438;filter:blur(5px);transition:transform .45s,opacity .45s}
.mw-book-body{position:absolute;bottom:30px;left:50%;height:var(--book-height);width:calc(var(--book-height)*var(--book-ratio));transform:translateX(-50%) rotateZ(var(--book-angle));transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.85,.2,1);will-change:transform}
.mw-real-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;transform-origin:3% 50%;transform:rotateY(var(--cover-open));transition:transform .6s cubic-bezier(.2,.85,.2,1);filter:drop-shadow(3px 5px 2px #59341a42);backface-visibility:hidden;z-index:4}
.mw-page-stack,.mw-turn-page{position:absolute;inset:3% 2% 2% 4%;border:2px solid #aa8852;border-radius:5px 12px 12px 5px;background:repeating-linear-gradient(0deg,#fff9e8 0 7px,#e9dabd 8px 9px);transform-origin:0 50%;transform:translateZ(-1px);z-index:1}
.mw-turn-page{background:linear-gradient(90deg,#ddca9e,#fffbed 12%,#fff9e3);opacity:0;transition:transform .65s cubic-bezier(.2,.85,.2,1),opacity .25s;transform:rotateY(0deg) translateZ(1px);z-index:2}
.mw-turn-page:after{content:'';position:absolute;left:18%;right:12%;top:15%;height:56%;opacity:.4;background:repeating-linear-gradient(0deg,transparent 0 20px,#bfa879 21px 22px)}
.mw-book-halo{position:absolute;inset:4% 4% 3%;border-radius:50%;background:radial-gradient(ellipse,var(--book-glow),transparent 65%);filter:blur(12px);opacity:0;transform:scale(.7);transition:opacity .4s,transform .5s}
.mw-book-glint{position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#fff9c76b,transparent 36%);opacity:0;mix-blend-mode:soft-light;transition:opacity .3s}
.mw-book-motes{position:absolute;inset:6% 5% 9%;pointer-events:none;overflow:hidden}
.mw-book-motes i{position:absolute;left:calc(9% + var(--mote)*11%);bottom:8%;font:800 22px/1 var(--f-num);color:#fff8b4;text-shadow:0 0 6px #fff,0 0 10px var(--book-glow);font-style:normal;opacity:0}
.mw-workbook.mw-book-active{--cover-open:-34deg}
.mw-book-active .mw-book-body{transform:translateX(-50%) translateY(-15px) rotateZ(0deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.055)}
.mw-book-active .mw-turn-page{opacity:1;transform:rotateY(calc(-8deg - var(--page)*7deg)) translateZ(1px)}
.mw-book-active .mw-book-halo{opacity:.48;transform:scale(1.12)}
.mw-book-active .mw-book-shadow{transform:scale(.8);opacity:.5}
.mw-book-active .mw-book-glint{opacity:.9}
.mw-book-active .mw-book-motes i{animation:mw-book-mote 1.6s ease-out infinite;animation-delay:calc(var(--mote)*-.21s)}
@keyframes mw-book-mote{0%{opacity:0;transform:translateY(0) scale(.4) rotate(0)}20%{opacity:1}75%{opacity:.85}100%{opacity:0;transform:translateY(-180px) scale(1.1) rotate(80deg)}}
.mw-book-caption{position:relative;display:flex;flex-direction:column;padding:15px 22px 17px;gap:7px;border:3px solid var(--ink);border-radius:23px;background:#fff9ebf5;box-shadow:0 5px 0 var(--ink);transition:box-shadow .3s,border-color .3s}
.mw-book-caption>b{font:400 27px/1.3 var(--f-display)}
.mw-book-caption>small{font:700 13px/1.6 var(--f-body);color:#6f5745}
.mw-book-caption>span{display:flex;justify-content:space-between;align-items:center;border:3px solid var(--ink);border-radius:14px;background:#b9e4ff;padding:9px 12px;min-height:48px;font:700 16px/1.3 var(--f-body);margin-top:6px;transition:background .3s}
.mw-module-book .mw-book-caption>span{background:#ffdc62}
.mw-book-caption i{font-style:normal;font-size:25px;transition:transform .25s}
.mw-book-active .mw-book-caption{box-shadow:0 5px 0 var(--ink),0 0 0 4px #fff4b97d,0 0 20px var(--book-glow)}
.mw-book-active .mw-book-caption i{transform:translateX(6px)}
.mw-book-active .mw-book-caption>span{background:#8bdaff}
.mw-module-book.mw-book-active .mw-book-caption>span{background:#ffe98b}
.mw-picker-tip{margin:4px 0 0;text-align:center;color:#4e4227;font:700 13px/1.6 var(--f-body);text-shadow:0 1px 3px #fff7d0}
.mw-touch-tip{display:none}
.mw-book-departure .mw-workbook:not(.mw-entering){opacity:.5;filter:saturate(.7);transition:opacity .35s,filter .35s}
.mw-entering{--cover-open:-70deg!important}
.mw-entering .mw-book-body{transform:translateX(-50%) translateY(-23px) rotateZ(0deg) scale(1.12)}
.mw-entering .mw-book-halo{opacity:.85;transform:scale(1.4)}
.mw-entering .mw-book-motes i{animation-duration:.7s}
.mw-entering .mw-turn-page{transform:rotateY(calc(-25deg - var(--page)*11deg)) translateZ(1px)}
/* Move decorative layers only: pointer and touch targets stay still. */
.mw-island-aura{position:absolute;left:7%;right:7%;bottom:1%;height:19%;z-index:0;border:3px solid #fff59d;border-radius:50%;background:#ffeb6459;box-shadow:0 0 17px #ffef66;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}
.mw-island.mw-active .mw-island-aura{opacity:.9;transform:scale(1.06);animation:mw-aura 1.6s ease-in-out infinite}
.mw-island.mw-active .mw-island-base{filter:drop-shadow(0 7px 3px #55481a2b) drop-shadow(0 0 9px #fff0a27d)}
.mw-island-spark{font-size:34px;filter:drop-shadow(0 0 4px #ffe3a0)}
.mw-spark-b{font-size:27px;right:1%;top:18%}
.mw-ink-trail{position:absolute;z-index:4;top:29%;left:30%;height:2%;width:20%;border-radius:50%;background:#58311cc7;opacity:0;transform:rotate(-12deg);transform-origin:left center}
.mw-island.mw-active .mw-ink-trail{animation:mw-ink 1.35s ease-in-out infinite}
.mw-scope-light{position:absolute;left:87%;top:33%;width:12%;height:13%;z-index:4;border:2px solid #c7fff6;border-radius:50%;box-shadow:0 0 18px #63ffdb,inset 0 0 8px #a2ffec;opacity:0;pointer-events:none}
.mw-island.mw-active .mw-scope-light{animation:mw-scan 1.9s ease-in-out infinite}
@keyframes mw-aura{50%{box-shadow:0 0 25px #fff196;transform:scale(1.12)}}
@keyframes mw-ink{0%,100%{opacity:0;transform:rotate(-12deg) scaleX(.1)}35%,70%{opacity:.85;transform:rotate(-12deg) scaleX(1)}}
@keyframes mw-scan{0%,100%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.3)}}
.mw-dialog-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#19331873;padding:18px;backdrop-filter:blur(3px)}
.mw-dialog{position:relative;width:min(100%,520px);max-height:calc(100dvh - 40px);overflow-y:auto;border:4px solid var(--ink);border-radius:25px;box-shadow:0 7px 0 var(--ink);background:#fff8e7;color:var(--ink);padding:28px;text-align:center}
.mw-dialog h2{font:400 27px/1.5 var(--f-display);padding-right:20px}
.mw-dialog p{font:700 15px/1.8 var(--f-body);margin:12px 0}
.mw-dialog .mw-empty-title{font-weight:900}
.mw-dialog-close{position:absolute;right:9px;top:9px;padding:0;font:700 24px/1 var(--f-body)}
.mw-dialog-back{display:inline-block;background:#ffdc62;margin-top:12px}
.mw-empty-island{width:160px;height:150px;object-fit:contain;display:block;margin:8px auto 0}
.mw-progress-list{display:grid;gap:10px;margin:20px 0;text-align:left}
.mw-progress-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;background:#f4ebd2;border-radius:12px;font:700 15px/1.5 var(--f-body)}
.mw-progress-list span{font-size:13px;color:#6d5943}
@media(max-height:650px) and (min-width:701px){
 #v-module-map{--mw-art:clamp(100px,calc((100dvh - 310px)/2),165px)}
 .mw-hud{min-height:64px;padding-top:8px;padding-bottom:8px}
 .mw-map-content{padding-top:13px;padding-bottom:10px}
 .mw-map-heading h1{font-size:32px}
 .mw-map-heading p{font-size:14px;margin-top:5px}
 .mw-subject-name{font-size:26px;min-width:120px;padding:3px 15px}
}
@media(max-width:1000px){.mw-islands{gap:10px 12px}.mw-map-content{padding-left:20px;padding-right:20px}.mw-subject-name{min-width:130px}.mw-book-caption{padding:19px}}
@media(max-width:700px){
 #v-module-map{--mw-art:clamp(135px,34vw,200px)}
 .mw-hud{min-height:68px;gap:9px;padding:8px 12px}
 .mw-brand{font-size:20px;gap:6px}.mw-brand img{width:25px;height:42px}
 .mw-hud-end{gap:7px}.mw-year{font-size:13px;padding:5px 9px}.mw-small{font-size:13px;padding:5px 9px}
 .mw-progress-button{display:none}
 .mw-map-content{padding:20px 14px 24px;flex:none;min-height:calc(100dvh - 70px)}
 .mw-map-heading{margin-bottom:14px}.mw-map-heading h1{font-size:32px}.mw-map-heading h1 small{font-size:.55em}.mw-map-heading p{font-size:14px;margin-top:7px}
 .mw-islands{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:20px 8px;flex:none;align-items:end}
 .mw-island,.mw-island:nth-child(4){grid-column:auto}
 .mw-island:nth-child(5){grid-column:1/span 2;justify-self:center;width:50%}
 .mw-island-art{width:var(--mw-art);height:var(--mw-art);max-width:100%}
 .mw-subject-name{min-width:110px;font-size:27px;padding:4px 16px;border-width:2px;border-radius:15px}
 .mw-subject-language{font-size:11px}.mw-subject-status{font-size:11px}
 .mw-landscape,.mw-river-glint{display:none}
 .mw-picker-content{padding:23px 19px 32px;gap:22px}
 .mw-picker-title h1{font-size:30px}.mw-picker-title p{font-size:14px}
 .mw-book-choices{grid-template-columns:1fr;gap:23px}
 .mw-workbook{--book-height:245px}.mw-book-picture{height:285px}.mw-book-choices{gap:25px}.mw-picker-landscape{transform:none}.mw-picker-title{text-align:left}.mw-book-body{bottom:25px}.mw-book-podium{bottom:7px}
 .mw-book-caption{padding:17px 20px}.mw-book-caption>b{font-size:23px}.mw-book-caption>span{font-size:15px}
 .mw-picker-content{width:min(100%,440px)}
 .mw-dialog{padding:25px 20px}.mw-dialog h2{font-size:23px}.mw-dialog p{font-size:14px}
}
@media(max-width:390px){.mw-brand{font-size:18px}.mw-hud-end{gap:5px}.mw-hud-end .mw-small{font-size:12px;padding:5px 7px}.mw-map-heading h1{font-size:28px}.mw-islands{column-gap:4px}.mw-subject-name{min-width:100px;font-size:25px}.mw-map-content{padding-left:9px;padding-right:9px}.mw-picker-title h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.mw-island *,.mw-landscape,.mw-river-glint,.mw-picker-landscape,.mw-workbook,.mw-workbook *{animation:none!important;transition:none!important}.mw-prop-sc{transform:none}.mw-island-spark,.mw-book-motes{display:none}.mw-picker-landscape{transform:none}.mw-workbook{--cover-open:0deg!important}.mw-book-active .mw-book-body,.mw-entering .mw-book-body{transform:translateX(-50%) rotateZ(var(--book-angle))}.mw-book-active .mw-turn-page,.mw-entering .mw-turn-page{opacity:0}.mw-book-active .mw-book-halo{opacity:.25;transform:none}}

.workbook-switch{position:absolute;z-index:4;left:var(--gutL);top:calc(var(--hudH) + 6px);min-height:44px;font-size:14px;padding:6px 12px}
@media(max-width:700px){.workbook-switch{top:calc(var(--hudH) + 4px);font-size:12px;padding:5px 9px}body[data-view=map] #mapTitle{padding-top:48px}body[data-view=map] #worldWrap{top:calc(var(--hudH) + 87px)}}

@media(hover:none){.mw-mouse-tip{display:none}.mw-touch-tip{display:inline}}
@media(max-height:760px) and (min-width:701px){.mw-workbook{--book-height:230px}.mw-picker-content{gap:10px;padding-top:12px;padding-bottom:15px}.mw-picker-title h1{font-size:36px}.mw-picker-title p{font-size:14px}.mw-book-caption{padding:12px 18px}.mw-book-caption>b{font-size:23px}}

.mw-cta-short{display:none}
@media(max-width:700px){
 .mw-picker-content{width:min(100%,540px);padding:21px 14px 25px;gap:18px;margin:auto}
 .mw-book-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .mw-workbook{--book-height:clamp(156px,46vw,232px)}
 .mw-book-picture{height:calc(var(--book-height) + 44px)}
 .mw-book-podium{width:96%;height:25px;bottom:8px;border-width:2px;box-shadow:0 6px 0 #895329,0 9px 2px #30491a38}
 .mw-book-body{bottom:22px}
 .mw-book-caption{padding:12px 10px 13px;gap:5px;border-width:2px;border-radius:19px;box-shadow:0 4px 0 var(--ink)}
 .mw-book-caption>b{font-size:21px;line-height:1.25;min-height:53px;display:flex;align-items:center}
 .mw-book-caption>small{font-size:11px;line-height:1.6;min-height:36px}
 .mw-book-caption>span{font-size:13px;min-height:46px;padding:6px 8px;border-width:2px;border-radius:11px}
 .mw-book-caption i{font-size:22px}.mw-cta-full{display:none}.mw-cta-short{display:inline}
 .mw-picker-tip{font-size:12px}.mw-book-motes i{font-size:17px}
}
@media(max-width:350px){.mw-picker-content{padding-left:10px;padding-right:10px}.mw-book-choices{gap:9px}.mw-book-caption{padding:11px 8px}.mw-book-caption>b{font-size:19px}.mw-book-caption>small{font-size:10px}.mw-book-caption>span{font-size:12px;padding:6px}.mw-book-caption i{font-size:18px}.mw-picker-title h1{font-size:26px}}

.mw-book-caption>small{word-break:keep-all}