@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--surface:#ffffffb3;--surface-border:#ffffff80;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--primary:#ff7b9c;--primary-gradient:linear-gradient(135deg, #ff7b9c 0%, #ff9eb5 100%);--secondary:#60a5fa;--success:#34d399;--warning:#fbbf24;--text-main:#1f2937;--text-muted:#6b7280;--cell-bg:#fff6;--cell-border:#fffc;--cell-bg-hover:#ffffffb3;--cell-bg-active:#ffffffe6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.app-container{-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--surface-border);border-right:1px solid var(--surface-border);width:100%;max-width:480px;height:100vh;max-height:900px;box-shadow:var(--shadow-lg);background:#ffffff4d;flex-direction:column;display:flex;position:relative;overflow:hidden}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);border-radius:24px}.header{z-index:10;justify-content:space-between;align-items:center;margin:16px;padding:16px 24px;display:flex}.stat-badge{box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:1.1rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.stat-badge:hover{transform:scale(1.05)}.stat-badge.energy{color:var(--secondary)}.stat-badge.coins{color:var(--warning)}.orders-container{scrollbar-width:none;z-index:10;gap:12px;padding:0 16px;display:flex;overflow-x:auto}.orders-container::-webkit-scrollbar{display:none}.order-card{cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:8px;min-width:100px;padding:12px;transition:all .2s;display:flex;position:relative}.order-card.can-fulfill{border-color:var(--success);animation:2s infinite pulse-border;box-shadow:0 0 15px #34d39966}@keyframes pulse-border{0%{box-shadow:0 0 #34d39966}70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 #34d39900}}.order-item{font-size:2rem;line-height:1}.order-reward{color:var(--warning);background:#fffc;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.9rem;font-weight:700;display:flex}.board-container{z-index:5;perspective:1000px;flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.board-grid{aspect-ratio:7/9;touch-action:none;background:#00000008;border-radius:24px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(7,1fr);gap:6px;width:100%;padding:12px;display:grid;position:relative;box-shadow:inset 0 2px 10px #0000000d}.board-cell{background:var(--cell-bg);border:1px solid var(--cell-border);border-radius:12px;justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative;box-shadow:inset 0 2px 4px #ffffff80}.board-cell.highlight{background:var(--cell-bg-active);border-color:var(--primary);transform:scale(.95)}.item{cursor:grab;z-index:20;filter:drop-shadow(0 4px 6px #0000001a);touch-action:none;justify-content:center;align-items:center;width:90%;height:90%;font-size:2.5rem;transition:transform .1s;display:flex;position:absolute}.item:active{cursor:grabbing}.item.dragging{z-index:100;filter:drop-shadow(0 15px 20px #0003);transition:none;transform:scale(1.1)}.item.generator{animation:3s ease-in-out infinite float}.item.generator:after{content:"⚡";width:20px;height:20px;box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;bottom:-4px;right:-4px}.item.pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) popIn}.item.merge-anim{animation:.5s cubic-bezier(.34,1.56,.64,1) mergePop}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes mergePop{0%{transform:scale(.8)}50%{filter:brightness(1.2);transform:scale(1.3)rotate(5deg)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.flying-item{pointer-events:none;z-index:200;filter:drop-shadow(0 10px 15px #0003);font-size:2.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:fixed}.particle{pointer-events:none;z-index:150;border-radius:50%;width:8px;height:8px;animation:.6s ease-out forwards particleOut;position:absolute}@keyframes particleOut{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(0);opacity:0}}