@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,800&family=Inter:wght@400;500;600;700&display=swap');
:root{--lime:#baff29;--cyan:#27e8ff;--ink:#06101d;--panel:rgba(7,18,31,.82);--line:rgba(173,239,255,.16);--muted:#8496a8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#f5fbff;font-family:Inter,system-ui,sans-serif}button,a{font:inherit}button{cursor:pointer}#game{position:fixed;inset:0;width:100%;height:100%;background:#071321}.glass{background:linear-gradient(145deg,rgba(13,29,45,.87),rgba(5,15,27,.78));border:1px solid var(--line);box-shadow:0 12px 34px rgba(0,0,0,.26);backdrop-filter:blur(12px)}.topbar{position:fixed;z-index:5;top:18px;left:22px;right:22px;height:62px;border-radius:9px;display:flex;align-items:center;padding:0 13px 0 17px}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-family:"Barlow Condensed";font-size:21px;font-weight:800;letter-spacing:1.4px}.brand>span:last-child span{color:var(--lime)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--lime);color:var(--lime);font-size:27px;transform:skew(-6deg)}.mode-chip{position:absolute;left:50%;transform:translateX(-50%);font-family:"Barlow Condensed";font-size:13px;font-weight:700;letter-spacing:1.4px;color:#a7b7c7}.mode-chip i,.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:8px}.mode-chip.player{color:var(--lime)}.mode-chip.player i{background:var(--lime);box-shadow:0 0 12px var(--lime)}.wallet-area{margin-left:auto;display:flex;gap:9px}.wallet-button,.sound-button{height:38px;border:1px solid rgba(186,255,41,.45);background:rgba(18,34,34,.7);color:var(--lime);border-radius:5px;font-family:"Barlow Condensed";font-weight:700;letter-spacing:1px}.wallet-button{min-width:164px;padding:0 15px}.wallet-icon{margin-right:8px}.sound-button{width:39px;color:#a8bdcb;border-color:var(--line)}.leaderboard{position:fixed;z-index:4;top:99px;right:22px;width:222px;border-radius:8px;padding:15px}.panel-title{display:flex;justify-content:space-between;align-items:center;font-family:"Barlow Condensed";font-weight:700;letter-spacing:1.2px;font-size:14px;margin-bottom:11px}.panel-title b{font:600 9px Inter;color:var(--lime);background:rgba(186,255,41,.1);border:1px solid rgba(186,255,41,.3);padding:4px 7px;border-radius:10px}.leader-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:7px 4px;border-top:1px solid rgba(255,255,255,.045);font-size:11px;color:#b5c4d1}.leader-row.me{color:var(--lime)}.leader-row .dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 7px currentColor}.leader-row strong{font-size:11px;color:#edf6fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats{position:fixed;z-index:4;top:99px;left:22px;width:200px;border-radius:8px;padding:8px 11px}.stats>div{display:flex;align-items:center;padding:8px 5px;border-bottom:1px solid rgba(255,255,255,.055)}.stats>div:last-child{border:0}.stat-icon{width:31px;color:var(--lime);font-size:20px}.stats p{margin:0;display:flex;align-items:baseline;gap:8px}.stats b{font:700 20px "Barlow Condensed"}.stats small{font:600 9px Inter;letter-spacing:1.2px;color:var(--muted)}.spectator-card{position:fixed;z-index:4;bottom:26px;left:50%;transform:translateX(-50%);width:340px;padding:13px 15px;border-radius:7px;text-align:center}.spectator-card>span{font:700 9px Inter;letter-spacing:1.5px;color:var(--cyan)}.spectator-card>b{display:block;font:600 12px "Barlow Condensed";letter-spacing:.4px;margin:5px 0 10px;color:#c7d4dd}.spectator-card button,.primary{width:100%;border:0;border-radius:4px;background:var(--lime);color:#07110e;font:800 13px "Barlow Condensed";letter-spacing:1.2px;padding:10px}.spectator-card button span,.primary span{float:right}.controls-tip{display:none;position:fixed;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);padding:10px 15px;border-radius:7px;color:#aab9c4;font:600 10px Inter;letter-spacing:1px}.controls-tip span{color:var(--lime);font-size:18px;margin-right:8px}.minimap-wrap{position:fixed;z-index:4;bottom:24px;right:22px;padding:5px;border-radius:7px}.minimap-wrap canvas{display:block;border-radius:3px}.map-label{position:absolute;top:9px;left:11px;font:700 8px Inter;letter-spacing:1px;color:#89a1b2}.start-overlay{position:fixed;z-index:6;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(5,16,28,.1),rgba(3,9,16,.63));transition:.35s}.start-overlay.hidden{opacity:0;pointer-events:none}.hero-card{text-align:center;width:min(520px,calc(100vw - 32px));padding:40px 44px 31px;border-radius:10px}.eyebrow{color:var(--cyan);font:700 10px Inter;letter-spacing:2px}.hero-card h1{font:italic 800 58px/0.84 "Barlow Condensed";letter-spacing:-1px;margin:20px 0;text-shadow:0 6px 22px #000}.hero-card h1 em{font-style:italic;color:var(--lime)}.hero-card p{font:500 15px/1.55 "Barlow Condensed";color:#9fb0be;letter-spacing:.5px}.hero-actions{display:flex;gap:10px;margin:25px 0 17px}.hero-actions button{height:44px}.primary{flex:1}.secondary{flex:1;border:1px solid var(--line);background:rgba(18,34,48,.7);color:#d7e3e9;border-radius:4px;font:700 12px "Barlow Condensed";letter-spacing:1px}.secondary span{color:var(--cyan);margin-right:6px}.hero-card>small{font-size:9px;color:#617585}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:rgba(1,6,12,.73);backdrop-filter:blur(5px)}.hidden{display:none!important}.wallet-modal{position:relative;width:min(410px,calc(100vw - 30px));padding:31px;border-radius:10px;text-align:center}.close{position:absolute;right:12px;top:10px;border:0;background:none;color:#758a99;font-size:25px}.modal-glyph{display:grid;place-items:center;margin:0 auto 13px;width:45px;height:45px;border:1px solid var(--lime);color:var(--lime);font-size:24px}.wallet-modal h2{font:800 27px "Barlow Condensed";letter-spacing:1px;margin:0}.wallet-modal>p{font-size:12px;color:#8fa1ae;margin:7px 0 20px}.provider{display:flex;width:100%;align-items:center;text-align:left;padding:12px;border:1px solid var(--line);border-radius:6px;background:rgba(17,33,47,.9);color:#fff}.provider .fox{display:grid;place-items:center;width:40px;height:40px;background:#ef812a;color:#17100a;border-radius:6px;margin-right:12px}.provider b{display:flex;flex-direction:column}.provider strong{font-size:12px}.provider small{font-size:9px;color:#738999;margin-top:3px}.provider em{margin-left:auto;color:var(--lime);font-style:normal}.wallet-note{font-size:9px;line-height:1.5;color:#657987;margin-top:16px}.wallet-error{font-size:10px;color:#ff6c75;border:1px solid rgba(255,80,90,.25);background:rgba(255,40,50,.07);padding:9px;margin-top:12px;border-radius:5px}.toast{position:fixed;z-index:30;top:92px;left:50%;transform:translateX(-50%);background:#112535;border:1px solid var(--line);padding:11px 18px;border-radius:6px;font-size:11px;box-shadow:0 8px 25px #000}.toast.success{color:var(--lime)}
@media(max-width:700px){.topbar{left:10px;right:10px;top:10px}.mode-chip{top:70px;background:rgba(5,15,25,.7);padding:5px 9px;border-radius:10px}.brand{font-size:17px}.brand-mark{width:29px;height:29px}.sound-button{display:none}.wallet-button{min-width:54px}.wallet-button #walletLabel{display:none}.leaderboard{top:95px;right:10px;width:173px}.stats{top:95px;left:10px;width:133px}.stats small{display:none}.minimap-wrap{display:none}.spectator-card{bottom:12px;width:calc(100vw - 20px)}.hero-card{padding:32px 19px}.hero-card h1{font-size:45px}.hero-actions{flex-direction:column}.controls-tip{width:calc(100vw - 20px);text-align:center;bottom:12px}}