@import url('/assets/fonts.css');
:root{color-scheme:dark;--ivory:#f8edcf;--gold:#d9b676;--muted:#c6b698;--bronze:#765126;--ink:#1e1914;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif;font-family:var(--sans);color:var(--ivory);background:#261e16}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f9d690;outline-offset:5px}button:active{transform:translateY(1px)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}a{color:var(--gold)}[hidden]{display:none!important}
.chamber{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#2e261d}.room-world{position:absolute;left:50%;top:50%;width:max(100vw,177.684vh);height:max(100vh,56.28vw);transform:translate(-50%,-50%);background:url('/assets/chamber.webp') center/100% 100% no-repeat;transition:filter .8s}.moonlit .room-world{filter:brightness(.78) saturate(.67) hue-rotate(15deg)}.room-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#130f0fd6,transparent 22%,transparent 72%,#100d0de3),linear-gradient(90deg,#170e1259,transparent 20%,transparent 86%,#170e1230)}.firelight{position:absolute;left:4%;top:29%;width:37%;height:46%;pointer-events:none;background:radial-gradient(ellipse,#ff922014,transparent 63%);mix-blend-mode:screen;animation:fire-breathe 3s ease-in-out infinite alternate}.room-world .chest-hotspot{position:absolute;left:73%;top:49%;width:20%;height:23%;z-index:3;filter:drop-shadow(0 2px 5px #000)}.hotspot-label{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);font:500 23px var(--serif);white-space:nowrap;text-shadow:0 2px 4px #000,0 2px 15px #000;opacity:.88;transition:color .2s}.hotspot-label small{display:block;font:8px var(--sans);letter-spacing:1.5px;text-align:center;margin-top:5px;color:#dac393}.chest-hotspot:hover .hotspot-label{color:#ffe2a2}.chest-hotspot:after{content:'✧';position:absolute;top:-15px;left:50%;color:#ebc781;font-size:24px;animation:glint 4s ease-in-out infinite}.hero-stage{position:absolute;left:47%;bottom:10.5%;height:77%;aspect-ratio:2/3;z-index:3;transform:translateX(-50%);pointer-events:none}.hero-shadow{position:absolute;left:29%;bottom:2%;width:54%;height:6%;background:radial-gradient(ellipse,#140d0ae0,transparent 67%);transform:rotate(-5deg);filter:blur(5px)}.hero-figure{position:relative;width:100%;height:100%;padding:0;display:block;pointer-events:auto;filter:drop-shadow(7px 10px 8px #140b0770);transform-origin:50% 96%;animation:hero-breathe 7s ease-in-out infinite}.hero-figure img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-figure:hover{filter:drop-shadow(0 0 9px #ffe1a430) drop-shadow(7px 10px 8px #140b0770)}.hero-figure:focus-visible{outline:0;filter:drop-shadow(0 0 6px #f0cb72)}.hero-caption{position:absolute;left:52%;bottom:-.5%;transform:translateX(-50%);text-align:center;white-space:nowrap;text-shadow:0 2px 12px #000}.hero-caption strong{font:600 23px var(--serif);letter-spacing:.7px}.hero-caption span{display:block;font-size:7px;letter-spacing:2px;margin-top:3px;color:#dec69a}.dust{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffe3b0;opacity:0;animation:dust-rise 13s linear infinite;left:var(--x);top:var(--y);animation-delay:var(--delay)}
.top-hud{position:absolute;inset:23px 28px auto;z-index:5;display:flex;align-items:flex-start;gap:34px;text-shadow:0 2px 6px #000}.hero-hud{display:flex;align-items:center;gap:12px;flex:none}.avatar{position:relative;width:65px;height:65px;border-radius:50%;border:2px solid #c7a668;box-shadow:0 0 0 3px #30221dd9,0 3px 14px #0006;background:#2e3338 url('/assets/room-hero.webp') 54% 4%/420% auto no-repeat}.level-medal{position:absolute;right:-8px;bottom:-2px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;border:1px solid #d2b375;background:radial-gradient(ellipse at top,#95302c,#531717);font:600 18px var(--serif);box-shadow:0 2px 5px #0009}.hero-vitals{width:154px;text-align:left;padding:0}.hero-vitals strong{font:600 23px var(--serif);letter-spacing:.4px;display:block;margin-bottom:6px}.resource-bar{position:relative;height:12px;border:1px solid #9f835470;background:#24120dcc;margin-bottom:5px;box-shadow:0 1px 4px #0004;transform:skew(-10deg)}.resource-bar i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,#761f20,#b96346)}.resource-bar.energy i{background:linear-gradient(90deg,#98703a,#e2c071)}.resource-bar span{position:relative;z-index:1;display:block;text-align:center;font:9px/10px var(--sans);transform:skew(10deg);color:#fff2d2;letter-spacing:.3px}.resource-bar.energy{width:80%;height:9px}.resource-bar.energy span{font-size:7px;line-height:8px}.wallet{display:flex;gap:29px;padding-top:7px}.currency{display:flex;align-items:center;gap:8px;padding:0;text-align:left}.coin{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid #c1bbb0;background:radial-gradient(circle at 38% 30%,#eeebe1,#979087 68%,#6e6254);box-shadow:0 2px 4px #0005,inset 0 0 0 2px #ffffff30;display:flex;align-items:center;justify-content:center;color:#514a3b;font:700 15px var(--serif);text-shadow:0 1px #ffffff70}.currency.gold .coin{border-color:#edc967;background:radial-gradient(circle at 38% 30%,#ffeea6,#b1802f 68%,#77511d);color:#74501d}.currency strong{display:block;font:600 21px var(--serif);letter-spacing:.5px}.currency small{display:block;font-size:7px;letter-spacing:1.1px;margin-top:2px;color:#cdb88e}.room-title{position:absolute;left:58%;top:29px;transform:translateX(-50%);z-index:4;text-align:center;pointer-events:none;text-shadow:0 2px 9px #000}.room-title>span{font-size:7px;letter-spacing:3.5px;color:#d3b47d}.room-title h1{font:500 26px var(--serif);letter-spacing:1.3px;margin-top:6px}.room-title:after{content:'';display:block;width:95px;height:1px;background:linear-gradient(90deg,transparent,#b4945d,transparent);margin:10px auto 0}.utilities{display:flex;gap:12px;margin-left:auto;padding-top:9px}.utility{padding:3px;opacity:.78;color:#e8cc96}.utility:hover{opacity:1}.utility svg{width:18px;height:18px}
.menu-icon{display:block;flex:none;width:70px;height:70px;background:url('/assets/menu-icons.webp') var(--icon-x) var(--icon-y)/400% 300% no-repeat;filter:drop-shadow(0 4px 6px #0008);transition:filter .18s,transform .18s}.menu-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:3px;min-width:66px;text-shadow:0 2px 4px #000,0 1px 8px #000}.menu-button:hover .menu-icon,.menu-button:focus-visible .menu-icon{filter:drop-shadow(0 0 8px #ffd27a70) brightness(1.15);transform:translateY(-3px)}.menu-button>span{font:600 14px var(--serif);letter-spacing:.2px;color:#f4e8cd;white-space:nowrap}.main-nav{position:absolute;left:29px;top:135px;bottom:85px;z-index:5;display:flex;flex-direction:column;justify-content:space-between;gap:9px;max-height:510px}.main-nav .menu-icon{width:62px;height:62px}.main-nav .menu-button>span{font-size:15px}.lower-nav{position:absolute;bottom:24px;right:28px;z-index:5;display:flex;gap:18px;align-items:flex-end}.lower-nav .menu-icon{width:62px;height:62px}.lower-nav .menu-button{min-width:64px}.lower-nav .menu-button>span{font-size:14px}.lower-nav .menu-button small{position:absolute;top:0;right:0;font-size:6px;letter-spacing:1px;color:#f2d4a0;text-shadow:0 1px 5px #000}.gift-button{position:absolute;right:36px;top:125px;z-index:5}.gift-button .menu-icon{width:72px;height:72px}.gift-button>span{font-size:15px}.gift-button .gift-state{color:#e7c78b;font:8px var(--sans);margin-top:4px}.gift-button:before{content:'';position:absolute;left:0;right:0;top:0;height:68px;background:radial-gradient(circle,#f4c55216,transparent 65%);animation:glint 5s infinite}.footer-links{position:absolute;left:31px;bottom:30px;z-index:6;display:flex;gap:22px}.quiet-link{display:flex;align-items:center;gap:8px;font-size:9px;color:#d2c19d;letter-spacing:.7px;text-shadow:0 2px 7px #000}.quiet-link svg{width:15px;height:15px}.pet-button{position:absolute;left:72%;top:44%;z-index:4;padding:10px;filter:drop-shadow(0 4px 4px #0007)}.pet-button svg{width:64px;height:55px;fill:#232a2a;stroke:#b2aaa0;stroke-width:.4}.pet-button span{font:500 17px var(--serif);display:block;margin-top:0;color:#e9d6af;text-shadow:0 2px 6px #000}.room-toast{position:absolute;left:50%;top:115px;transform:translateX(-50%);z-index:30;width:max-content;max-width:80vw;text-align:center;font-size:12px;color:#f8ddac;text-shadow:0 2px 9px #000;background:linear-gradient(90deg,transparent,#22170bd9,transparent);padding:12px 35px;opacity:0;pointer-events:none;transition:opacity .2s}.room-toast.show{opacity:1}.room-loading{position:absolute;inset:0;background:#241c15;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40;transition:opacity .4s;pointer-events:none}.room-loading p{font:500 34px var(--serif);letter-spacing:6px;color:var(--gold)}.room-loading span{font-size:9px;letter-spacing:2px;color:#bca888;margin-top:15px}.room-loading.ready{opacity:0}
.menu-sheet{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:linear-gradient(90deg,#16110d20,#17110dee 47%,#18140ff9);color:var(--ivory);overflow-y:auto;backdrop-filter:blur(3px)}.menu-sheet::backdrop{background:#120b0866}.sheet-content{width:min(650px,63vw);min-height:100%;padding:75px 65px 50px;margin-left:auto}.sheet-close{position:fixed;top:25px;right:29px;z-index:2;color:#e4c58d;padding:10px;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2px}.sheet-eyebrow{font-size:8px;letter-spacing:2.5px;color:#baa276;margin-bottom:13px}.sheet-content h2{font:500 53px/1.02 var(--serif);margin-bottom:20px;color:#f4e4be}.sheet-content .lead{font-size:12px;line-height:1.9;color:#bbbaaa;margin-bottom:24px;max-width:470px}.sheet-content h3{font:600 25px var(--serif);margin:21px 0 10px;color:#e6d4ad}.sheet-content .note{font-size:10px;line-height:1.9;color:#a59f89;margin-top:20px}.stat-line{display:flex;gap:30px;border-top:1px solid #bca77844;border-bottom:1px solid #bca77844;padding:17px 0;margin:23px 0}.stat-line strong{display:block;font:500 32px var(--serif);color:#e2c487}.stat-line span{font-size:8px;color:#b5b2a0;letter-spacing:1px}.text-tabs{display:flex;gap:22px;margin:22px 0 10px}.text-tabs button{font-size:11px;color:#a6a698;border-bottom:1px solid transparent;padding:8px 0}.text-tabs button.selected{color:#f0d495;border-color:#bc9960}.item-row{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #b7a47726}.item-glyph{width:38px;height:38px;color:#cdb378;flex:none}.item-glyph svg{width:32px;height:32px}.item-description{flex:1}.item-description h3{font-size:23px;margin:0 0 5px}.item-description p{font-size:10px;line-height:1.8;color:#aab0a2}.item-description .gold-text{color:#d8b771}.row-action{font-size:10px;white-space:nowrap;padding:9px 0 9px 12px;color:#e3c283}.row-action:hover{text-decoration:underline}.row-action:disabled{text-decoration:none}.plain-action{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #a88b53;padding:12px 0;font-size:11px;letter-spacing:.5px;color:#ead09e}.plain-action:hover{color:#ffe5b0}.plain-action svg{width:17px;height:17px}.action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.route-row{display:flex;align-items:center;gap:20px;width:100%;text-align:left;border-bottom:1px solid #aa9a7525;padding:14px 0}.route-row .menu-icon{width:58px;height:58px}.route-row strong{font:600 25px var(--serif);display:block;color:#e9d9b6}.route-row small{font-size:10px;color:#b3b3a2;display:block;margin-top:6px;line-height:1.8}.route-row:hover strong{color:#ffdf97}.route-row>svg{margin-left:auto;width:17px}.sheet-content label{font-size:11px;color:#c6baa1}.sheet-content input[type=text],.sheet-content select{display:block;width:100%;color:#e9dbc0;background:#251f1677;border:0;border-bottom:1px solid #907443;padding:12px 0;margin:9px 0 20px;border-radius:0;outline-offset:4px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #98896830}.toggle-row input{accent-color:#c9aa6b;width:17px;height:17px}.choice-row{display:flex;gap:25px;margin:20px 0}.choice-row button{font:500 24px var(--serif);border-bottom:1px solid transparent;padding:8px 0;color:#aab0a2}.choice-row .selected{color:#eac584;border-color:#b48d52}.chapter-row{font:500 27px var(--serif);padding:15px 0;border-bottom:1px solid #b4a58022;display:flex;justify-content:space-between;gap:20px}.chapter-row small{font:9px var(--sans);color:#afa68e;align-self:center}.room-city{position:absolute;inset:0;z-index:3;background:linear-gradient(#10171244,#15100e44),url('/assets/city.webp') center/cover}.city-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;text-shadow:0 2px 6px #000;padding:10px}.city-pin .menu-icon{width:54px;height:54px}.city-pin strong{font:600 24px var(--serif);color:#f2ddb5}.city-return{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);font:500 21px var(--serif);color:#f1d9a1;border-bottom:1px solid #c7a46666;padding:6px 0}.city-view .hero-stage,.city-view .main-nav,.city-view .lower-nav,.city-view .gift-button,.city-view .pet-button,.city-view .footer-links{display:none}.city-view .room-title{z-index:6}
@keyframes hero-breathe{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.004)}}@keyframes fire-breathe{0%,100%{opacity:.45}31%{opacity:.8}62%{opacity:.6}85%{opacity:1}}@keyframes glint{0%,100%{opacity:.25}50%{opacity:1}}@keyframes dust-rise{0%{opacity:0;transform:translate(0,25px)}20%{opacity:.4}80%{opacity:.15}100%{opacity:0;transform:translate(35px,-100px)}}.no-motion *,.suspended *{animation-play-state:paused!important}.no-motion *{transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.main-nav{left:45px;top:150px;bottom:115px;max-height:620px}.main-nav .menu-icon{width:75px;height:75px}.main-nav .menu-button>span{font-size:17px}.lower-nav{right:50px;bottom:32px;gap:27px}.lower-nav .menu-icon{width:78px;height:78px}.lower-nav .menu-button>span{font-size:16px}.top-hud{top:28px;left:45px;right:42px;gap:50px}.room-title{top:34px}.room-title h1{font-size:30px}.hero-caption strong{font-size:28px}.gift-button{right:55px;top:140px}.gift-button .menu-icon{width:86px;height:86px}.footer-links{left:48px;bottom:35px}}
@media(max-width:1100px){.room-title{left:62%;top:30px}.room-title h1{font-size:23px}.room-title>span{font-size:6px}.top-hud{gap:22px;inset:20px 22px auto}.avatar{width:53px;height:53px}.hero-vitals{width:130px}.hero-vitals strong{font-size:22px}.wallet{gap:17px;padding-top:5px}.currency strong{font-size:18px}.coin{width:21px;height:21px}.utilities{gap:8px}.main-nav{left:22px;top:115px;bottom:90px;max-height:460px;gap:5px}.main-nav .menu-icon{width:52px;height:52px}.main-nav .menu-button>span{font-size:13px}.lower-nav{right:21px;bottom:22px;gap:10px}.lower-nav .menu-icon{width:53px;height:53px}.lower-nav .menu-button{min-width:56px}.lower-nav .menu-button>span{font-size:12px}.gift-button{right:25px;top:115px}.gift-button .menu-icon{width:58px;height:58px}.gift-button>span{font-size:13px}.hero-stage{left:45%;height:75%;bottom:12%}.footer-links{left:25px;bottom:29px;gap:15px}.quiet-link{font-size:8px}.hotspot-label{font-size:20px}.pet-button{left:74%}.sheet-content{padding:70px 40px 45px;width:65vw}}
@media(max-width:800px){.room-title{top:89px;left:50%}.room-title h1{font-size:21px;margin-top:3px}.room-title:after{margin-top:6px}.room-title>span{display:none}.top-hud{inset:19px 19px auto;gap:22px}.hero-vitals{width:116px}.hero-vitals strong{font-size:20px}.wallet{gap:17px}.currency strong{font-size:18px}.currency small{font-size:6px}.utilities{gap:6px}.utility svg{width:16px;height:16px}.hero-stage{left:46%;height:68%;bottom:15%}.main-nav{top:143px;bottom:140px;left:16px;max-height:440px}.main-nav .menu-icon{width:49px;height:49px}.lower-nav{left:50%;right:auto;transform:translateX(-50%);bottom:38px;gap:12px}.lower-nav .menu-icon{width:50px;height:50px}.lower-nav .menu-button{min-width:48px}.lower-nav .menu-button>span{font-size:11px}.gift-button{top:143px;right:17px}.gift-button .menu-icon{width:57px;height:57px}.gift-button>span{font-size:12px}.footer-links{left:22px;bottom:12px;gap:17px}.quiet-link{font-size:7px}.quiet-link svg{width:12px;height:12px}.hero-caption{bottom:-6px}.hero-caption strong{font-size:21px}.hero-caption span{font-size:6px}.pet-button{left:auto;right:24px;top:45%}.pet-button svg{width:46px;height:40px}.pet-button span{font-size:14px}.sheet-content{width:81vw;padding:70px 40px 35px}.menu-sheet{background:linear-gradient(90deg,#19120dcc,#17110df7 38%)}.sheet-content h2{font-size:45px}.room-toast{top:118px;font-size:11px}.room-world .chest-hotspot{left:67%;width:24%}.hotspot-label{font-size:18px}.city-pin strong{font-size:20px}}
@media(max-width:540px){.top-hud{inset:15px 14px auto;gap:16px}.avatar{width:43px;height:43px;border-width:1px}.level-medal{width:19px;height:19px;font-size:13px;right:-6px;bottom:-2px}.hero-hud{gap:10px}.hero-vitals{width:96px}.hero-vitals strong{font-size:19px;margin-bottom:4px}.resource-bar{height:9px;margin-bottom:4px}.resource-bar span{font-size:7px;line-height:8px}.resource-bar.energy{height:7px}.resource-bar.energy span{font-size:6px;line-height:6px}.wallet{gap:12px;padding-top:3px}.currency{gap:5px}.coin{width:18px;height:18px;font-size:11px;border-width:1px}.currency strong{font-size:17px}.currency small{font-size:5px;letter-spacing:.7px}.utilities{position:absolute;right:1px;top:44px;gap:8px;padding:0}.utilities .fullscreen{display:none}.utility{padding:3px}.utility svg{width:15px;height:15px}.room-title{top:87px}.room-title h1{font-size:20px;letter-spacing:1px}.main-nav{left:9px;top:140px;bottom:160px;max-height:420px}.main-nav .menu-icon{width:46px;height:46px}.main-nav .menu-button{min-width:50px;gap:0}.main-nav .menu-button>span{font-size:12px}.gift-button{right:10px;top:137px}.gift-button .menu-icon{width:51px;height:51px}.gift-button .gift-state{font-size:6px}.gift-button>span{font-size:11px}.hero-stage{left:49%;height:57%;bottom:18%;width:auto;max-width:90vw}.hero-caption{bottom:-13px}.hero-caption strong{font-size:21px}.hero-caption span{font-size:6px}.pet-button{right:15px;top:41%;padding:7px}.pet-button svg{width:42px}.pet-button span{font-size:13px}.lower-nav{bottom:39px;gap:4px;width:calc(100% - 18px);justify-content:space-between}.lower-nav .menu-icon{width:43px;height:43px}.lower-nav .menu-button{min-width:39px;gap:0}.lower-nav .menu-button>span{font-size:10px;letter-spacing:0}.lower-nav .menu-button small{font-size:5px;top:-3px;right:0}.footer-links{bottom:12px;left:15px;gap:18px}.quiet-link{font-size:7px}.room-world{transform:translate(-54%,-50%)}.room-world .chest-hotspot{left:64%;top:54%;width:17%;height:14%}.hotspot-label{bottom:-18px;font-size:16px}.hotspot-label small{font-size:6px}.chest-hotspot:after{font-size:18px}.sheet-content{width:100%;padding:66px 24px 35px}.menu-sheet{background:#1c1711f5}.sheet-close{top:13px;right:13px}.sheet-close span{display:none}.sheet-content h2{font-size:43px}.sheet-content .lead{font-size:11px}.stat-line{gap:25px}.stat-line strong{font-size:28px}.stat-line span{font-size:7px}.item-row{gap:10px;padding:15px 0}.item-glyph{width:27px}.item-glyph svg{width:25px;height:25px}.item-description h3{font-size:21px}.item-description p{font-size:9px}.row-action{font-size:9px;padding-left:7px}.route-row{gap:15px}.route-row strong{font-size:23px}.city-pin strong{font-size:19px}.city-pin .menu-icon{width:45px;height:45px}.city-pin{padding:6px}.city-return{bottom:29px}.room-toast{top:113px;font-size:10px;width:88%;max-width:88%;padding:10px 16px}}
@media(max-height:610px){.top-hud{top:13px}.room-title{top:20px}.main-nav{top:108px;bottom:82px;max-height:none;gap:2px}.main-nav .menu-icon{width:43px;height:43px}.main-nav .menu-button>span{font-size:12px}.lower-nav{bottom:15px;gap:8px}.lower-nav .menu-icon{width:45px;height:45px}.gift-button{top:100px}.hero-stage{height:73%;bottom:13%}.hero-caption{bottom:-11px}.hero-caption strong{font-size:18px}.hero-caption span{font-size:6px}.footer-links{bottom:22px}.pet-button{top:39%}.sheet-content{padding-top:55px}.sheet-content h2{font-size:40px}.sheet-close{top:12px}.gift-button .menu-icon{width:50px;height:50px}}
@media(max-width:800px) and (max-height:610px){.room-title{top:77px}.room-title h1{font-size:17px}.main-nav{top:124px;bottom:82px}.main-nav .menu-icon{width:33px;height:33px}.main-nav .menu-button>span{font-size:10px}.hero-stage{height:67%;bottom:15%;left:47%}.lower-nav{bottom:28px;gap:2px}.lower-nav .menu-icon{width:37px;height:37px}.lower-nav .menu-button>span{font-size:10px}.footer-links{bottom:8px}.gift-button{top:117px}.gift-button .menu-icon{width:43px;height:43px}.gift-button>span{font-size:11px}.pet-button{top:45%;right:12px}.pet-button svg{width:35px;height:31px}.hero-caption strong{font-size:17px}.hero-caption span{font-size:5px}.hotspot-label{font-size:14px}.room-toast{top:101px}.hero-vitals{width:105px}.sheet-content{padding-top:50px}}

#home-root{width:100%;height:100%}
.mobile-chest{display:none;position:absolute;right:20px;bottom:24%;z-index:4;color:#ebd1a2;text-shadow:0 2px 6px #000;filter:drop-shadow(0 2px 7px #0008);padding:10px}.mobile-chest svg{width:34px;height:34px;stroke-width:1.1}.mobile-chest span{display:block;font:500 16px var(--serif);margin-top:4px}.city-view .mobile-chest{display:none}@media(max-aspect-ratio:4/5){.mobile-chest{display:block}}

.pet-button.has-companion{width:125px;height:145px;top:auto;left:68%;bottom:17%;}.pet-button.has-companion .pet-art{display:block;width:125px;height:125px;background:url('/assets/companions.webp') var(--pet-x) var(--pet-y)/300% 300% no-repeat}.room-trophy{position:absolute;z-index:4;left:24%;top:25%;width:76px;height:90px;filter:drop-shadow(0 3px 5px #000);color:#c7a162;background:radial-gradient(ellipse,#48321ee0,#241a10ba 62%,transparent 68%)}.room-trophy svg{width:54px;height:64px;fill:#7e5831;stroke:#d9b66c;stroke-width:1.2}.room-trophy span{display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:110px;font:15px var(--serif);text-shadow:0 2px 3px #000;opacity:0;transition:opacity .2s}.room-trophy:hover span,.room-trophy:focus-visible span{opacity:1}.character-open .room-trophy,.city-view .room-trophy,.forge-open .room-trophy,.market-open .room-trophy{display:none}@media(max-width:800px){.pet-button.has-companion{left:auto;right:20px}}@media(max-width:600px){.room-trophy{left:auto;right:12%;top:29%;width:65px;height:70px}.room-trophy svg{width:43px;height:53px}.room-trophy span{font-size:12px}.pet-button.has-companion{width:95px;height:115px;bottom:24%}.pet-button.has-companion .pet-art{width:95px;height:95px}}