@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--cream:#f0e8d6;--ink:#20352e;--mint:#c6e3b7}*{box-sizing:border-box}body{margin:0;background:#182b28;color:var(--cream);font:13px 'DM Sans',sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d6ef8e;outline-offset:4px}button{color:inherit}canvas{position:fixed;inset:0;width:100%;height:100%;outline:0;touch-action:none}.topbar{position:fixed;top:25px;left:34px;right:34px;display:flex;align-items:center;gap:30px;z-index:3;pointer-events:none}.topbar>*{pointer-events:auto}.brand{color:var(--cream);text-decoration:none;font-size:34px;font-weight:600;letter-spacing:-2px;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:3px;font-weight:400;margin-top:10px}.roomname{border-left:1px solid #ffffff26;padding-left:25px;display:grid;grid-template-columns:8px 1fr;gap:6px 9px;font-size:12px}.roomname i{background:#c9df9b;border-radius:100%;width:5px;height:5px;margin-top:5px}.roomname small{grid-column:2;color:#a1b6a8;font-size:10px}.top-actions{margin-left:auto;display:flex;gap:8px}.top-actions button,.zoom,.controls,.bottom-left{background:#1c302be8;border:1px solid #8ca28d40;backdrop-filter:blur(12px);border-radius:12px}.top-actions button{padding:12px 15px;font-size:12px}.top-actions b{font-size:10px;font-weight:400;margin-left:9px;opacity:.7}.top-actions .accent{background:var(--mint);color:var(--ink);border-color:var(--mint)}.welcome{position:fixed;z-index:4;left:50px;top:23%;width:300px;background:linear-gradient(130deg,#1a302ef2,#1c302be3);padding:30px;border:1px solid #9db69d30;border-radius:4px 25px 25px 25px;box-shadow:0 20px 80px #0003}.eyebrow{font-size:8px;letter-spacing:2px;color:#aebf9b}h1{font:400 34px/1.2 Georgia,serif;letter-spacing:-1px;margin:22px 0 15px}h1 em{font-weight:400;color:var(--mint)}.welcome p{color:#b2c4b8;font-size:12px;line-height:1.9}.welcome button{margin-top:18px;width:100%;display:flex;justify-content:space-between;border:0;border-radius:8px;background:var(--mint);color:var(--ink);padding:15px;font-size:11px}.welcome small{display:block;margin-top:16px;color:#829c8e;font-size:9px}.room-chip{position:fixed;top:108px;left:34px;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.5px;color:#a4bba7}.room-chip span:first-child{border:1px solid #9db69d40;border-radius:4px;padding:6px 8px;color:var(--mint)}.bottom-left{position:fixed;bottom:30px;left:34px;display:flex;align-items:center;padding:13px 18px;gap:12px}.bottom-left strong{display:block;font-size:11px;font-weight:500}.bottom-left small{display:block;font-size:9px;color:#9aaf9e;margin-top:4px}.avatar-dot{color:#cee0aa;font-size:24px}.controls{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:10px 14px;gap:14px}.controls>span{display:flex;flex-direction:column;align-items:center;gap:3px}.keyrow{display:flex;gap:3px}kbd{font:10px 'DM Sans',sans-serif;display:inline-grid;place-items:center;min-width:20px;height:19px;border:1px solid #b4c5b24d;border-bottom-width:2px;border-radius:4px;color:#d8e4ca}.controls p{font-size:10px;line-height:1.7;margin:0;color:#d8e4ca}.controls small{font-size:9px;color:#8ca391}.controls button{border:1px solid #8ca28d66;border-radius:50%;width:23px;height:23px;background:none;margin-left:7px}.zoom{position:fixed;right:34px;bottom:30px;display:flex;align-items:center;padding:6px;gap:12px}.zoom button{border:0;background:none;font-size:20px;width:26px;height:30px}.zoom span{font-size:10px;color:#a8bcab}.demo{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.2px;color:#8ca28d99;white-space:nowrap}.interaction{position:fixed;left:50%;bottom:130px;transform:translateX(-50%);z-index:5}.interaction button{background:#f0ebda;color:var(--ink);border:1px solid #ffffd6;border-radius:10px;padding:11px 17px;display:flex;gap:15px;align-items:center;box-shadow:0 7px 30px #0004;font-size:12px}.interaction kbd{border-color:#234d4244;color:var(--ink);height:25px;width:25px}.mobilepad{display:none;position:fixed;bottom:55px;left:18px;text-align:center;z-index:4}.mobilepad button{border:1px solid #d6e7ce55;background:#22382ded;border-radius:10px;width:42px;height:42px;margin:2px;touch-action:none;font-size:20px}dialog{border:1px solid #b8c6a944;background:#eee9db;color:var(--ink);border-radius:18px;max-width:840px;width:92%;max-height:87svh;padding:34px;overflow:auto;box-shadow:0 25px 130px #0007}dialog::backdrop{background:#0b1c20b3;backdrop-filter:blur(8px)}dialog .eyebrow{color:#7a8863}dialog h2{font:400 34px/1.12 Georgia,serif;letter-spacing:-1px;margin:18px 0}dialog p{font-size:12px;line-height:1.9;color:#627061}dialog small{font-size:10px;color:#71816d;line-height:1.8}.close{float:right;background:none;border:0;font-size:25px;color:var(--ink);padding:0 0 10px 20px}.maprooms{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.maprooms button{background:#e0e1ce;border:1px solid #b9bea34d;border-radius:12px;padding:18px;text-align:left;color:var(--ink)}.maprooms button.active{background:#365947;color:#eef0d9}.maprooms b{display:block;font:400 23px Georgia,serif;margin:14px 0 8px}.maprooms small{color:inherit;opacity:.7}.maprooms span{font-size:9px;letter-spacing:2px}.artdetail{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:30px}.artimage{background:#d5d2bd;padding:25px;display:flex;align-items:center;justify-content:center;border-radius:8px}.artimage svg,.artimage img{max-height:420px;max-width:100%;object-fit:contain;box-shadow:4px 10px 30px #283a3533}.artdetail dl{font-size:11px;line-height:2}.artdetail dt{float:left;width:85px;color:#75816d}.artdetail dd{margin-left:90px}.price{display:block;font-size:22px;margin:22px 0}.primary,.save{border:0;background:#345b48;color:#f0ebda;padding:14px 18px;border-radius:8px;width:100%;margin-bottom:10px}.save{background:transparent;border:1px solid #75816d55;color:var(--ink)}.collectiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.collectiongrid button{border:0;background:#e0dfce;padding:15px;color:var(--ink);border-radius:8px}.collectiongrid svg,.collectiongrid img{height:130px;max-width:100%;object-fit:contain}.collectiongrid b{display:block;font:17px Georgia;margin-top:12px}.collectiongrid small{display:block}.formrow{display:flex;gap:14px}.formrow label{flex:1;min-width:0}form label{display:flex;flex-direction:column;gap:7px;margin:13px 0;font-size:11px}input,textarea{background:#f8f6ef;border:1px solid #bdc4ac;border-radius:6px;padding:11px;min-width:0;width:100%;color:var(--ink)}textarea{min-height:65px;resize:vertical}#uploadDialog{max-width:560px}#toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);z-index:20;border:1px solid #b5ce9c55;background:#203b32;color:#e6efd9;padding:13px 20px;border-radius:10px;font-size:12px;display:none;max-width:90%}#transition{position:fixed;inset:0;background:#182b28;opacity:0;pointer-events:none;transition:opacity .2s;z-index:8}#transition.active{opacity:1}@media(max-width:800px){.topbar{top:18px;left:18px;right:18px;gap:15px}.brand{font-size:27px}.brand span{font-size:6px}.roomname{padding-left:14px;font-size:10px}.roomname small{display:none}.top-actions{gap:5px}.top-actions button{padding:10px;font-size:12px}.top-actions button span{display:none}.room-chip{top:90px;left:18px}.welcome{left:20px;top:20%;width:270px;padding:25px}.controls{display:none}.mobilepad{display:block}.bottom-left{left:auto;right:18px;bottom:95px;padding:10px 13px}.zoom{right:18px;bottom:35px}.demo{bottom:12px;font-size:6px}.interaction{bottom:185px;width:max-content;max-width:95%}.interaction button{font-size:10px}.artdetail{grid-template-columns:1fr}.artimage svg,.artimage img{max-height:240px}.maprooms{grid-template-columns:1fr}dialog{padding:24px}.collectiongrid{grid-template-columns:repeat(2,1fr)}.room-chip span:last-child{max-width:170px}.topbar .roomname{display:none}}@media(prefers-reduced-motion:reduce){#transition{transition:none}}
/* Architectural edition — a quiet interface around the playable museum. */

:root{--cream:#f5eedb;--mint:#e8d6a8}body{background:#1e332d}.topbar{top:27px;left:40px;right:40px}.brand{font-family:Georgia,serif;letter-spacing:-2.5px;font-size:39px;font-weight:400}.brand span{font-family:'DM Sans',sans-serif;font-size:7px;letter-spacing:3px;margin-top:12px}.roomname{border-left-color:#b9c4a92d;padding-left:28px;gap:8px 10px}.roomname i{background:#dbc791;box-shadow:0 0 10px #e7cc8866}.roomname small{color:#9cae97}.top-actions button{border-radius:25px;border-color:#bdc9ad2e;background:#243b31a6;padding:12px 18px;font-size:11px;transition:background .2s,transform .2s}.top-actions button:hover{background:#51624a;transform:translateY(-1px)}.top-actions .accent{background:#e8d6a8;color:#334333}.top-actions .accent:hover{background:#f1e1bc}.room-chip{left:41px;top:122px;gap:10px;font-size:7px;color:#a1b195}.room-chip span:nth-child(2){padding:6px 9px;border:1px solid #adc09833;border-radius:3px;color:#e6d4a4}.room-chip span:first-child{padding:0;border:0}.live-dot{width:4px;height:4px;background:#c5cfa3;border-radius:50%}.welcome{left:40px;top:25%;width:282px;background:transparent;border:0;padding:24px 0;box-shadow:none;backdrop-filter:none}.welcome .eyebrow{color:#c5bd99;font-size:7px;letter-spacing:2.2px}.welcome h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:45px;line-height:1.12;letter-spacing:-1.5px;margin:25px 0 19px}.welcome h1 em{color:#ead8ac}.welcome p{font-size:11px;line-height:2;color:#a9bba3;max-width:235px}.welcome button{background:#e8d6a8;border-radius:3px;width:226px;margin-top:28px;padding:16px 18px;box-shadow:0 8px 30px #152d2222;font-size:10px}.welcome button:hover{background:#f4e6c5}.welcome small{font-size:6px;letter-spacing:1.7px;margin-top:21px;color:#8ea387}.controls{border-radius:8px;padding:10px 16px;background:#1f352cec;border-color:#adc09825}.controls p{color:#c2cbb0;font-size:9px}.controls small{color:#91a587}.controls kbd{border-color:#b9c4a933;color:#c0cbb0}.bottom-left{background:none;border:0;backdrop-filter:none;padding:8px 0;left:40px;bottom:29px}.avatar-dot{height:32px;width:32px;border:1px solid #b1c29c40;border-radius:100%;display:grid;place-items:center;font-size:13px;color:#ead7a2}.bottom-left strong{font-family:Georgia,serif;font-size:14px;font-weight:400}.bottom-left small{font-size:8px;letter-spacing:.3px;color:#91a587}.zoom{border-radius:7px;background:#22382eec;border-color:#adc09825;right:40px;gap:8px}.zoom span{font-size:9px;color:#b6c3a4}.zoom button{font-size:17px;color:#d9d9b8}.demo{font-size:6px;letter-spacing:1.4px;color:#91a5879c;bottom:10px}.interaction{bottom:121px}.interaction button{background:#f3e9ce;color:#3b4a35;border-color:#e6d2a2;border-radius:6px;box-shadow:0 15px 45px #0e261a44;font-size:11px}.interaction kbd{color:#58664c;border-color:#b4b394}.minimap{position:fixed;right:40px;bottom:103px;width:145px;border:1px solid #adc0982e;background:#21392e99;backdrop-filter:blur(10px);padding:10px 10px 0;border-radius:9px}.minimap>div{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1.5px;color:#bdc8ac}.minimap button{background:none;border:0;color:#e6d4a6;font-size:14px}.minimap svg{width:100%;display:block}dialog{background:#f4eedf;border-color:#c8bc9b;border-radius:10px;box-shadow:0 30px 150px #051e20a1}dialog::backdrop{background:#10271db3}dialog h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:39px;line-height:1.1}.maprooms{gap:10px}.maprooms button{border-radius:6px;background:linear-gradient(135deg,#e9e3d0,#dedbc7);border-color:#b8b3995c;padding:22px;transition:transform .2s}.maprooms button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #5c624019}.maprooms button.active{background:linear-gradient(120deg,#526548,#344f40);border-color:#a4b28a}.maprooms b{font:26px 'Cormorant Garamond',Georgia,serif;margin-top:18px}.maprooms button:nth-child(2){border-left:3px solid #b8805b}.maprooms button:nth-child(3){border-left:3px solid #839c85}.maprooms button:nth-child(4){border-left:3px solid #b48b7b}.maprooms button:nth-child(5){border-left:3px solid #b5b87d}.artimage{background:radial-gradient(ellipse,#e5dcca,#d2c6ac);border-radius:3px;padding:35px}.artimage svg,.artimage img{outline:7px solid #7a6549;border:5px solid #e8dec8;box-shadow:9px 16px 35px #625b3e44}.primary{background:#52644a;border-radius:4px;font-size:11px}.save{border-radius:4px;font-size:11px}.collectiongrid button{background:#e6e0ce;border-radius:4px}#toast{background:#344d3e;color:#f0e4c5;border-color:#b4b18c;border-radius:5px}.formrow{gap:16px}input,textarea{background:#fbf8ef;border-color:#cec5aa;border-radius:4px}#transition{background:#1e332d}
@media(max-width:1000px){.welcome{width:230px;left:25px}.welcome h1{font-size:38px}.welcome p{max-width:190px}.welcome button{width:195px}.minimap{right:22px;width:110px}.topbar{left:25px;right:25px;gap:20px}.room-chip{left:26px}}
@media(max-width:800px){.topbar{top:20px;left:20px;right:20px;gap:12px}.brand{font-size:31px}.brand span{font-size:6px;letter-spacing:2px}.top-actions button{padding:11px 13px}.room-chip{left:20px;top:94px}.welcome{top:auto;bottom:175px;left:22px;background:#1d352ef5;padding:22px 24px;width:265px;border:1px solid #c4c4a033;border-radius:6px;box-shadow:0 12px 60px #10261d44}.welcome h1{font-size:33px;margin:16px 0 12px}.welcome p{max-width:100%;font-size:10px}.welcome button{width:100%;margin-top:18px}.welcome small{font-size:6px;margin-top:15px}.welcome .eyebrow{font-size:6px}.minimap{right:20px;bottom:155px;width:99px;padding:8px 8px 0}.bottom-left{bottom:99px;left:auto;right:20px;padding:0}.bottom-left strong{font-size:12px}.bottom-left small{font-size:7px}.avatar-dot{width:26px;height:26px}.zoom{right:20px;bottom:38px}.interaction{bottom:170px;left:40%;max-width:75%}.mobilepad button{background:#2d4436ed;border-color:#b5c59b40;color:#e7dab9}.room-chip span:last-child{max-width:none}.maprooms b{font-size:24px}dialog h2{font-size:33px}.demo{font-size:5px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.top-actions button,.maprooms button{transition:none}}
/* Grand museum / continuous 3D floor. */
.loading{position:fixed;inset:0;background:#e4dfd1;color:#385245;display:grid;place-content:center;text-align:center;z-index:40}.loading[hidden]{display:none}.loading span{font:50px Georgia;letter-spacing:9px}.loading p{font-size:11px;letter-spacing:1px}.topbar{left:22px;right:22px;top:18px;padding:14px 20px;border:1px solid #ffffff88;background:#f5f1e6ed;backdrop-filter:blur(18px);border-radius:10px;box-shadow:0 5px 30px #494b3320}.brand{color:#354d40;font-size:32px}.brand span{color:#71816b;font-size:6px;margin-top:8px}.roomname{color:#364f3d;border-color:#74846938}.roomname small{color:#7c846a}.roomname i{background:#7c9565}.top-actions button{background:#f7f3e8;color:#48604b;border-color:#a3ad8c55}.top-actions button:hover{background:#e0e4cd}.top-actions .accent{background:#455f4a;color:#f2e7cc;border-color:#455f4a}.top-actions .accent:hover{background:#587854}.room-chip{top:118px;color:#425c47;background:#f5f0e5d9;border:1px solid #fff8;border-radius:4px;padding:8px 12px;backdrop-filter:blur(10px)}.room-chip span:nth-child(2){color:#5d714e;border-color:#8d9f7855}.room-chip span:last-child{color:#607553}.welcome{left:36px;top:25%;width:288px;padding:28px;background:#f4eee0ed;border:1px solid #fff8;border-radius:5px;box-shadow:0 15px 65px #3d47301c;backdrop-filter:blur(12px)}.welcome .eyebrow{color:#8f885e;font-size:6px}.welcome h1{color:#384c3c;font-size:43px;line-height:1.07}.welcome h1 em{color:#8e7951}.welcome p{color:#69745c;font-size:11px;max-width:100%}.welcome button{width:100%;background:#465f48;color:#f7edd7}.welcome button:hover{background:#5b7555}.welcome small{color:#989377;font-size:6px;letter-spacing:1.1px}.bottom-left{background:#f5f0e5e6;border:1px solid #fff9;padding:11px 15px;border-radius:6px;backdrop-filter:blur(10px);bottom:28px;color:#435a42}.bottom-left strong{color:#40583e}.bottom-left small{color:#788469}.avatar-dot{color:#8b7950;border-color:#9ea88b70}.minimap{background:#2e493ce8;border-color:#fff3}.controls{background:#2e493cf0}.zoom{background:#2e493cf0}.demo{color:#53684ccc;background:#f3efdfb8;padding:3px 10px;border-radius:3px}.interaction button{background:#fbf5e5;box-shadow:0 9px 40px #3f503133}.floorplan{max-width:440px;margin:0 auto 20px}.floorplan svg{width:100%;display:block;cursor:crosshair;border-radius:8px;box-shadow:0 4px 30px #72785c22}.maprooms:has(.floorplan){display:block;margin:20px 0}#mapDialog{max-width:600px}#toast{top:119px}.mobilepad button{box-shadow:0 3px 15px #243a2726}.collectiongrid button img{object-fit:contain}.minimap svg{max-height:104px}@media(max-width:800px){.topbar{left:10px;right:10px;top:10px;padding:12px 14px}.brand{font-size:29px}.top-actions{gap:5px}.top-actions button{padding:10px 12px}.room-chip{top:96px;left:15px;font-size:6px;padding:5px 8px}.welcome{top:auto;left:15px;bottom:180px;width:260px;padding:24px}.welcome h1{font-size:34px}.welcome p{font-size:10px}.bottom-left{right:15px;bottom:98px;padding:8px 10px}.bottom-left strong{font-size:11px}.minimap{right:15px;bottom:161px;width:95px}.demo{font-size:5px}.controls{display:none}}
body[data-mode=exterior] .controls,body[data-mode=exterior] .bottom-left,body[data-mode=exterior] .zoom,body[data-mode=exterior] .minimap,body[data-mode=exterior] .room-chip{display:none}body[data-mode=exterior] .topbar{background:#f5f1e6c9;box-shadow:none}body[data-mode=exterior] .welcome{left:4%;top:30%;width:290px;background:#f6f1e5e6}body[data-mode=exterior] .welcome h1{font-size:44px}body[data-mode=inside] .welcome{display:none}#transition{transition:opacity .3s;background:#e5dfce}.loading{background:#e4dfd1}@media(max-width:800px){body[data-mode=exterior] .welcome{top:auto;bottom:45px;left:15px;width:260px}body[data-mode=exterior] .welcome h1{font-size:33px}}

body[data-mode=exterior] #exitButton{display:none}

#characterDialog{max-width:850px;width:calc(100vw - 36px)}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.character-card{position:relative;padding:8px 6px 14px;background:#e7e5d8;border:2px solid transparent;border-radius:12px;color:#3a503f;cursor:pointer;transition:background .15s,border-color .15s}.character-card img{display:block;width:100%;height:135px;object-fit:contain}.character-card strong,.character-card small{display:block}.character-card small{font-size:10px;margin-top:5px;color:#707966}.character-card:hover{background:#dadfcb}.character-card[aria-pressed=true]{border-color:#536e4d;background:#dce5cd}.chosen{display:none;position:absolute;top:8px;right:9px;background:#466044;color:white;border-radius:50%;width:22px;height:22px;line-height:22px}.character-card[aria-pressed=true] .chosen{display:block}#characterConfirm{width:100%;margin-bottom:14px}#characterDialog>small{display:block;text-align:center}.top-actions{flex-wrap:wrap}@media(max-width:650px){.character-grid{grid-template-columns:repeat(2,1fr)}.character-card img{height:120px}#characterDialog{max-height:88vh}.top-actions button{font-size:10px;padding:8px}.topbar{gap:8px}#characterButton{max-width:110px}}

@media(min-width:651px){.character-card img{height:110px}.character-grid{margin:18px 0;gap:8px}.character-card{padding-bottom:10px}}

.visitor-stage{position:fixed;right:3%;bottom:8%;width:240px;z-index:4;text-align:center;display:flex;flex-direction:column;align-items:center}.visitor-stage .eyebrow{font-size:8px;color:#647353;letter-spacing:2px}.visitor-stage>img{width:260px;height:310px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(12px 17px 10px #34412b30);animation:visitorFloat 5s ease-in-out infinite}.visitor-plinth{width:145px;height:30px;border-radius:50%;background:#b3b89a;box-shadow:0 9px 0 #a3aa8c,0 18px 24px #38432a24;margin:-25px 0 32px}.visitor-stage label,.character-hero label{font:20px Georgia;color:#3c513e;margin-bottom:10px}.visitor-stage input,.character-hero input{box-sizing:border-box;width:100%;padding:13px 15px;border:1px solid #9ba58c;background:#f7f2e6e8;color:#3c513e;border-radius:7px;text-align:center;font-size:15px}.visitor-stage button{margin-top:10px;border:0;background:none;color:#425b43;text-decoration:underline;text-underline-offset:5px;padding:10px;cursor:pointer}body[data-mode=inside] .visitor-stage{display:none}.character-studio{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:center}.character-hero{display:flex;flex-direction:column;align-items:center;background:#e8e6d8;border-radius:14px;padding:15px}.character-hero img{width:215px;height:250px;object-fit:contain;filter:drop-shadow(8px 9px 5px #34412b22)}.character-hero label{font-size:16px}.character-studio .character-grid{grid-template-columns:repeat(5,1fr);gap:6px}.character-studio .character-card{padding:6px 3px 10px}.character-studio .character-card img{height:90px}.character-studio .character-card strong{font-size:10px}.character-studio .character-card small{font-size:9px}.character-studio .chosen{width:17px;height:17px;line-height:17px;right:4px;top:4px;font-size:11px}#characterDialog{max-width:960px}#characterConfirm:disabled{opacity:.55;cursor:not-allowed}@keyframes visitorFloat{50%{transform:translateY(-6px)}}@media(max-width:900px){.visitor-stage{right:20px;bottom:65px;width:180px}.visitor-stage>img{width:190px;height:230px}.visitor-stage .eyebrow{font-size:6px}.character-studio{grid-template-columns:170px 1fr;gap:12px}.character-hero img{width:150px;height:220px}}@media(max-width:650px){.visitor-stage{width:130px;right:12px;bottom:70px}.visitor-stage>img{width:150px;height:185px}.visitor-stage label{font-size:16px}.visitor-stage input{font-size:12px;padding:10px}.visitor-stage button{font-size:10px}.visitor-stage .eyebrow{display:none}body[data-mode=exterior] .welcome{width:190px;padding:18px;bottom:45px}body[data-mode=exterior] .welcome h1{font-size:27px}.welcome p{font-size:10px}.character-studio{display:flex;flex-direction:column}.character-hero{width:100%;box-sizing:border-box;display:grid;grid-template-columns:110px 1fr}.character-hero img{grid-row:span 2;width:110px;height:145px}.character-hero input{min-width:0}.character-studio .character-grid{width:100%;grid-template-columns:repeat(5,1fr)}.character-studio .character-card img{height:75px}.character-studio .character-card strong{font-size:9px}.character-studio .character-card small{font-size:8px}}@media(prefers-reduced-motion:reduce){.visitor-stage>img{animation:none}}