@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f8fafc;background:#0c111c;font-synthesis:none;--panel: rgba(15, 23, 38, .82);--line: rgba(255, 255, 255, .11);--green: #39d881;--blue: #4f96ff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid #fff;outline-offset:3px}.app{width:100%;height:100%;position:relative;background:#0c111c}.eyebrow{margin:0;color:#8da0bd;font:700 .68rem/1.2 Inter,sans-serif;letter-spacing:.24em}.home-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:max(34px,env(safe-area-inset-top)) 22px max(20px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 17%,rgba(47,113,189,.24),transparent 29%),linear-gradient(165deg,#121c2c,#0b1019 58%,#121221);isolation:isolate}.home-screen:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.ambient{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(70px);opacity:.24;z-index:-1}.ambient-one{background:#2d7fff;left:-100px;top:18%}.ambient-two{background:#b244ff;right:-130px;bottom:10%}.brand{text-align:center;display:flex;flex-direction:column;align-items:center}.brand h1{margin:10px 0;font:900 clamp(3.2rem,16vw,5.3rem)/.76 "Barlow Condensed",sans-serif;letter-spacing:-.035em;color:#eaf1f8;text-shadow:0 8px 30px rgba(0,0,0,.4)}.brand h1 strong{color:#7ae3ad;font-weight:900}.tagline{color:#adbbcf;font-size:.84rem;line-height:1.55;margin:4px 0 0}.logo-hole{--skin: #151b28;width:102px;height:102px;border-radius:50%;position:relative;margin-bottom:22px;background:radial-gradient(circle at center,#000 0 46%,var(--skin) 48% 58%,#64dba4 60% 64%,transparent 66%);filter:drop-shadow(0 0 24px rgba(84,213,154,.32));animation:breathe 2.6s ease-in-out infinite}.logo-hole:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px dashed rgba(124,226,177,.45);animation:spin 12s linear infinite}.logo-hole span{position:absolute;inset:31%;border-radius:50%;background:#000;box-shadow:inset 0 8px 12px #506eb421}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.04)}}.home-card{width:min(100%,430px);margin:auto 0;display:grid;gap:12px}.currency{justify-self:center;margin:14px 0 4px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:#00000038;display:flex;gap:9px;align-items:center;font-size:.9rem}.currency span{color:#ffd05e}.primary-button,.arena-button{border:0;border-radius:18px;min-height:70px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:16px;font:800 1.25rem Barlow Condensed,sans-serif;letter-spacing:.04em;box-shadow:0 13px 28px #00000059,inset 0 1px #ffffff40;transition:transform .16s ease,filter .16s ease}.primary-button:hover,.arena-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-button:active,.arena-button:active{transform:translateY(1px) scale(.99)}.primary-button{background:linear-gradient(135deg,#4ce394,#23b968);color:#06150d}.arena-button{background:linear-gradient(135deg,#5ca8ff,#3473e7);color:#071326}.button-icon{font-size:1.45rem}.primary-button span:last-child,.arena-button span:last-child{display:flex;flex-direction:column;line-height:.95}.primary-button small,.arena-button small{font:700 .58rem Inter;letter-spacing:.18em;opacity:.68;margin-bottom:7px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary-actions button{min-height:58px;border:1px solid var(--line);border-radius:16px;background:#ffffff0e;cursor:pointer;font:700 .78rem Inter;text-transform:uppercase;letter-spacing:.08em}.secondary-actions span{margin-right:8px;color:#87e8b6;font-size:1.1rem}.home-footer{width:min(100%,430px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:16px}.home-footer span{text-align:center;color:#66758c;font-size:.5rem;letter-spacing:.12em}.home-footer b{display:block;color:#dbe6f3;font-size:.76rem;margin-top:5px;letter-spacing:0}.game-screen,.game-canvas{position:absolute;inset:0;width:100%;height:100%}.game-canvas{display:block;touch-action:none;background:#9fd8f2}.top-hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.score-panel,.size-panel{background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;padding:10px 14px;width:max-content;min-width:104px;box-shadow:0 8px 24px #0a0f1838}.size-panel{justify-self:end;text-align:right}.score-panel small,.size-panel small{display:block;color:#8ca0b7;font-size:.52rem;letter-spacing:.18em;margin-bottom:3px}.score-panel b,.size-panel b{font:800 1.15rem Barlow Condensed}.timer{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#0b111ce6;border:3px solid #66e4a7;box-shadow:0 8px 25px #0000004d,0 0 20px #51dc9833}.timer span{font:800 1.65rem Barlow Condensed}.timer.urgent{border-color:#ff5b62;color:#ffdcde;animation:urgent .7s ease-in-out infinite alternate}@keyframes urgent{to{transform:scale(1.07);box-shadow:0 0 28px #ff3f4c8c}}.game-meta{position:absolute;top:max(91px,calc(env(safe-area-inset-top) + 77px));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;color:#15233a;font-size:.68rem;font-weight:800;text-shadow:0 1px rgba(255,255,255,.65)}.game-meta strong{background:#ffcf4c;border-radius:999px;padding:5px 9px;color:#3d2700}.control-hint{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);white-space:nowrap;background:#090e17ad;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 15px;font-size:.61rem;color:#d3dce8;pointer-events:none}.quit-button{position:absolute;right:14px;bottom:max(16px,env(safe-area-inset-bottom));width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#090e17b8;cursor:pointer;font-size:1.35rem}.arena-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;background:#080e19e0;backdrop-filter:blur(14px);padding:24px 30px;border:1px solid var(--line);border-radius:20px}.spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.16);border-top-color:#59a9ff;border-radius:50%;animation:spin 1s linear infinite}.modal-screen,.collection-screen{min-height:100%;overflow:auto;background:radial-gradient(circle at 50% 12%,#1b3750,#0b1019 56%);padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.modal-screen{display:grid;place-items:center}.result-card{width:min(100%,430px);text-align:center;background:#0e1623e6;border:1px solid var(--line);border-radius:28px;padding:30px 24px 22px;box-shadow:0 30px 80px #00000073}.result-hole{--skin:#151b28;width:100px;height:100px;margin:22px auto 12px;border-radius:50%;background:radial-gradient(circle,#000 0 48%,var(--skin) 51% 61%,#70e1ac 64%,transparent 67%);filter:drop-shadow(0 0 24px rgba(82,222,159,.3))}.result-card h2{margin:7px 0 0;font:900 4rem/1 Barlow Condensed;color:#83edb7}.result-card>p:not(.eyebrow){color:#76869d;font-size:.62rem;letter-spacing:.22em}.rank{color:#ffcf57;font:800 1.15rem Barlow Condensed;letter-spacing:.1em}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.result-grid span{padding:12px 5px;background:#ffffff0d;border-radius:12px}.result-grid small{display:block;color:#718198;font-size:.48rem;letter-spacing:.1em}.result-grid b{display:block;margin-top:5px;font:800 1rem Barlow Condensed}.result-card .primary-button{width:100%}.text-button{border:0;background:none;color:#8899af;cursor:pointer;padding:17px;font-size:.75rem}.collection-screen{color:#ecf2f9}.screen-header{max-width:700px;margin:0 auto 26px;display:grid;grid-template-columns:44px 1fr 44px;text-align:center;align-items:center}.screen-header button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#ffffff0f;cursor:pointer;font-size:1.2rem}.screen-header h2{margin:3px 0 0;font:800 2rem Barlow Condensed;text-transform:uppercase}.skin-grid{max-width:700px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-card{border:1px solid var(--line);background:#ffffff0d;border-radius:20px;padding:18px 10px 15px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.skin-card.selected{border-color:#62dca0;background:#48d3911f;box-shadow:0 0 28px #41dc941f}.skin-card.locked{filter:saturate(.2);opacity:.55}.skin-preview{--skin:#151b28;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#000 0 48%,var(--skin) 51% 63%,#c4d1df 66%,transparent 68%);margin-bottom:12px}.skin-card b{font:800 1rem Barlow Condensed;text-transform:uppercase}.skin-card small{color:#77879c;margin-top:5px;font-size:.52rem;letter-spacing:.1em}.mission-list{max-width:650px;margin:auto;display:grid;gap:12px}.mission-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);background:#ffffff0d;border-radius:18px}.mission-list article.complete{border-color:#5ae09f73}.mission-list b{display:block;font-size:.84rem}.mission-list small{color:#8291a6;font-size:.58rem}.progress-track{height:6px;background:#ffffff17;border-radius:999px;display:block;margin:10px 0 6px;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#45d88d,#6fb8ff)}.mission-list button{min-width:80px;border:0;border-radius:12px;padding:12px 10px;background:#43d78b;color:#07170e;font-weight:800;cursor:pointer}.mission-list button:disabled{background:#ffffff14;color:#637287;cursor:default}@media(min-width:760px)and (orientation:landscape){.home-screen{justify-content:center;display:grid;grid-template-columns:minmax(300px,430px) minmax(320px,430px);gap:7vw}.home-footer{position:absolute;bottom:28px}.brand h1{font-size:5.6rem}.skin-grid{grid-template-columns:repeat(3,1fr)}}@media(max-height:690px){.logo-hole{width:72px;height:72px;margin-bottom:12px}.brand h1{font-size:3.3rem}.tagline{display:none}.home-card{gap:8px}.primary-button,.arena-button{min-height:56px}}.leaderboard{position:absolute;left:max(12px,env(safe-area-inset-left));top:calc(max(12px,env(safe-area-inset-top)) + 78px);margin:0;padding:8px 10px;list-style:none;min-width:178px;pointer-events:none;background:#0a101c94;border:1px solid var(--line);border-radius:12px;font:600 .74rem/1.25 Inter,sans-serif;backdrop-filter:blur(6px)}.leaderboard li{display:flex;align-items:center;gap:6px;padding:2px 0;color:#c9d4e3}.leaderboard li i{width:8px;height:8px;border-radius:50%;flex:none}.leaderboard li span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.leaderboard li b{font-variant-numeric:tabular-nums;color:#fff;min-width:40px;text-align:right}.leaderboard li em{font-style:normal;font-variant-numeric:tabular-nums;color:#93a5bb;min-width:46px;text-align:right}.leaderboard li.board-head{color:#7d8ca3;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding-bottom:4px;margin-bottom:2px;border-bottom:1px solid var(--line)}.leaderboard li.board-head b,.leaderboard li.board-head em{color:#7d8ca3;font-size:.6rem}.leaderboard li.me,.leaderboard li.me b{color:#7ae3ad}.kill-feed{position:absolute;left:50%;top:32%;transform:translate(-50%);pointer-events:none;padding:8px 16px;border-radius:999px;background:#0a101cb8;border:1px solid var(--line);font:800 1rem/1.2 Barlow Condensed,sans-serif;letter-spacing:.04em;white-space:nowrap;animation:feed-pop 2.2s ease forwards}@keyframes feed-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.respawn-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;background:radial-gradient(circle,#00000026,#0000008c)}.respawn-overlay b{font:900 2.6rem/1 Barlow Condensed,sans-serif;color:#ff5f7e;letter-spacing:.02em}.respawn-overlay span{font:700 1rem/1 Inter,sans-serif;color:#fff}.reward-button{width:100%;margin:4px 0 10px;padding:13px 16px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#ffd761,#ff9f43);color:#1b1300;font:800 1rem/1 Inter,sans-serif;box-shadow:0 8px 22px #ffaa3c4d}.hero-hole{position:relative;width:min(64vw,240px);aspect-ratio:1;margin:-6px 0 6px;padding:0;border:0;background:radial-gradient(circle at 50% 55%,rgba(80,140,220,.18),transparent 62%);cursor:pointer;border-radius:50%}.hero-canvas{width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(circle,#000 52%,transparent 71%);mask-image:radial-gradient(circle,#000 52%,transparent 71%)}.hero-skin-name{position:absolute;left:50%;bottom:4%;transform:translate(-50%);white-space:nowrap;font:800 .72rem/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#080c1699;border:1px solid var(--line)}.result-hole-3d{width:150px;height:150px;margin:6px auto 0}.shop-screen{padding-bottom:40px}.shop-stage{--rarity: #9fb0c6;position:relative;max-width:700px;margin:0 auto 18px;border-radius:26px;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--rarity) 22%,transparent),transparent 65%),linear-gradient(180deg,#ffffff0d,#0003);box-shadow:0 0 40px color-mix(in srgb,var(--rarity) 18%,transparent)}.shop-canvas{display:block;width:100%;height:clamp(220px,38vh,340px)}.shop-info{position:absolute;left:16px;top:14px;right:16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.shop-info h3{margin:2px 0 0;font:900 2.1rem/1 Barlow Condensed,sans-serif;text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.5)}.shop-info .currency.small{position:absolute;right:0;top:0;margin:0;padding:6px 12px;font-size:.8rem}.rarity-chip{font:800 .62rem/1 Inter,sans-serif;letter-spacing:.22em;padding:5px 9px;border-radius:999px;color:#0b0f18;background:var(--rarity)}.shop-action{position:absolute;left:50%;bottom:14px;transform:translate(-50%);min-width:210px;border:0;border-radius:16px;padding:14px 22px;cursor:pointer;font:800 1.15rem/1 Barlow Condensed,sans-serif;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 10px 26px #0006}.shop-action.buy{background:linear-gradient(135deg,#ffd761,#ff9f43);color:#1b1300}.shop-action.owned{background:linear-gradient(135deg,#4ce394,#23b968);color:#06150d}.shop-action.equipped{background:#ffffff1f;color:#c9d4e3;cursor:default}.shop-action.locked{background:#00000073;color:#8da0bd;cursor:default;border:1px solid var(--line)}.skin-card{position:relative;border-color:color-mix(in srgb,var(--rarity, #9fb0c6) 35%,transparent);padding:10px 8px 12px}.skin-card:after{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:0 0 4px 4px;background:var(--rarity, #9fb0c6)}.skin-card.locked{filter:none;opacity:1}.skin-card.locked .skin-thumb{filter:saturate(.55) brightness(.8)}.skin-card.locked small{color:#ffd05e}.skin-thumb{width:100%;max-width:120px;aspect-ratio:1;object-fit:contain;margin-bottom:4px;pointer-events:none}.skin-card .skin-preview{background:radial-gradient(circle,#000 0 48%,var(--skin) 51% 63%,transparent 66%)}