[hidden]{display:none!important}
.account-gate{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:#658a43;position:relative;isolation:isolate;color:#493a25}
.account-gate:before{content:"";position:absolute;inset:0;background:#7f9b48 url('../assets/ranch.png') center center/cover no-repeat;image-rendering:pixelated;z-index:-2}
.account-gate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18322138,transparent 42%,transparent 58%,#18322138);z-index:-1;pointer-events:none}
.account-card{width:390px;max-width:100%;background:#f8f0d8;border:3px solid #785b3c;box-shadow:7px 7px #52422d26;padding:24px 30px;text-align:center}
.account-card h1{margin:0;color:#426042;font-size:30px;letter-spacing:3px}.account-card h2{font-size:17px;margin:20px 0 15px}.account-card>p{font-size:12px;line-height:1.7;color:#786c53}
.account-mascot{width:76px;height:65px;object-fit:contain;image-rendering:pixelated}.account-card label,.account-dialog label{display:block;text-align:left;font-size:12px;margin:12px 0;color:#635037}
.account-card input,.account-dialog input{display:block;width:100%;font:15px 'Microsoft YaHei';padding:9px 10px;margin-top:5px;background:#fffaf0;border:2px solid #b4a078;color:#493a25;box-shadow:inset 1px 2px #d6c8a650;border-radius:2px}
#account-submit{width:100%;background:#577043;border-color:#3c5430}.account-links{display:flex;gap:12px;justify-content:center;margin-top:15px}.account-links button,#gate-updates{background:none;box-shadow:none;border:0;color:#76623b;padding:2px;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#account-message{min-height:20px;margin:8px 0;color:#9b4937;font-size:12px;text-align:left;line-height:1.5}.account-card .account-footnote{font-size:11px;margin-top:18px}
.account-dialog{width:420px;max-height:85dvh;overflow:auto;line-height:1.7}.account-dialog>button{margin:5px}.account-dialog input[readonly]{font-family:monospace;font-size:12px}
.desktop #updates{right:120px;top:20px}.desktop #account{right:258px;top:20px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop #cloud-status{position:absolute;right:20px;top:65px;font-size:11px;color:#748069}.desktop #cloud-reconnect{right:20px;top:89px;font-size:12px;padding:5px 8px}.desktop #tutorial-help{right:510px;top:20px}
#updates-dialog{width:650px;max-width:calc(100vw - 32px);max-height:80dvh;overflow:auto;line-height:1.75}#updates-dialog h3{font-size:15px;color:#49603b}#updates-dialog section{border-top:1px solid #cbb88c;padding:10px 0}#updates-dialog p,#updates-dialog li{font-size:12px}#updates-dialog ul{padding-left:22px}
.tutorial-card{background:#e6eccd;border:1px solid #99a56b;padding:10px;margin:10px 0 15px}.tutorial-card>small{color:#596c3b!important;margin-top:0!important}.tutorial-card>strong{display:block;margin:6px 0;font-size:13px}.tutorial-card>p{margin:7px 0!important;line-height:1.65!important}.tutorial-card>div{display:flex;justify-content:flex-end;gap:6px}.tutorial-card>div button{font-size:11px!important;padding:4px 7px!important}.tutorial-entry{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #cbb88c;padding:10px 0}.tutorial-entry strong{font-size:12px}.tutorial-entry button{align-self:center;white-space:nowrap}#tutorial-notice{position:absolute;right:20px;bottom:45px;max-width:320px;padding:9px;background:#f5edcf;color:#49603b;border:2px solid #9aab6a;font-size:12px;display:flex;align-items:center;gap:7px}#tutorial-notice button{font-size:11px;padding:4px 6px;white-space:nowrap}
.update-banner{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);max-width:90%;display:flex;gap:12px;align-items:center;background:#f8f0d8;color:#493a25;border:2px solid #a18858;padding:10px;font-size:12px}.update-banner button{font-size:12px;white-space:nowrap}
@media(max-width:700px){.account-card{padding:18px}.desktop #updates{right:115px}.desktop #account{right:auto;left:12px;max-width:140px}.desktop #tutorial-help{left:12px;right:auto;top:60px}.account-card h1{font-size:25px}}

/* A real compact game header; no reserved imitation desktop above the farm. */
main{height:auto;min-height:0}
.desktop{flex:none;min-height:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;background:#f5edcf;border-bottom:2px solid #b49a65;color:#493a25}
.desktop>button,.desktop #updates,.desktop #account,.desktop #tutorial-help,.desktop #cloud-reconnect{position:static;inset:auto;transform:none;font-size:12px;padding:5px 9px;background:#fff7df;color:#58462c;border:1px solid #b6a072;box-shadow:none}
.desktop #guide{margin-left:auto;order:5}.desktop #picture-in-picture{order:4;background:#54703e;color:#fff4d2;border-color:#3e542e}.desktop #account{max-width:210px}.desktop #updates{order:3}
.desktop #hint{position:static;transform:none;inset:auto;margin:0;order:8;flex:1 0 100%;width:auto;color:#63704a;text-align:left;font-size:12px;line-height:1.5}
.desktop #cloud-status,.desktop #pip-status{position:static;font-size:11px;color:#647249}.desktop #cloud-reconnect{color:#9c4830}
.desktop #tutorial-notice,.desktop .update-banner{position:static;transform:none;inset:auto;max-width:100%;margin:0;padding:5px 8px;order:9}
.game #panel,.compact-map #panel{top:10px;bottom:auto;max-height:calc(100% - 80px);z-index:6}
.compact-map .stats{top:8px}.compact-map .map-nav{top:45px}.compact-map #toast{bottom:66px;max-width:calc(100vw - 32px)}
.pip-placeholder{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#e7e9df;color:#49603b;text-align:center}.pip-placeholder h1{font-size:22px;margin:0}.pip-placeholder p{max-width:470px;font-size:14px;line-height:1.8}
.pip-mode .desktop{padding:6px 10px;gap:5px 8px}.pip-mode #hint{font-size:11px}.pip-mode nav{padding:6px;gap:4px}.pip-mode nav button{padding:6px 9px;font-size:12px}
@media(max-width:800px){.desktop #account{max-width:155px}.desktop #guide{margin-left:0}.desktop>button{white-space:nowrap}.game #panel{left:10px;width:330px;max-width:calc(100vw - 20px)}.map-nav{right:6px}}

@media(max-height:700px){.account-gate{padding:16px}.account-card{padding:16px 24px}.account-mascot{width:48px;height:40px}.account-card h1{font-size:25px}.account-card h2{margin:12px 0}.account-card label{margin:9px 0}.account-card .account-footnote{margin-top:12px}}