:root{--panel: rgba(255, 253, 248, .96);--panel-2: rgba(74, 48, 20, .06);--panel-3: rgba(74, 48, 20, .12);--line: rgba(74, 48, 20, .2);--text: #3b2207;--muted: #7d5930;--accent: #ff9100;--accent-2: #ff6b6b;--accent-ink: #3b2000;--danger: #ef4444;--good: #10b981;--r: 20px;font-family:Nunito,Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{color:var(--text);overflow:hidden;background:#fdf6e2;overscroll-behavior:none;user-select:none;-webkit-user-select:none}input,button,select{font:inherit;color:inherit}button{cursor:pointer}.app{position:fixed;top:0;right:0;bottom:0;left:0;transition:background .5s}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.scene-zoom{position:fixed;right:max(18px,env(safe-area-inset-right,18px));bottom:calc(max(14px,env(safe-area-inset-bottom,14px)) + 76px);display:grid;gap:7px;z-index:8}.scene-zoom button{width:42px;height:42px;border:2px solid #5a3800;border-radius:13px;background:#fffdf8f5;color:#3b2207;box-shadow:0 3px #4a3014;font-size:25px;font-weight:900;line-height:1;cursor:pointer}.scene-zoom button:hover{background:#fff1c8;transform:translateY(-1px)}@media (max-width: 600px){.scene-zoom{right:12px;bottom:calc(max(8px,env(safe-area-inset-bottom,8px)) + 52px)}}.placement-warning{max-width:230px;padding:7px 10px;border:1.5px solid #7f1d1d;border-radius:10px;background:#fff8f2f7;color:#7f1d1d;box-shadow:0 2px 8px #2d140838;font-size:11px;line-height:1.25;font-weight:900;text-align:center}.viewport.t-build{cursor:crosshair}.viewport.t-delete{cursor:not-allowed}.viewport.t-move{cursor:grab}.viewport.t-terrain,.viewport.t-river{cursor:cell}.panel{position:absolute;background:var(--panel);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:2.5px solid #4a3014;border-radius:var(--r);box-shadow:0 4px #4a3014,0 12px 28px #4a301424}.sep{width:1.5px;height:22px;background:#4a301440;margin:0 4px}.sep.tall{height:32px}.logo{display:inline-block;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#ff85a1 40%,#ffc000);border:2px solid #4a3014;box-shadow:0 2px #4a3014}.logo.big{width:64px;height:64px;border-radius:20px;box-shadow:0 4px #4a3014,0 10px 30px #0003}.btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:12px;border:2px solid #4a3014;background:#fff;box-shadow:0 3px #4a3014;font-weight:900;font-size:13px;color:#3b2207;transition:background .15s,transform .1s,box-shadow .1s}.btn:hover{background:#fff8e8;transform:translateY(-1px);box-shadow:0 4px #4a3014}.btn:active{transform:translateY(2px);box-shadow:0 1px #4a3014}.btn.sm{height:32px;padding:0 10px;gap:5px;font-size:12px}.btn.primary,.btn.active{background:linear-gradient(180deg,#ffe566,#ffb300 55%,#f59e0b);color:#3b2000;box-shadow:0 3px #4a3014}.btn.danger:hover{background:#fee2e2;color:#b91c1c}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:0 2px #4a3014}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;border:2px solid #4a3014;background:#fff;box-shadow:0 3px #4a3014;color:#4a3014;transition:transform .1s,background .15s,box-shadow .1s}.icon-btn:hover{background:#fff8eb;transform:translateY(-1px);box-shadow:0 4px #4a3014;color:#3b2207}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #4a3014}.icon-btn.sm{width:26px;height:26px;border-radius:8px}.icon-btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:0 2px #4a3014}.big-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);text-align:left;transition:transform .12s,background .15s,filter .15s}.big-btn:hover{background:var(--panel-3);transform:translateY(-1px)}.big-btn:disabled{opacity:.4;pointer-events:none}.big-btn b{display:block;font-size:16px;font-weight:900}.big-btn small{display:block;font-size:12px;opacity:.75;font-weight:700;margin-top:1px}.big-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent}.big-btn.primary:hover{filter:brightness(1.07)}.big-btn.danger:hover{background:#ef6a5b40}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 43%,rgba(255,255,255,.56),transparent 42%),linear-gradient(145deg,#a9e3ff,#d9f3ff,#e9f4cb);animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}.menu-backdrop{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.menu-sun{position:absolute;top:7%;right:13%;width:clamp(66px,8vw,124px);aspect-ratio:1;border-radius:50%;background:#fff1ae;box-shadow:0 0 0 18px #fff1ae24,0 0 70px #fff5beb3}.menu-cloud{position:absolute;width:116px;height:26px;border-radius:999px;background:#ffffffc2;box-shadow:24px -14px 0 1px #ffffffc2,57px -3px 0 -4px #ffffffc2;animation:cloud-drift 26s ease-in-out infinite alternate}.menu-cloud-one{left:43%;top:15%;transform:scale(.76)}.menu-cloud-two{right:4%;top:27%;transform:scale(.55);animation-delay:-12s}@keyframes cloud-drift{to{margin-left:26px}}.world-loader{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#8cdafaf7,#e7f8fffa 55%,#cfedbefa);color:#4a3014}.world-loader-card{width:min(360px,92vw);display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px 24px 22px;border:3px solid #4a3014;border-radius:28px;background:#fffdf8f5;box-shadow:0 7px #4a3014,0 18px 34px #3b514633;text-align:center}.world-loader-island{width:92px;height:64px;animation:loader-float 1.7s ease-in-out infinite alternate}.world-loader-card strong{font-size:20px;font-weight:1000}.world-loader-card span{color:#7d5930;font-size:12px;font-weight:800}.world-loader-track{position:relative;width:100%;height:10px;overflow:hidden;margin-top:8px;border:2px solid #5a3800;border-radius:999px;background:#f1e6d6}.world-loader-track i{position:absolute;top:0;bottom:0;left:-42%;width:42%;border-radius:inherit;background:linear-gradient(90deg,#73cd58,#ffc53d,#ff8c66);animation:loader-progress 1.25s ease-in-out infinite}@keyframes loader-float{to{transform:translateY(-5px) rotate(2deg)}}@keyframes loader-progress{to{left:105%}}.title-card{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,92vw);padding:22px 24px 20px;text-align:center;background:#fffcf6f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3.5px solid #4a3014;border-radius:32px;box-shadow:0 10px #4a3014,0 24px 50px #4a301447,inset 0 3px #ffffffd9;display:flex;flex-direction:column;align-items:center;animation:menu-card-in .65s cubic-bezier(.2,.75,.25,1) both}@keyframes menu-card-in{0%{opacity:0;translate:-18px 0}to{opacity:1;translate:0 0}}.mascot-wrapper{margin-top:-6px;margin-bottom:2px;animation:mascotHover 3s ease-in-out infinite alternate}.mascot-svg{display:block;filter:drop-shadow(0 6px 10px rgba(74,48,20,.2))}@keyframes mascotHover{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-5px) rotate(1deg)}}.bubbly-title{margin:0;font-size:42px;font-weight:900;letter-spacing:-.5px;color:#ff9100;text-shadow:0 2px 0 #ffe082,0 4px 0 #d96b00,0 6px 0 #4a2800,0 8px 16px rgba(180,80,0,.3);display:inline-block;line-height:1.05;transform:rotate(-1.5deg)}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;margin:6px 0 12px;border-radius:999px;background:#fff8e7;border:2px solid #5a3800;box-shadow:0 2px #5a3800;color:#5a3800;font-size:12px;font-weight:800;letter-spacing:.2px}.title-card .menu-chips{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.title-card .chip{background:#fff;border:2px solid #5a3800;box-shadow:0 3px #5a3800;color:#3b2000;height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:900}.title-card .chip.hot{color:#d84315}.title-card .chip.coin{color:#b78103}.cute-gift-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;margin-bottom:10px;border-radius:16px;background:linear-gradient(135deg,#ff85a2,#ff9f73);border:2.5px solid #4a3014;box-shadow:0 4px #4a3014,0 6px 12px #ff85a259;color:#fff;cursor:pointer;text-align:left;position:relative;transition:transform .1s ease,filter .15s ease;animation:giftWiggle 2.5s infinite}.cute-gift-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.cute-gift-btn:active{transform:translateY(2px);box-shadow:0 2px #4a3014}.gift-ico{font-size:20px}.gift-text{flex:1;line-height:1.15}.gift-text b{display:block;font-size:13.5px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.25)}.gift-text small{display:block;font-size:11px;font-weight:700;opacity:.95}.cute-gift-btn .dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ffeb3b;border:2px solid #4a3014;animation:pulse 1s infinite}.title-buttons{width:100%;display:flex;flex-direction:column;gap:10px}.play-btn-huge{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 24px;border-radius:999px;background:linear-gradient(180deg,#ffe566,#ffb300 55%,#f59e0b);border:3px solid #4a3014;box-shadow:inset 0 3px #ffffffbf,0 6px #4a3014,0 14px 24px #b464004d;color:#3d2203;font-size:21px;font-weight:900;letter-spacing:.6px;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease;-webkit-user-select:none;user-select:none}.play-btn-huge .play-ico{font-size:18px;color:#3d2203}.play-btn-huge:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 3px #ffffffd9,0 8px #4a3014,0 18px 28px #b4640061}.play-btn-huge:active{transform:translateY(4px) scale(.98);box-shadow:inset 0 1px #ffffff80,0 2px #4a3014,0 4px 8px #b4640033}.sub-btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.cute-sub-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 8px;border-radius:16px;background:#fff;border:2.5px solid #4a3014;box-shadow:0 4px #4a3014,0 6px 12px #4a30141a;color:#3b2207;font-size:12px;font-weight:900;cursor:pointer;transition:transform .1s ease,background .15s ease,box-shadow .1s ease}.cute-sub-btn .btn-badge-ico{font-size:18px;line-height:1}.cute-sub-btn:hover{transform:translateY(-2px);background:#fff8eb;box-shadow:0 6px #4a3014,0 8px 16px #4a301426}.cute-sub-btn:active{transform:translateY(3px);box-shadow:0 1px #4a3014}.cute-sub-btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:0 4px #4a3014}.sound-corner-btn{position:absolute;z-index:3;top:max(18px,env(safe-area-inset-top,18px));right:max(18px,env(safe-area-inset-right,18px));background:#fff;border:2.5px solid #4a3014;box-shadow:0 4px #4a3014,0 8px 16px #4a30141f;color:#4a3014;border-radius:14px;width:44px;height:44px;transition:transform .1s ease,box-shadow .1s ease}.sound-corner-btn:hover{transform:translateY(-2px);background:#fffdf5;box-shadow:0 6px #4a3014}.sound-corner-btn:active{transform:translateY(2px);box-shadow:0 2px #4a3014}.title-foot{position:absolute;z-index:2;bottom:max(14px,env(safe-area-inset-bottom,14px));left:50%;right:auto;width:max-content;max-width:calc(100vw - 24px);transform:translate(-50%);padding:8px 12px;border:1px solid rgba(74,48,20,.12);border-radius:999px;background:#fffdf8b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;font-size:12.5px;font-weight:900;color:#5a3818;text-shadow:0 1px 0 rgba(255,255,255,.6)}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.title-screen,.menu-cloud,.title-card,.mascot-wrapper,.cute-gift-btn{animation:none!important}*,*:before,*:after{scroll-behavior:auto!important}}@keyframes giftWiggle{0%,85%,to{transform:rotate(0)}88%{transform:rotate(-2deg) scale(1.02)}92%{transform:rotate(2deg) scale(1.02)}96%{transform:rotate(-1.5deg)}}.menu-overlay,.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e140a73;display:grid;place-items:center;z-index:10;animation:fade .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-panel{position:relative;width:min(620px,94vw);max-height:90vh;display:flex;flex-direction:column;background:#fffdf8f7;border:3.5px solid #4a3014;border-radius:28px;box-shadow:0 10px #4a3014,0 24px 60px #4a301447;color:#3b2207}.menu-head{display:flex;align-items:center;gap:10px;padding:16px 20px 10px;border-bottom:2.5px dashed rgba(74,48,20,.15)}.menu-head h2{margin:0;font-size:24px;font-weight:900;color:#3b2207}.menu-panel .icon-btn{background:#fff;border:2px solid #4a3014;box-shadow:0 3px #4a3014;color:#4a3014;border-radius:12px}.menu-panel .icon-btn:hover{background:#fff8eb;transform:translateY(-1px)}.menu-panel .icon-btn:active{transform:translateY(2px);box-shadow:0 1px #4a3014}.menu-body{padding:16px 20px 20px;overflow:auto;color:#3b2207}.menu-foot{padding-top:14px;display:flex;justify-content:flex-end}.newgame{display:grid;grid-template-columns:280px 1fr;gap:20px}.ng-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#7d572e}.name-row{display:flex;gap:6px}.name-row input,.name-input{flex:1;min-width:0;height:42px;padding:0 14px;border-radius:14px;border:2.5px solid #4a3014;background:#fff;outline:0;font-weight:800;font-size:16px;color:#3b2207;box-shadow:inset 0 2px 4px #4a301414}.name-row input:focus,.name-input:focus{border-color:#ff9100;box-shadow:0 0 0 3px #ff910040}.name-row .icon-btn{width:42px;height:42px}.seg-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}.seg{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;border:2px solid #5a3800;border-radius:12px;background:#fff;color:#5a3800;font-size:10px;font-weight:900;text-transform:capitalize;box-shadow:0 3px #5a3800;transition:transform .1s ease}.seg:hover{background:#fff8e8;transform:translateY(-1px)}.seg.active{background:#ffb300;color:#3d2203;box-shadow:0 3px #4a3014;transform:translateY(1px)}.ng-summary{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:#fff;border:2px solid rgba(74,48,20,.18);box-shadow:0 4px 10px #4a30140d}.ng-summary b{font-size:16px;color:#3b2207}.ng-summary span{font-size:13px;color:#6b5030;line-height:1.4}.ng-summary em{font-size:11.5px;font-style:normal;font-weight:900;color:#e65100}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;align-content:start}.tpl{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:18px;background:#fff;border:2.5px solid #4a3014;box-shadow:0 4px #4a3014;color:#3b2207;transition:transform .1s ease,box-shadow .1s ease}.tpl:hover{transform:translateY(-2px);background:#fffdf5;box-shadow:0 6px #4a3014}.tpl.sel{border-color:#ff9100;background:#fff8e7;box-shadow:0 4px #d96b00}.tpl b{font-size:13px;font-weight:900}.minimap{display:block;width:100%;aspect-ratio:1;border-radius:12px;background:#fdf6e2;cursor:pointer;border:1.5px solid #5a3800}.save-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.save-card{position:relative;border-radius:18px;background:#fff;border:2.5px solid #4a3014;box-shadow:0 4px #4a3014;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.save-card:hover{transform:translateY(-2px);box-shadow:0 6px #4a3014}.save-main{display:flex;flex-direction:column;gap:3px;width:100%;padding:0 0 12px;background:none;border:0;text-align:left;color:#3b2207}.save-main b,.save-main span,.save-main em{padding:0 12px}.save-main b{font-size:15px;margin-top:8px;font-weight:900}.save-main span{font-size:12px;color:#7d5930}.save-main em{font-size:11px;font-style:normal;color:#e65100;font-weight:900}.thumb{position:relative;height:112px;background:#faecc9;display:grid;place-items:center}.pause{position:relative;width:min(390px,92vw);padding:24px;display:flex;flex-direction:column;gap:10px;text-align:center;background:#fffdf8fa;border:3.5px solid #4a3014;border-radius:28px;box-shadow:0 10px #4a3014,0 24px 60px #4a30144d;color:#3b2207}.pause h2{margin:0;font-size:28px;font-weight:900;color:#ff9100;text-shadow:0 2px 0 #ffe082,0 3px 0 #4a2800}.pause p{margin:0 0 6px;color:#7d5930;font-weight:800;font-size:13.5px}.pause .big-btn{background:#fff;border:2.5px solid #4a3014;box-shadow:0 4px #4a3014;border-radius:16px;color:#3b2207;padding:12px 16px}.pause .big-btn:hover{background:#fff8e8;transform:translateY(-2px);box-shadow:0 6px #4a3014}.pause .big-btn:active{transform:translateY(2px);box-shadow:0 1px #4a3014}.pause .big-btn.primary{background:linear-gradient(180deg,#ffe566,#ffb300 55%,#f59e0b);border-color:#4a3014;color:#3d2203;box-shadow:0 5px #4a3014}.pause-row{display:flex;gap:6px;justify-content:center}.pause-row .btn{background:#fff;border:2px solid #4a3014;box-shadow:0 3px #4a3014;color:#3b2207;border-radius:12px;font-weight:900}.pause-row .btn:hover{background:#fff8e8;transform:translateY(-1px)}.pause-row .btn:active{transform:translateY(2px);box-shadow:0 1px #4a3014}.tips{position:relative;width:min(640px,94vw);padding:24px;text-align:center;display:flex;flex-direction:column;gap:14px}.tips h2{margin:0;font-size:24px;font-weight:900}.tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.tip{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;background:var(--panel-2)}.tip b{font-size:15px}.tip>span:last-child{font-size:12.5px;color:var(--muted);line-height:1.45}.tip .ico{width:38px;height:38px;border-radius:11px;background:#f4b63f2e;color:var(--accent);display:grid;place-items:center;margin-bottom:4px}.hud-city{top:12px;left:12px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;min-width:250px}.logo-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:0;background:var(--panel-2)}.logo-btn:hover{background:var(--panel-3)}.hud-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.city-name{padding:0;border:0;background:none;text-align:left;font-size:17px;font-weight:900;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-name:hover{color:var(--accent)}.name-input{height:28px;font-size:15px}.rank{display:flex;justify-content:space-between;gap:12px;font-size:11px}.rank b{color:var(--accent);font-weight:900;letter-spacing:.4px;text-transform:uppercase}.rank span{color:var(--muted);font-weight:800}.bar{height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s ease}.hud-actions{top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:7px 8px}.goal{top:12px;left:50%;transform:translate(-50%);width:min(330px,34vw);padding:10px 14px;display:flex;flex-direction:column;gap:3px}.goal-head{display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;font-size:10.5px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}.goal.min{width:auto}.goal b{font-size:15px}.goal .gd{font-size:12px;color:var(--muted);line-height:1.35}.goal em{font-size:11px;font-style:normal;font-weight:900;color:var(--accent);text-align:right}.goal .bar{margin-top:4px}.library{left:12px;top:84px;bottom:92px;width:300px;padding:12px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.library.closed{width:auto;bottom:auto}.lib-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-title{font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.count{margin-left:6px;padding:1px 7px;border-radius:99px;background:var(--panel-3);color:var(--text);letter-spacing:0}.search{display:flex;align-items:center;gap:8px;padding:0 10px;height:38px;border-radius:12px;background:#00000047;border:1px solid var(--line);color:var(--muted);margin-bottom:10px}.search:focus-within{border-color:var(--accent);color:var(--accent)}.search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font-size:14px;user-select:text;-webkit-user-select:text}.tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.tab{display:inline-flex;align-items:center;gap:5px;border:0;background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px}.tab:hover{background:var(--panel-3);color:var(--text)}.tab.active{background:#f4b63f33;color:var(--accent)}.sub-title{font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:8px 2px 6px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cards.small{grid-template-columns:repeat(6,1fr)}.cards.small .nm{display:none}.cards.small .card{padding:8px 0}.card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 8px;border-radius:13px;background:var(--panel-2);border:1px solid var(--line);font-size:11px;font-weight:800;text-align:center;line-height:1.15;transition:transform .12s,background .15s}.card:hover{background:var(--panel-3);transform:translateY(-1px)}.card.active{border-color:var(--accent);background:#f4b63f29;color:var(--accent)}.ico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ffffff0f}.card.active .ico{background:#f4b63f33}.empty{padding:18px 8px;text-align:center;color:var(--muted);font-size:13px;font-weight:700}.library::-webkit-scrollbar,.menu-body::-webkit-scrollbar{width:8px}.library::-webkit-scrollbar-thumb,.menu-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px}.rail{position:absolute;top:76px;right:14px;display:flex;flex-direction:column;gap:8px;z-index:5}.rail-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:2.5px solid #4a3014;background:#fff;box-shadow:0 4px #4a3014;color:#4a3014;transition:transform .1s,background .15s,box-shadow .1s}.rail-btn:hover{background:#fff8eb;transform:translateY(-1px);box-shadow:0 5px #4a3014}.rail-btn:active{transform:translateY(2px);box-shadow:0 1px #4a3014}.rail-btn.on{background:linear-gradient(180deg,#ffe566,#ffb300);color:#3d2203;box-shadow:0 3px #4a3014;transform:translateY(1px)}.rail .pop{position:absolute;top:0;right:54px;width:240px;padding:14px;background:#fffdf8fa;border:2.5px solid #4a3014;border-radius:20px;box-shadow:0 6px #4a3014,0 16px 36px #4a301433;z-index:6;animation:popIn .15s ease}.land{display:flex;align-items:center;gap:6px;margin-top:10px}.land>div{flex:1;line-height:1.1}.land b{display:block;font-size:14px;color:#3b2207}.land span{font-size:10px;color:#7d5930;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.time{display:flex;align-items:center;gap:8px;margin-top:10px;color:#e65100}.time input{flex:1;min-width:0}.clock{font-variant-numeric:tabular-nums;font-size:12px;font-weight:900;color:#3b2207;width:42px;text-align:right}.inspector{position:absolute;top:76px;right:68px;width:260px;padding:14px;background:#fffdf8fa;border:2.5px solid #4a3014;border-radius:20px;box-shadow:0 6px #4a3014,0 16px 36px #4a301433;z-index:5;animation:popIn .15s ease}.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.panel-title{font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#8c5d2b}.insp-name{font-size:18px;font-weight:900;color:#3b2207;margin-bottom:8px}.neighborhood-note{display:flex;flex-direction:column;gap:3px;padding:8px 9px;margin:4px 0 10px;border-radius:11px;background:#7c3aed12;border:1px solid rgba(124,58,237,.16)}.neighborhood-note b{color:#6d3bc0;font-size:10px;letter-spacing:.3px;text-transform:uppercase}.neighborhood-note span{color:var(--muted);font-size:11px;line-height:1.35;font-weight:700}.insp-sub{font-size:12px;color:#6b5030;margin-bottom:10px;line-height:1.4;font-weight:700}.insp-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.insp-row .btn{flex:1 1 calc(50% - 6px);justify-content:center}.variants{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.vrow{display:flex;flex-direction:column;gap:4px}.vrow>span{font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#7d5930}.sw-row{display:flex;flex-wrap:wrap;gap:5px}.sw{width:22px;height:22px;border-radius:7px;border:2px solid #5a3800;padding:0;box-shadow:0 2px #5a3800;cursor:pointer;transition:transform .1s}.sw:hover{transform:scale(1.1)}.sw.auto{background:#fff;font-size:11px;font-weight:900;color:#5a3800;display:grid;place-items:center}.sw.on{border-color:#ff9100;box-shadow:0 0 0 2.5px #ff9100,0 2px #5a3800;transform:translateY(-1px)}.dock{left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fffdf8f5;border:3px solid #4a3014;border-radius:20px;box-shadow:0 6px #4a3014,0 14px 28px #4a301429;z-index:9}.dock-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;padding:6px 0 5px;border:2px solid #5a3800;border-radius:12px;background:#fff;box-shadow:0 3px #5a3800;font-size:11px;font-weight:900;color:#5a3800;transition:background .12s,color .12s,transform .1s,box-shadow .1s}.dock-btn:hover{background:#fff8eb;color:#3b2000;transform:translateY(-1px);box-shadow:0 4px #5a3800}.dock-btn:active{transform:translateY(2px);box-shadow:0 1px #5a3800}.dock-btn.active{background:linear-gradient(180deg,#ffe566,#ffb300);border-color:#4a3014;color:#3d2203;box-shadow:0 3px #4a3014;transform:translateY(-2px)}.dock-btn:disabled{opacity:.35;cursor:default;transform:none;box-shadow:0 2px #5a3800}.dock-btn kbd{position:absolute;top:2px;right:4px;font:900 8.5px/1 inherit;background:#fff3d6;color:#5a3800;border-radius:4px;padding:1px 3px;border:1px solid rgba(90,56,0,.2)}.stats{left:14px;bottom:14px;display:flex;align-items:center;gap:14px;padding:8px 14px;background:#fffdf8f0;border:2.5px solid #4a3014;border-radius:16px;box-shadow:0 4px #4a3014;color:#3b2207;z-index:4}.stat{display:flex;flex-direction:column;line-height:1.1}.stat b{font-size:16px;color:#3b2207;font-weight:900}.stat span{font-size:10px;color:#7d5930;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.state{font-size:12px;font-weight:900}.state.dirty{color:#ff9100}.state.clean{color:#10b981}.mode{right:12px;bottom:14px;padding:9px 16px;font-size:13px;font-weight:900}.toast{top:84px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:900;z-index:25;animation:pop .25s ease;max-width:90vw;background:#fffdf8fa;border:3px solid #4a3014;border-radius:999px;box-shadow:0 6px #4a3014,0 12px 24px #4a301433;color:#3b2207}.toast.goal{background:linear-gradient(135deg,#ffe566,#ffb300);color:#3b2207}.toast.error{border-color:#ef4444;color:#b91c1c}.dialog{position:relative;width:min(440px,92vw);padding:22px}.dialog h3{margin:0 0 8px;font-size:20px}.dialog p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5;font-weight:700}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.fatal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;color:#33444d;padding:24px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-8px) scale(.96)}}.topleft{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;z-index:4}.topleft .hud-city{position:static;min-width:230px;background:#fffdf8f5;border:2.5px solid #4a3014;border-radius:18px;box-shadow:0 4px #4a3014}.chips-row{display:flex;align-items:center;gap:6px}.chip{position:relative;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:99px;border:2px solid #5a3800;background:#fff;font-size:13px;font-weight:900;color:#3b2207;box-shadow:0 3px #5a3800}.chip.coin{color:#b78103}.chip.hot{color:#d84315}.chip.pop{color:#15803d}.chip.civic{color:#7c3aed}button.chip:hover{filter:brightness(1.08);transform:translateY(-1px)}.chip .dot,.big-btn .dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 2px var(--panel);animation:pulse 1.3s infinite}.chip.bump{animation:bump .28s ease}.save-dot{width:9px;height:9px;border-radius:50%;margin-left:2px}.save-dot.clean{background:var(--good);opacity:.8}.save-dot.dirty{background:var(--accent);animation:pulse 1.6s infinite}.hud-actions{top:12px;right:12px;padding:5px 6px;z-index:4;background:#fffdf8f5;border:2.5px solid #4a3014;border-radius:16px;box-shadow:0 4px #4a3014}.goal{top:12px;left:50%;transform:translate(-50%);width:min(340px,36vw);padding:9px 14px 10px;gap:6px;z-index:4;background:#fffdf8f5;border:2.5px solid #4a3014;border-radius:18px;box-shadow:0 4px #4a3014}.goal.open{width:min(380px,46vw)}.goal-head{display:flex;align-items:center;gap:7px;width:100%;padding:0;border:0;background:none;text-align:left;color:#3b2207;font-size:13.5px;letter-spacing:0;text-transform:none;cursor:pointer}.goal-head svg{color:#ff9100;flex:none}.goal-head b{flex:1;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}.goal-head em{font-style:normal;font-weight:900;font-size:12px;color:#e65100}.goal .bar{margin:0;height:6px;background:#4a30141f;border-radius:99px}.goal .bar i{background:linear-gradient(90deg,#ffb300,#ff7043);border-radius:99px}.goal-more{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:8px;border-top:1.5px dashed rgba(74,48,20,.2);animation:popIn .15s ease}.goal-more .gd{font-size:12px;color:#6b5030;line-height:1.35;font-weight:700}.goal-more .next{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:900;color:#e65100}.daily-h{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#8c5d2b;margin-top:4px}.daily-h em{font-style:normal;color:#ff9100}.quest{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#fff;border:1.5px solid #5a3800;border-radius:10px;font-size:11.5px;font-weight:800}.quest.done{background:#f0fdf4;border-color:#10b981;color:#065f46}.quest>span{display:flex;align-items:center;gap:4px}.quest em{font-style:normal;font-size:10px;color:#8c5d2b;font-weight:900;text-align:right}.bar.thin{height:4px}.tray{left:50%;bottom:86px;transform:translate(-50%);width:min(840px,calc(100vw - 24px));padding:8px 10px 9px;z-index:10;animation:rise .2s ease;background:#fffdf8fa;border:3.5px solid #4a3014;border-radius:24px;box-shadow:0 8px #4a3014,0 20px 45px #4a301438}.tray-restore{position:absolute;left:50%;bottom:88px;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:9px;padding:12px 18px;border:3px solid #4a3014;border-radius:16px;background:#fffdf8fa;color:#3b2207;box-shadow:0 5px #4a3014,0 12px 30px #4a301433;font-weight:900;cursor:pointer;white-space:nowrap}.tray-top{display:flex;align-items:center;gap:6px;margin-bottom:5px}.tray-top .tabs{flex:1;margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px}.tray-top .tab{flex:none;display:inline-flex;align-items:center;gap:5px;border:2px solid #5a3800;background:#fff;color:#5a3800;font-size:12px;font-weight:900;padding:6px 11px;border-radius:999px;box-shadow:0 3px #5a3800;transition:transform .1s ease}.tray-top .tab:hover{background:#fff8eb;transform:translateY(-1px)}.tray-top .tab.active{background:#ffb300;color:#3d2203;box-shadow:0 3px #4a3014;transform:translateY(1px)}.tray-top .search{width:150px;height:34px;margin:0;flex:none;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:999px;background:#fff;border:2px solid #5a3800;box-shadow:inset 0 2px 4px #4a301414;color:#7d5930}.tray-top .search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#3b2207;font-size:13px;font-weight:800}.tray-row{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:4px 3px 7px;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tray-row .card{position:relative;flex:none;width:84px;min-height:82px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:6px 4px 7px;border-radius:16px;background:#fff;border:2px solid #5a3800;box-shadow:0 3px #5a3800;font-size:11px;font-weight:900;text-align:center;color:#3b2207;cursor:pointer;transition:transform .12s,background .15s,box-shadow .12s}.tray-row .card:hover{background:#fff8eb;transform:translateY(-2px);box-shadow:0 5px #5a3800}.tray-row .card:active{transform:translateY(2px);box-shadow:0 1px #5a3800}.tray-row .card.active{border-color:#e65100;background:#fff4d4;box-shadow:0 3px #b33d00;transform:translateY(-2px)}.card.locked{opacity:.55;filter:saturate(.4)}.card .lk{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#4a3014;color:#fff}.card .new{position:absolute;top:4px;left:4px;padding:1px 5px;border-radius:6px;background:#ff4d5e;color:#fff;font-size:8.5px;font-weight:900;letter-spacing:.6px;animation:pulse 1.4s infinite}.tray-row .card .ico{width:34px;height:34px}.card .ico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff8e7;border:1.5px solid rgba(74,48,20,.12)}.tray-row .card .nm{max-width:80px;font-size:10px;font-weight:900;line-height:1.2;text-align:center;height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.set-group{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#fff;border:2.5px solid #4a3014;border-radius:18px;box-shadow:0 3px #4a3014;margin-bottom:12px}.set-group:last-child{margin-bottom:0}.set-group h4{margin:0 0 4px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#8c5d2b;display:flex;align-items:center;gap:6px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(74,48,20,.12);font-size:13.5px;font-weight:800;color:#3b2207}.set-row:last-child{border-bottom:0;padding-bottom:0}.set-row.slider-row{flex-direction:column;align-items:stretch;gap:6px}.slider-label{display:flex;align-items:center;justify-content:space-between}.slider-label em{font-style:normal;font-size:12px;font-weight:900;color:#e65100;background:#fff4d4;padding:2px 7px;border-radius:99px;border:1.5px solid #5a3800}.cute-toggle{position:relative;width:48px;height:28px;border-radius:999px;border:2.5px solid #4a3014;background:#e2d7c5;box-shadow:inset 0 2px 4px #4a301426;cursor:pointer;padding:2px;transition:background .2s ease;flex:none}.cute-toggle.on{background:#10b981}.toggle-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #4a3014;box-shadow:0 2px #4a3014;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.cute-toggle.on .toggle-thumb{transform:translate(20px)}.chips-group{display:flex;gap:5px}.chip-tab{padding:5px 12px;border-radius:999px;border:2px solid #5a3800;background:#fff;color:#5a3800;font-size:11.5px;font-weight:900;box-shadow:0 2px #5a3800;cursor:pointer;transition:all .1s}.chip-tab:hover{background:#fff8e8;transform:translateY(-1px)}.chip-tab.active{background:#ffb300;color:#3d2203;box-shadow:0 2px #4a3014;transform:translateY(1px)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#e8dccb;border:1.5px solid #5a3800;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#ffb300;border:2.5px solid #4a3014;box-shadow:0 2px #4a3014;cursor:pointer;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}.save-card .del{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#ffffffe6;border:2px solid #4a3014;border-radius:10px;box-shadow:0 2px #4a3014;color:#ef4444;z-index:2}.save-card .del:hover{background:#fee2e2;color:#b91c1c}.del-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffdf8f5;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:13px;color:#3b2207;z-index:3}.thumb i{position:absolute;top:8px;left:8px;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.8px;background:#ff9100;color:#fff;padding:2px 7px;border-radius:6px;border:1.5px solid #4a3014;box-shadow:0 2px #4a3014}.gift-card{position:relative;width:min(560px,94vw);padding:24px;display:flex;flex-direction:column;gap:12px;text-align:center}.gift-card h2{margin:0;font-size:28px;font-weight:900}.gift-card p{margin:0;color:var(--muted);font-weight:800;display:flex;justify-content:center;align-items:center;gap:6px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 2px 8px;border-radius:12px;background:var(--panel-2);border:2px solid transparent;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.day b{font-size:15px;color:var(--text)}.day svg{color:#ffd66b}.day.now{border-color:var(--accent);background:#f4b63f29;animation:pulse 1.4s infinite}.day.done{opacity:.55}.day.big{background:#ff7aa824}.day i{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--good);color:#123}.unlock{text-align:center;display:flex;flex-direction:column;align-items:center}.unlock .dialog-actions{justify-content:center}.unlock .need{margin-top:10px;color:var(--muted);font-weight:700}.big-ico{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:#ffffff14;margin-bottom:8px;color:var(--accent)}.float{position:fixed;z-index:40;pointer-events:none;transform:translate(-50%,-20px);font-weight:900;font-size:20px;color:#ffe08a;text-shadow:0 2px 0 rgba(120,60,0,.55),0 0 12px rgba(255,200,80,.7);animation:floatup 1.1s ease-out forwards}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:38%;width:9px;height:14px;border-radius:2px;background:var(--c);opacity:0;animation:confetti 1.9s cubic-bezier(.2,.7,.3,1) var(--d) forwards}@keyframes confetti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--x),70vh) rotate(var(--r))}}@keyframes floatup{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-22px) scale(1.15)}to{opacity:0;transform:translate(-50%,-72px) scale(1)}}@keyframes bump{50%{transform:scale(1.18)}}@keyframes pulse{50%{opacity:.55}}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes wiggle{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-1.2deg)}96%{transform:rotate(1.2deg)}}@media (max-width: 900px){.goal,.goal.open{top:12px;left:auto;right:12px;transform:none;width:230px;margin-top:52px}.hud-actions{padding:4px 6px}.topleft .hud-city{min-width:0}.tray{bottom:84px;width:calc(100vw - 20px)}.tray-top .search{width:110px}.hide-s{display:none}.rail{top:76px;right:10px}.inspector{right:62px;top:76px;width:240px}}@media (max-width: 600px){.topleft{top:max(8px,env(safe-area-inset-top,8px));left:8px;gap:4px;z-index:5}.topleft .hud-city{padding:6px 10px 8px;min-width:0;max-width:calc(100vw - 170px);border-radius:14px;box-shadow:0 3px #4a3014;overflow:visible}.logo-btn{width:32px;height:32px;border-radius:9px}.logo{width:18px;height:18px;border-radius:6px}.city-name{font-size:13px;font-weight:900;line-height:1.1}.rank{font-size:9.5px;gap:4px;margin-top:2px}.rank b{font-size:9.5px}.rank span{font-size:9px}.topleft .hud-city .bar{height:4px;margin-top:3px;border-radius:99px;overflow:hidden}.chips-row{gap:4px;flex-wrap:nowrap;align-items:center}.chip{height:24px;padding:0 7px;font-size:10.5px;font-weight:800;gap:3px;border-width:1.5px;box-shadow:0 2px #5a3800;flex-shrink:0}.chip svg{width:12px;height:12px}.save-dot{width:7px;height:7px;margin-left:2px;flex-shrink:0}.hud-actions{top:max(8px,env(safe-area-inset-top,8px));right:8px;padding:3px 4px;gap:3px;border-radius:12px;box-shadow:0 3px #4a3014;z-index:5}.hud-actions .icon-btn{width:29px;height:29px;border-radius:8px;border-width:1.5px;box-shadow:0 2px #4a3014}.hud-actions .icon-btn svg{width:14px;height:14px}.goal{top:calc(max(8px,env(safe-area-inset-top,8px)) + 94px);left:8px;right:auto;margin-top:0;transform:none;width:min(225px,calc(100vw - 68px));padding:6px 10px;border-radius:13px;border-width:2px;box-shadow:0 3px #4a3014,0 4px 12px #4a30141f;z-index:4}.goal.open{top:calc(max(8px,env(safe-area-inset-top,8px)) + 94px);width:min(290px,calc(100vw - 16px));z-index:8}.goal-head b{font-size:11.5px}.rail{top:calc(max(8px,env(safe-area-inset-top,8px)) + 46px);bottom:auto;right:8px;gap:5px;z-index:5}.rail-btn{width:32px;height:32px;border-radius:9px;border-width:2px}.rail-btn svg{width:16px;height:16px}.rail .pop{right:38px;top:0;width:220px;padding:10px;border-radius:16px}.dock{position:absolute;bottom:max(8px,env(safe-area-inset-bottom,8px));left:50%;transform:translate(-50%);width:calc(100vw - 12px);max-width:420px;padding:4px;gap:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-width:2.5px;border-radius:16px;box-shadow:0 4px #4a3014,0 8px 24px #4a301433;z-index:9}.dock-btn{flex:1 1 0;min-width:0;width:0;height:44px;padding:0;border-radius:9px;border-width:1.5px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #5a3800;flex-shrink:1}.dock-btn.active{transform:translateY(-1px);box-shadow:0 2px #4a3014}.dock-btn svg{width:18px;height:18px;flex-shrink:0}.dock-btn span,.dock-btn kbd,.dock .sep,.sep.tall{display:none!important}.tray{position:absolute;bottom:calc(max(8px,env(safe-area-inset-bottom,8px)) + 60px);left:50%;transform:translate(-50%);width:calc(100vw - 12px);max-width:440px;padding:8px 8px 10px;border-radius:18px;border-width:2.5px;box-shadow:0 5px #4a3014,0 12px 30px #4a30143d;z-index:10;max-height:calc(100dvh - 150px);display:flex;flex-direction:column;box-sizing:border-box}.tray-top{display:flex;align-items:center;gap:4px;margin-bottom:6px;flex-shrink:0;min-height:30px}.tray-top .tabs{flex:1 1 0;min-width:0;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 4px 1px;scroll-snap-type:x proximity}.tray-top .tabs::-webkit-scrollbar{display:none}.tray-top .tab{flex:0 0 auto;scroll-snap-align:start;height:28px;padding:0 9px;font-size:11px;font-weight:800;border-radius:999px;white-space:nowrap;border-width:1.5px;box-shadow:0 2px #5a3800;display:inline-flex;align-items:center;gap:3.5px}.tray-top .tab span{display:inline}.tray-top .tab svg{width:13px;height:13px;flex-shrink:0}.tray-top .search{display:none!important}.tray-top>.btn.sm{flex:0 0 auto;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:8px;border-width:1.5px;box-shadow:0 2px #4a3014}.tray-top>.btn.sm .hide-s{display:none!important}.tray-top>.icon-btn{flex:0 0 auto;width:28px;height:28px;border-radius:8px;border-width:1.5px;box-shadow:0 2px #4a3014;display:grid;place-items:center}.tray-row{flex:1;min-height:0;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-sizing:border-box}.tray-row::-webkit-scrollbar{display:none}.tray-row .card{position:relative;flex:0 0 auto;width:76px;height:86px;min-height:86px;max-height:86px;padding:6px 3px;border-radius:12px;border:1.5px solid #5a3800;box-shadow:0 2.5px #5a3800;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;box-sizing:border-box;background:#fff}.tray-row .card:hover{transform:translateY(-1px);box-shadow:0 3.5px #5a3800}.tray-row .card:active{transform:translateY(1px);box-shadow:0 1px #5a3800}.tray-row .card.active{transform:translateY(-1px);box-shadow:0 2.5px #b33d00;border-color:#e65100}.tray-row .card .ico{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center}.tray-row .card .ico svg{width:20px;height:20px}.tray-row .card .nm{width:100%;max-width:70px;font-size:10px;font-weight:800;line-height:1.15;text-align:center;height:24px;max-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:normal;color:#3b2207}.inspector{left:50%;right:auto;bottom:calc(max(8px,env(safe-area-inset-bottom,8px)) + 52px);top:auto;transform:translate(-50%);width:min(340px,calc(100vw - 16px));padding:10px 12px 12px;border-radius:16px;border-width:2.5px;z-index:10;box-shadow:0 5px #4a3014,0 12px 30px #4a301438;max-height:calc(100vh - 150px);overflow-y:auto;box-sizing:border-box}.stats,.mode{display:none!important}.title-card{left:50%;top:43%;bottom:auto;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 20px));padding:16px 14px 14px;border-radius:22px}.menu-sun{top:5%;right:8%;width:70px}.menu-cloud-one{left:10%;top:11%}.menu-cloud-two{right:2%;top:24%}.title-foot{font-size:10px;padding:5px 9px}.bubbly-title{font-size:32px}.play-btn-huge{padding:12px 14px;font-size:16px}.cute-sub-btn{font-size:11px;padding:8px 2px 7px}.mascot-svg{width:110px;height:74px}.menu-panel{width:min(430px,calc(100vw - 16px))!important;max-height:calc(100vh - 32px);border-radius:20px;border-width:2.5px;box-shadow:0 8px #4a3014,0 20px 48px #4a301440}.menu-head{padding:12px 14px 8px;gap:8px}.menu-head h2{font-size:19px}.menu-body{padding:10px 12px 16px;max-height:calc(100vh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch}.set-group{padding:10px 12px;border-radius:14px;gap:6px;margin-bottom:8px;border-width:2px}.set-group h4{font-size:11px;margin:0 0 2px;gap:5px}.set-row{padding:6px 0;font-size:12px;gap:8px;flex-wrap:wrap}.set-row.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}.set-row.toggle-row span{font-size:12px;line-height:1.25;flex:1}.cute-toggle{width:44px;height:26px;border-width:2px;flex-shrink:0}.toggle-thumb{width:18px;height:18px;border-width:1.5px}.cute-toggle.on .toggle-thumb{transform:translate(18px)}.set-row:has(.chips-group),.set-row>span+.chips-group{flex-direction:column;align-items:flex-start;gap:5px}.chips-group{display:flex;width:100%;gap:4px}.chip-tab{flex:1 1 0;text-align:center;padding:5px 4px;font-size:10.5px;border-width:1.5px;border-radius:999px}.set-row.slider-row{gap:4px}.slider-label span{font-size:12px}.newgame{display:flex;flex-direction:column;gap:10px}.tpl-grid{grid-template-columns:repeat(2,1fr);gap:6px}.ng-summary{padding:8px 10px;border-radius:12px;font-size:12px}.pause{width:min(330px,calc(100vw - 20px));padding:18px 14px;border-radius:20px}.pause h2{font-size:22px}.pause .big-btn{padding:9px 12px;border-radius:12px;font-size:13px}.dialog{width:min(360px,calc(100vw - 20px));padding:16px 14px;border-radius:18px}.gift-card{width:min(380px,calc(100vw - 16px));padding:16px 12px;border-radius:18px}.days{gap:3px;display:grid;grid-template-columns:repeat(7,1fr)}.day{padding:6px 1px 5px;border-radius:8px;font-size:8px;min-width:0}.day b{font-size:11.5px}.tips{width:min(380px,calc(100vw - 16px));padding:16px 12px;border-radius:18px}.tip-grid{grid-template-columns:1fr;gap:8px}}@media (max-height: 760px) and (min-width: 601px){.title-card{top:46%;transform:translate(-50%,-50%) scale(.86)}}.xr{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;font-family:Nunito,system-ui,sans-serif;color:#3b2207;user-select:none;-webkit-user-select:none}.xr>*{pointer-events:auto}.xr .panel{position:absolute}.xr-top{top:12px;left:12px;display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:14px;border-radius:16px}.xr-top b{font-weight:900;max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xr-clock{font-weight:800;color:var(--muted)}.xr-chip{display:inline-flex;align-items:center;gap:4px;font-weight:900;font-size:13px;background:var(--panel-2);border-radius:999px;padding:3px 9px}.xr-tools{top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:16px}.xr-exit{display:inline-flex;align-items:center;gap:6px;border:2.5px solid #4a3014;background:#ffb300;color:#3d2203;font:900 13px Nunito,sans-serif;padding:7px 12px;border-radius:12px;cursor:pointer;box-shadow:0 3px #4a3014;margin-left:4px}.xr-exit:active{transform:translateY(2px);box-shadow:0 1px #4a3014}.xr-radar-wrap{position:absolute;left:14px;bottom:14px;width:150px;height:150px;border-radius:50%;border:3.5px solid #4a3014;box-shadow:0 4px #4a3014,0 10px 24px #00000040;overflow:hidden;background:#cfe6a4;pointer-events:none}.xr-radar{width:150px;height:150px;display:block}.xr-prompt{left:50%;bottom:22%;transform:translate(-50%);padding:9px 18px;font-weight:900;font-size:15px;border-radius:999px;display:flex;align-items:center;gap:9px;animation:xrpop .18s ease}.xr kbd{display:inline-block;min-width:20px;padding:2px 6px;margin:0 2px;text-align:center;font:900 12px Nunito,sans-serif;background:#fff8eb;border:2px solid #4a3014;border-bottom-width:3.5px;border-radius:7px;color:#3b2207}.xr-speed{right:16px;bottom:16px;padding:8px 16px;display:flex;align-items:baseline;gap:6px;border-radius:18px}.xr-speed b{font-size:30px;font-weight:900;line-height:1;min-width:46px;text-align:right;font-variant-numeric:tabular-nums}.xr-speed span{font-size:12px;font-weight:800;color:var(--muted)}.xr-help{right:14px;bottom:14px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;border-radius:16px;cursor:pointer;max-width:min(380px,46vw)}.xr-help small{color:var(--muted);font-weight:700}.xr-start{left:50%;top:18%;transform:translate(-50%);padding:11px 22px;font-weight:900;font-size:15px;border-radius:999px;animation:xrpop .3s ease}.xr-pause{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1e140873;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.xr-card{position:static!important;padding:22px 26px;display:flex;flex-direction:column;gap:10px;min-width:240px;text-align:center}.xr-card h2{margin:0 0 4px;font-size:22px;font-weight:900}.xr-stick{position:absolute;left:22px;bottom:28px;width:132px;height:132px;border-radius:50%;background:#fffdf88c;border:3px solid rgba(74,48,20,.55);touch-action:none;display:grid;place-items:center}.xr-knob{width:56px;height:56px;border-radius:50%;background:#ffb300;border:3px solid #4a3014;box-shadow:0 3px #4a3014}.xr-btns{position:absolute;right:14px;bottom:26px;display:grid;grid-template-columns:repeat(2,auto);gap:10px;justify-items:end}.xr-btns button{min-width:64px;padding:14px 12px;border-radius:18px;border:3px solid #4a3014;background:#fffdf8eb;font:900 14px Nunito,sans-serif;color:#3b2207;box-shadow:0 4px #4a3014;touch-action:none}.xr-btns button.on,.xr-btns button:active{background:#ffb300;transform:translateY(2px);box-shadow:0 2px #4a3014}.xr-fab{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:7;display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;border:3px solid #4a3014;background:linear-gradient(135deg,#ffd34a,#ff9100);color:#3b2000;font:900 16px Nunito,sans-serif;cursor:pointer;box-shadow:0 5px #4a3014,0 14px 30px #4a30144d;animation:xrfab 2.4s ease-in-out infinite}.xr-fab:active{transform:translate(-50%) translateY(3px);box-shadow:0 2px #4a3014;animation:none}@keyframes xrpop{0%{opacity:0;transform:translate(-50%) scale(.9)}}@keyframes xrfab{50%{transform:translate(-50%) translateY(-4px)}}@media (max-width: 700px){.xr-top{padding:5px 9px;gap:6px;top:max(6px,env(safe-area-inset-top,6px));left:max(6px,env(safe-area-inset-left,6px))}.xr-top b{max-width:22vw;font-size:12px}.xr-radar-wrap{width:92px;height:92px;bottom:auto;top:calc(max(8px,env(safe-area-inset-top,8px)) + 52px);left:max(8px,env(safe-area-inset-left,8px));border-width:2.5px;box-shadow:0 3px #4a3014,0 6px 14px #0003}.xr-radar{width:92px;height:92px}.xr-exit span,.xr-exit{font-size:12px;padding:5px 8px}.xr-fab{bottom:calc(max(8px,env(safe-area-inset-bottom,8px)) + 58px);padding:8px 16px;font-size:13px;border-width:2.5px;box-shadow:0 3px #4a3014,0 8px 18px #4a301438}.xr-prompt{bottom:32%;font-size:13px;padding:6px 14px}.xr-stick{left:max(14px,env(safe-area-inset-left,14px));bottom:max(14px,env(safe-area-inset-bottom,14px));width:114px;height:114px;background:#fffdf8b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2.5px solid rgba(74,48,20,.5);box-shadow:0 4px 12px #4a301429}.xr-knob{width:48px;height:48px;border-width:2.5px}.xr-btns{right:max(10px,env(safe-area-inset-right,10px));bottom:max(14px,env(safe-area-inset-bottom,14px));gap:7px}.xr-btns button{min-width:56px;height:44px;padding:0 10px;border-radius:14px;border-width:2px;font-size:12px;box-shadow:0 3px #4a3014}}.xr-chip.rank{background:#ffe9a8}.xr-card{max-height:86vh;overflow:auto;width:min(420px,92vw)}.xr-tabs{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.xr-tabs button{border:2.5px solid #4a3014;background:#fff8eb;border-radius:12px;padding:6px 12px;font:900 13px Nunito,sans-serif;color:#3b2207;cursor:pointer}.xr-tabs button.on{background:#ffb300;box-shadow:0 2px #4a3014}.xr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0}.xr-stats div{background:var(--panel-2);border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;gap:2px}.xr-stats b{font-size:15px;font-weight:900}.xr-stats span{font-size:10.5px;font-weight:800;color:var(--muted)}.xr-form{display:flex;flex-direction:column;gap:10px;text-align:left}.xr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;font-size:13px}.xr-row input[type=range]{flex:1;max-width:200px;accent-color:#ff9100}.xr-sw{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:250px}.xr-sw button{width:24px;height:24px;border-radius:50%;border:2.5px solid #4a3014;cursor:pointer;padding:0}.xr-sw button.on{outline:3px solid #ffb300;outline-offset:1px;transform:scale(1.1)}.xr-check{display:flex;gap:8px;align-items:center;font-weight:800;font-size:13px;cursor:pointer}.xr-rules{text-align:left;margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;line-height:1.35}.xr-rules b{font-weight:900}