:root{color:#f5f7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--yellow:#ffd34e;--pink:#ff5472;--mint:#55e6a5;--blue:#58a6ff;--panel:#111827;--panel-2:#182237;--line:#2a3853;--muted:#9cabc4;background:#080b13;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 50% -10%,#243153 0,#0c1120 38%,#080b13 78%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.17;background-image:linear-gradient(#5e71971c 1px,#0000 1px),linear-gradient(90deg,#5e71971c 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(1180px,100%);margin:auto;padding:18px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.logo{letter-spacing:.08em;align-items:center;gap:10px;font-family:Chakra Petch,sans-serif;font-weight:800;display:flex}.logo-mark{background:radial-gradient(circle at 42% 58%,var(--yellow) 0 42%,transparent 44%),linear-gradient(135deg,#263552,#101726);border-radius:11px;width:38px;height:38px;box-shadow:0 0 25px #ffd34e40}.user-chip{border:1px solid var(--line);background:#111a2ccc;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;display:flex}.rank-dot{background:var(--yellow);border-radius:50%;width:11px;height:11px;box-shadow:0 0 12px}.screen[hidden],.panel[hidden]{display:none!important}.hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#121b2def,#0e1525ef);border-radius:22px;box-shadow:0 20px 60px #0006}.play-card{flex-direction:column;justify-content:flex-end;min-height:430px;padding:clamp(24px,5vw,54px);display:flex;position:relative;overflow:hidden}.play-card:after{content:"";background:radial-gradient(circle,#ff547241,#0000 65%);border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-80px}.eyebrow{color:var(--yellow);letter-spacing:.17em;text-transform:uppercase;font-family:Chakra Petch;font-size:.78rem;font-weight:700}.headline{letter-spacing:-.07em;margin:.2em 0 .15em;font-family:Chakra Petch;font-size:clamp(3rem,9vw,6.8rem);line-height:.78}.lede{max-width:520px;color:var(--muted);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6}.play-button{z-index:1;background:linear-gradient(110deg,var(--yellow),#ffac3e);color:#15100a;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:min(100%,340px);height:66px;margin-top:28px;font-family:Chakra Petch;font-size:1.25rem;font-weight:800;transition:transform .16s,filter .16s;display:flex;position:relative;box-shadow:0 12px 38px #ffbd3745}.play-button:hover{filter:brightness(1.07);transform:translateY(-2px)}.profile-card{padding:22px}.avatar{place-items:center;height:170px;display:grid}.person{--hair:#4b2e1f;--shirt:#2f80ed;--pants:#263238;filter:drop-shadow(0 16px 16px #0007);width:100px;height:145px;position:relative}.head{background:#e1ab83;border-radius:50%;width:50px;height:50px;position:absolute;top:5px;left:25px}.hair{background:var(--hair);border-radius:30px 30px 12px 12px;width:54px;height:27px;position:absolute;top:0;left:23px}.shirt{background:var(--shirt);border-radius:17px 17px 8px 8px;width:66px;height:54px;position:absolute;top:52px;left:17px}.pants{background:var(--pants);border-radius:5px 5px 12px 12px;width:52px;height:43px;position:absolute;top:101px;left:24px}.profile-name{text-align:center;font-family:Chakra Petch;font-size:1.35rem;font-weight:700}.badge{text-align:center;color:var(--muted);font-size:.85rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.stat{text-align:center;background:#1a253a;border:1px solid #2c3b57;border-radius:14px;padding:11px}.stat b{font-family:Chakra Petch;font-size:1.15rem;display:block}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem}.nav{gap:7px;margin:12px 0;padding:10px 0 4px;display:flex;overflow-x:auto}.nav button,.secondary,.ghost,.danger{white-space:nowrap;border-radius:12px;min-height:42px;padding:0 15px;font-weight:700}.nav button,.secondary{color:#dae3f5;background:#182338;border:1px solid #2d3c59}.nav button.active{color:#fff;background:#2a3955;border-color:#536b94}.ghost{border:1px solid var(--line);color:#ced8eb;background:0 0}.danger{color:#ffc5ce;background:#4d1d2a;border:1px solid #803044}.primary{background:var(--yellow);color:#17130a;border-radius:12px;min-height:44px;padding:0 18px;font-weight:800}.content-panel{padding:22px}.panel-title{margin:0 0 5px;font-family:Chakra Petch;font-size:1.55rem}.muted{color:var(--muted)}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.list{gap:9px;display:grid}.list-item{background:#172238;border:1px solid #2b3b59;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.progress{background:#0a0f1c;border-radius:99px;height:7px;margin-top:8px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--blue),var(--mint));border-radius:99px;height:100%;display:block}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.shop-item{background:#172238;border:1px solid #2b3b59;border-radius:15px;padding:14px}.swatch{border:1px solid #ffffff20;border-radius:10px;height:52px;margin-bottom:10px}.field{gap:6px;display:grid}.field span{color:#bdc9dc;font-size:.78rem;font-weight:600}.field input,.field select{color:#fff;background:#0d1525;border:1px solid #354765;border-radius:11px;outline:none;width:100%;min-height:45px;padding:0 12px}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #58a6ff20}.form{background:#151f33;border:1px solid #293956;border-radius:15px;gap:12px;padding:15px;display:grid}.feedback{min-height:24px;color:var(--mint);font-size:.9rem}.feedback.error{color:#ff8295}.game-layout{padding-top:4px}.hud{justify-content:space-between;align-items:center;gap:10px;padding:9px 4px;font-family:Chakra Petch;font-weight:700;display:flex}.status{color:var(--yellow)}.canvas-wrap{touch-action:none;background:#070b13;border:1px solid #344664;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #0008}#game{aspect-ratio:15/13;width:100%;max-height:calc(100vh - 140px)}#game canvas{display:block;width:100%!important;height:100%!important}.controls{pointer-events:none;justify-content:space-between;align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.dpad{pointer-events:auto;grid-template-rows:50px 50px;grid-template-columns:50px 50px 50px;gap:4px;display:grid}.dpad button,.bomb-button{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none;background:#0e1729d9;border:1px solid #ffffff3a;border-radius:12px;min-height:48px}.dpad .up{grid-column:2}.dpad .left{grid-area:2/1}.dpad .down{grid-area:2/2}.dpad .right{grid-area:2/3}.bomb-button{pointer-events:auto;background:#9f2940df;border-radius:50%;width:78px;height:78px;font-size:1.8rem}.results-list{gap:8px;margin:16px 0;display:grid}.result{background:#172238;border:1px solid #2d3c59;border-radius:14px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.result.me{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.reward-banner{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.reward-banner span{background:#27334b;border-radius:12px;padding:10px 13px}.legal{color:#8392aa;justify-content:center;gap:16px;margin:18px;font-size:.78rem;display:flex}.legal a{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:780px){.hero{grid-template-columns:1fr}.play-card{min-height:350px}.profile-card{grid-template-columns:120px 1fr;align-items:center;display:grid}.avatar{height:150px}.stat-grid{grid-column:1/-1}.split{grid-template-columns:1fr}.content-panel{padding:16px}.controls{padding:10px}.topbar{align-items:flex-start}.user-chip{font-size:.8rem}}@media (hover:hover) and (pointer:fine){.controls{opacity:.35;transition:opacity .2s}.canvas-wrap:hover .controls{opacity:1}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blast-grid/fonts/inter/inter-latin-variable.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/blast-grid/fonts/chakra-petch/chakra-petch-latin-600.woff2)format("woff2")}.logo,.eyebrow,.headline,.play-button,.profile-name,.stat b,.panel-title,.hud{font-weight:600}.guest-warning{color:#ffe4a6;background:#3b2b143d;border:1px solid #e1ad4780;border-radius:14px;margin:14px 0 2px;padding:13px 15px;font-size:.9rem;line-height:1.45}.guest-warning[hidden]{display:none}.controls[hidden]{display:none!important}.person .head{z-index:5;width:48px;height:49px;top:5px;left:27px}.person .hair{z-index:7;width:52px;height:25px;top:0;left:25px}.person .face{z-index:8;border-bottom:2px solid #a25e55;border-radius:50%;width:27px;height:7px;position:absolute;top:29px;left:38px}.person .face:before,.person .face:after{content:"";background:#281b22;border-radius:50%;width:5px;height:5px;position:absolute;top:-7px}.person .face:before{left:2px}.person .face:after{right:2px}.person .shirt{z-index:4;border-radius:16px 16px 8px 8px;width:47px;height:53px;top:52px;left:28px}.person .pants{z-index:4;border-radius:5px 5px 8px 8px;width:43px;height:22px;top:99px;left:30px}.person .arm{background:linear-gradient(to bottom,var(--shirt) 0 62%,#e1ab83 63%);z-index:3;border-radius:12px;width:18px;height:50px;position:absolute;top:60px}.person .arm.left{left:17px;transform:rotate(8deg)}.person .arm.right{right:15px;transform:rotate(-8deg)}.person .leg{background:var(--pants);z-index:2;border-radius:4px 4px 9px 9px;width:18px;height:34px;position:absolute;top:110px}.person .leg:after{content:"";background:#111827;border-radius:8px;width:23px;height:8px;position:absolute;bottom:-2px}.person .leg.left{left:30px}.person .leg.right{right:27px}.person .leg.right:after{right:0}.cosmetic-preview{background:radial-gradient(circle at 50% 35%,#344564,#101827 72%);border:1px solid #ffffff18;border-radius:12px;place-items:center;height:92px;margin:-3px -3px 11px;display:grid;position:relative;overflow:hidden}.mini-person{transform-origin:50%;filter:drop-shadow(0 13px 10px #0008);transform:scale(.54)}.preview-frame{color:#fff;background:#101827;border:4px solid #99a7bd;border-radius:18px;place-items:center;width:62px;height:62px;font-family:Chakra Petch;font-weight:600;display:grid}.preview-frame.champion{border-color:#ffd34e;box-shadow:0 0 18px #ffd34e66}.preview-frame.grid{border-style:double;border-color:#58a6ff}.preview-title{color:#18130a;text-align:center;background:#ffd34e;border-radius:999px;max-width:90%;padding:7px 10px;font-family:Chakra Petch;font-size:.72rem;font-weight:600}.preview-bomb{background:radial-gradient(circle at 35% 30%,#6cf5ff,#252246 55%,#0b0d18 56%);border:3px solid #d04aff;border-radius:50%;width:50px;height:50px;position:relative;box-shadow:0 0 22px #d04aff80}.preview-bomb:before{content:"";border-top:4px solid #ffd34e;border-radius:50%;width:25px;height:18px;position:absolute;top:-12px;right:-11px;transform:rotate(-28deg)}.preview-explosion{width:70px;height:70px;position:relative}.preview-explosion i{background:#fff2a8;border-radius:7px;width:16px;height:16px;position:absolute;top:27px;left:27px;box-shadow:0 0 14px #ff8f3f}.preview-explosion i:nth-child(2){width:68px;left:1px}.preview-explosion i:nth-child(3){height:68px;top:1px}.preview-explosion i:nth-child(4){width:53px;left:8px;transform:rotate(45deg)}.preview-explosion i:nth-child(5){width:53px;left:8px;transform:rotate(-45deg)}.preview-emote{filter:drop-shadow(0 5px 8px #0008);font-size:3rem;animation:1.3s ease-in-out infinite wave;transform:rotate(-10deg)}@keyframes wave{50%{transform:rotate(18deg)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050812d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.matchmaking-card{text-align:center;background:linear-gradient(145deg,#17233a,#0d1424);border:1px solid #465878;border-radius:22px;width:min(430px,100%);padding:28px;box-shadow:0 28px 90px #000b}.matchmaking-spinner{border:5px solid #31415c;border-top-color:var(--yellow);border-radius:50%;width:54px;height:54px;margin:0 auto 18px;animation:.9s linear infinite match-spin}.seat-counter{justify-content:center;align-items:baseline;gap:10px;margin:18px 0;display:flex}.seat-counter strong{color:var(--yellow);font-family:Chakra Petch;font-size:2rem}.seat-counter span{color:var(--muted)}@keyframes match-spin{to{transform:rotate(360deg)}}@media (max-width:520px){.matchmaking-card{padding:22px}.dpad{grid-template-rows:46px 46px;grid-template-columns:46px 46px 46px}.bomb-button{width:68px;height:68px}.controls{padding:8px}.cosmetic-preview{height:80px}}.home-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.practice-button{height:54px;margin-top:28px;padding-inline:25px}.controls-help{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:18px 0;display:grid}.controls-help div{border:1px solid var(--line);background:#172238;border-radius:12px;padding:12px}.controls-help kbd{min-width:104px;color:var(--yellow);background:#0b1220;border:1px solid #526786;border-radius:7px;margin-right:8px;padding:5px 8px;font-family:Chakra Petch;font-weight:600;display:inline-block}.hud-actions{gap:7px;display:flex}.hud-button{border:1px solid var(--line);color:#fff;background:#172238;border-radius:9px;width:38px;height:34px}.quick-chat{z-index:22;pointer-events:auto;background:#0a1020ed;border:1px solid #536b94;border-radius:14px;grid-template-columns:1fr;gap:5px;width:min(230px,70vw);padding:9px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 18px 50px #000a}.quick-chat[hidden]{display:none}.quick-chat-option{color:#f5f7ff;text-align:left;background:#1b2941;border-radius:8px;min-height:35px;padding:7px 10px}.quick-chat-option:hover{background:#2b3d5e}.compact-menu{max-width:360px}.tutorial-card{text-align:left;max-width:520px}.tutorial-text{color:#d7e0f0;min-height:78px;font-size:1.05rem;line-height:1.6}.tutorial-actions{justify-content:space-between;margin-top:18px}.bot-badge{color:#a9b6ca;letter-spacing:.08em;vertical-align:middle;border:1px solid #4b5b73;border-radius:5px;padding:2px 5px;font-size:.62em;display:inline-block}.orientation-prompt{z-index:100;color:#fff;text-align:center;pointer-events:none;background:#080b13e8;justify-content:center;align-items:center;padding:28px;font-family:Chakra Petch;font-size:clamp(1.15rem,6vw,1.8rem);font-weight:600;display:none;position:fixed;inset:0}.result small{font-family:Inter,sans-serif}.canvas-wrap{overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.game-layout .hud{min-height:52px}@media (orientation:portrait) and (max-width:640px) and (max-height:1000px){.orientation-prompt{display:flex}}@media (max-width:620px){.home-actions{display:grid}.play-button,.practice-button{width:100%;margin-top:12px}.hud{font-size:.78rem}.hud-actions{margin-left:auto}.quick-chat{top:8px;right:8px}}.inline-link{color:#ffe084;text-underline-offset:3px;background:0 0;padding:0;font-weight:800;text-decoration:underline;display:inline}.profile-card{position:relative}.person .head{border-radius:48% 48% 45% 45%;width:46px;height:48px;top:8px;left:28px}.person .hair{transform-origin:50% 20%;border-radius:25px 25px 9px 9px;width:50px;height:22px;top:1px;left:26px}.person .hair:after{content:"";background:var(--hair);position:absolute}.person[data-hair-style=short] .hair{border-radius:24px 24px 8px 8px;width:46px;height:16px;top:4px;left:28px}.person[data-hair-style=short] .hair:after{display:none}.person[data-hair-style=long] .hair{width:54px;height:25px;left:24px}.person[data-hair-style=long] .hair:after{clip-path:polygon(0 0,18% 0,23% 100%,4% 88%,0 45%,96% 45%,100% 88%,77% 100%,82% 0,100% 0);border-radius:7px 7px 18px 18px;width:54px;height:43px;top:13px;left:0}.person .face{width:26px;height:7px;top:35px;left:38px}.person .face:before,.person .face:after{width:4px;height:5px;top:-8px}.person .shirt{height:49px;top:58px}.person .arm{height:46px;top:64px}.person .pants{top:102px}.person .leg{top:112px}.account-sections{gap:10px;max-width:760px;display:grid}.account-sections details{border:1px solid var(--line);background:#121c2f;border-radius:14px;overflow:hidden}.account-sections summary{color:#edf3ff;cursor:pointer;padding:15px 17px;font-family:Chakra Petch;font-weight:600;list-style-position:inside}.account-sections details[open] summary{border-bottom:1px solid var(--line);background:#18243a}.account-sections .form{background:0 0;border:0;border-radius:0}.danger-zone{border-color:#803044!important}.danger-zone summary{color:#ffc5ce}.danger-copy{color:#ffc5ce;margin:0;line-height:1.55}.rating-card{background:linear-gradient(120deg,#192842,#111a2c);border:1px solid #3c5072;border-radius:16px;gap:10px;margin:14px 0;padding:16px;display:grid}.rating-card>div:first-child{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.rating-card b,.rating-card span{font-family:Chakra Petch;font-weight:600}.rating-card .progress{margin:0}.rating-card .progress i{min-width:4px}.toast-region{z-index:120;pointer-events:none;gap:9px;width:min(390px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid #4e617e;border-left:5px solid var(--blue);color:#f5f7ff;opacity:0;background:#111a2ff2;border-radius:13px;padding:13px 15px;transition:opacity .2s,transform .2s;transform:translateY(12px);box-shadow:0 16px 45px #000a}.toast.visible{opacity:1;transform:none}.toast-success{border-left-color:var(--mint)}.toast-warning{border-left-color:var(--yellow)}.toast-error{border-left-color:var(--pink)}.coin-burst{z-index:6;background:var(--yellow);color:#18130a;pointer-events:none;border-radius:999px;padding:9px 13px;font-family:Chakra Petch;font-weight:600;animation:1.35s ease-out forwards coin-rise;position:absolute;bottom:80px;right:18px}@keyframes coin-rise{0%{opacity:0;transform:translateY(18px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:0;transform:translateY(-65px)scale(1)}}.match-end-overlay{z-index:24;text-align:center;background:radial-gradient(circle,#111a2dbd,#060913c7);flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.22s ease-out end-reveal;display:flex;position:absolute;inset:0}.match-end-overlay[hidden]{display:none}.match-end-overlay strong{color:var(--yellow);text-shadow:0 5px 35px #000;font-family:Chakra Petch;font-size:clamp(2.3rem,8vw,5.6rem);font-weight:600}.match-end-overlay span{color:#e5edff;font-size:clamp(.95rem,2vw,1.25rem)}@keyframes end-reveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@media (max-width:620px){.toast-region{width:calc(100vw - 20px);bottom:10px;right:10px}.account-sections summary{padding:13px}.profile-card .person{transform:scale(.88)}}