@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap";:root{--ms-cream: #f4efe4;--ms-cream-dark: #e2d8c4;--ms-ink: #1a1a22;--ms-ink-soft: #2a2a34;--ms-cyan: #40e0d8;--ms-cyan-bright: #7af8f0;--ms-cyan-deep: #1a9a90;--ms-sand: #e0a030;--ms-sand-light: #f0c050;--ms-orange: #ff7a28;--ms-red: #ff5060;--ms-muted: #6a6a78;--ms-panel: #f8f2e6;--ms-panel-edge: #1a1a22;--ms-void: rgba(8, 10, 16, .72);--font: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--font);color:var(--ms-ink);z-index:10;-webkit-user-select:none;user-select:none}#ui-root .interactive{pointer-events:auto}#hud{position:absolute;top:0;right:0;bottom:0;left:0;display:none}#hud.visible{display:block}.ms-hud-top{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.ms-left{display:flex;flex-direction:column;gap:8px}.ms-diamonds{display:flex;gap:6px;flex-wrap:wrap;max-width:300px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.ms-gem{width:16px;height:16px;background:#2a3540;border:2.5px solid var(--ms-ink);transform:rotate(45deg);border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff14}.ms-gem.full{background:linear-gradient(145deg,#c8fff8,#40e0d8 45%,#28b8b0);border-color:var(--ms-ink);box-shadow:inset 0 1px #ffffff8c,0 0 8px #40e0d873}.ms-crystal{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 8px;background:var(--ms-cream);border:3px solid var(--ms-ink);border-radius:999px;font-weight:900;font-size:15px;color:var(--ms-ink);width:fit-content;box-shadow:0 3px 0 var(--ms-ink),0 4px 10px #00000040}.ms-crystal-icon{width:14px;height:18px;background:linear-gradient(180deg,#ffb050,#ff6020);clip-path:polygon(50% 0%,100% 32%,82% 100%,18% 100%,0% 32%);border:none;filter:drop-shadow(0 0 1px var(--ms-ink));box-shadow:0 0 6px #ff642880}#crystal-count{letter-spacing:.02em}.minimap-wrap{width:118px;height:118px;border-radius:14px;background:var(--ms-cream);border:3px solid var(--ms-ink);overflow:hidden;box-shadow:0 3px 0 var(--ms-ink),0 6px 16px #0000004d;padding:3px}#minimap{width:100%;height:100%;display:block;border-radius:10px;background:#0c1018}.ms-ability-bar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:12px;align-items:flex-end;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.ms-hex{width:56px;height:50px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:#1e2838;position:relative;display:grid;place-items:center;box-shadow:0 0 0 3px var(--ms-cream),0 0 0 6px var(--ms-ink)}.ms-hex:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:linear-gradient(180deg,#2a3848,#141c28);z-index:0}.ms-hex-main{width:66px;height:58px;box-shadow:0 0 0 3px var(--ms-cream),0 0 0 6px var(--ms-ink),0 0 18px #40e0d859}.ms-hex span{position:relative;z-index:2;font-size:11px;font-weight:900;color:var(--ms-cyan-bright);letter-spacing:.06em;text-shadow:0 1px 0 #000}.ms-hex-fill{position:absolute;left:4px;right:4px;bottom:4px;height:100%;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:linear-gradient(180deg,transparent 20%,rgba(64,200,255,.55));transition:height .1s linear;z-index:1}.ms-hex-fill.energy{background:linear-gradient(180deg,transparent 20%,rgba(64,232,200,.6))}.hint-bar{position:absolute;left:50%;bottom:96px;transform:translate(-50%);padding:7px 16px;background:var(--ms-cream);border:3px solid var(--ms-ink);border-radius:999px;font-size:12px;font-weight:700;color:var(--ms-ink-soft);white-space:nowrap;box-shadow:0 3px 0 var(--ms-ink);max-width:92vw;overflow:hidden;text-overflow:ellipsis}.hint-bar kbd{display:inline-block;padding:1px 6px;border-radius:5px;background:var(--ms-cyan);border:2px solid var(--ms-ink);color:var(--ms-ink);font-size:11px;font-weight:900;font-family:inherit}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%);padding:10px 22px;background:var(--ms-cream);border:3px solid var(--ms-ink);border-radius:14px;font-weight:900;font-size:15px;color:var(--ms-ink);opacity:0;transition:opacity .2s ease;box-shadow:0 4px 0 var(--ms-ink),0 8px 24px #0000004d;pointer-events:none}.toast.show{opacity:1}.boss-bar-wrap{position:absolute;left:50%;top:14px;transform:translate(-50%);width:min(420px,72vw);display:none;flex-direction:column;gap:6px;align-items:center}.boss-bar-wrap.visible{display:flex}.boss-name{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ms-cream);text-shadow:0 0 0 2px var(--ms-ink),0 2px 0 var(--ms-ink),0 0 12px rgba(255,80,100,.5);-webkit-text-stroke:.5px var(--ms-ink)}.boss-bar-track{width:100%;height:14px;background:var(--ms-cream);border-radius:8px;border:3px solid var(--ms-ink);overflow:hidden;box-shadow:0 3px 0 var(--ms-ink);padding:2px}.boss-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#a01828,#ff4058,#ffb0b8);transition:width .12s ease;box-shadow:inset 0 1px #ffffff59}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#141c2873,#06080ee0);pointer-events:auto;padding:16px}.overlay.visible{display:flex}.panel,.ms-panel{position:relative;width:min(440px,94vw);padding:28px 26px 24px;background:linear-gradient(165deg,#fbf6ea,#efe6d2 55%,#e4d8c0);border:4px solid var(--ms-ink);border-radius:20px;box-shadow:0 6px 0 var(--ms-ink),0 14px 40px #0006,inset 0 1px #ffffffa6;text-align:center;color:var(--ms-ink)}.ms-panel:before,.ms-panel:after{content:"";position:absolute;width:12px;height:12px;background:var(--ms-cyan);border:2.5px solid var(--ms-ink);transform:rotate(45deg);box-shadow:inset 0 1px #ffffff80}.ms-panel:before{top:14px;left:14px}.ms-panel:after{top:14px;right:14px}.panel-deco{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.panel-deco .dot{width:8px;height:8px;border-radius:50%;background:var(--ms-cyan);border:2px solid var(--ms-ink)}.logo{font-size:clamp(28px,5.5vw,40px);font-weight:900;color:var(--ms-cyan-deep);margin-bottom:6px;letter-spacing:-.02em;text-shadow:2px 2px 0 var(--ms-ink),-1px 0 0 var(--ms-ink),1px 0 0 var(--ms-ink),0 -1px 0 var(--ms-ink),0 3px 0 rgba(0,0,0,.15);line-height:1.15}.logo.danger{color:var(--ms-red);text-shadow:2px 2px 0 var(--ms-ink),-1px 0 0 var(--ms-ink),1px 0 0 var(--ms-ink),0 -1px 0 var(--ms-ink)}.logo.victory{color:var(--ms-sand);text-shadow:2px 2px 0 var(--ms-ink),-1px 0 0 var(--ms-ink),1px 0 0 var(--ms-ink),0 -1px 0 var(--ms-ink)}.tagline{color:var(--ms-muted);font-size:14px;font-weight:700;margin-bottom:20px;line-height:1.55}.btn-row{display:flex;flex-direction:column;gap:10px;margin-top:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--ms-ink);background:linear-gradient(180deg,#6ef0e8,#30c8c0 55%,#22a8a0);color:var(--ms-ink);font-family:inherit;font-weight:900;font-size:16px;padding:13px 20px;border-radius:14px;cursor:pointer;box-shadow:0 4px 0 var(--ms-ink);transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;letter-spacing:.01em}.btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 5px 0 var(--ms-ink)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ms-ink)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.3)}.btn.secondary{background:linear-gradient(180deg,#fff8ec,#e8dcc8);color:var(--ms-ink-soft);font-size:14px;box-shadow:0 3px 0 var(--ms-ink)}.btn.secondary:hover{box-shadow:0 4px 0 var(--ms-ink)}.controls-help{margin-top:18px;padding-top:14px;border-top:3px dashed rgba(26,26,34,.15);text-align:left;font-size:12px;font-weight:700;color:var(--ms-muted);line-height:1.75}.controls-help strong{color:var(--ms-ink)}.end-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;border:3px solid var(--ms-ink);background:linear-gradient(160deg,#2a3848,#141c28);display:grid;place-items:center;box-shadow:0 3px 0 var(--ms-ink);font-size:26px;line-height:1}.end-icon.down{background:linear-gradient(160deg,#4a2030,#1a0c14)}.end-icon.win{background:linear-gradient(160deg,#40c8b8,#208878)}#end-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 18px}.stat-line{margin:0;padding:10px 8px;font-size:13px;font-weight:800;color:var(--ms-muted);background:#1a1a220f;border:2px solid rgba(26,26,34,.12);border-radius:12px;display:flex;flex-direction:column;gap:2px}.stat-line span{color:var(--ms-cyan-deep);font-weight:900;font-size:18px}.shop-grid{display:grid;gap:8px;margin:12px 0 16px;text-align:left;max-height:42vh;overflow-y:auto;padding-right:4px}.shop-grid::-webkit-scrollbar{width:6px}.shop-grid::-webkit-scrollbar-thumb{background:var(--ms-sand);border-radius:4px;border:1px solid var(--ms-ink)}.shop-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#ffffff73;border:3px solid var(--ms-ink);border-radius:12px;box-shadow:0 2px #1a1a2233}.shop-item.owned{opacity:.5}.shop-item-info{flex:1;min-width:0}.shop-item-info h4{font-size:13px;font-weight:900;margin-bottom:2px;color:var(--ms-ink)}.shop-item-info p{font-size:11px;font-weight:700;color:var(--ms-muted);line-height:1.3}.shop-price{color:var(--ms-orange);font-weight:900;font-size:13px;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.08)}.shop-item .btn{padding:8px 12px;font-size:12px;border-radius:10px;box-shadow:0 2px 0 var(--ms-ink);flex-shrink:0}.shop-crystals-row{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#1a1a220f;border:2px solid rgba(26,26,34,.12);border-radius:999px;font-weight:800;font-size:14px;color:var(--ms-muted);margin-bottom:4px}.shop-crystals-row strong{color:var(--ms-orange);font-size:16px}.damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(255,60,80,.18));opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:20}.damage-flash.on{opacity:1}.vc-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.vc-root.hidden{display:none!important}.vc-left,.vc-right{position:absolute;bottom:max(18px,env(safe-area-inset-bottom,12px));pointer-events:none;display:flex;align-items:flex-end;gap:12px}.vc-left{left:max(12px,env(safe-area-inset-left,12px))}.vc-right{right:max(12px,env(safe-area-inset-right,12px));flex-direction:column;align-items:flex-end}.vc-stick{position:relative;width:min(38vw,148px);height:min(38vw,148px);border-radius:50%;background:#0a0e1661;border:3px solid rgba(242,235,224,.45);box-shadow:0 0 0 2px #1a1a2280,inset 0 0 24px #00000059;pointer-events:auto;touch-action:none}.vc-stick-aim{border-color:#40e0d880;box-shadow:0 0 0 2px #1a1a2280,0 0 18px #40e0d833,inset 0 0 24px #00000059}.vc-knob{position:absolute;left:50%;top:50%;width:42%;height:42%;margin:-21% 0 0 -21%;border-radius:50%;background:linear-gradient(160deg,#f4efe4,#d8d0c0);border:3px solid #1a1a22;box-shadow:0 3px #1a1a22,0 6px 12px #00000059;pointer-events:none;will-change:transform}.vc-stick-aim .vc-knob{background:linear-gradient(160deg,#6ef0e8,#30c8c0)}.vc-label{position:absolute;left:50%;bottom:10%;transform:translate(-50%);font-size:10px;font-weight:900;letter-spacing:.08em;color:#f4efe48c;pointer-events:none;text-shadow:0 1px 2px #000}.vc-actions{display:flex;flex-direction:row;align-items:flex-end;gap:10px;margin-bottom:8px;pointer-events:none}.vc-btn{pointer-events:auto;touch-action:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #1a1a22;border-radius:50%;font-family:inherit;font-weight:900;color:#1a1a22;cursor:pointer;box-shadow:0 4px #1a1a22;transition:transform .06s ease,box-shadow .06s ease;-webkit-tap-highlight-color:transparent}.vc-btn.pressed,.vc-btn:active{transform:translateY(3px);box-shadow:0 1px #1a1a22}.vc-fire{width:min(22vw,88px);height:min(22vw,88px);font-size:clamp(12px,3.2vw,15px);background:linear-gradient(180deg,#6ef0e8,#22a8a0);letter-spacing:.04em}.vc-dash{width:min(16vw,64px);height:min(16vw,64px);font-size:clamp(9px,2.4vw,11px);background:linear-gradient(180deg,#fff8ec,#e0a030);margin-bottom:6px}.vc-interact{width:min(14vw,56px);height:min(14vw,56px);font-size:clamp(12px,3vw,16px);background:linear-gradient(180deg,#e8f0ff,#a0b8d0);margin-bottom:18px}.vc-pause{position:absolute;top:max(12px,env(safe-area-inset-top,10px));right:max(12px,env(safe-area-inset-right,12px));width:44px;height:44px;font-size:12px;border-radius:12px;background:#f4efe4e0;pointer-events:auto;z-index:16}@media(pointer:coarse),(hover:none){.ms-ability-bar{bottom:max(12px,env(safe-area-inset-bottom));opacity:.55}.hint-bar{bottom:auto;top:max(10px,env(safe-area-inset-top));left:50%;right:auto;max-width:min(70vw,320px);font-size:11px;white-space:normal;text-align:center}.minimap-wrap{width:88px;height:88px}}@media(max-height:480px)and (orientation:landscape){.vc-stick{width:min(28vh,120px);height:min(28vh,120px)}.vc-fire{width:min(18vh,72px);height:min(18vh,72px)}.vc-dash{width:min(14vh,56px);height:min(14vh,56px)}.vc-left,.vc-right{bottom:max(8px,env(safe-area-inset-bottom,8px))}}