html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050805;font-family:Arial,Helvetica,sans-serif;touch-action:none}#game-container{width:100vw;height:100vh}canvas{display:block}#screen-cloud-layer{position:fixed;left:0;top:0;width:100vw;height:74px;z-index:34;pointer-events:none;overflow:hidden;transform:none!important;touch-action:none}.screen-cloud{position:absolute;left:0;top:0;width:170px;height:62px;opacity:.35;filter:blur(.15px);transition:opacity .8s ease;will-change:transform,opacity}.screen-cloud span{position:absolute;display:block;border-radius:999px;background:#ffffffeb;box-shadow:0 8px 20px #ffffff1c}.screen-cloud span:nth-child(1){left:12px;top:24px;width:78px;height:34px}.screen-cloud span:nth-child(2){left:55px;top:13px;width:94px;height:44px}.screen-cloud span:nth-child(3){left:104px;top:27px;width:58px;height:27px}#day-night-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 35%,#1a2e4a33,#020818e0),#020818d1;transition:opacity .85s ease-in-out}#time-display{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:35;min-width:0;padding:6px 12px;border-radius:999px;color:#fff7d8;background:#172318a8;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 28px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;font-weight:900;font-size:14px;letter-spacing:.3px;line-height:1;white-space:nowrap;pointer-events:none}#time-display.night-time{color:#d8e8ff;background:#080e22b8}#left-toolbar{position:fixed;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:30;pointer-events:auto}button,.tool-button{border:0;border-radius:16px;padding:9px 11px;color:#2a1a07;background:linear-gradient(180deg,#ffe7a6,#d99a38);font-weight:800;cursor:pointer;box-shadow:0 4px #502e08e6,0 10px 24px #00000040}.tool-button{width:48px;height:48px;font-size:24px;line-height:1}button:active{transform:translateY(2px);box-shadow:0 2px #502e08e6}.info-modal.hidden{display:none}.info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;pointer-events:auto}.info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080e0a8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.info-card{position:relative;width:min(560px,calc(100vw - 28px));max-height:min(76vh,720px);overflow-y:auto;padding:18px;border-radius:22px;color:#fff7df;background:#142219eb;box-shadow:0 18px 60px #0000007a;border:1px solid rgba(255,255,255,.12)}.info-card::-webkit-scrollbar{width:7px}.info-card::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff40}.modal-close{position:sticky;top:0;float:right;width:38px;height:38px;padding:0;border-radius:999px;font-size:25px;line-height:1;color:#fff7df;background:#74241ce0;box-shadow:none;z-index:2}.panel-title{padding-right:46px;font-size:22px;font-weight:800;color:#baf7b8}.world-status{margin-top:12px;padding:10px;border-radius:14px;font-size:13px;line-height:1.45;color:#ffeec4;background:#ffffff14}#object-details{margin-top:10px;font-size:13px;line-height:1.45}.stat{margin-top:10px}.stat-row{display:flex;justify-content:space-between;gap:10px}.stat-name{color:#d7ffd4}.stat-value{color:#fff2b8;font-weight:700}.bar{width:100%;height:8px;margin-top:4px;border-radius:999px;overflow:hidden;background:#ffffff29}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#e86d42,#f4d15b,#6ee071)}.section-title{margin-top:12px;color:#baf7b8;font-weight:800;font-size:13px;letter-spacing:.4px;text-transform:uppercase}.skill-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.skill-pill{padding:5px 8px;border-radius:999px;background:#ffffff1f;color:#fff7df;font-size:12px}.small-note{margin-top:8px;color:#d4d4d4;font-size:12px}#hint{display:none!important;position:fixed;left:50%;bottom:14px;transform:translate(-50%);padding:8px 12px;border-radius:999px;color:#fff4ca;background:#23180b9e;font-size:12px;z-index:20;pointer-events:none}@media (max-width: 760px){#left-toolbar{left:8px;gap:7px}.tool-button{width:42px;height:42px;font-size:20px}.info-card{width:calc(100vw - 22px);max-height:78vh;padding:13px}#hint{display:none}.world-status,#object-details{font-size:12px}}.hidden{display:none!important}.tool-button.newcomer-ready{animation:newcomerPulse 1.15s ease-in-out infinite;background:linear-gradient(180deg,#dfffd1,#64d65a)}@keyframes newcomerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.newcomer-card{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;margin:12px 0}.creature-preview-card{position:relative;width:112px;height:112px;border-radius:30px;background:radial-gradient(circle at 50% 40%,#ffffff2e,#0000001f);border:1px solid rgba(255,255,255,.18)}.creature-preview-body{position:absolute;left:26px;top:39px;width:60px;height:46px;border-radius:50%;box-shadow:inset -9px -8px #0000001f}.creature-preview-head{position:absolute;left:34px;top:20px;width:44px;height:40px;border-radius:50%;box-shadow:inset -6px -5px #0000001a}.creature-preview-ear{position:absolute;top:12px;width:17px;height:28px;border-radius:80% 80% 30% 30%;transform-origin:bottom center}.creature-preview-ear.left{left:28px;transform:rotate(-28deg)}.creature-preview-ear.right{right:28px;transform:rotate(28deg)}.creature-preview-eye{position:absolute;top:35px;width:5px;height:5px;border-radius:50%;background:#19100ce6}.creature-preview-eye.left{left:48px}.creature-preview-eye.right{right:48px}.newcomer-actions{display:flex;gap:10px;margin-top:14px}.newcomer-actions button{flex:1}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#18361feb,#020503),#050805;color:#fff7df;transition:opacity .55s ease,visibility .55s ease}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-card{width:min(560px,calc(100vw - 42px));padding:28px;border-radius:28px;text-align:center;background:#17261aa8;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 80px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-title{font-size:42px;line-height:1;font-weight:900;letter-spacing:1px;color:#fff4bf;text-shadow:0 4px 18px rgba(0,0,0,.34)}.loading-subtitle{margin-top:12px;font-size:15px;color:#e1ffd8}.loading-bar{position:relative;height:12px;margin-top:22px;overflow:hidden;border-radius:999px;background:#ffffff2e}.loading-bar>i{position:absolute;left:-45%;top:0;width:45%;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffffff26,#fff4a8,#ffffff26);animation:loadingMove 1.2s ease-in-out infinite}@keyframes loadingMove{0%{left:-45%}to{left:100%}}#time-display{min-width:150px;padding:6px 12px;font-size:12px;letter-spacing:.5px}#time-display .clock-time{font-size:13px;font-weight:900}#time-display .clock-sub{margin-top:1px;font-size:10px;opacity:.92;font-weight:700}.progress-button{--progress: 0%;position:relative;filter:grayscale(1) saturate(.35);opacity:.72;overflow:hidden;background:conic-gradient(from -90deg,rgba(108,221,102,.92) var(--progress),rgba(255,255,255,.18) 0),linear-gradient(180deg,#d7d7d7,#8c8c8c)}.progress-button:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:13px;background:linear-gradient(180deg,#f2f2f2,#bcbcbc);z-index:0}.progress-button .tool-icon{position:relative;z-index:1}.progress-button.offer-ready{filter:none;opacity:1;background:conic-gradient(from -90deg,#59de56f2 100%,#ffffff2e 0),linear-gradient(180deg,#fff4b2,#d8a041);box-shadow:0 0 0 4px #ffe24d61,0 0 18px #ffd64194,0 4px #502e08e6,0 10px 24px #00000040;animation:offerPulse 1.25s ease-in-out infinite}.progress-button:disabled{cursor:default}@keyframes offerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.form-label{display:block;margin-top:12px;margin-bottom:5px;color:#d7ffd4;font-weight:800;font-size:13px}.text-input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 11px;color:#fff7df;background:#ffffff1a;outline:none}.panel-action-button{width:100%;margin-top:14px}#btn-game-info,#btn-world-info{display:none!important}.text-input option,select.text-input option{color:#fff7df;background:#1f2a22}select.text-input{color-scheme:dark}@media (max-width: 760px){#screen-cloud-layer{height:76px}.screen-cloud{width:140px;height:52px}#time-display{top:10px;font-size:12px;padding:5px 9px}}.rules-panel{display:flex;flex-direction:column;gap:16px;margin-top:10px}.rule-row{padding:12px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.rule-row-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.rule-name{font-weight:900;color:#d9ffd4}.rule-value{min-width:44px;text-align:right;color:#fff0a8;font-weight:900}.rule-slider{width:100%;accent-color:#ffe37b}.rule-scale{display:flex;justify-content:space-between;margin-top:4px;color:#ffffff9e;font-size:11px}.resource-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.09)}.storage-summary{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px;padding:12px;border-radius:14px;background:#ffffff14}.danger-button{background:linear-gradient(180deg,#ffb7a6,#be4c36);color:#fff8ec}.tab-row{display:flex;gap:8px;margin:8px 0 14px}.tab-button{flex:1;padding:9px 10px;border-radius:12px;background:#ffffff1a;color:#fff7df;box-shadow:none}.tab-button.active{background:linear-gradient(180deg,#d4ffd1,#77ba62);color:#16300f}.event-list{display:flex;flex-direction:column;gap:8px}.event-line{padding:9px 10px;border-radius:12px;background:#ffffff14;font-size:13px;line-height:1.35}.inline-spinner{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:12px;border-radius:14px;background:#ffffff14;color:#fff7df;font-weight:800}.inline-spinner i{width:18px;height:18px;border-radius:999px;border:3px solid rgba(255,255,255,.28);border-top-color:#ffe58b;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tool-button{display:flex;align-items:center;justify-content:center}.tool-button .tool-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}#btn-family-info .tool-icon{width:24px;height:24px;border-radius:999px;background:#311e08db;color:#fff2b5;font-family:Georgia,Times New Roman,serif;font-size:25px;font-style:italic;font-weight:900;box-shadow:inset 0 -2px #ffffff1f,0 1px #0003}.settings-panel{display:grid;gap:16px}.settings-section{padding:12px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.11)}.settings-title{margin-bottom:9px;color:#d7ffd4;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.quality-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quality-option{cursor:pointer}.quality-option input{position:absolute;opacity:0;pointer-events:none}.quality-option span{display:block;padding:10px 6px;border-radius:13px;color:#fff7df;text-align:center;font-size:12px;font-weight:900;background:#ffffff17;border:1px solid rgba(255,255,255,.12)}.quality-option input:checked+span{color:#2a1a07;background:linear-gradient(180deg,#ffe7a6,#d99a38);border-color:#ffe7a6cc}.settings-row{display:grid;grid-template-columns:92px 1fr 44px;align-items:center;gap:10px;margin-top:10px;color:#fff7df;font-size:13px;font-weight:800}.settings-row input[type=range]{width:100%}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-actions button{width:100%}.start-changelog{margin-top:18px;max-height:min(30vh,260px);overflow-y:auto;padding:12px;border-radius:18px;text-align:left;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #0000001a}.start-changelog-title{color:#fff4b8;font-weight:900;font-size:14px;margin-bottom:8px;text-align:center}.start-changelog-list{display:grid;gap:7px;color:#e9ffe2;font-size:12px;line-height:1.32}.start-changelog-list p{margin:0}.start-changelog::-webkit-scrollbar{width:6px}.start-changelog::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff3d}.chat-button.has-unread{filter:none;opacity:1;background:linear-gradient(180deg,#fff4b2,#d8a041);box-shadow:0 0 0 4px #ffe24d59,0 0 18px #ffd6418f,0 4px #502e08e6,0 10px 24px #00000040;animation:offerPulse 1.25s ease-in-out infinite}.building-card{margin-top:14px;padding:14px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.building-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;margin-bottom:14px}.building-image{width:112px;height:112px;display:flex;align-items:center;justify-content:center;border-radius:30px;font-size:66px;background:radial-gradient(circle at 50% 35%,#ffffff3d,#ffffff14);box-shadow:inset 0 -5px #00000024,0 10px 25px #00000038}.building-name{color:#baf7b8;font-weight:900;font-size:17px}.building-card .panel-action-button{margin-top:16px;margin-bottom:14px}.chat-panel{display:grid;gap:12px}.chat-messages{height:min(48vh,390px);overflow-y:auto;padding:12px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.chat-line{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.chat-line:last-child{border-bottom:none}.chat-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:3px;color:#fff7dfa8;font-size:11px}.chat-sender{color:#baf7b8;font-weight:900}.chat-text{white-space:pre-wrap;word-break:break-word;color:#fff7df;font-size:13px;line-height:1.35}.chat-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-input-row input{min-width:0}@media (max-width: 760px){.start-changelog{max-height:30vh}.chat-input-row{grid-template-columns:1fr}}.building-desc{text-align:center;margin:8px 0 12px}.building-status{text-align:center;margin:6px 0 10px}.building-start-button{margin-top:18px!important;margin-bottom:18px!important}.sign-editor-note{opacity:.8}.inline-spinner{margin-top:14px}.chat-sender-button,.link-button{border:0;padding:0;margin:0;background:transparent;box-shadow:none;color:#baf7b8;font:inherit;font-weight:900;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-button{color:#fff1a8}.chat-sender-button:active,.link-button:active{transform:none;box-shadow:none}.centered-tabs{display:flex;justify-content:center;gap:12px;width:100%;box-sizing:border-box}.centered-tabs .tab-button{min-width:120px}.event-day{color:#fff7df9e;white-space:nowrap}.settings-panel,.chat-panel{width:min(100%,500px);margin-left:auto;margin-right:auto;box-sizing:border-box}.settings-section,.chat-messages,.chat-input-row{width:100%;box-sizing:border-box}.settings-actions .inline-spinner{grid-column:1 / -1}select.text-input,select.text-input option{color:#fff7df;background:#1f2a22}#hint{display:none!important}#left-toolbar .tool-button:not(#btn-home):not(#btn-reset) .tool-icon{transform:translate(1px)}.centered-tabs{width:min(360px,100%);margin-left:auto;margin-right:auto;justify-content:center}.centered-tabs .tab-button{flex:1 1 0}.settings-panel,.chat-panel,.settings-section,.chat-messages,.chat-input-row{width:100%;box-sizing:border-box}.chat-sender.clickable,.link-button{border:0;padding:0;margin:0;color:#baf7b8;background:transparent;box-shadow:none;font:inherit;font-weight:900;text-decoration:underline;cursor:pointer}.link-button{color:#fff2a6}.event-day{color:#fff7df9e;font-size:12px}