@import url('./style-v3.css');
@import url('./layout-v3.css');
.bottom-dock{gap:7px;padding-top:8px}.career-line{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#f8e9c6;font-size:9px;min-height:19px}.career-line button{color:#ffe3a0;background:transparent;font-size:9px;padding:5px 0;white-space:nowrap}#career{display:flex;align-items:center;gap:6px}.career-level{color:#ffe09c;font-weight:800}.xp-track{display:inline-block;width:45px;height:4px;background:#ffffff22;border-radius:3px;overflow:hidden}.xp-track i{display:block;height:100%;background:#e4bf68}
nav{gap:8px;padding:3px 2px;scroll-snap-type:x proximity}nav button.room-card{position:relative;flex:0 0 66px;width:66px;height:59px;display:flex;flex-direction:column;gap:0;padding:0;border-radius:10px;overflow:hidden;background:#ede4c7;box-shadow:none;font-size:9px;scroll-snap-align:center;border:2px solid transparent;transform:none}nav button.room-card img{width:100%;height:36px;object-fit:cover;object-position:center 26%;pointer-events:none}nav button.room-card span{display:block;height:18px;line-height:18px;font-weight:750;color:#38523b;white-space:nowrap;font-size:8px}nav button.room-card.selected{border-color:#ffe2a1;background:#ffdfa0;box-shadow:0 0 0 1px #dfc184;transform:none}nav button.room-card small{position:absolute;right:2px;top:2px;background:#254333df;color:#fff1bc;padding:2px 4px;border-radius:6px;font-size:7px}.nav-action{width:32px;height:40px;border-radius:10px;font-size:22px;flex-basis:32px}
.scene-label{font-size:7px}.scene-label>span:nth-child(2){letter-spacing:.3px}#material{max-width:135px;overflow:hidden;text-overflow:ellipsis}.scene-intro .gesture-hint{max-width:315px}.earned{color:#607149;font-size:10px!important}
dialog{border:1px solid #f1dfb9;padding:0;background:#f9f0dc;color:#2f4735;border-radius:22px;width:min(460px,calc(100vw - 24px));max-height:calc(100svh - 32px);box-shadow:0 25px 80px #162e2199}dialog::backdrop{background:#142c22b8;backdrop-filter:blur(5px)}.catalog-head{position:sticky;top:0;z-index:1;background:#f9f0dc;display:flex;justify-content:space-between;align-items:center;padding:17px 17px 10px;border-bottom:1px solid #b8ae8d44}.catalog-head h2{font:italic 23px Georgia,serif;margin:0}.catalog-head p{font-size:10px;margin:5px 0 0;color:#738060}.catalog-close{border:0;background:#e6dcc0;width:34px;height:34px;border-radius:50%;font-size:20px}.catalog-body{padding:12px 16px 20px}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-grid button{overflow:hidden;text-align:left;background:#fff9ed;padding:0;border-radius:12px;border:1px solid #d2c49f}.room-grid img{width:100%;height:100px;object-fit:cover;object-position:center 25%;display:block}.room-grid strong,.room-grid small{display:block;margin:7px 9px;font-size:13px}.room-grid small{font-size:9px;color:#79836a;margin-top:-2px}.task-list{display:flex;flex-direction:column;gap:7px}.task-list button{display:flex;text-align:left;align-items:center;gap:11px;background:#fff9eb;border:1px solid #d2c7a8;border-radius:11px;padding:12px}.task-list .task-mark{width:27px;height:27px;border-radius:50%;background:#e2e7cd;display:grid;place-items:center;flex:none;color:#4c714c}.task-list strong{display:block;font-size:12px}.task-list small{display:block;font-size:9px;margin-top:4px;color:#6e7d61}.catalog-back{background:none;padding:0 0 12px;font-size:11px;color:#647454}.room-earned{font-size:11px;color:#667b52;margin:0 0 12px}.save-status{font-size:8px;color:#f8d89a}
@media(max-height:700px){.bottom-dock{gap:4px;padding-top:6px}.career-line{min-height:16px;font-size:8px}.career-line button{font-size:8px;padding:2px 0}nav button.room-card{height:49px;flex-basis:60px;width:60px}nav button.room-card img{height:28px}nav button.room-card span{font-size:7px}.scene-intro{top:60px}.scene-intro .gesture-hint{font-size:8px;padding:4px 8px;margin-top:5px}.scene-hud{top:46%}h1{font-size:16px}.inner-voices p{font-size:10px}.scene-label>span:nth-child(2){display:none}}
@media(orientation:landscape) and (max-height:500px){.bottom-dock{gap:9px}.career-line{flex-wrap:wrap}.scene-intro{top:51px}nav button.room-card{height:54px}.scene-label>span:nth-child(2){display:none}.scene-intro .gesture-hint{max-width:270px}}