/* The canvas now has the viewport's aspect ratio and a genuinely larger world. */
.play-area:before{display:none!important}.world{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;box-shadow:none!important;transform:none!important}#game{width:100%;height:100%;object-fit:fill}
/* Dialog panels must share the backdrop's stacking context, rather than sit behind it. */
body>.sidebar{display:none;pointer-events:auto}.panel-open>#panel-shade{position:fixed;inset:0;z-index:50;display:block;background:#132c3433;pointer-events:auto}.panel-open>aside.sidebar,.panel-open.garden-mode>aside.sidebar{z-index:51!important;pointer-events:auto!important;position:fixed;right:12px;top:12px!important;bottom:12px;max-height:calc(100dvh - 24px);width:min(520px,calc(100vw - 24px));overflow:auto;background:#fbf5e8;box-shadow:0 14px 60px #17233370;border-radius:18px;padding:18px}.panel-open>#panel-close{display:block;position:fixed;z-index:52!important;top:16px!important;right:16px;pointer-events:auto}.panel-open>aside.sidebar button,.panel-open>aside.sidebar input{pointer-events:auto;touch-action:manipulation}
/* Explicit state rules outrank the older responsive display declarations. */
.garden-mode #garden-dock>#garden-body[hidden],#deployment-dock>#squad-body[hidden]{display:none!important}
.garden-mode #garden-dock.collapsed{right:auto!important;width:max-content!important;max-width:calc(100vw - 24px)!important;margin:0!important}.garden-glass.collapsed .garden-progression-actions{display:none!important}
.world>#deployment-dock.collapsed{right:auto!important;width:max-content!important;min-width:180px!important;max-width:calc(100vw - 118px)!important;margin:0!important}.squad-drawer.collapsed .squad-head>.resource{margin-left:20px!important}.squad-drawer.collapsed .squad-head{gap:8px}
.squad-drawer #lamp-btn{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;justify-self:stretch;align-self:stretch;flex:none;background:linear-gradient(#fff8e5d9,#e5e8e0bd)!important;border:1px solid #ffffffc9;color:#455a62;box-shadow:inset 0 1px #fff9,0 2px 5px #4253750a}.squad-drawer #lamp-btn>small{color:#687b77}.squad-drawer #lamp-btn .lamp-price b{color:#806235}.squad-drawer #lamp-btn:disabled{opacity:.65;filter:grayscale(1)}
.top-actions #back-battle,.top-actions #album-btn,.top-actions #sound,.top-actions #settings-btn{box-sizing:border-box;height:36px!important;min-height:36px!important;max-height:36px;align-self:center;margin:0!important;display:flex;align-items:center;justify-content:center}.top-actions #album-btn,.top-actions #sound,.top-actions #settings-btn{width:36px!important;min-width:36px!important;padding:5px!important}.top-actions #album-btn img{width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 1px 1px #273a4e55)}.top-actions #back-battle{padding:5px 12px;font-size:12px}.garden-tool-row button img[src$="v13.svg"]{width:34px;height:34px;filter:drop-shadow(0 2px 1px #87714b15)}
/* Furniture has a stable bottom-centre anchor even while pressed. */
.decor-editor .furniture-handle,.decor-editor .furniture-handle:hover,.decor-editor .furniture-handle:active,.decor-editor .furniture-handle:focus{transform:translate(-50%,-100%)!important;transition:none!important;box-sizing:border-box;max-width:none!important;max-height:none!important;margin:0!important;outline-offset:3px}.decor-editor{z-index:30}.decor-toolbar{z-index:2}
/* A closer, roomier paper record, with distinct keepsakes for each chapter. */
.diary-dialog{position:fixed!important}.info-dialog.diary-dialog #modal-close{position:absolute!important;inset:12px 12px auto auto!important;width:30px!important;min-width:30px!important;height:30px!important;line-height:1!important;padding:0!important;display:grid;place-items:center;margin:0!important;transform:none!important;font-size:23px;border:1px solid #c7b18b99;border-radius:50%;background:linear-gradient(#fff8e9,#e8d9bc);color:#826d4f;box-shadow:inset 0 1px #fff9,0 2px 5px #75593425;z-index:5}.diary-dialog #modal-close[hidden]{display:none!important}.diary-right>.paper-content{padding-right:3px}.diary-right h3:first-child{padding-right:24px}
.diary-book .journal-list{display:flex;flex-direction:column;gap:12px}.diary-book .journal-entry{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:91px;padding:18px 16px!important;border:1px solid #ccb68c99;border-radius:9px;background:linear-gradient(145deg,#fffdf2d9,#f2e6cb90);box-shadow:inset 0 1px #fff,0 4px 8px #785d3010;text-align:left}.diary-book .journal-entry:after{content:'';position:absolute;inset:4px;border:1px solid #d9c59c55;border-radius:6px;pointer-events:none}.diary-book .journal-entry:hover{background:#fff9e9;border-color:#a58a59}.diary-book .journal-entry strong{font-size:14px;line-height:1.6}.diary-book .journal-entry small{font-size:10px;line-height:1.7;margin-top:4px;display:block}.diary-book .journal-entry>b{font-size:17px;color:#967442}.diary-book .journal-entry .mini-grade{width:37px;height:42px;display:grid;place-items:center;border-radius:6px;background:#eaddb8;border:1px solid #bfa67b;box-shadow:inset 0 1px #fff8;font-family:Georgia,serif;font-size:27px;color:#927343}
.diary-cat-list article{align-items:flex-start;padding:16px 0;gap:12px}.diary-cat-list article>img{margin-top:3px;width:60px;height:65px}.diary-cat-list article>div{flex:1;min-width:0}.journal-moments{display:grid;gap:8px;margin-top:12px}.journal-moment{display:flex;align-items:center;gap:9px;border:1px dashed #c5b28e99;border-radius:7px;padding:9px 11px;background:#e9dfcc55}.journal-moment.discovered{border-style:solid;border-color:#b8bd9977;background:linear-gradient(130deg,#fffdf1bb,#e8eddb66);box-shadow:inset 0 1px #fff9}.journal-moment>img{width:30px!important;height:30px!important;object-fit:contain;flex:0 0 auto;margin:0!important}.journal-moment:not(.discovered)>img{filter:grayscale(.75);opacity:.55}.journal-moment small{display:block;font-size:9px!important;color:#a28d6c}.journal-moment b{display:block;font-size:11px;line-height:1.5;color:#807151;margin-top:3px}.journal-moment.discovered b{color:#60765b}.journal-moment p{font-size:10px!important;line-height:1.7!important;margin:5px 0 0!important}.journal-moment:nth-child(2){border-left:3px solid #d4b884}.journal-moment:nth-child(3){border-left:3px solid #b2a4c4}.journal-moment:first-child{border-left:3px solid #d3aa9a}
@media(max-height:500px){.top-actions #back-battle,.top-actions #album-btn,.top-actions #sound,.top-actions #settings-btn{height:32px!important;min-height:32px!important;max-height:32px}.top-actions #album-btn,.top-actions #sound,.top-actions #settings-btn{width:32px!important;min-width:32px!important}.top-actions #back-battle{font-size:11px}.diary-book .journal-entry{min-height:82px;padding:14px 13px!important;gap:10px}.diary-book .journal-entry strong{font-size:12px}.diary-book .journal-entry>b{font-size:14px}.diary-book .journal-list{gap:10px}.diary-cat-list article{padding:12px 0}.diary-cat-list article>img{width:44px;height:48px}.journal-moments{gap:7px;margin-top:9px}.journal-moment{padding:8px 9px}.journal-moment>img{width:25px!important;height:25px!important}.info-dialog.diary-dialog #modal-close{inset:11px 11px auto auto!important;width:27px!important;min-width:27px!important;height:27px!important;font-size:20px}}
@media(orientation:portrait){.panel-open>aside.sidebar{display:flex!important;flex-direction:column;gap:9px}.world>#deployment-dock.collapsed{bottom:12px!important}.diary-cat-list article>img{width:44px;height:48px}}
@media(orientation:landscape) and (max-height:500px){#house-hud{height:32px!important;box-sizing:border-box;padding:3px 6px!important}#house-hud>img{width:23px;height:23px}.world>#focus-btn{height:78px!important;bottom:8px!important;padding:5px 4px!important;display:flex;flex-direction:column;justify-content:center;gap:1px}.world>#focus-btn>img{position:static!important;transform:none!important;width:38px!important;height:38px!important;margin:0!important}.world>#focus-btn strong{font-size:10px;margin:0!important}.world>#focus-btn .charges{font-size:9px;margin:0}.world>#focus-btn kbd{font-size:8px}}
@media(orientation:landscape) and (max-height:350px){.world>#focus-btn{height:65px!important}.world>#focus-btn>img{width:30px!important;height:30px!important}}