:root{--ex-ink:#102e2e;--ex-gold:#e5bb67;--ex-cream:#fff4d7}body.exploring{overflow:hidden}body.exploring>.site-header,body.exploring>main,body.exploring>footer{display:none}#micedom-explore{position:fixed;inset:0;background:#183c35;color:var(--ex-cream);font-family:Trebuchet MS,Arial,sans-serif;z-index:50;isolation:isolate}#micedom-explore *{box-sizing:border-box}#micedom-explore button,#micedom-explore input{font:inherit}#micedom-explore button{cursor:pointer}#micedom-explore button:focus-visible,#micedom-explore input:focus-visible{outline:3px solid #ffe59b;outline-offset:3px}#ex-canvas{position:absolute;width:100%;height:100%;inset:0;touch-action:none}.ex-brand{position:absolute;top:20px;left:24px;text-shadow:0 3px #382710,2px 0 #382710,-2px 0 #382710;pointer-events:none}.ex-brand strong{font:bold clamp(25px,3.2vw,48px) Georgia,serif;letter-spacing:1px;color:#ffe0a0;display:block}.ex-brand small{display:inline-block;background:#10352eee;border:1px solid #dfb569;border-radius:5px;padding:6px 14px;color:#fff0cb;letter-spacing:1.7px;font-size:11px;text-shadow:none}.ex-top{position:absolute;right:20px;top:18px;display:flex;gap:8px}.ex-btn,.ex-wallet,.ex-dock,.ex-help{background:linear-gradient(#183e3e,#0c2426);border:2px solid #dfb569;border-radius:12px;box-shadow:0 3px 0 #35291a55, inset 0 0 0 2px #071b1e66;color:#fff1d1}.ex-btn{padding:10px 17px;font-weight:700}.ex-btn:hover{background:#2b5650}.ex-wallet{position:absolute;right:20px;top:76px;padding:9px 14px;min-width:148px;display:grid;gap:9px;font-size:15px}.ex-wallet div{display:flex;gap:13px;align-items:center}.ex-wallet b{margin-left:auto;color:#ffe3a4}.ex-dock{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(780px,64vw);padding:6px}.ex-chat{display:flex;gap:8px;border:1px solid #66817b;border-radius:8px;background:#152b30;padding:4px 8px}.ex-chat input{border:0;outline:0;background:transparent;color:#fff4db;min-width:0;flex:1;padding:9px;font-size:15px}.ex-chat button{border:0;background:transparent;color:#ffe2a1;font-size:23px}.ex-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:5px}.ex-nav button{background:#143537;border:1px solid #37534e;border-radius:6px;color:#fff4db;display:grid;place-items:center;gap:1px;padding:4px;font-size:12px}.ex-nav button:hover{background:#356355}.ex-nav span{font-size:26px;line-height:29px}.ex-help{position:absolute;bottom:20px;left:20px;padding:10px 12px;max-width:190px;font-size:11px;line-height:1.5;border-width:1px;pointer-events:none}.ex-help b{display:block;color:#f4d58b}.ex-settings{position:absolute;bottom:24px;right:22px}.ex-toast{position:absolute;top:90px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:8px;background:#102f30ed;border:1px solid #d9b36b;max-width:500px;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s}.ex-toast.show{opacity:1}.ex-enter{position:absolute;transform:translate(-50%,-100%);background:#143b30e8;border:1px solid #f3d493;border-radius:7px;color:#fff3d3;padding:5px 10px;font-size:12px;white-space:nowrap;box-shadow:0 2px 5px #11292366}.ex-enter:hover{background:#f1ce7a;color:#142a28}.ex-enter[hidden]{display:none}.ex-panel{background:#173934;color:#fff0d3;border:2px solid #dcb976;border-radius:18px;width:min(680px,94vw);max-height:82dvh;padding:30px;box-shadow:0 24px 100px #0009;font-family:Trebuchet MS,Arial,sans-serif;overflow:auto}.ex-panel::backdrop{background:#051b22a8;backdrop-filter:blur(5px)}.ex-panel h2{font:32px Georgia,serif;margin:8px 30px 15px 0;color:#ffe3a4}.ex-panel p{line-height:1.6;color:#c4d4c8}.ex-panel button{font:inherit;cursor:pointer}.ex-panel .ex-close{float:right;background:none;border:0;color:#ffe6b2;font-size:30px}.ex-panel .ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ex-panel .ex-card{padding:17px;text-align:left;background:#234941;border:1px solid #61806b;border-radius:10px;color:#fff0d3}.ex-panel .ex-card:hover{border-color:#f6cd78}.ex-panel .ex-card small{display:block;color:#b8cbbc;margin-top:5px;line-height:1.5}.ex-panel label{display:block;margin-bottom:8px}.ex-panel .ex-action{background:#edca79;color:#163b33;border:0;padding:11px 18px;border-radius:8px;font-weight:bold;margin:8px 0}.ex-panel button:disabled{opacity:.5;cursor:not-allowed}.ex-panel .ex-row{padding:12px 0;border-bottom:1px solid #426254;display:flex;gap:18px;align-items:center;justify-content:space-between}.ex-panel .ex-row small{display:block;color:#b4c9b8;line-height:1.5}.ex-panel input{background:#0f2a28;color:#ffeec4;border:1px solid #688271;padding:10px;border-radius:6px}.ex-fade{position:absolute;inset:0;background:#102c28;pointer-events:none;opacity:0;transition:opacity .16s;z-index:5}.ex-fade.active{opacity:1}.ex-creator-host{position:absolute;inset:0;overflow:auto;background:linear-gradient(110deg,#0c292aeb,#173f35d9),url('assets/explore/oakroot.png') center/cover}.ex-mobile-hint{display:none}@media(max-width:750px){.ex-brand{top:12px;left:12px}.ex-brand small{font-size:8px;padding:5px 8px}.ex-top{right:10px;top:12px}.ex-btn{padding:8px;font-size:11px}.ex-wallet{top:58px;right:10px;min-width:115px;font-size:12px;border-width:1px;padding:7px 10px}.ex-dock{bottom:8px;width:calc(100vw - 88px);max-width:680px}.ex-help{display:none}.ex-settings{right:6px;bottom:10px;padding:8px}.ex-chat input{font-size:14px;padding:7px}.ex-nav span{font-size:20px;line-height:23px}.ex-enter{font-size:10px;padding:4px 6px}.ex-toast{top:122px;font-size:12px;width:70vw}.ex-panel{padding:20px}.ex-panel h2{font-size:27px}.ex-panel .ex-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.ex-fade,.ex-toast{transition:none}}
/* Landing page shares the new world's visual identity. */
body:not(.exploring) .hero{background:linear-gradient(90deg,#102e2ee8 0%,#102e2e69 50%,#102e2e00),url('assets/explore/oakroot.png') center/cover;min-height:650px}.hero .new-hero{max-width:580px;padding:90px 5vw;color:#fff2d8}.new-hero .eyebrow{letter-spacing:3px;color:#e3c67e;font-size:12px}.new-hero h1{font:clamp(45px,6vw,83px)/1.02 Georgia,serif;letter-spacing:-2px;margin:20px 0}.new-hero p{max-width:390px;line-height:1.7;color:#e1e7d9;font-size:17px}.new-hero .button{margin:15px 10px 0 0}.new-hero small{display:block;margin-top:25px;color:#c7d5c3}.new-hero .button.gold{padding:16px 28px}
/* The original fixed-height landing grid must not clip the new entry controls. */
body:not(.exploring){display:block;height:auto;min-height:100dvh}body:not(.exploring) #main,body:not(.exploring) .frontier{display:block;min-height:0}body:not(.exploring) .frontier{background:#112b29;padding:0}body:not(.exploring) .hero{display:block;min-height:580px;padding:0}.hero .new-hero{width:min(760px,100%);max-width:none;padding:74px 5vw 68px}.new-hero h1{font-size:clamp(43px,5.2vw,72px);letter-spacing:-1px}.new-hero p{max-width:420px}.ex-features{padding:25px 5vw 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ex-features button{text-align:left;padding:24px;background:#183a34;border:1px solid #6d7950;border-radius:10px;line-height:1.6}.ex-features strong{display:block;font:23px Georgia,serif;color:#f4d38b}.ex-features span{font:14px/1.6 Trebuchet MS,sans-serif;color:#c9d9c6;display:block;margin-top:7px}@media(max-width:650px){.hero .new-hero{padding:65px 25px 40px}.ex-features{grid-template-columns:1fr;padding:20px}.new-hero h1{font-size:49px}.new-hero .button{font-size:15px;padding:13px 18px}}
/* Live inhabitants sit alongside the location, without changing the resource HUD. */
.ex-presence{position:absolute;left:24px;top:110px;display:flex;align-items:center;gap:7px;background:#10352ef0;border:1px solid #a8bb87;border-radius:20px;padding:7px 12px;color:#e7f2d9;font-size:12px;box-shadow:0 2px 8px #071c2440}.ex-presence:hover{background:#275246}.ex-live-dot{width:7px;height:7px;border-radius:50%;background:#eac871;box-shadow:0 0 0 3px #eac87120}.ex-presence[data-state=live] .ex-live-dot{background:#9be7a4;box-shadow:0 0 0 3px #9be7a420}.ex-presence[data-state=offline] .ex-live-dot{background:#b7c0bf;box-shadow:none}.ex-roster-count{margin-bottom:6px;font-size:13px;letter-spacing:.6px}.ex-player-list{display:grid;gap:8px;max-height:45vh;overflow:auto}.ex-player-row{display:flex;align-items:center;gap:12px;border:1px solid #47675a;border-radius:12px;padding:5px 12px 5px 4px;background:#21473e}.ex-player-row canvas{width:54px;height:60px;flex:0 0 54px}.ex-player-row>div{flex:1;min-width:0}.ex-player-row strong{font-size:17px;color:#ffe4a8}.ex-player-row strong small{margin-left:7px;background:#41654e;color:#d9e7cf;font-size:10px;padding:3px 5px;border-radius:4px}.ex-player-row span{display:block;color:#b7cdbb;font-size:12px;margin-top:5px}.ex-player-row .ex-btn{font-size:12px;padding:9px;border-width:1px}.ex-panel .ex-social-note{font-size:12px;margin-bottom:0;color:#a8c2ad}@media(max-width:750px){.ex-presence{left:12px;top:82px;font-size:10px;padding:6px 9px}.ex-player-row{gap:7px;padding-right:8px}.ex-player-row strong{font-size:15px}.ex-player-row .ex-btn{font-size:10px;padding:7px}}

/* Native cursors retain accurate hotspots and do not intercept world clicks. */
#micedom-explore{
  --ex-path-cursor:url('assets/cursors/mouse-path.png') 16 2, default;
  --ex-building-cursor:url('assets/cursors/mouse-building.png') 16 4, pointer;
}
#micedom-explore #ex-canvas{cursor:var(--ex-path-cursor)}
#micedom-explore #ex-canvas[data-cursor="building"],
#micedom-explore button[data-door],
#micedom-explore button[data-ex="travel"]{cursor:var(--ex-building-cursor)}
#micedom-explore #ex-canvas[data-cursor="blocked"],
#micedom-explore button:disabled{cursor:not-allowed}
/* Illustrated resources and shared room conversation. */
.ex-wallet{min-width:170px;gap:3px;padding:7px 12px}.ex-wallet div{gap:8px;min-height:34px}.ex-wallet img{object-fit:contain;flex:0 0 34px;filter:drop-shadow(0 1px 1px #00181566)}.ex-wallet b{font-variant-numeric:tabular-nums}
.ex-chat-history{position:absolute;bottom:calc(100% + 9px);left:0;width:min(390px,100%);background:#102d2bdc;border:1px solid #baa66a;border-radius:9px;box-shadow:0 3px 12px #08211e40;overflow:hidden;backdrop-filter:blur(4px)}.ex-chat-history>button{display:flex;justify-content:space-between;gap:12px;width:100%;border:0;background:#23483bcc;color:#e7cf91;padding:6px 10px;text-align:left;font-size:11px!important;font-weight:bold!important;letter-spacing:.5px}.ex-chat-history ol{list-style:none;margin:0;padding:8px 10px;max-height:105px;overflow:auto;font-size:12px;line-height:1.5;color:#fff2d8;scrollbar-width:thin;scrollbar-color:#739b79 #183c35}.ex-chat-history li{margin:0 0 4px;overflow-wrap:anywhere;word-break:normal}.ex-chat-history strong{color:#edd18b}.ex-chat-history .ex-chat-empty{color:#acc2b1;font-style:italic}.ex-chat-history [hidden]{display:none}.ex-chat button:disabled{opacity:.5;cursor:wait!important}
@media(max-width:750px){.ex-wallet{min-width:131px;top:58px;padding:5px 8px}.ex-wallet div{min-height:26px;gap:5px}.ex-wallet img{width:26px;height:26px;flex-basis:26px}.ex-chat-history{width:min(310px,100%)}.ex-chat-history ol{max-height:82px;font-size:11px}}
/* The world and its controls occupy separate rows in the client. */
#micedom-explore{display:grid;grid-template-rows:minmax(0,1fr) auto}
.ex-stage{position:relative;min-height:0;overflow:hidden;background:#183c35}
.ex-dock{position:relative;inset:auto;left:auto;bottom:auto;transform:none;width:100%;border-radius:0;border:0;border-top:2px solid #c7a25b;padding:10px 24px 12px;display:grid;gap:8px;background:linear-gradient(180deg,#173c34,#0c2424);box-shadow:0 -5px 24px #071b1a55;z-index:8}
.ex-chat{width:min(980px,100%);margin:0 auto;border-color:#56756a;box-shadow:inset 0 2px 5px #071b1b45}
.ex-chat input{padding:10px 8px}.ex-chat button{width:36px;transition:color .15s}.ex-chat button:hover{color:#fff5c9}
.ex-nav{width:min(780px,100%);margin:0 auto;grid-template-columns:repeat(5,1fr);gap:8px}
.ex-nav button{display:flex;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:7px 12px;border-color:#3c6154;border-radius:9px;background:linear-gradient(#244d41,#15392f);font-size:13px;font-weight:bold;box-shadow:inset 0 1px #99b99613}
.ex-nav span{font-size:22px;line-height:25px}.ex-nav .ex-settings{position:static;inset:auto}
.ex-stage .ex-chat-history{position:absolute;left:14px;bottom:14px;top:auto;width:min(330px,calc(100% - 28px));border-color:#b69b62;background:#102d2bd9}
.ex-chat-history ol{max-height:110px}.ex-brand{top:15px;left:19px}.ex-brand strong{font-size:clamp(25px,2.7vw,40px)}.ex-presence{top:94px;left:20px}.ex-top{top:15px;right:18px;align-items:center}.ex-logout{display:grid;place-items:center;padding:9px;width:40px;height:40px}.ex-logout svg{width:23px;height:23px}.ex-wallet{top:69px;right:18px;min-width:184px;font-size:13px}.ex-store-note{font-size:13px;background:#102c27;padding:12px;border:1px solid #456452;border-radius:8px}
.ex-panel.ex-feature{padding:0;width:min(1050px,96vw);max-height:calc(100dvh - 36px);border-color:#b6975a;background:#102f29;overflow:auto}.ex-panel.ex-social-host{width:min(920px,96vw)}
.ex-panel.ex-feature h2{margin:0}.ex-panel.ex-feature p{line-height:1.5}.ex-panel.ex-feature button{font-family:inherit}
@media(max-width:750px){.ex-dock{padding:8px 10px 9px;gap:6px}.ex-nav{gap:5px}.ex-nav button{display:grid;gap:0;min-height:47px;padding:3px 5px;font-size:10px}.ex-nav span{font-size:20px;line-height:22px}.ex-chat input{padding:8px 4px;font-size:14px}.ex-brand{left:11px;top:12px}.ex-brand strong{font-size:25px}.ex-top{right:10px;top:10px;gap:5px}.ex-top .ex-btn{font-size:10px;padding:7px}.ex-logout{width:32px;height:32px}.ex-logout svg{width:20px;height:20px}.ex-presence{top:76px;left:12px}.ex-wallet{top:54px;right:10px;min-width:147px;font-size:11px}.ex-stage .ex-chat-history{left:9px;bottom:9px;width:min(290px,calc(100% - 18px))}.ex-chat-history ol{max-height:72px}.ex-panel.ex-feature{max-height:calc(100dvh - 18px)}}
@media(max-height:570px){.ex-dock{padding-top:5px;padding-bottom:5px;gap:4px}.ex-nav button{min-height:32px;display:flex;font-size:11px}.ex-nav span{font-size:18px}.ex-chat input{padding:6px}.ex-chat-history ol{max-height:55px}.ex-brand strong{font-size:24px}.ex-presence{top:76px}.ex-wallet{top:56px}}
/* Compact mobile world controls; the stage and dock keep their existing geometry. */
@media(max-width:520px){
  #micedom-explore .ex-brand strong{font-size:clamp(17px,5.3vw,21px);letter-spacing:.35px}
  #micedom-explore .ex-top .ex-btn{font-size:11px;line-height:1.15;padding:7px 8px}
  #micedom-explore .ex-top .ex-logout{width:32px;min-width:32px;height:32px;padding:5px}
  #micedom-explore .ex-enter{font-size:10px;line-height:1.1;padding:4px 5px;min-height:24px;border-radius:5px}
}

/* Personal room catalogue lives in the client footer. */
.ex-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.ex-nav .ex-rooms-icon{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center}.ex-rooms-icon svg{width:26px;height:26px;overflow:visible}.ex-nav [data-ex="rooms"]:hover .ex-rooms-icon{filter:brightness(1.15)}
@media(max-width:750px){.ex-nav .ex-rooms-icon,.ex-rooms-icon svg{width:23px;height:23px}}

/* Shop catalogue and room decoration controls. */
.ex-nav{grid-template-columns:repeat(7,minmax(0,1fr));width:min(900px,100%)}.ex-nav .ex-shop-icon{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center}.ex-shop-icon svg{width:26px;height:26px}.ex-decorate[hidden]{display:none}.ex-decorate[aria-pressed="true"]{background:#d9bd77;color:#173b31}.ex-nav button{white-space:nowrap;min-width:0}
@media(max-width:750px){.ex-nav{gap:3px}.ex-nav button{font-size:9px;padding:3px 2px}.ex-nav .ex-shop-icon,.ex-shop-icon svg{width:23px;height:23px}.ex-top .ex-decorate{position:absolute;right:0;top:117px;white-space:nowrap}}
