/* Character selection, player passport and enterable rooms. */
#character-choice{margin:0 0 17px}
.worldtop #return-square{margin-left:auto;border:1px solid #665178;background:#332640;color:var(--text);border-radius:5px;padding:5px 9px;font-size:12px}
#talk-host{color:var(--accent);border-color:#68764d}
.passport{margin:30px 0 0;display:grid;grid-template-columns:1fr 1.1fr;gap:28px;padding:25px;border:1px solid var(--line);border-radius:10px;background:#1b172a}
.passport h2{font-size:22px}.passport p{font-size:14px;color:var(--muted)}.passport label{font-size:14px;display:block}
.passport input:not([type=checkbox]){width:100%;padding:11px;border:1px solid #504563;background:#141221;color:var(--text);font:14px Consolas,monospace;border-radius:6px;margin:7px 0 10px}
.passport-actions{display:flex;gap:10px}.passport button,.board-tabs button{font:600 13px 'Segoe UI',sans-serif;padding:9px 12px;background:#33273f;color:var(--text);border:1px solid #6d5581;border-radius:5px}
.passport #verify-wallet{background:var(--accent);color:#192212;border-color:var(--accent)}
.passport .consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}.consent input{margin-top:3px;accent-color:var(--accent)}
.board-tabs{display:flex;gap:7px;margin-top:17px;flex-wrap:wrap}.board-tabs [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#refresh-board{margin-left:auto}
.my-rank{padding:13px;border:1px solid #5e6946;background:#282e22;border-radius:6px;margin-bottom:15px;font-size:14px;overflow-wrap:anywhere}.my-rank strong{display:block;color:var(--accent)}.my-rank small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.wallet-line{display:flex;align-items:center;gap:7px;margin-top:5px}.wallet-line code{font:12px Consolas,monospace;overflow-wrap:anywhere}.wallet-line button{border:0;background:none;color:var(--accent);font-size:12px;padding:3px;cursor:pointer}.wallet-line a{font:12px Consolas,monospace;color:#b9a5de}
.tiers{grid-template-columns:repeat(10,minmax(130px,1fr))}
@media(max-width:1100px){.tiers{grid-template-columns:repeat(10,135px)}}
@media(max-width:780px){.passport{grid-template-columns:1fr;padding:19px;gap:10px}.passport-actions{flex-wrap:wrap}.worldtop{flex-wrap:wrap}.passport h2{font-size:21px}}


.devnet-panel{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border:1px solid #54513e;background:#222017;padding:1.5rem;border-radius:14px;margin:1.5rem 0}.devnet-panel p{color:#c9c3af;line-height:1.6}.devnet-panel label{display:block;margin-bottom:8px}.devnet-panel input{width:100%;box-sizing:border-box}.devnet-panel a{color:#c5ff6b;overflow-wrap:anywhere}.devnet-panel button{margin:4px 0}.loading{gap:16px;flex-direction:column}.loading button{padding:12px}.walkhint{pointer-events:none}@media(max-width:750px){.devnet-panel{grid-template-columns:1fr;gap:1rem}.brand{white-space:nowrap}header .badge{font-size:9px}.worldtop{flex-wrap:wrap;gap:8px}}

.walkhint{top:12px;bottom:auto;font-size:9px;background:#171326bd;padding:8px 10px}.devnet-panel input,.passport input{min-width:0}.board-tabs{flex-wrap:wrap}.board th,.board td{overflow-wrap:anywhere}

/* Keep the square readable beside a long wardrobe. */
@media(min-width:781px){.worldpanel{position:sticky;top:18px}}
.worldpanel{box-shadow:0 20px 70px #05040c50;border-color:#5d4b77}.worldtop{background:linear-gradient(110deg,#282038,#191a2e)}.worldtop #scene-name{font-weight:750;letter-spacing:1.8px}.stage{background:#131020}.stage canvas:focus-visible{outline:2px solid #c5ff6b;outline-offset:-2px}
.destinations button{padding:15px 10px;text-align:left;border-top:2px solid transparent}.destination-name{display:block;font-weight:650}.destinations small{display:block;font-size:10px;color:#bcb0ce;margin-top:3px}.destinations .inside-place{border-top-color:#c5ff6b;background:#343124}.destinations .quest-place:not(.inside-place){border-top-color:#ab89d5}.worldfoot{background:#1c172b}.worldfoot #world-status{min-width:0;overflow-wrap:anywhere}.walkhint{opacity:.78}.walkhint span{font-size:9px}
.devnet-panel input{padding:11px;border:1px solid #756d4c;border-radius:6px;color:var(--text);background:#15140f;font:13px Consolas,monospace}.devnet-panel .passport-actions{flex-wrap:wrap;margin-top:12px}.devnet-panel button{padding:10px 12px;border:1px solid #77704e;border-radius:6px;background:#383424;color:#f2efdb;font:600 12px 'Segoe UI',sans-serif}.devnet-panel #devnet-read{background:#c5ff6b;color:#1c2616;border-color:#c5ff6b}.devnet-panel #devnet-sandbox{background:transparent}.devnet-panel p{font-size:13px}.devnet-panel #devnet-mint{font-size:12px}
@media(max-width:1050px) and (min-width:781px){.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.wardrobe{padding:15px}.identity{display:block}.identity canvas{float:left;width:78px;height:110px}.identity>div{min-height:120px}.wardrobe .stats strong{font-size:18px}.worldtop,.worldfoot{padding:12px}.destinations button{padding:12px 8px;font-size:11px}.destinations small{font-size:9px}}
@media(max-width:780px){.worldpanel{position:static}.destination-name{font-size:13px}.destinations small{font-size:11px}}
.future-approach{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:15px 18px;background:#282131;border:0;border-top:1px solid #766047;color:#e5d2b2;text-align:left;cursor:pointer;font-family:inherit}.future-approach:hover{background:#352839}.future-approach:focus-visible{outline:2px solid #f0d399;outline-offset:-4px}.future-approach strong{display:block;font-size:12px}.future-approach small{display:block;color:#b9a6c3;font-size:11px;margin-top:4px}.future-approach .gate-state{white-space:nowrap;color:#d4b87f;font-size:9px;letter-spacing:1px}.future-approach .gate-state span{font-size:19px;margin-left:7px}@media(max-width:460px){.future-approach{padding:13px 12px;gap:8px}.future-approach .gate-state{font-size:8px}}
.future-destinations{display:grid;grid-template-columns:1fr 1fr}.future-destinations .future-approach{align-items:flex-start;flex-direction:column;gap:10px}.future-destinations .future-approach+.future-approach{border-left:1px solid #76604755}.future-destinations .gate-state{display:flex;align-items:center;width:100%;justify-content:space-between}@media(max-width:420px){.future-destinations{grid-template-columns:1fr}.future-destinations .future-approach+.future-approach{border-left:0}}