:root{--ink: #3E3A52;--muted: #7C7690;--grad: linear-gradient(135deg, #F7A77F, #EE7A8C);--glass: rgba(255, 255, 255, .62);--shadow: 0 8px 24px rgba(80, 60, 110, .1)}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fde6d6,#f4ede3 45%,#d5ebee);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{cursor:default}svg{display:block;flex:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#stage canvas{display:block}#markers{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))}#hud>*{pointer-events:auto}.panel{background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:var(--shadow)}.top{display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none!important}.top>*{pointer-events:auto}.lvl{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;min-width:0}.lvl-badge{width:34px;height:34px;display:grid;place-items:center;font-weight:900;font-size:16px;border-radius:12px;background:var(--grad);color:#fff;flex:none}.lvl-info{display:flex;flex-direction:column;gap:5px;min-width:0}.lvl-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.xp{width:78px;height:6px;border-radius:99px;overflow:hidden;background:#3e3a521a}.xp i{display:block;height:100%;border-radius:inherit;background:var(--grad);transition:width .4s ease}.stats{display:flex;gap:6px}.stat{position:relative;display:flex;align-items:center;gap:5px;padding:8px 10px;font-size:14px;font-weight:800}.stat svg{width:20px;height:20px;color:var(--muted)}.stat small{opacity:.55;font-weight:700}.stat.full b{color:#d9534f}.bump{animation:bump .35s ease}@keyframes bump{40%{transform:scale(1.12)}}.nav{margin-top:auto;display:flex;padding:6px;border-radius:26px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0 6px;font-size:11px;font-weight:700;color:#8d87a0;border-radius:20px;transition:background .2s,color .2s}.nav-item.active{background:var(--grad);color:#fff;box-shadow:0 6px 16px #ee7a8c59}.ni svg{width:24px;height:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:9px 12px;border-radius:14px;font-size:13px;font-weight:800;background:#3e3a5212;white-space:nowrap}.btn svg{width:16px;height:16px}.btn.primary{background:var(--grad);color:#fff;box-shadow:0 4px 12px #ee7a8c4d}.btn.ghost{background:transparent;color:var(--muted)}.btn:disabled{opacity:.4;box-shadow:none}.btn:active:not(:disabled),.crop:active,.row.tap:active{transform:scale(.96)}.marker{position:absolute;transform:translate(-50%,-100%);white-space:nowrap}.marker.ready{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffffe6;box-shadow:0 6px 16px #503c6e2e;animation:hover 1.4s ease-in-out infinite}.marker.ready svg{width:22px;height:22px}@keyframes hover{50%{transform:translate(-50%,calc(-100% - 5px))}}.marker.timer{display:flex;align-items:center;gap:4px;padding:5px 10px 5px 7px;border-radius:99px;background:#ffffffe6;box-shadow:0 6px 16px #503c6e29;font-size:13px;font-weight:800;animation:fadeup 1.4s ease forwards}.marker.timer svg{width:16px;height:16px;color:var(--muted)}.float{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:2px;font-size:18px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(120,80,40,.55);animation:rise 1.1s ease-out forwards}.float svg{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(120,80,40,.4))}@keyframes rise{0%{opacity:0;transform:translate(-50%,-80%) scale(.7)}15%{opacity:1;transform:translate(-50%,-100%) scale(1.1)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}@keyframes fadeup{0%{opacity:0}10%,75%{opacity:1}to{opacity:0;transform:translate(-50%,-130%)}}.pop{position:absolute;transform:translate(-50%,calc(-100% - 8px));z-index:3;pointer-events:auto;padding:8px;border-radius:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 28px #503c6e38;animation:popin .22s cubic-bezier(.3,1.6,.5,1)}@keyframes popin{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px)) scale(.85)}}.crops{display:flex;gap:6px}.crop{width:84px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;border-radius:14px;background:#3e3a520d}.crop>svg{width:32px;height:32px}.crop b{font-size:12px}.crop small{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--muted)}.crop small svg{width:12px;height:12px}.crop.locked{opacity:.5}.toast{position:absolute;top:calc(150px + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:10px 16px;font-size:14px;font-weight:800;white-space:nowrap;background:#ffffffe6;animation:popin .25s ease;transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translate(-50%,-8px)}.levelup{position:absolute;top:calc(120px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;background:#ffffffe0;animation:popin .35s cubic-bezier(.3,1.6,.5,1);transition:opacity .4s}.levelup.out{opacity:0}.lu-badge{width:46px;height:46px;border-radius:15px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.levelup b{display:block;font-size:16px}.levelup span{font-size:13px;color:var(--muted);font-weight:700}.confirm{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 14px;font-size:14px;font-weight:800}.confirm .c-text{flex:1}.confirm em{font-style:normal;color:#d9534f}.sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end}.sheet-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#3e3a522e;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{position:relative;margin:0 0 env(safe-area-inset-bottom);padding:14px;border-radius:24px;background:#ffffffdb;animation:slide .28s cubic-bezier(.2,1.2,.4,1)}@keyframes slide{0%{transform:translateY(40px);opacity:0}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:18px}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#3e3a5212;color:var(--muted)}.icon-btn svg{width:16px;height:16px}.sheet-body{display:flex;flex-direction:column;gap:8px}.cap{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:2px}.cap-bar{flex:1;height:6px;border-radius:99px;background:#3e3a521a;overflow:hidden}.cap-bar i{display:block;height:100%;background:var(--grad)}.row{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border-radius:16px;background:#3e3a520a;text-align:left}.row.dim{opacity:.55}.row-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;flex:none}.row-icon svg{width:26px;height:26px}.row-main{flex:1;display:flex;flex-direction:column;min-width:0}.row-main b{font-size:14px}.row-main small{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--muted)}.row-main small svg{width:12px;height:12px}.row-qty{font-size:16px;font-weight:900;min-width:22px;text-align:right}.price{display:flex;align-items:center;gap:3px;font-weight:900;font-size:15px}.price svg{width:16px;height:16px}.price.short{color:#d9534f}.confirm{margin-top:auto}.confirm+.nav{margin-top:0}.recipe{display:inline-flex;align-items:center;gap:3px;font-weight:800;color:var(--ink)}.recipe .rq{display:inline-flex;align-items:center;gap:1px}.recipe svg{width:15px;height:15px}.recipe .arr,.recipe .rt{color:var(--muted)}.prod{width:210px;display:flex;flex-direction:column;gap:6px;padding:4px 6px;font-size:14px}.prod .st{font-size:12px;font-weight:700;color:var(--muted)}.prod .st.warn{color:#d9534f}.prod-row{display:flex;align-items:center;justify-content:space-between}.prod-row small{font-size:12px;font-weight:700;color:var(--muted)}.ring{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ee7a8c calc(var(--k) * 360deg),#ffffff8c 0);box-shadow:0 6px 16px #503c6e33}.ring .core{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center}.ring .core svg{width:19px;height:19px}.marker.status.dim{opacity:.8}.marker.status.dim .ring{background:#ffffff8c}.marker.status.dim .core svg{opacity:.55;color:var(--muted)}.marker.status.warn .ring{background:#e5534b}.marker.status.warn .core svg{color:#e5534b}.marker.status .qty{position:absolute;right:-6px;bottom:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--ink);color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center}.rw{display:inline-flex;align-items:center;gap:3px;font-weight:900;font-size:14px}.rw svg{width:16px;height:16px}.ord-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.chip-ord{display:flex;flex-direction:column;gap:5px;padding:8px;text-align:left;min-height:62px;-webkit-touch-callout:none}.chip-ord:active{transform:scale(.97)}.co-items{display:flex;gap:6px}.co-need{display:flex;align-items:center;gap:1px;font-size:13px;font-weight:900}.co-need svg{width:22px;height:22px}.co-need:not(.got) b{color:#d9534f}.co-foot .rw{font-size:12px;color:var(--muted)}.co-foot .rw svg{width:13px;height:13px}.chip-ord.ok{border-color:#f7b28f;box-shadow:0 8px 22px #f08c6c59;animation:glow 1.6s ease-in-out infinite}.chip-ord .go{display:inline-block;padding:3px 10px;border-radius:99px;background:var(--grad);color:#fff;font-size:12px;font-weight:900}@keyframes glow{50%{box-shadow:0 8px 26px #ee7a8c8c}}.chip-ord.empty{flex-direction:row;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.chip-ord.empty svg{width:16px;height:16px}.pop.below{transform:translate(-50%,8px);animation:popdown .22s cubic-bezier(.3,1.6,.5,1)}@keyframes popdown{0%{opacity:0;transform:translate(-50%,2px) scale(.9)}}.float.ink{color:var(--ink);text-shadow:0 0 6px #fff,0 0 12px #fff}.float.ink svg{filter:none}.home-btn{position:absolute;right:16px;bottom:calc(100px + env(safe-area-inset-bottom));width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transform:scale(.8);pointer-events:none!important;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1);color:var(--ink)}.home-btn.show{opacity:1;transform:none;pointer-events:auto!important}.home-btn svg{width:22px;height:22px}.marker.land{z-index:0}.land-tag{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 7px;border-radius:13px;background:#ffffffd9;box-shadow:0 6px 16px #503c6e29}.land-tag>svg{width:15px;height:15px;color:var(--muted)}.land-tag>span{display:flex;flex-direction:column}.land-tag b{font-size:12px}.land-tag small{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:800}.land-tag small.short{color:#d9534f}.land-tag small svg{width:12px;height:12px}.aw-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:16px}.aw-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#3e3a5247;animation:fade .25s;transition:opacity .3s}.aw-card{position:relative;width:100%;max-width:360px;padding:18px 16px 16px;border-radius:26px;background:#ffffffeb;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;animation:aw-in .4s cubic-bezier(.3,1.5,.5,1);transition:opacity .3s,transform .3s}.aw-wrap.out .aw-bg,.aw-wrap.out .aw-card{opacity:0}.aw-wrap.out .aw-card{transform:scale(.94)}@keyframes aw-in{0%{opacity:0;transform:scale(.9)}}.aw-kicker{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--muted)}.aw-kicker svg,.aw-dur svg{width:15px;height:15px}.aw-title{font-size:21px;font-weight:900;line-height:1.15}.aw-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 2px}.aw-tile{width:76px;padding:10px 4px 8px;border-radius:18px;background:#fff6e6;border:1px solid #F4E2C0;display:flex;flex-direction:column;align-items:center;gap:2px}.aw-tile svg{width:34px;height:34px}.aw-tile b{font-size:18px;font-weight:900}.aw-tile small{font-size:11px;font-weight:700;color:var(--muted)}.aw-note{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--muted)}.aw-note svg,.aw-att .btn svg{width:14px;height:14px}.aw-atts{width:100%;display:flex;flex-direction:column;gap:6px}.aw-atts:empty{display:none}.aw-att{display:flex;align-items:center;gap:10px;padding:7px 7px 7px 10px;border-radius:14px;background:#3e3a520d;text-align:left;font-size:13px;font-weight:800}.aw-att.warn{background:#fde8e6;color:#b2433b}.aw-att.good{background:#fff0e4}.aw-ai{width:22px;height:22px;flex:none;display:grid;place-items:center}.aw-ai svg{width:22px;height:22px}.aw-att.warn .aw-ai svg{color:#d9534f}.aw-lv{width:22px;height:22px;border-radius:8px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:12px}.aw-at{flex:1}.aw-att .btn{padding:6px 12px;min-height:0;font-size:13px}.aw-go{width:100%;justify-content:center;padding:13px;font-size:16px;margin-top:4px}.aw-none{font-size:13px;font-weight:700;color:var(--muted)}.aw-fly{position:fixed;z-index:9;pointer-events:none}.wh-next{color:#e0706f}.wh-big{display:flex;align-items:center;gap:14px;margin:4px 0}.wh-big>div{display:flex;flex-direction:column;align-items:center;width:96px;padding:12px 0 10px;border-radius:20px;background:#3e3a520d}.wh-big>div.wh-next{background:#fff0e4;border:1px solid #F8D7C4}.wh-big b{font-size:32px;font-weight:900;line-height:1}.wh-big small{font-size:12px;font-weight:700;color:var(--muted);margin-top:4px}.wh-big .arr{font-size:22px;font-weight:900;color:var(--muted)}.aw-card .btn.ghost{font-size:13px}.aw-card .btn svg{width:15px;height:15px}.stat.full:after{content:"+";position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--grad);color:#fff;font-size:15px;font-weight:900;display:grid;place-items:center;line-height:1}