/* Isolated menu and touch presentation; no game geometry or canvas scale changes. */
#stage{touch-action:pan-y}#controls,#game,[data-key],.jump{touch-action:none}button,a{touch-action:manipulation}#overlay{touch-action:pan-y}#custom-guide,#guide{font-size:max(16px,1em)}
.worlds-grid{display:block}.realm-card{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;border:1px solid #f5d69b88;border-radius:18px;padding:0;background:#17263c;color:#ffe9bd;box-shadow:0 8px 24px #0003;text-align:center}.realm-art{display:block;width:100%;height:auto;aspect-ratio:3/2;background-image:url('assets/worlds.png');background-size:200% auto;pointer-events:none}.realm-card strong{display:block;font:normal 26px Georgia;margin:12px 0 5px}.realm-card small{display:block;font:11px/1.6 Arial;color:#c0cbdc;margin-bottom:13px}.realm-locked{border-color:#bbc8d13b}.realm-locked .realm-art{filter:saturate(.45) brightness(.65)}.realm-lock{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #f7dda75c;border-radius:50%;display:grid;place-items:center;background:#14223dbf}.realm-lock svg{width:25px;height:25px;fill:none;stroke:#e6d1ab;stroke-width:1.8}.world-picker-heading #world-back{display:grid;place-items:center;flex-shrink:0}.world-picker-heading #world-back[hidden]{display:none}#world-back svg,#world-prev svg{transform:rotate(180deg)}#world-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}#world-heading{flex:1}.record-world-navigation{display:flex;align-items:center;justify-content:center;gap:14px;font:18px Georgia;flex-shrink:0}.record-world-navigation button{width:30px;height:30px;border:1px solid #e5cb9844;border-radius:50%;background:#16243e;color:#ffe0a4;display:grid;place-items:center;padding:0}.record-world-navigation svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.record-world-navigation button:disabled{opacity:.3}.all-records-grid{touch-action:pan-y}.record-groups{position:static}
@media(max-width:650px){.realm-art{height:auto;aspect-ratio:3/2}.realm-card strong{font-size:22px;margin:8px 0 3px}.realm-card small{font-size:9px;margin-bottom:9px}.realm-card{border-radius:13px}.record-world-navigation{font-size:16px;gap:12px}}
@media(max-height:540px) and (orientation:landscape){.realm-art{height:104px;aspect-ratio:auto}.realm-card strong{font-size:19px;margin:6px 0 2px}.realm-card small{font-size:9px;margin-bottom:7px}.all-records .record-world-navigation{position:absolute;right:220px;top:15px}.all-records .record-groups{position:absolute;right:20px;top:16px}.all-records .record-groups button{padding:4px 11px}}
/* Keep the atlas cells undistorted and the navigation inside the scroll area. */
.realm-card{max-width:min(350px,max(120px,calc((100svh - 500px)*.78)));margin-inline:auto}
@media(max-height:540px) and (orientation:landscape){.realm-card{max-width:145px}.realm-art{height:auto;aspect-ratio:3/2}}
@media(max-height:360px) and (orientation:landscape){.realm-card{max-width:120px}}

.home-overlay .launch-intro{align-content:start;align-items:start}.world-picker{align-self:start}
/* A locked card still lets a swipe reach its containing pager. */
.realm-card:disabled,.world-card:disabled{pointer-events:none}

@media(max-width:650px) and (max-height:740px){
 .home-overlay.worlds-view .launch-heading h1{font-size:23px}
 .home-overlay.worlds-view .launch-hero,.home-overlay.worlds-view .launch-hero canvas{width:46px;height:60px}
 .home-overlay.worlds-view #guide-error:empty{min-height:0;margin-top:0}
}
.home-actions #start:disabled{opacity:.45;cursor:default}
@media(max-width:650px) and (max-height:740px){
 .realm-card{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:38px 42px;width:100%;max-width:300px;text-align:center}
 .realm-card .realm-art{grid-area:1/1/3/2;height:80px;aspect-ratio:3/2}
 .realm-card strong{grid-area:1/2;font-size:18px;line-height:1.2;margin:4px 6px 0;align-self:end}
 .realm-card small{grid-area:2/2;font-size:9px;margin:5px 7px 3px;align-self:start}
 .realm-card .realm-lock{left:60px;top:50%;width:40px;height:40px}
}