:root{--app-w: 100vw;--app-h: 100dvh;--safe-t: env(safe-area-inset-top);--safe-r: env(safe-area-inset-right);--safe-b: env(safe-area-inset-bottom);--safe-l: env(safe-area-inset-left)}@media(display-mode:standalone),(display-mode:fullscreen){:root{--app-h: 100vh}}html.standalone{--app-h: 100vh}html,body{margin:0;padding:0;background:#04060a;overscroll-behavior:none;height:var(--app-h);overflow:hidden;color:#dbe6f0;font-family:Chakra Petch,system-ui,sans-serif;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}body.bleed{padding:0}body.bleed #root{position:fixed;top:0;left:0;width:100vw;height:100vh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}a{color:#5ed2e6;text-decoration:none}a:hover{color:#9be9f5}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;transition:filter .12s ease}button:disabled{cursor:not-allowed}:root{--press-hover: brightness(1.22);--press-hold: brightness(1.45) saturate(1.08);--mark-hover: brightness(1.25) saturate(1.1);--mark-hold: brightness(1.55) saturate(1.22);--press-veil: #dbe6f0;--press-wash: #5ed2e6}@media(hover:hover)and (pointer:fine){button:not(:disabled):not([aria-disabled=true]):not([data-press]):hover{filter:var(--press-hover)}}button:not(:disabled):not([aria-disabled=true]):not([data-press]):active{filter:var(--press-hold);transition-duration:0s}@media(hover:hover)and (pointer:fine){[data-press=mark]:not(:disabled):not([aria-disabled=true]):hover{filter:var(--mark-hover)}}[data-press=mark]:not(:disabled):not([aria-disabled=true]):active{filter:var(--mark-hold);transition-duration:0s}[data-press=veil]:after,[data-press=hex]:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .13s ease}[data-press=veil]:after{background:var(--press-veil);box-shadow:inset 0 0 0 2px var(--press-veil);border-radius:inherit}[data-press=hex]:after{background:var(--press-wash)}[data-press=hex][data-highlight=danger]{--press-wash: #e0607a}@media(hover:hover)and (pointer:fine){[data-press=veil]:not(:disabled):not([aria-disabled=true]):hover:after{opacity:.1}[data-press=hex]:not(:disabled):not([aria-disabled=true]):hover:after{opacity:.06}}[data-press=veil]:not(:disabled):not([aria-disabled=true]):active:after{opacity:.22;transition-duration:0s}[data-press=hex]:not(:disabled):not([aria-disabled=true]):active:after{opacity:.14;transition-duration:0s}[data-panning] [data-press]:not(:disabled):not([aria-disabled=true]):active:after{opacity:0;transition-duration:.1s}[data-panning] [data-press=mark]:not(:disabled):not([aria-disabled=true]):active{filter:none;transition-duration:.1s}@media(prefers-reduced-motion:reduce){button{transition-duration:0s}[data-press]:after{transition-duration:0s}}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}input,select{font:inherit;color:#e6f0f7;background:#0b131b;border:1px solid rgba(126,164,190,.3);border-radius:5px;padding:6px 8px;min-height:40px}#root{height:100%;overflow:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#7ea4be47;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes slotPulse{0%,to{opacity:.45;transform:scale(.97)}50%{opacity:1;transform:scale(1.01)}}@keyframes armed{0%,to{box-shadow:0 0 #e3a05a00,0 0 18px #e3a05a99}50%{box-shadow:0 0 0 5px #e3a05a29,0 0 26px #e3a05ad9}}@keyframes dice{0%{transform:rotate(0) scale(.6);opacity:0}60%{transform:rotate(380deg) scale(1.15);opacity:1}to{transform:rotate(360deg) scale(1);opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(220%)}}@keyframes warpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes strike{0%{opacity:0;transform:translate(-5px)}18%{opacity:1;transform:translate(3px)}60%{opacity:.5;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(26px)}}@keyframes partLand{0%{opacity:0;transform:scale(1.5);box-shadow:0 0 0 3px #ffe3abe6,0 0 18px #ffe3abbf}55%{opacity:1;transform:scale(1);box-shadow:0 0 0 2px #ffe3abd9,0 0 14px #ffe3ab99}to{opacity:1;transform:scale(1);box-shadow:0 0 #ffe3ab00,0 0 #ffe3ab00}}@keyframes partLeave{0%{opacity:1;transform:scale(1);filter:saturate(1);box-shadow:0 0 0 2px #e3a05ad9,0 0 14px #e3a05a8c}30%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(.62) translateY(-14px);filter:saturate(0);box-shadow:0 0 #e3a05a00,0 0 #e3a05a00}}@keyframes stageSettle{0%{transform:scale(.4)}72%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes stageGrow{0%{opacity:0;transform:scale(.4)}30%{opacity:1}72%{transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes stageFace{0%{opacity:0}14%{opacity:1}68%{opacity:1}to{opacity:0}}@keyframes stageMark{0%{opacity:0}8%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes stageRingIn{0%{transform:scale(2.6)}62%{transform:scale(.94)}to{transform:scale(1)}}@keyframes stageWash{0%{transform:scale(1.16);filter:saturate(1.8)}70%{transform:scale(.995)}to{transform:scale(1);filter:saturate(1)}}@keyframes stageLand{0%{opacity:0;transform:scale(1.4)}30%{opacity:1;transform:scale(1.06)}48%{transform:scale(1)}74%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes stageFlash{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.9)}}@keyframes stageDropIn{0%{opacity:0;transform:translateY(-72px) scale(.7)}55%{opacity:1;transform:translateY(0) scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(0) scale(1)}}@keyframes stageLift{0%{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}35%{opacity:1;transform:translateY(-6px) scale(1.06)}to{opacity:0;transform:translateY(-72px) scale(.7);filter:saturate(0)}}@keyframes stageShatter{0%{opacity:1;transform:scale(1) rotate(0);filter:saturate(1)}28%{opacity:1;transform:scale(1.3) rotate(-8deg)}to{opacity:0;transform:scale(.25) rotate(38deg);filter:saturate(0)}}@keyframes stageFlip{0%{opacity:0;transform:rotateY(0) scale(.9)}14%{opacity:1;transform:rotateY(0) scale(1)}52%{transform:rotateY(88deg) scale(1.06)}to{opacity:1;transform:rotateY(0) scale(1.06)}}@keyframes stageReveal{0%{opacity:0}50%{opacity:0}62%{opacity:1}to{opacity:1}}@keyframes stageFlipIn{0%{transform:rotate(-72deg)}to{transform:rotate(0)}}@keyframes stageUncover{0%{opacity:1}40%{opacity:1}52%{opacity:0}to{opacity:0}}@keyframes stageRise{0%{transform:translateY(14px) scale(.9)}to{transform:translateY(0) scale(1)}}@keyframes stageFade{0%{opacity:0}16%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes stagePulse{0%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}to{opacity:.55;transform:scale(.94)}}@keyframes stageTracer{0%{opacity:0;transform:scaleX(0)}10%{opacity:1}52%{transform:scaleX(1)}62%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes stageBurst{0%{opacity:1;transform:scale(.3)}40%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.5)}}@keyframes stageBlowout{0%{opacity:1;transform:scale(.25)}30%{opacity:1;transform:scale(1.3)}60%{opacity:.8;transform:scale(1.7)}to{opacity:0;transform:scale(2.4)}}@keyframes veil{0%{opacity:0}to{opacity:1}}@keyframes combatBolt{0%{opacity:0;transform:scaleX(0)}8%{opacity:1}46%{transform:scaleX(1)}72%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes combatBlast{0%{opacity:0;transform:scale(.15)}12%{opacity:1;transform:scale(.85)}34%{opacity:.92;transform:scale(1.06)}to{opacity:0;transform:scale(.72)}}@keyframes combatShock{0%{opacity:0;transform:scale(.2)}10%{opacity:.95}to{opacity:0;transform:scale(1.75)}}
