@media (width<=760px),(height<=500px){.hud{top:calc(8px + env(safe-area-inset-top));gap:6px;font-size:11px}.hud.left{left:calc(8px + env(safe-area-inset-left));right:calc(92px + env(safe-area-inset-right));max-width:none}.hud.right{display:none}.hud .topline{pointer-events:none;flex-wrap:wrap;gap:6px}.hud .topline>*{pointer-events:auto}.hud .card{border-radius:8px}.hud .card .cell{gap:5px;min-height:30px;padding:0 8px}.hud .card .icon{width:15px;height:15px}.hud .stack small{display:none}.hud .stack b,.hud .coins b{font-size:12px}.hud .stack .of{font-size:11px}.hud .folk{cursor:pointer}.goods-chip{min-height:30px;font:inherit;color:#3d4943;cursor:pointer;align-items:center;gap:8px;padding:0 9px;font-size:12px;font-weight:700;display:flex}.goods-chip span{align-items:center;gap:4px;display:inline-flex}.goods-chip .short{color:#b04a39}.goods-chip.on{border-color:#3d4943}.hud .stock,.hud .flow.open,.fold-goods.flow-ready .hud .stock{display:none}.fold-goods.flow-ready .hud .flow{box-sizing:border-box;width:min(430px,100%);max-height:calc(100dvh - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:4px 10px 6px;display:flex;overflow-y:auto}.hud .flow .flow-grid{grid-template-columns:auto repeat(5,minmax(0,1fr));font-size:12px}.hud .flow .flow-grid>*{padding:5px 0 5px 6px}.hud .flow .flow-grid>b{white-space:normal;align-self:end;font-size:10px;line-height:1.2}.hud .flow .name .label{display:none}.fold-goods .hud .stock{flex-wrap:wrap;gap:4px 0;max-width:min(430px,100%);padding:5px;display:flex}.hud .stock .group{flex-wrap:wrap;gap:3px;padding:0 3px}.hud .good{gap:4px;padding:3px 7px 3px 4px}.hud .good .count{font-size:12px}.hud .request{width:auto}.hud .request .ask{font-size:12px}.hud .alarm .cell{white-space:normal;padding:6px 9px;font-size:11px}.fold-buttons{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:2;gap:6px;display:flex;position:fixed}.fold-buttons button{cursor:pointer;border-radius:10px;justify-content:center;width:34px;height:34px;padding:0;position:relative;overflow:visible}.fold-buttons button.on{background:#eceee8;border-color:#3d4943}.fold-buttons button:first-child{background:#eef3fb;border-color:#c9d6ee}.fold-buttons button:first-child.on{border-color:#2f5a9c}.fold-buttons .badge{color:#f7f8f4;background:#2f5a9c;border-radius:999px;padding:3px 5px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-7px}.fold-buttons .badge:empty{display:none}.fold-buttons .alert .badge{background:#b04a39}.hud .ticker.show{width:auto;display:none}.hud .ticker.show.peek{left:50%;bottom:calc(58px + env(safe-area-inset-bottom));cursor:pointer;width:min(460px,100vw - 16px);display:flex;position:fixed;transform:translate(-50%)}.hud .ticker.peek>:not(.cell.guide),.hud .ticker.peek .cell.guide .goal,.hud .ticker.peek .acts,.hud .ticker.peek .cell.guide .why,.hud .ticker.peek .cell.guide.waiting .do,.hud .ticker.peek .cell.guide.locked .do{display:none}.hud .ticker.peek .cell.guide .why.now{margin:0;display:inline}.hud .ticker.peek .cell.guide{padding:7px 10px 7px 12px;font-size:11px;line-height:1.45}.hud .ticker.peek .cell.guide .text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hud .ticker.peek .cell.guide .do{display:inline}.hud .ticker.peek .act.tuck{opacity:.6;flex:none;align-self:center;width:30px;height:30px;margin:-4px -4px -4px 0;display:flex}.peeking .toast{bottom:calc(150px + env(safe-area-inset-bottom))}@keyframes guide-nudge{0%{box-shadow:0 0 #2f5a9c8c}70%{box-shadow:0 0 0 10px #2f5a9c00}to{box-shadow:0 0 #2f5a9c00}}.fold-buttons button.nudge{animation:1.4s ease-out 4 guide-nudge}.fold-guide .hud.left{z-index:4}.fold-guide .fold-buttons{z-index:5}.fold-guide .hud .ticker.show{z-index:4;overscroll-behavior:contain;touch-action:pan-y;display:flex;position:fixed;overflow-y:auto;box-shadow:0 0 0 100vmax #3d49431f}.hud .ticker .head{padding:10px 14px 4px}.hud .ticker .cell{padding:9px 8px 9px 14px;font-size:12px}.hud .ticker .act{opacity:.6;width:30px;height:30px}.views{display:none}.fold-views .views{top:calc(50px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));flex-flow:column;max-width:none;max-height:calc(100dvh - 120px);display:flex;bottom:auto;overflow-y:auto}.fold-views .views button{gap:8px;min-height:34px;padding:7px 9px;font-size:12px}.views button kbd,.views-title{display:none}.legend{top:calc(50px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));max-width:min(220px,100vw - 16px);bottom:auto}.fold-views .legend{display:none}.toolbar,.panel-open .toolbar{left:50%;right:auto;bottom:calc(8px + env(safe-area-inset-bottom));scrollbar-width:none;background:#f7f8f4;border:1px solid #c9cec4;border-radius:10px;gap:0;max-width:calc(100vw - 16px);padding:2px;overflow-x:auto;transform:translate(-50%);box-shadow:0 2px #dfe2db}.toolbar .group,.toolbar .town-button{box-shadow:none;background:0 0;border:0;border-radius:6px;flex:none;gap:1px;padding:0}.toolbar>*+*{border-left:1px solid #e0e3db;border-radius:0;margin-left:3px;padding-left:3px}.toolbar>.town-button+*{border-left:0;margin-left:0;padding-left:1px}.toolbar button,.toolbar .town-button{border-radius:6px;justify-content:center;gap:0;min-width:34px;min-height:34px;padding:0;font-size:0}.toolbar .town-button{padding:0}.toolbar button kbd{display:none}.toolbar .speed{gap:1px}.toolbar .speed button:not(.pause):not(.cycle){display:none}.toolbar .speed button.cycle{min-width:38px;font-size:12px;font-weight:700;display:flex}.toolbar button.more{display:flex}.toolbar button.more.on{background:#3d4943}.toolbar button.more.on .icon circle{fill:#f7f8f4}.camera-controls,.system,.panel-open .system{display:none}.fold-more .system,.fold-more.panel-open .system{top:auto;right:calc(8px + env(safe-area-inset-right));bottom:calc(58px + env(safe-area-inset-bottom));z-index:4;flex-direction:column;gap:1px;padding:4px;display:flex}.fold-more .system .phone-only{display:flex}.fold-more .system button,.fold-more .system button.labelled{color:#3d4943;justify-content:flex-start;gap:10px;min-height:34px;padding:7px 12px 7px 9px;font-size:12px}.toast{bottom:calc(108px + env(safe-area-inset-bottom));white-space:normal;text-align:center;max-width:calc(100vw - 24px);padding:9px 14px;font-size:13px;line-height:1.4}.stroke-bar{bottom:calc(56px + env(safe-area-inset-bottom))}.stroke-held .hud .ticker.peek{display:none}.dialog{padding:0}.dialog .sheet,.dialog .sheet.wide,.dialog.share .sheet{width:100%;height:100%;max-height:none;box-shadow:none;padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));border:0;border-radius:0;flex-direction:column;font-size:13px;display:flex}.dialog .sheet>*{flex:none}.dialog .sheet.narrow{border:1px solid #c3c8bf;border-radius:6px;width:min(460px,100% - 32px);max-height:calc(100dvh - 32px);padding:18px 16px 0}.dialog .sheet>.actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#f1f3ed;border-top:1px solid #dcdfd7;margin:auto -16px 0;position:sticky;bottom:0;box-shadow:0 -6px 12px #3d49430f}.dialog .sheet>.actions .frame{flex:1;justify-content:center;padding:10px 12px}.dialog .sheet>.actions .frame.primary{flex:2}.dialog .charter{padding-bottom:18px}.dialog h2{font-size:17px}.dialog .sub{font-size:12px}.dialog section{margin-top:12px}.dialog .charter section{margin-top:18px}.dialog .choices .frame{flex:1;justify-content:center;padding:8px 6px}.dialog .chronicle{max-height:none}}@media (height<=500px){.fold-guide .hud .ticker.show{top:calc(48px + env(safe-area-inset-top));width:min(380px,55vw);padding:0 env(safe-area-inset-right) calc(10px + env(safe-area-inset-bottom)) 0;box-sizing:border-box;border-radius:12px 0 0;bottom:0;left:auto;right:0}.fold-guide .toolbar{left:calc(8px + env(safe-area-inset-left));transform:none}.panel{padding-top:12px}.panel-open .toolbar{left:calc(8px + env(safe-area-inset-left));max-width:calc(54vw - 16px);transform:none}.panel-open .hud .ticker.peek{display:none}.dialog .charter{grid-template-columns:1fr min(42%,300px);gap:16px}}@media (width<=760px) and (height>=501px){.hud.left{right:calc(8px + env(safe-area-inset-right))}.hud .topline>.bar:first-child{flex:none;margin-right:100%}.fold-guide .hud .ticker.show{max-height:62dvh;padding:4px 0 calc(10px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;inset:auto 0 0}.panel{border-top:1px solid #c3c8bf;border-left:0;border-radius:14px 14px 0 0;width:auto;max-width:none;height:58dvh;padding-top:22px;top:auto;left:0;transform:translateY(100%);box-shadow:0 -3px #dfe2db}.panel:before{content:"";background:#c9cec4;border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:8px;left:50%}.panel.open{transform:none}.panel-open .hud .stock,.panel-open .hud .ticker,.panel-open .views,.panel-open .legend{display:none}.dialog .charter{grid-template-columns:1fr;gap:0}.dialog .preview{order:-1;gap:6px;margin-top:4px}.dialog .preview .sub{margin:0}}@media (width<=380px){.toolbar button,.toolbar .town-button{min-width:31px}.toolbar .speed button.cycle{min-width:34px}}@media (pointer:coarse){.toolbar button kbd,.views button kbd{display:none}.panel .close{min-width:40px;min-height:40px}.tooltip{white-space:normal;text-align:center;background:#2f4639cc;border-radius:0;padding:3px 8px;font-size:9.5px;line-height:1.3;right:0;transform:none;left:0!important;top:calc(52px + env(safe-area-inset-top))!important}}@media (pointer:coarse) and (width<=760px) and (height>=501px){.tooltip{top:calc(84px + env(safe-area-inset-top))!important}}