:root{--ink:#141d19;--panel:#1c2a24;--panel-hi:#26382f;--line:#3a5145;--text:#e6efe7;--dim:#8fa396;--gold:#f2c14e;--danger:#d2604a}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.center{place-items:center;height:100vh;display:grid}.dim{color:var(--dim)}.err{color:var(--danger)}.login{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:12px;min-width:320px;padding:28px 32px;display:grid}.login h1{margin:0;font-size:26px}.login p{margin:0;font-size:14px}.login input{border:1px solid var(--line);background:var(--ink);color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}.login button{background:var(--gold);color:var(--ink);cursor:pointer;border:none;border-radius:8px;padding:10px 12px;font-weight:700}.game{height:100vh;position:relative}.canvas-host{touch-action:none;position:absolute;inset:0}.canvas-host canvas{display:block}.swatch{border:2px solid;border-radius:5px;flex:none;width:22px;height:22px}.toast.bad{border-color:var(--danger);color:var(--danger)}.toast{z-index:30;border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:10px;padding:10px 16px;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000004d}.minimap{z-index:5;background:var(--panel);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:12px;position:absolute;bottom:14px;left:14px;overflow:hidden}.minimap-head{color:var(--dim);background:var(--panel-hi);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:12px;display:flex}.minimap-head button{border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:2px 8px;font-size:11px}.minimap-head button:hover{border-color:var(--gold)}.minimap canvas{cursor:crosshair;display:block}.minimap-pos{color:var(--dim);text-align:center;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;padding:5px 10px;font-size:11px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(460px,100vw - 32px);max-height:78vh;display:flex;overflow:hidden}.modal-head{background:var(--panel-hi);border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:12px 16px;display:flex}.modal-head .dim{font-size:12px}.modal-head .x{color:var(--dim);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:22px;line-height:1}.modal .warn{color:var(--gold);border-bottom:1px solid var(--line);margin:0;padding:9px 16px;font-size:12px}.modal-list{gap:4px;padding:8px;display:grid;overflow-y:auto}.row{color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:10px;display:flex}.row:hover:not(:disabled){background:var(--panel-hi);border-color:var(--gold)}.row.off{opacity:.45;cursor:not-allowed}.row-body{gap:1px;display:grid}.row-body b{font-size:14px}.row-body b em{color:var(--gold);font-style:normal}.row-body small{color:var(--dim);font-size:11px}.row-body .cost{color:var(--gold);opacity:.75}.row-icon{text-align:center;flex:none;width:22px;font-size:17px}.why{color:var(--danger);text-align:right;max-width:120px;margin-left:auto;font-size:11px}.rename{flex:none;gap:6px;padding:8px 8px 0;display:grid}.rename .row,.rename .row:hover{cursor:default;background:0 0;border-color:#0000}.rename-row{gap:8px;padding:0 10px;display:flex}.rename-row input{border:1px solid var(--line);background:var(--ink);min-width:0;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.rename-row input:focus{border-color:var(--gold);outline:none}.rename-row button{background:var(--gold);color:var(--ink);font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.rename-row button:disabled{background:var(--panel-hi);color:var(--dim);cursor:not-allowed}.rename-note{color:var(--dim);margin:0;padding:0 10px;font-size:11px}.rename-note.err{color:var(--danger)}.provider{border:1px solid var(--line);background:var(--panel-hi);color:var(--text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-weight:600;text-decoration:none;display:flex}.provider:hover{border-color:var(--gold)}.provider .mark{width:22px;height:22px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.provider.google .mark{color:#1a73e8}.provider.telegram .mark{color:#fff;background:#29a0da}.or{color:var(--dim);align-items:center;gap:10px;margin:2px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.login form{gap:10px;display:grid}.modal-body{gap:8px;padding:12px 16px 4px;display:grid}.modal-body p{margin:0;font-size:13px}.modal.market{width:min(620px,100vw - 32px)}.tabs{gap:4px;padding:8px 8px 0;display:flex}.tabs button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--dim);border-radius:8px 8px 0 0;flex:1;padding:8px;font-size:13px}.tabs button.on{background:var(--panel-hi);color:var(--text);border-bottom-color:#0000}.market-list{max-height:40vh}.market-list .empty{text-align:center;margin:0;padding:18px;font-size:13px}.lot{border:1px solid #0000;border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 10px;display:grid}.lot:hover{background:var(--panel-hi)}.lot-good,.lot-price{gap:1px;display:grid}.lot-good b,.lot-price b{font-size:13px}.lot-good small,.lot-price small{color:var(--dim);font-size:11px}.lot-price{text-align:right}.lot button{border:1px solid var(--line);background:var(--panel-hi);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:7px 12px;font-size:12px}.lot button:hover:not(:disabled){border-color:var(--gold)}.lot button:disabled{opacity:.4;cursor:not-allowed}.lot button.danger{color:var(--danger)}.lot button.seller-link{color:var(--dim);text-underline-offset:2px;background:0 0;border:0;border-radius:0;justify-self:start;padding:0;font-size:11px;text-decoration:underline}.lot button.seller-link:hover{color:var(--gold)}.sell{border-top:1px solid var(--line);gap:8px;padding:10px 12px 14px;display:grid}.sell-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sell select,.sell input{border:1px solid var(--line);background:var(--ink);color:var(--text);font:inherit;border-radius:8px;padding:8px 10px;font-size:13px}.sell-go{background:var(--gold);color:var(--ink);font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px;font-weight:700}.sell-go:disabled{background:var(--panel-hi);color:var(--dim);cursor:not-allowed}.sell .hint{text-align:center;margin:0;font-size:11px}.modal.chat{width:min(560px,100vw - 32px)}.chat-feed{overscroll-behavior:contain;align-content:start;gap:2px;height:46vh;min-height:220px;padding:10px 12px;display:grid;overflow-y:auto}.chat-feed .empty{text-align:center;margin:auto 0;padding:18px;font-size:13px}.chat-line{gap:2px;padding:1px 0;display:grid}.chat-line.head{margin-top:8px}.chat-line:first-child{margin-top:0}.chat-who{align-items:baseline;gap:7px;display:flex}.chat-who b{color:var(--gold);font-size:12px}.chat-who small{color:var(--dim);font-variant-numeric:tabular-nums;font-size:10px}.chat-line.mine .chat-who b{color:#8fbd7d}.chat-text{word-break:break-word;overflow-wrap:anywhere;font-size:14px}.chat-line.mine .chat-text{color:var(--text)}.chat-say{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:10px 12px 0;display:grid}.chat-say input{border:1px solid var(--line);background:var(--ink);color:var(--text);font:inherit;border-radius:8px;padding:9px 11px;font-size:14px}.chat-say input:focus{border-color:var(--gold);outline:none}.chat-say button{background:var(--gold);color:var(--ink);font:inherit;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-weight:700}.chat-say button:disabled{background:var(--panel-hi);color:var(--dim);cursor:not-allowed}.chat-note{margin:0;padding:7px 13px 11px;font-size:11px}.act-count{background:var(--gold);min-width:18px;color:var(--ink);text-align:center;border-radius:9px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:800;line-height:16px}.modal.system-shop{width:min(580px,100vw - 32px)}.shop-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.shop-card{border:1px solid var(--line);background:#26382f73;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:12px;display:grid}.shop-icon{border:2px solid #ffffff2e;border-radius:9px;width:34px;height:34px;box-shadow:inset 0 0 0 4px #141d192e}.shop-card button{background:var(--gold);color:var(--ink);font:inherit;cursor:pointer;border:none;border-radius:8px;grid-column:1/-1;padding:8px 10px;font-size:12px;font-weight:700}.shop-card button:disabled{background:var(--panel-hi);color:var(--dim);cursor:not-allowed}.shop-note{border-top:1px solid var(--line);margin:0;padding:10px 14px 13px;font-size:11px}.skin-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.skin-card{border:1px solid var(--line);background:#26382f73;border-radius:10px;gap:6px;padding:10px;display:grid}.skin-card.on{border-color:var(--gold)}.skin-art{object-fit:contain;background:#141d1959;border-radius:8px;width:100%;height:88px}.skin-card button{background:var(--gold);color:var(--ink);font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.skin-card.on button{background:var(--panel-hi);color:var(--text)}.skin-card button:disabled{background:var(--panel-hi);color:var(--dim);cursor:not-allowed}.clock,.actions,.wallet,.player{z-index:5;background:linear-gradient(var(--panel), #1c2a24e0);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:12px;position:absolute}.sky{z-index:2;pointer-events:none;transition:background 1.6s linear;position:absolute;inset:0}.clock{gap:7px;min-width:178px;padding:9px 12px 8px;display:grid;top:14px;left:14px}.clock-face{align-items:center;gap:10px;display:flex}.clock-icon{background:var(--panel-hi);border:1px solid var(--line);border-radius:9px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.clock-main{gap:1px;display:grid}.clock-main b{font-variant-numeric:tabular-nums;font-size:18px;line-height:1.1}.clock-main small{color:var(--dim);font-size:11px}.clock.phase-night .clock-icon{border-color:#4a5f9c}.clock.phase-morning .clock-icon{border-color:#c8894a}.clock.phase-day .clock-icon{border-color:var(--gold)}.clock.phase-evening .clock-icon{border-color:#9a5c40}.clock-track{grid-template-columns:repeat(4,1fr);gap:2px;height:6px;display:grid;position:relative}.clock-seg{opacity:.4;border-radius:2px}.clock-seg.on{opacity:1}.seg-night{background:#2f3f74}.seg-morning{background:#c8894a}.seg-day{background:#7ba85f}.seg-evening{background:#8b4f38}.clock-hand{background:var(--text);border-radius:1px;width:2px;height:12px;margin-left:-1px;position:absolute;top:-3px;box-shadow:0 0 4px #0009}.clock-left{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px}.actions{background:0 0;border:none;gap:4px;padding:6px;display:grid;top:14px;right:14px}.act{border:1px solid var(--line);background:linear-gradient(var(--panel-hi), #1c2a24eb);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:8px 12px 8px 9px;font-size:13px;font-weight:600;display:flex;position:relative}.act:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.act:disabled{opacity:.45;cursor:not-allowed}.act.exit:hover{border-color:var(--danger);color:var(--danger)}.act-icon{text-align:center;width:18px;font-size:15px}.act.available{border-color:var(--gold);color:var(--gold)}.act-dot{background:var(--gold);border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 3px #f2c14e2e}.wallet{align-items:center;gap:16px;max-width:calc(100vw - 28px);padding:10px 18px;display:flex;bottom:14px;left:50%;transform:translate(-50%)}.stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:14px;display:flex}.stats.items{border-left:1px solid var(--line);padding-left:16px}.stat{align-items:center;gap:6px;font-size:14px;display:flex}.stat.premium{color:var(--gold);font-weight:600}.dot{border-radius:3px;width:10px;height:10px;display:inline-block}.player{gap:6px;min-width:210px;padding:10px 12px;display:grid;bottom:14px;right:14px}.player.profile-trigger{cursor:pointer;transition:border-color .12s,transform .12s}.player.profile-trigger:hover,.player.profile-trigger:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-1px)}.who{align-items:center;gap:8px;font-weight:600;display:flex}.who-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.who-level{background:var(--gold);min-width:24px;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:12px;font-weight:800}.avatar{background:var(--panel-hi);border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.who-stats{color:var(--dim);font-variant-numeric:tabular-nums;gap:12px;font-size:12px;display:flex}.energy{color:var(--dim);justify-items:stretch;gap:3px;font-size:11px;display:grid}.energy-bar{background:var(--ink);border:1px solid var(--line);border-radius:3px;height:5px;overflow:hidden}.energy-bar i{background:linear-gradient(90deg,#7ba85f,#f2c14e);height:100%;display:block}.xp{color:var(--dim);justify-items:stretch;gap:3px;font-size:11px;display:grid}.xp-bar{background:var(--ink);border:1px solid var(--line);border-radius:3px;height:5px;overflow:hidden}.xp-bar i{background:linear-gradient(90deg,#8e5bd2,#f2c14e);height:100%;display:block}.hp{gap:4px;display:grid}.hp-bar{background:var(--ink);border:1px solid var(--line);border-radius:3px;height:6px;overflow:hidden}.hp-bar i{background:linear-gradient(90deg,#d2604a,#7ba85f);height:100%;display:block}.hp span{font-size:11px}.modal-body .phase{color:var(--gold);font-size:12px}.row.danger b{color:var(--danger)}.erase{border:1px solid var(--danger);border-radius:9px;gap:6px;padding:4px 0 8px;display:grid}.erase .row.danger,.erase .row.danger:hover{cursor:default;background:0 0;border-color:#0000;align-items:flex-start}.erase .row.danger .row-body small{white-space:normal;line-height:1.45}.erase .rename-row button.erase-go{background:var(--danger);color:#fff}.erase .rename-row button.erase-go:disabled{background:var(--panel-hi);color:var(--dim)}.erase .erase-keep{justify-self:start;margin:0 10px}.row.toggle{cursor:pointer}.row.toggle input{width:17px;height:17px;accent-color:var(--gold);cursor:pointer}.row.toggle select{border:1px solid var(--line);background:var(--ink);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:7px 9px}.row.toggle:hover{background:var(--panel-hi);border-color:var(--gold)}.row.links-head,.row.link{cursor:default}.row.links-head:hover,.row.link:hover{background:0 0;border-color:#0000}.row.links-head{padding-bottom:2px}.row.link .mark{width:22px;height:22px;color:var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.row.link .mark.google{color:#1a73e8}.row.link .mark.telegram{color:#fff;background:#29a0da}.row.link .row-body{min-width:0}.row.link .row-body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-btn{border:1px solid var(--line);background:var(--panel-hi);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex:none;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:600}.link-btn:hover:not(:disabled){border-color:var(--gold)}.link-btn:disabled{color:var(--dim);cursor:not-allowed}.link-done{color:var(--gold);flex:none;margin-left:auto;font-size:14px}.login-language{justify-content:flex-end;align-items:center;gap:6px;margin-bottom:4px;display:flex}.login-language select{border:1px solid var(--line);background:var(--ink);color:var(--text);font:inherit;border-radius:8px;padding:6px 8px}.scrim{z-index:20;background:#0a100d9e;place-items:center;display:grid;position:absolute;inset:0}.found-hint{z-index:6;background:var(--panel);border:1px solid var(--gold);color:var(--gold);white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:14px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.hint-cancel{color:var(--gold);font:inherit;cursor:pointer;opacity:.75;background:0 0;border:0;margin-left:12px;padding:0;text-decoration:underline}.hint-cancel:hover{opacity:1}.modal.daily-bonus{width:min(680px,100vw - 32px)}.bonus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px;display:grid}.bonus-day{border:1px solid var(--line);background:var(--ink);border-radius:10px;align-content:start;gap:9px;min-height:104px;padding:10px;display:grid}.bonus-day:last-child{grid-column:span 2}.bonus-day.current{border-color:var(--gold);background:#f2c14e14}.bonus-day.claimed{border-color:#648958}.bonus-day.locked,.bonus-day.missed{opacity:.48}.bonus-day-head{justify-content:space-between;gap:8px;font-size:12px;display:flex}.bonus-day-head span{color:var(--dim);font-size:10px}.bonus-day.current .bonus-day-head span{color:var(--gold)}.bonus-day.claimed .bonus-day-head span{color:#8fbd7d;font-size:14px}.bonus-reward{gap:3px;font-size:12px;display:grid}.bonus-foot{padding:0 14px 14px;display:grid}.bonus-foot p{text-align:center;margin:4px 0;font-size:12px}.bonus-claim{background:var(--gold);color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:800}.bonus-claim:disabled{opacity:.55;cursor:wait}.modal.rating{width:min(560px,100vw - 32px)}.rating-me{background:var(--panel-hi);border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;font-size:13px;display:flex}.rating-me b{color:var(--gold);font-size:15px}.rating-list{max-height:46vh}.rating-list .empty{text-align:center;margin:0;padding:18px;font-size:13px}.rank{border:1px solid #0000;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.rank:hover{background:var(--panel-hi)}.rank.mine{background:var(--panel-hi);border-color:var(--gold)}.rank-place{text-align:center;color:var(--dim);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.rank.mine .rank-place{color:var(--gold)}.rank-who,.rank-level{gap:1px;min-width:0;display:grid}.rank-who b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rank-who small,.rank-level small{color:var(--dim);font-size:11px}.rank-level{text-align:right}.rank-level b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:15px}.rating-tail{border-top:1px solid var(--line);padding:4px 8px 0}.rating-tail p{margin:8px 10px 2px;font-size:11px}.rating-note{margin:0;padding:10px 16px 13px;font-size:11px}.rank[role=button]{cursor:pointer}.rank[role=button]:focus-visible{outline:1px solid var(--gold)}.modal.profile-modal{width:min(650px,100vw - 32px)}.profile-loading{text-align:center;margin:0;padding:28px}.profile-hero{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.profile-avatar{border:1px solid var(--line);background:var(--panel-hi);border-radius:14px;place-items:center;width:54px;height:54px;font-size:30px;display:grid}.profile-identity{min-width:0;display:grid}.profile-identity>b{text-overflow:ellipsis;font-size:18px;overflow:hidden}.profile-identity small{font-size:12px}.profile-hero>button{border:1px solid var(--line);background:var(--panel-hi);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12px}.profile-hero>button:hover{border-color:var(--gold)}.profile-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:6px;padding:10px 16px;display:grid}.profile-stats span{background:var(--panel-hi);text-align:center;border-radius:8px;gap:2px;padding:8px;display:grid}.profile-stats small{color:var(--dim);font-size:10px}.profile-stats b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:13px}.profile-section-title{margin:0;padding:12px 16px 2px;font-size:13px}.profile-buildings{max-height:36vh}.profile-building .row-body{min-width:0}.profile-building-at{color:var(--dim);text-align:right;white-space:nowrap;margin-left:auto;font-size:11px}@media (max-width:760px){.act-text{display:none}.act{justify-content:center;padding:9px}.act-dot{margin:0;position:absolute;top:4px;right:4px}.act-count{margin:0;position:absolute;top:1px;right:1px}.chat-feed{height:40vh}.clock{min-width:0}.clock-left{display:none}.player{min-width:0}.who-name{max-width:96px}.wallet{gap:10px;padding:8px 12px}.shop-list,.skin-list{grid-template-columns:1fr}.stats.items{display:none}.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto}.bonus-day:last-child{grid-column:span 2}.profile-hero{grid-template-columns:auto 1fr}.profile-hero>button{grid-column:1/-1}.profile-stats{grid-template-columns:repeat(2,1fr)}}