/* Storybook island: restrained ivory controls around an illustrated living scene. */
:root {
    --ink: #294c40; --ink-soft: #60766a; --cream: #f5f4e8; --cream-solid: #fffdf5;
    --line: rgba(60,83,57,.16); --leaf: #698e60; --leaf-dark: #426b4e; --leaf-soft: #e2e8d5;
    --shadow-sm: 0 5px 18px rgba(32,58,44,.14); --shadow-lg: 0 22px 80px rgba(21,53,43,.25);
    --font-display: "Trebuchet MS", "Segoe UI", sans-serif;
}
.topbar { top: max(16px,env(safe-area-inset-top)); left: max(16px,env(safe-area-inset-left)); right: max(16px,env(safe-area-inset-right)); gap: 14px; align-items: flex-start; }
.brand-lockup { min-width: 0; padding: 15px 22px 14px; border-radius: 19px; transform: none; background: rgba(248,247,234,.96); color: var(--ink); }
.brand-lockup::before,.brand-lockup::after { display:none; }
.brand-line { font-size: 32px; letter-spacing: -.8px; font-weight: 800; line-height: 1.15; }
.brand-tagline { margin-top: 4px; font-size: 12px; line-height: 1.2; letter-spacing: .05px; }
.brand-lockup { display:grid; grid-template-columns:24px 1fr; column-gap:11px; }
.brand-sprout { width:24px; height:32px; grid-row:1 / 3; align-self:center; color:#607c4c; }
.brand-tagline { grid-column:2; }
.world-status { margin: 4px 0 0; padding: 12px 17px; border-radius: 17px; background: rgba(248,247,234,.94); }
.world-status strong { font-size: 14px; } .world-status small { font-size: 12px; }
.icon-button,.small-icon-button { background: rgba(248,247,234,.95); }
.top-actions { margin-top: 4px; gap: 12px; }
.icon-button { width: 48px; height: 48px; }
.preview-badge { top: auto; bottom: max(17px,env(safe-area-inset-bottom)); right: max(17px,env(safe-area-inset-right)); left: auto; background: rgba(31,68,56,.78); font-size: 9px; letter-spacing: .045em; border-radius: 7px; padding: 5px 9px; box-shadow: none; }
.request-card,.mobile-rail { display: none !important; }
.hud-panel { background: rgba(248,247,234,.94); border-radius: 19px; }
.journal-panel { top: 116px; left: max(16px,env(safe-area-inset-left)); width: 242px; padding: 17px; max-height: calc(100dvh - 240px); overflow: auto; scrollbar-width: thin; }
.panel-heading h2 { font-size: 17px; letter-spacing: -.35px; }
.ui-icon { width: 20px; height: 20px; color: #597c4d; }
.event-item { grid-template-columns: 42px minmax(0,1fr); gap: 9px; padding: 13px 0; font-size: 12px; line-height: 1.48; }
.event-copy strong { font-size: 12px; line-height: 1.35; }
.event-copy small { font-size: 10px; margin-top: 6px; color: #7d8d80; }
.event-emoji { width: 42px; height: 48px; border-radius: 9px; background: #e1e7d3; overflow: hidden; }
.event-emoji canvas { width: 42px; height: 48px; }
.world-toolbar {
    position: absolute; z-index: 35; left: 50%; bottom: max(24px,env(safe-area-inset-bottom)); transform: translateX(-50%);
    display: flex; align-items: center; gap: 3px; padding: 8px 12px; border: 1px solid rgba(255,255,240,.5);
    border-radius: 21px; background: rgba(248,247,234,.95); box-shadow: var(--shadow-lg); backdrop-filter: blur(16px);
}
.world-toolbar button { width: 90px; min-height: 62px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; border:0; border-radius: 13px; background: transparent; font-size: 13px; color: #294c40; cursor: pointer; transition: background .18s, transform .18s; }
.world-toolbar button:hover,.world-toolbar button[aria-pressed="true"] { background: #e0e8d3; transform: translateY(-2px); }
.world-toolbar svg { width: 26px; height: 26px; }
.world-motto { position: absolute; z-index: 26; left: 20px; bottom: 20px; margin: 0; color: #fffce9; text-shadow: 0 1px 4px rgba(23,69,66,.65); font-size: 12px; font-style: italic; letter-spacing: .15px; pointer-events: none; }
.camera-tools { right: 17px; top: 48%; gap: 8px; }
.small-icon-button { width: 38px; height: 38px; }
.pause-button { position: absolute; z-index: 30; right: 20px; bottom: 60px; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: rgba(248,247,234,.9); box-shadow: var(--shadow-sm); cursor: pointer; }
.pause-button svg { width: 18px; height:18px; }
.pause-button[aria-pressed="true"] { background: #cadfb5; }
.life-notice { position: absolute; z-index: 26; right: 20px; top: 91px; padding: 10px 15px; max-width: 265px; border-radius: 13px; background: rgba(248,247,234,.94); font-size: 12px; box-shadow: var(--shadow-sm); }
.piti-dock { bottom: max(120px,calc(env(safe-area-inset-bottom) + 110px)); width: min(940px,calc(100vw - 330px)); border-radius: 27px; background: rgba(255,253,243,.98); }
.piti-story { margin: 4px auto 0; padding: 2px; font-size: 10px; }
.choice-tray { bottom: 325px; width: min(560px,calc(100vw - 24px)); }
.choice-options { flex-wrap: wrap; } .choice-options button { flex: 1 1 60px; min-width: 60px; }
.drawer { top: 98px; bottom: 124px; background: rgba(255,253,243,.98); }
.toast-region { top: 114px; } .toast { border-radius: 15px; background: rgba(255,253,243,.97); }
.save-indicator { bottom: 114px; }
.screen-layer { background: rgba(45,91,78,.15); backdrop-filter: blur(7px); }
.welcome-screen,.return-screen { background: rgba(58,100,72,.14); }
.welcome-card { border-radius: 26px; padding: 36px; background: rgba(255,253,243,.98); }
.welcome-card h1 { font-size: 35px; letter-spacing: -1.2px; line-height: 1.13; }
.welcome-sprout { background: #e2e8d5; }
.game-dialog { max-height: min(850px,calc(100dvh - 48px)); border-radius: 25px; touch-action: pan-y; overscroll-behavior: contain; scrollbar-width: thin; }
.game-dialog::backdrop { background: rgba(26,57,45,.32); backdrop-filter: blur(5px); }
.game-dialog h2 { font-size: 28px; line-height: 1.2; letter-spacing: -.8px; }
.game-dialog button { touch-action: manipulation; }
.life-dialog { width: min(700px,calc(100vw - 32px)); padding: 30px; }
.play-dialog { width: min(570px,calc(100vw - 32px)); padding: 30px; text-align: center; }
.play-dialog h2 { margin-right: 0; padding-right: 28px; }
.dialog-intro,#play-dialog-instruction { color: var(--ink-soft); font-size: 13px; line-height: 1.6; margin: -6px 0 22px; }
.subheading { font-size: 16px; margin: 26px 0 12px; letter-spacing: -.2px; }
.resident-list { display: grid; gap: 0; }
.resident-row { display: flex; align-items: flex-start; gap: 14px; border-top: 1px solid var(--line); padding: 17px 0; }
.resident-row:first-child { border-top: 0; }
.piti-avatar { flex: 0 0 auto; background: #e7eddc; border-radius: 15px; object-fit: contain; }
.resident-identity { flex: 1; min-width: 0; }
.resident-name { padding: 0; border: 0; background: none; color: var(--ink); font-size: 20px; font-weight: 800; text-align: left; cursor: pointer; }
.resident-state { font-size: 12px; color: var(--ink-soft); margin: 4px 0; }
.resident-traits,.resident-family { font-size: 11px; color: #6c805e; line-height: 1.5; margin: 4px 0; }
.resident-details { margin-top: 10px; font-size: 12px; }
.resident-details summary { cursor: pointer; color: var(--leaf-dark); padding: 5px 0; font-weight: 700; }
.skill-list { padding-top: 7px; display: grid; gap: 7px; }
.skill-row { display: grid; grid-template-columns: 80px 1fr 40px; gap: 9px; align-items: center; font-size: 11px; text-transform: capitalize; }
.skill-row meter { width:100%; height: 12px; accent-color: var(--leaf); }
.personal-memories { font-size: 11px; color: var(--ink-soft); line-height: 1.6; padding-left: 18px; }
.life-actions { display: flex; gap: 10px; margin-top: 20px; } .life-actions button { flex:1; }
.gentle-note { font-size: 11px; line-height: 1.7; color: #7b8a78; margin: 18px 0 0; }
.guest-invitation { display:flex; gap:14px; background: #eaf0dc; border-radius:17px; padding:16px; margin:18px 0; }
.guest-invitation p { font-size:12px; color:var(--ink-soft); margin:7px 0 13px; }
.guest-invitation .primary-button { min-height:40px; width:auto; padding:10px 17px; font-size:12px; }
.activity-list { display:grid; }
.activity-row { display:flex; gap:15px; align-items:center; padding:14px 0; border:0; border-bottom:1px solid var(--line); background:none; text-align:left; cursor:pointer; }
.activity-row:hover { color:var(--leaf-dark); background:rgba(225,235,209,.35); }
.activity-row strong { display:block; font-size:14px; margin-bottom:5px; } .activity-row small { font-size:12px; color:var(--ink-soft); line-height:1.4; }
.activity-icon { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; font-size:25px; background:#eaf0de; border-radius:13px; }
.activity-arrow { margin-left:auto; width:21px; height:21px; flex:0 0 21px; }
.game-menu { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.game-menu-item { display:grid; grid-template-columns:44px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:12px; padding:13px; border:1px solid var(--line); border-radius:15px; background:#f3f4e7; text-align:left; cursor:pointer; }
.game-menu-item .activity-icon { grid-row:1 / 3; background:transparent; } .game-menu-item strong { font-size:12px; line-height:1.3; } .game-menu-item small { font-size:10px; line-height:1.4; color:var(--ink-soft); margin-top:4px; }
.game-menu-item:hover { background:#e7edda; }
.discovery-list { display:grid; } .discovery-row { display:flex; gap:16px; padding:15px 0; border-bottom:1px solid var(--line); }
.discovery-mark { font-size:25px; color:#bc9854; padding:4px; } .discovery-row strong { font-size:14px; } .discovery-row p { margin:5px 0 0; font-size:12px; line-height:1.6; color:var(--ink-soft); }
.undiscovered { opacity:.57; } .journey-row { display:flex; gap:14px; align-items:center; padding:12px 0; font-size:13px; line-height:1.5; }
.album-line { font-size:12px; color:var(--ink-soft); } .photo-button { width:auto; }
#play-dialog-board { display:flex; flex-direction:column; align-items:center; gap:18px; } #play-dialog-status { min-height:20px; font-size:13px; color:var(--ink-soft); margin:22px 0 0; }
.note-buttons { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; width:100%; }
.note-button { background:var(--note-color); color:#294738; border:2px solid rgba(255,255,255,.6); border-radius:19px; min-height:102px; font-size:15px; font-weight:800; cursor:pointer; box-shadow:0 5px 0 rgba(33,61,41,.15); transition:transform .15s,filter .15s; }
.note-button.sounding { transform:translateY(-9px); filter:brightness(1.24); opacity:1; box-shadow:0 12px 24px rgba(88,117,62,.22); }
.note-button:disabled { opacity:.62; } .note-button.sounding:disabled { transform:translateY(-9px) !important; }
.fishing-lake { width:100%; height:145px; border-radius:18px; position:relative; overflow:hidden; background:url('../assets/island.png') 73% 55% / 210% auto; }
.fishing-bobber { position:absolute; width:13px; height:30px; background:linear-gradient(#df8065 45%,#faf3dc 45%); border-radius:12px; left:50%; top:53%; box-shadow:0 8px 0 -4px rgba(255,255,255,.6); }
.fishing-meter { position:relative; width:100%; height:35px; background:#e5e8d9; border-radius:12px; border:1px solid var(--line); }
.fishing-target { position:absolute; width:28%; height:100%; left:36%; background:#9fbe86; border-radius:10px; }
.fishing-pointer { position:absolute; width:8px; height:43px; top:-5px; left:50%; border-radius:5px; background:#345c4a; border:2px solid #fffaf0; transform:translateX(-50%); }
.memory-board { width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.memory-card { display:grid; place-items:center; min-height:104px; border:1px solid #cdd8ba; border-radius:17px; background:#d9e3cb; color:#6e8b54; font-size:35px; cursor:pointer; }
.memory-card.revealed { background:#f4f4e7; } .memory-card.matched { opacity:.65; border-color:#84a866; } .memory-card .piti-avatar { background:transparent; }
.garden-preview { width: min(260px,100%); height:190px; object-fit:contain; } .play-success { font-size:65px; color:#c7a159; }
.play-dialog h3 { font-size:22px; margin:0; } .play-dialog #play-dialog-board > p { font-size:13px; color:var(--ink-soft); }
.life-game-strip { position:absolute; z-index:36; bottom:125px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:18px; max-width:calc(100vw - 30px); padding:14px 18px; background:rgba(255,253,243,.97); border-radius:17px; box-shadow:var(--shadow-sm); font-size:12px; }
.life-game-strip .text-button { margin:0; width:auto; }
.setting-row { gap:16px; } .setting-row input[type="range"] { width:115px; flex:0 0 115px; } .setting-row small { font-size:11px; line-height:1.5; margin-top:3px; }
.observe-exit { position:absolute; z-index:50; bottom:25px; left:50%; transform:translateX(-50%); padding:12px 20px; border:1px solid rgba(255,255,240,.5); border-radius:30px; background:rgba(255,253,243,.85); font-size:12px; box-shadow:var(--shadow-sm); cursor:pointer; }
.observing .topbar,.observing .journal-panel,.observing .world-toolbar,.observing .camera-tools,.observing .world-motto,.observing .preview-badge,.observing .life-notice { opacity:0; pointer-events:none; }
@media(max-width:1000px) {
    .brand-line { font-size:24px; } .brand-tagline { font-size:11px; } .brand-lockup { padding:13px 17px; }
    .journal-panel { width:215px; } .piti-dock { grid-template-columns:95px minmax(0,1fr); width:min(610px,calc(100vw - 40px)); }
    .piti-actions { grid-column:1 / -1; border-left:0; border-top:1px solid var(--line); padding:10px 0 0; }
    .portrait-wrap,#piti-portrait { width:90px; height:90px; } .choice-tray { bottom:370px; }
}
@media(max-width:900px) {
    .journal-panel { display:none !important; }
    .world-status { padding:11px; } .world-status small { font-size:10px; }
    .world-motto { bottom:115px; }
}
@media(max-width:600px) {
    .topbar { top:max(10px,env(safe-area-inset-top)); left:10px; right:10px; gap:8px; align-items:flex-start; flex-wrap:wrap; }
    .brand-lockup { padding:11px 14px; border-radius:16px; }
    .brand-lockup { grid-template-columns:16px 1fr; column-gap:6px; } .brand-sprout { width:16px; height:25px; }
    .brand-line { font-size:22px; letter-spacing:-.7px; } .brand-tagline { font-size:9px; margin-top:4px; }
    .top-actions { gap:6px; margin-left:auto; margin-top:5px; }
    .icon-button { width:36px; height:36px; } #btn-help { display:grid; } .icon-button svg { width:18px; height:18px; }
    .world-status { order:3; margin:0; padding:7px 11px; gap:7px; min-width:130px; border-radius:12px; }
    .world-status strong { font-size:11px; } .world-status small { font-size:9px; } .weather-icon { font-size:21px; }
    .world-toolbar { width:calc(100vw - 20px); bottom:max(12px,env(safe-area-inset-bottom)); padding:6px; gap:0; border-radius:19px; }
    .world-toolbar button { width:auto; flex:1; min-height:59px; font-size:10px; gap:6px; } .world-toolbar svg { width:23px; height:23px; }
    .preview-badge { top:90px; right:12px; bottom:auto; font-size:8px; }
    .world-motto { left:14px; bottom:98px; font-size:10px; }
    .pause-button { bottom:98px; right:12px; width:34px; height:34px; }
    .life-notice { top:125px; right:12px; font-size:10px; padding:8px 11px; max-width:220px; }
    .camera-tools { top:42%; right:10px; } .small-icon-button { width:35px; height:35px; }
    .piti-dock { bottom:max(95px,calc(env(safe-area-inset-bottom) + 85px)); width:calc(100vw - 20px); grid-template-columns:74px minmax(0,1fr); padding:13px; gap:9px; border-radius:23px; min-height:0; }
    .portrait-wrap,#piti-portrait { width:70px; height:70px; } .piti-name-row h2 { font-size:19px; } .piti-name-row p { font-size:10px; }
    .needs-compact > div,.needs-compact output { font-size:9px; } .trait-badge { font-size:8px; } .piti-actions button { font-size:9px; min-height:51px; }
    .choice-tray { bottom:345px; padding:10px; } .choice-options button { min-height:53px; }
    .drawer { top:118px; bottom:94px; right:10px; width:calc(100vw - 20px); padding:17px; }
    .toast-region { top:167px; } .save-indicator { bottom:93px; }
    .life-dialog,.play-dialog { width:calc(100vw - 22px); max-height:calc(100dvh - 30px); padding:23px 19px; border-radius:22px; }
    .game-dialog h2 { font-size:25px; margin-bottom:23px; } .dialog-close { right:12px; top:12px; width:34px; height:34px; }
    .life-dialog h2 { padding-right:26px; } .dialog-intro,#play-dialog-instruction { font-size:12px; }
    .resident-row { gap:11px; } .resident-row > .piti-avatar { width:60px !important; height:60px !important; }
    .resident-name { font-size:18px; } .resident-state { font-size:11px; } .life-actions { flex-direction:column; }
    .activity-row { gap:10px; } .activity-row strong { font-size:13px; } .activity-row small { font-size:11px; }
    .game-menu { grid-template-columns:1fr; gap:9px; } .game-menu-item { padding:12px; }
    .note-buttons { gap:7px; } .note-button { min-height:90px; font-size:12px; border-radius:15px; }
    .memory-board { gap:7px; } .memory-card { min-height:84px; border-radius:12px; } .memory-card .piti-avatar { width:55px !important; height:55px !important; }
    .life-game-strip { bottom:98px; width:calc(100vw - 24px); gap:10px; padding:11px; font-size:11px; }
    .setting-row input[type="range"] { width:90px; flex-basis:90px; }
    .welcome-card { padding:30px 24px; } .welcome-card h1 { font-size:32px; }
}
@media(max-height:600px) and (orientation:landscape) {
    .world-toolbar { bottom:10px; padding:4px 8px; } .world-toolbar button { min-height:48px; gap:3px; }
    .journal-panel { display:none; } .brand-lockup { padding:8px 14px; } .brand-line { font-size:22px; }
    .piti-dock { bottom:82px; left:50%; transform:translateX(-50%); width: min(660px,calc(100vw - 90px)); grid-template-columns:70px 210px 1fr; padding:10px; }
    .piti-actions { grid-column:auto; border-top:0; padding:0 0 0 9px; } .piti-actions button { min-width:0; }
    .choice-tray { bottom:215px; } .world-motto { bottom:18px; } .life-notice { top:85px; }
}
@media(prefers-reduced-motion:reduce) { .note-button.sounding { transform:none !important; } }

/* Small transparent inspector and a separate tray of tangible world objects. */
.piti-dock { left:auto; right:max(16px,env(safe-area-inset-right)); top:110px; bottom:auto; transform:none; width:258px; max-height:calc(100dvh - 280px); overflow:auto; grid-template-columns:48px minmax(0,1fr); gap:8px; padding:15px; border-radius:21px; background:rgba(248,247,234,.57); border:1px solid rgba(255,255,255,.65); backdrop-filter:blur(18px) saturate(1.15); box-shadow:0 8px 35px rgba(24,57,41,.13); }
.piti-dock .portrait-wrap,.piti-dock #piti-portrait { width:48px; height:48px; }
.piti-dock .portrait-mood { width:21px; height:21px; font-size:14px; bottom:-3px; right:-4px; }
.piti-dock .piti-name-row { gap:3px; } .piti-dock .piti-name-row h2 { font-size:19px; } .piti-dock .piti-name-row p { font-size:10px; line-height:1.4; }
.piti-dock .mini-nav { width:20px; height:24px; flex:0 0 20px; }
.piti-dock .trait-list { display:none; } .piti-dock .needs-compact { margin-top:11px; gap:5px; }
.piti-dock .needs-compact > div { grid-template-columns:42px 1fr 26px; font-size:10px; } .piti-dock .needs-compact output { font-size:9px; }
.piti-dock .needs-compact > div:nth-child(n+4) { display:none; }
.piti-dock .piti-actions { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; padding:7px 0 0; border:0; }
.piti-dock .piti-actions button { min-width:0; min-height:43px; padding:5px 2px; border-radius:11px; font-size:9px; gap:3px; background:rgba(255,253,243,.6); }
.piti-dock .piti-actions [data-piti-action="feed"] { display:none; } .piti-dock .piti-actions button > span:first-child { font-size:17px; }
.piti-dock .dock-close { right:4px; top:3px; width:24px; height:24px; font-size:17px; }
.piti-dock .piti-story { margin:6px auto 0; width:auto; }
.world-toolbar { padding:5px 8px; bottom:max(14px,env(safe-area-inset-bottom)); } .world-toolbar button { width:80px; min-height:52px; font-size:11px; gap:4px; }
.world-inventory { position:absolute; z-index:37; left:50%; bottom:max(89px,calc(env(safe-area-inset-bottom) + 78px)); transform:translateX(-50%); display:flex; gap:5px; padding:6px 8px; border:1px solid rgba(255,255,255,.6); border-radius:18px; background:rgba(248,247,234,.72); backdrop-filter:blur(14px); box-shadow:var(--shadow-sm); }
.world-inventory button { position:relative; display:grid; place-items:center; min-width:46px; height:46px; padding:0; border:0; border-radius:11px; color:var(--ink); background:rgba(255,253,243,.64); cursor:grab; touch-action:none; }
.world-inventory button:active { cursor:grabbing; } .world-inventory button:disabled { opacity:.4; } .world-inventory button.is-out { background:rgba(130,161,108,.15); }
.world-inventory canvas { width:36px; height:36px; pointer-events:none; } .world-inventory small { position:absolute; right:2px; bottom:0; padding:1px 3px; border-radius:5px; background:rgba(255,253,243,.9); font-size:9px; pointer-events:none; }
.inventory-ghost { position:fixed; z-index:200; pointer-events:none; width:44px; height:44px; transform:translate(-50%,-65%); filter:drop-shadow(0 6px 5px rgba(25,55,35,.25)); }
.house-door { position:absolute; z-index:28; transform:translate(-50%,-50%); border:1px solid rgba(255,253,243,.55); border-radius:12px; background:rgba(255,253,243,.5); min-width:35px; min-height:32px; font-size:13px; cursor:pointer; backdrop-filter:blur(5px); }
.house-door.occupied { background:rgba(255,222,142,.83); }
.note-buttons { grid-template-columns:repeat(2,1fr); gap:14px; }
.note-button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:132px; }
.note-button .piti-avatar { background:transparent; }
.simon-score { display:flex; width:100%; justify-content:space-between; align-items:center; font-size:13px; gap:10px; }
.simon-score > span:first-of-type { color:#bd6e86; letter-spacing:3px; }
.observing .world-inventory,.observing .house-door { opacity:0; pointer-events:none; }
.choice-tray { left:auto; right:16px; top:360px; bottom:auto; width:258px; transform:none; }
@media(max-width:600px) {
    .piti-dock { right:10px; top:128px; width:238px; padding:12px; max-height:calc(100dvh - 305px); }
    .world-toolbar { width:calc(100vw - 20px); bottom:max(12px,env(safe-area-inset-bottom)); }
    .world-toolbar button { min-height:49px; font-size:10px; }
    .world-inventory { bottom:max(81px,calc(env(safe-area-inset-bottom) + 70px)); gap:4px; padding:5px 7px; max-width:calc(100vw - 20px); }
    .world-inventory button { min-width:43px; height:43px; } .world-inventory canvas { width:33px; height:33px; }
    .choice-tray { top:360px; right:10px; width:238px; }
    .world-motto { bottom:147px; } .camera-tools { left:10px; right:auto; }
}
@media(max-height:600px) and (orientation:landscape) { .piti-dock { top:83px; width:225px; max-height:calc(100dvh - 95px); } .world-inventory { bottom:76px; } .choice-tray { top:180px; right:250px; } }