:root{--color-ember: #FF7A1A;--color-nature: #2E8B57;--color-water: #4FD9FF;--color-magenta: #C05CFF;--backdrop-blur: blur(10px)}.hud-wrapper{--board-width: 28rem;position:relative;z-index:20;width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-scaler{width:100%;max-width:var(--board-width);aspect-ratio:1524 / 422;position:relative;margin-top:1.5rem;margin-left:auto;margin-right:auto}.hud-base{width:100%;height:100%;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:calc(var(--board-width) / 70)}.hud-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hud-diamond-img{width:1.2em;height:1.2em;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));flex-shrink:0}*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}button{border-radius:0}.glass-morphism{background:#0f0518b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:inherit}.gpu-accelerated{transform:translateZ(0);-webkit-will-change:transform,opacity;-moz-will-change:transform,opacity;-ms-will-change:transform,opacity;will-change:transform,opacity}.perspective{-ms-perspective:1000px;perspective:1000px}.perspective-child{transform-style:preserve-3d}.smooth-transition{transition:all .3s ease-out}.drop-shadow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.flexbox-container{display:-moz-flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.grid-container{display:-ms-grid;display:grid}@supports (display: flex) or (display: -webkit-flex){.flex-supported{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex}}.clip-path-container{clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.text-optimize{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@supports (height: 100dvh){html,body{height:100dvh}}@supports not (height: 100dvh){html,body{height:100vh}}@supports (aspect-ratio: 1){.aspect-square{aspect-ratio:1 / 1}}@supports not (aspect-ratio: 1){.aspect-square{position:relative;padding-bottom:100%}.aspect-square>*{position:absolute;top:0;left:0;width:100%;height:100%}}@keyframes tile-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes glow{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.2)}}@keyframes lightning-pump{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}75%{transform:scale(1.25)}}@media print{*{-webkit-print-color-adjust:exact;color-adjust:exact}}