.retained-scene.is-visible{display:contents}.retained-scene.is-background{visibility:hidden;pointer-events:none;contain:layout style;z-index:-100;width:min(100vw,456px);height:calc(100dvh - 68px);position:fixed;top:68px;left:-200vw;overflow:hidden}.retained-scene.is-background.screen-prepare{grid-template-rows:minmax(0,1fr) auto;display:grid}.retained-scene.is-background.screen-records{grid-template-rows:minmax(0,1fr);display:grid}.retained-scene.is-background *{animation-play-state:paused!important}.new-player-guide{inset:auto;left:var(--upgrade-area-left);top:var(--upgrade-area-top);width:var(--upgrade-area-width);height:var(--upgrade-area-height);box-sizing:border-box;border-radius:var(--upgrade-area-radius,0px);background:#000c;border:0;justify-content:center;align-items:center;max-width:none;max-height:none;margin:0;padding:0;position:fixed;overflow:hidden;outline:none!important}.new-player-guide[open]{display:flex}.new-player-guide:not([open]){display:none}.new-player-guide::backdrop{background:0 0}.guide-card{--guide-paper:#fef6c8;--guide-head-height:52px;--guide-foot-height:80px;--guide-padding:12px;--guide-max-height:calc(var(--upgrade-area-height) - 24px);--guide-art-height:min(calc((min(var(--upgrade-area-width),calc(var(--upgrade-area-height)*.75))*4/3 - 6px)*.74),calc(var(--guide-max-height) - var(--guide-head-height) - var(--guide-foot-height) - 30px));--guide-art-width:min(calc(var(--upgrade-area-width) - 54px),calc(var(--guide-art-height)*986/1229));grid-template-rows:var(--guide-head-height) auto var(--guide-foot-height);width:calc(var(--guide-art-width) + 30px);touch-action:pan-y;background:var(--guide-paper);color:#183b32;font:900 clamp(12px,min(calc(var(--upgrade-area-width)*.04),calc(var(--upgrade-area-height)*.033)),18px)/1.2 "Mayorship Comic","Mayorship Unicode","Microsoft JhengHei",sans-serif;border:3px solid #183b32;border-radius:18px;flex:none;display:grid;position:relative;overflow:hidden}.guide-header{height:var(--guide-head-height);z-index:1;background:#fff0ca;border-bottom:2px solid #183b32;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 4%;display:grid;position:relative}.guide-header h2{font:inherit;white-space:nowrap;margin:0}.guide-counter{font:inherit;white-space:nowrap;font-variant-numeric:tabular-nums}.guide-skip{white-space:nowrap;background:0 0;border:0;min-height:36px;padding:6px 0;font:inherit!important}.guide-art{padding:var(--guide-padding);background:var(--guide-paper);place-items:center;display:grid;position:relative;overflow:hidden}.guide-art-crop{--guide-image-width:calc(var(--guide-art-width)*1086/var(--guide-crop-width));width:var(--guide-art-width);height:calc(var(--guide-art-width)*var(--guide-crop-height)/var(--guide-crop-width));position:relative;overflow:hidden}.guide-art-crop>img{left:calc(var(--guide-image-width)*var(--guide-source-left)/-1086);top:calc(var(--guide-image-width)*var(--guide-source-top)/-1086);width:var(--guide-image-width);max-width:none;height:auto;display:block;position:absolute}.guide-old-controls-mask{pointer-events:none;background:#fff0ca;position:absolute;bottom:0;right:0}.guide-footer{height:var(--guide-foot-height);background:var(--guide-paper);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;padding:0 8px;display:grid;position:relative}.guide-footer button{width:100%;height:42px;min-height:42px;font:inherit;white-space:nowrap;border:2px solid #183b32;border-radius:22px;padding:0 3px;box-shadow:0 2px #183b3255}.guide-back{background:var(--guide-paper)}.guide-back:disabled{visibility:hidden;pointer-events:none}.guide-next{color:#fff0ca;background:#183b32}.guide-progress{justify-content:center;align-items:center;gap:3px;display:flex}.guide-progress span{border:1.5px solid #183b32;border-radius:50%;flex:none;width:7px;height:7px}.guide-progress .active{background:#e45b32;border-color:#e45b32}:is(.guide-card button:focus,.guide-card button:focus-visible){--tw-ring-shadow:0 0 transparent;--tw-ring-offset-shadow:0 0 transparent;outline:none!important}.guide-card button:focus-visible{filter:brightness(1.08)}.guide-loading{text-align:center;color:#35271f;font:inherit;background:#fff0ca;padding:12px;position:absolute;top:45%;left:10%;right:10%}.guide-loading button{margin:8px auto 0;display:block}.screen-home>.menu-help{z-index:5;top:calc(64px + env(safe-area-inset-top));color:#35271f;background:#f6d273;border:2px solid #493021;border-radius:10px;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font:700 22px Mayorship Comic,sans-serif;display:grid;position:absolute;right:16px;box-shadow:2px 3px #49302155}@media (max-height:500px){.guide-card{--guide-head-height:42px;--guide-foot-height:56px;--guide-padding:8px;--guide-art-height:min(calc((min(var(--upgrade-area-width),calc(var(--upgrade-area-height)*.75))*4/3 - 6px)*.74),calc(var(--guide-max-height) - var(--guide-head-height) - var(--guide-foot-height) - 22px));font-size:12px}.guide-art{padding:8px 12px}.guide-footer{gap:3px;padding:0 2px}.guide-progress{gap:1px}}