:root{--panel: rgba(84, 96, 108, .92);--panel-dark: rgba(58, 68, 78, .95);--card: #6d7a87;--accent-green: #67c05b;--accent-blue: #5b8fd8;--accent-red: #d8544f;--accent-orange: #e08a3c;--accent-yellow: #d9b23c;--coin: #f4c23a;--gem: #6fd86a;--text: #ffffff;--radius: 14px;font-family:Trebuchet MS,Segoe UI Rounded,ui-rounded,Apple SD Gothic Neo,sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none;color:var(--text);user-select:none;-webkit-user-select:none}#ui-root button{pointer-events:auto;font-family:inherit;cursor:pointer;border:none;color:var(--text)}button:focus-visible{outline:3px solid #ffe27a;outline-offset:2px}.outline-text{font-weight:800;text-shadow:-1.5px -1.5px 0 rgba(40,48,58,.9),1.5px -1.5px 0 rgba(40,48,58,.9),-1.5px 1.5px 0 rgba(40,48,58,.9),1.5px 1.5px 0 rgba(40,48,58,.9)}.level-wrap{position:absolute;top:10px;left:12px;display:flex;align-items:center;gap:8px;background:var(--panel-dark);border-radius:999px;padding:6px 14px 6px 8px;box-shadow:0 3px #00000040}.level-badge{background:var(--accent-blue);border:2px solid #fff;border-radius:999px;min-width:40px;height:40px;display:grid;place-items:center;font-weight:800;font-size:14px;padding:0 6px}.level-bar{width:130px;height:14px;background:#00000059;border-radius:999px;overflow:hidden}.level-bar>div{height:100%;width:0%;background:linear-gradient(180deg,#8fd86a,#58aa42);border-radius:999px;transition:width .25s}.prestige-btn{display:none;background:linear-gradient(180deg,#b06fd8,#8a4bb4);border:2px solid #fff;border-radius:999px;padding:6px 14px;font-weight:800;font-size:13px;box-shadow:0 3px #0000004d}.prestige-btn.ready{display:inline-block;animation:pulse 1.6s infinite}@keyframes pulse{50%{transform:scale(1.06)}}.toolbar{position:absolute;left:0;right:0;bottom:0;height:64px;background:var(--panel);display:flex;align-items:center;gap:8px;padding:0 12px calc(env(safe-area-inset-bottom,0px)/2);box-shadow:0 -3px #00000026}.toolbar .label{font-weight:800;font-size:15px;margin-right:2px}.tool-btn{width:46px;height:46px;min-width:44px;border-radius:999px;display:grid;place-items:center;background:#7b8794;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px #0000004d;transition:transform .08s}.tool-btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.tool-btn svg{width:24px;height:24px;fill:#fff}.tool-btn.active{background:var(--accent-blue);border-color:#ffe27a}.tool-btn.tool-move{background:#4f78c8}.tool-btn.tool-rotate{background:#9a6bc4}.tool-btn.tool-delete{background:#c05050}.tool-btn.zoom{background:#3f4854}.toolbar .spacer{flex:1}.money{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:800}.money .icon{width:26px;height:26px}.money+.money{margin-left:10px}.shop{position:absolute;top:0;right:0;bottom:64px;width:240px;background:var(--panel);border-radius:0 0 0 var(--radius);display:flex;flex-direction:column;pointer-events:auto;box-shadow:-3px 0 #0000001f}.shop-tabs{display:flex;gap:4px;padding:8px 8px 0}.shop-tabs button{flex:1;padding:8px 4px;border-radius:10px 10px 0 0;background:#00000038;font-weight:800;font-size:13px}.shop-tabs button.active{background:#ffffff29}.shop-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.shop-card{display:flex;align-items:center;gap:10px;background:var(--card);border:2px solid rgba(255,255,255,.75);border-radius:var(--radius);padding:7px 10px;box-shadow:0 3px #00000047;text-align:left;transition:transform .08s}.shop-card:active{transform:translateY(2px)}.shop-card img{width:46px;height:46px;border-radius:10px;background:#ffffff24}.shop-card .info{flex:1;min-width:0}.shop-card .name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-card .price{display:flex;align-items:center;gap:4px;font-weight:800;font-size:14px;color:var(--coin);justify-content:flex-end}.shop-card .price img{width:16px;height:16px;background:none}.shop-card.selected{border-color:#ffe27a;background:#57718c}.shop-card.locked{filter:grayscale(.7) brightness(.75)}.shop-card.expensive .price span{color:#ff9a90}.shop-card.cat-producer{background:#5b8a52}.shop-card.cat-machine{background:#52708f}.shop-card.cat-market{background:#96524e}.shop-card .sub{font-size:11px;opacity:.85}.up-row{background:var(--card);border:2px solid rgba(255,255,255,.7);border-radius:var(--radius);padding:8px 10px;box-shadow:0 3px #00000047}.up-row .top{display:flex;justify-content:space-between;font-weight:800;font-size:13px}.up-row .desc{font-size:11px;opacity:.9;margin:3px 0 6px}.up-row button{width:100%;border-radius:9px;padding:7px;font-weight:800;background:var(--accent-green);box-shadow:0 2px #00000047;display:flex;justify-content:center;gap:5px;align-items:center}.up-row button img{width:15px;height:15px}.up-row button:disabled{background:#5a636d;color:#aab3bc;cursor:default}.up-row button.gem-cost{background:linear-gradient(180deg,#b06fd8,#8a4bb4)}.prestige-info{background:#00000040;border-radius:var(--radius);padding:10px;font-size:12.5px;line-height:1.5}.prestige-info b{color:var(--gem)}.prestige-go{width:100%;padding:10px;border-radius:var(--radius);font-weight:800;font-size:15px;background:linear-gradient(180deg,#b06fd8,#8a4bb4);border:2px solid #fff;box-shadow:0 3px #0000004d}.prestige-go:disabled{filter:grayscale(.8) brightness(.7)}.shop-toggle{display:none;position:absolute;right:10px;bottom:74px;z-index:5;border-radius:999px;padding:10px 16px;font-weight:800;font-size:14px;background:var(--accent-green);border:2px solid #fff;box-shadow:0 3px #0000004d}.radial{position:absolute;width:0;height:0;z-index:6;display:none}.radial.open{display:block}.radial .ring{position:absolute;left:-95px;top:-95px;width:190px;height:190px;border:3px solid rgba(255,255,255,.65);border-radius:999px;pointer-events:none}.radial button{position:absolute;width:56px;height:56px;border-radius:999px;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 4px #0000004d;transform:translate(-50%,-50%);transition:transform .08s}.radial button:active{transform:translate(-50%,calc(-50% + 2px))}.radial button svg{width:26px;height:26px;fill:#fff}.radial .r-rotate{left:-62px;top:-62px;background:#8e8e93}.radial .r-close{left:62px;top:-62px;background:#e0762f}.radial .r-upgrade{left:-88px;top:0;background:#cfa93a}.radial .r-delete{left:-62px;top:62px;background:#c04a44}.radial .r-move{left:62px;top:62px;background:#4f78c8}.radial .r-center{left:0;top:0;width:84px;height:84px;background:radial-gradient(circle at 35% 30%,#8ed465,#58a943)}.radial .r-center img{width:52px;height:52px}.radial .r-center img[hidden]{display:none}.radial .r-center .belt-icon{display:grid;place-items:center}.radial .r-center .belt-icon[hidden]{display:none}.radial .r-center .belt-icon svg{width:42px;height:42px;fill:#fff;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.radial .count{position:absolute;left:0;top:46px;transform:translate(-50%);background:#28303ae6;border:2px solid #fff;border-radius:9px;padding:1px 12px;font-size:13px;font-weight:800;pointer-events:none}.modal-back{position:absolute;inset:0;background:#141c268c;display:grid;place-items:center;pointer-events:auto;z-index:20}.modal{width:min(400px,calc(100vw - 32px));max-height:80vh;overflow-y:auto;background:var(--panel-dark);border:3px solid rgba(255,255,255,.8);border-radius:18px;padding:18px;box-shadow:0 8px #0000004d}.modal h2{font-size:19px;margin-bottom:10px;text-align:center}.modal p,.modal li{font-size:13.5px;line-height:1.55}.modal ul{margin:8px 0 8px 18px}.modal .row{display:flex;gap:8px;margin-top:14px}.modal .row button{flex:1;padding:11px;border-radius:12px;font-weight:800;font-size:14px;box-shadow:0 3px #0000004d}.btn-primary{background:var(--accent-green)}.btn-danger{background:var(--accent-red)}.btn-ghost{background:#5a636d}.btn-purple{background:linear-gradient(180deg,#b06fd8,#8a4bb4)}.stat-line{display:flex;justify-content:space-between;padding:4px 0;font-size:13.5px;border-bottom:1px dashed rgba(255,255,255,.15)}.binfo .recipe{display:flex;align-items:center;gap:5px;background:#00000040;border-radius:10px;padding:6px 8px;margin:4px 0;font-size:13px;font-weight:700}.binfo .recipe img{width:26px;height:26px}.fx-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:15}.coin-pop{position:absolute;transform:translate(-50%,-50%);font-size:15px;font-weight:800;color:#ffe27a;text-shadow:-1.5px -1.5px 0 rgba(70,50,10,.9),1.5px 1.5px 0 rgba(70,50,10,.9);animation:coin-rise .9s ease-out forwards}@keyframes coin-rise{to{transform:translate(-50%,-220%);opacity:0}}.fx-banner{position:absolute;left:50%;top:18%;transform:translate(-50%,-30px);opacity:0;background:linear-gradient(180deg,#8fd86a,#4d9e3a);border:3px solid #fff;border-radius:999px;padding:10px 26px;font-size:20px;font-weight:800;transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .3s}.fx-banner.prestige{background:linear-gradient(180deg,#b06fd8,#8a4bb4)}.fx-banner.show{transform:translate(-50%);opacity:1}.toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%);background:#28303aeb;border:2px solid rgba(255,255,255,.7);border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:700;z-index:16;animation:toast-in .2s ease-out}@keyframes toast-in{0%{transform:translate(-50%,8px);opacity:0}}.tutorial{position:absolute;left:50%;top:12px;transform:translate(-50%);max-width:min(480px,calc(100vw - 200px));background:#28303aeb;border:2px solid #ffe27a;border-radius:14px;padding:9px 16px;font-size:13.5px;font-weight:700;z-index:4;display:flex;gap:8px;align-items:center}.tutorial[hidden]{display:none}.tutorial .step-num{background:#ffe27a;color:#3a2f10;min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:13px}.corner-btns{position:absolute;top:10px;right:250px;display:flex;gap:8px}.corner-btns .tool-btn{background:#3f4854}@media(max-width:760px){.shop{top:auto;bottom:64px;width:100%;height:46vh;border-radius:var(--radius) var(--radius) 0 0;transform:translateY(calc(100% + 64px));transition:transform .25s ease-out;z-index:8}.shop.open{transform:translateY(0)}.shop-toggle{display:block}.level-wrap{transform:scale(.9);transform-origin:top left}.level-bar{width:84px}.corner-btns{right:10px}.toolbar{gap:5px;padding:0 8px calc(env(safe-area-inset-bottom,0px)/2)}.toolbar .label{display:none}.tool-btn{width:44px;height:44px}.money{font-size:14px;gap:3px}.money+.money{margin-left:2px}.money .icon{width:18px;height:18px}.tutorial{max-width:calc(100vw - 24px);top:64px;font-size:12.5px}.radial button{width:52px;height:52px}.radial .r-center{width:76px;height:76px}}@media(prefers-reduced-motion:reduce){.fx-banner,.shop,.level-bar>div,.radial button,.tool-btn{transition:none;animation:none}.coin-pop{animation-duration:.45s}}