html,body{margin:0;padding:0;height:100%}#app{position:relative;width:100%;height:100svh;min-height:100svh;background:#0e0e12;overflow:hidden;touch-action:manipulation;overscroll-behavior:none}#game-wrap{position:absolute;inset:0;overflow:hidden}canvas{display:block;touch-action:none}#hud{position:fixed;left:50%;bottom:0;width:1920px;transform-origin:bottom center;margin-left:-960px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;pointer-events:none;z-index:1000;touch-action:none;overflow:visible;will-change:transform}#hud>div>div.chip{pointer-events:auto}#targets{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none}#targets .chip{display:flex;align-items:center;justify-content:center;gap:6px;padding:2px 10px;border-radius:20px;background:#ec489959;color:#fff;font:600 14px/1.1 system-ui;opacity:1;width:120px;height:120px;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px #0006}#targets .chip canvas{display:block;border-radius:8px;pointer-events:none;-webkit-user-select:none;user-select:none}#targets .chip.current{outline:3px solid #ffd700;opacity:1;background:#ec489959;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 20px #ffd70099,0 4px 12px #0006}#targets .chip.found{outline:2px solid #6ee787;opacity:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#progress{color:#fff;text-align:center;font:600 14px system-ui;-webkit-text-stroke:.6px rgba(0,0,0,.55);text-shadow:1px 0 0 rgba(0,0,0,.55),-1px 0 0 rgba(0,0,0,.55),0 1px 0 rgba(0,0,0,.55),0 -1px 0 rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.45);align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background:#0f1014c7;border:2px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 6px 20px #00000059,inset 0 0 0 1px #00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none}#lupa-container{position:absolute;left:50%;margin-left:470px;bottom:20px;width:150px;height:150px;cursor:pointer;transition:filter .2s ease;z-index:1001;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation}#lupa-container:hover{filter:brightness(1.2) drop-shadow(0 4px 12px rgba(255,215,0,.5))}#lupa-container:active{filter:brightness(.9)}#lupa-container img{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));pointer-events:none;-webkit-user-select:none;user-select:none}#lupa-counter{position:absolute;right:-6px;top:-6px;background:#fc3;color:#000;border-radius:12px;padding:2px 8px;font:700 16px system-ui;border:2px solid rgba(0,0,0,.4);min-width:28px;text-align:center}#lupa-container.disabled{opacity:.55;pointer-events:auto}#menu-button{position:absolute;left:50%;margin-left:-620px;bottom:20px;width:150px;height:150px;cursor:pointer;transition:all .2s ease;z-index:1001;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;background:#ec489959;border-radius:50%;box-shadow:0 4px 12px #0006;border:3px solid rgba(255,255,255,.2)}#menu-button img{width:70%;height:70%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}#collections-button{position:absolute;left:50%;margin-left:620px;bottom:20px;width:150px;height:150px;cursor:pointer;transition:all .2s ease;z-index:1001;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;background:#282830f2;border-radius:50%;box-shadow:0 4px 12px #0006;font-size:70px;border:3px solid rgba(255,255,255,.2)}#collections-button:hover{filter:brightness(1.2);transform:scale(1.05)}#collections-button:active{filter:brightness(.9);transform:scale(.95)}#menu-button:hover{filter:brightness(1.2);box-shadow:0 4px 16px #ffffff4d;transform:scale(1.05)}#menu-button:active{filter:brightness(.9);transform:scale(.95)}#collections-modal,#collections-modal *{-webkit-user-select:none;user-select:none}.modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;box-sizing:border-box;touch-action:none;overscroll-behavior:contain}.modal-card{width:min(520px,100%);max-height:90vh;background:#181820f5;color:#fff;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 36px #00000080;padding:20px;display:flex;flex-direction:column;gap:16px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal-content{font:600 16px/1.35 system-ui;overflow-wrap:anywhere;text-align:center}.modal-content p{margin:0 0 10px}.modal-content p:last-child{margin-bottom:0}.modal-icons{display:flex;align-items:center;justify-content:center;gap:16px}.modal-icons img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.modal-mult{font:800 18px/1 system-ui;color:gold}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.modal-btn{appearance:none;border:0;border-radius:12px;padding:10px 16px;font:700 14px/1 system-ui;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.modal-btn.cancel{background:#ffffff24;color:#fff}.modal-btn.confirm{background:#ec4899e6;color:#fff;padding:10px 24px}.modal-btn.confirm img{width:36px;height:36px;object-fit:contain;display:block}#app,#app *,#hud,#hud *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}