@import"//fonts.googleapis.com/css?family=Roboto+Condensed:400,600,700";.mt-auto{margin-top:auto}.flex{display:flex}.min-h-\[100dvh\]{min-height:100dvh}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.text-inherit{color:inherit}.no-underline{text-decoration-line:none}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:#000}.board{--glow-rgb: 255, 102, 0;--text-color: #fa0;--danger-fill-color: #f23;--danger-glow-rgb: 255, 0, 0;--danger-text-color: #f30;--info-glow-rgb: 0, 170, 0;--info-text-color: #00ff00;--gutter-size: 8px;padding-left:1rem;padding-top:1rem}.piece{float:left;margin-bottom:1rem;margin-right:1rem}.-bordered{--border-glow-color: rgba(var(--glow-rgb), .7);border-radius:var(--gutter-size);border-style:solid;border-width:3px;box-shadow:inset 0 0 0 1px var(--border-glow-color),0 0 0 1px var(--border-glow-color)}.-bordered.--danger{--border-glow-color: rgba(var(--danger-glow-rgb), .7)}.-bordered.--info{--border-glow-color: rgba(var(--info-glow-rgb), .7)}.-bordered.--block{border-radius:0}.-striped{--stripe-color: var(--danger-fill-color);--stripe-size: 15px;--glow-color: rgba(var(--danger-glow-rgb), .8);--glow-size: 3px;--shade-3: rgba(0, 0, 0, .3);background-image:repeating-linear-gradient(-45deg,var(--glow-color) calc(-1 * var(--glow-size)),var(--stripe-color) 0,var(--stripe-color) calc(var(--stripe-size) - var(--glow-size) / 2),var(--glow-color) calc(var(--stripe-size) + var(--glow-size) / 2),transparent calc(var(--stripe-size) + var(--glow-size) / 2),transparent calc(2 * var(--stripe-size)),var(--glow-color) calc(2 * var(--stripe-size) - var(--glow-size)));box-shadow:inset 0 0 1px calc(var(--glow-size) / 2) var(--shade-3)}.label{display:inline-block;font:400 32px Roboto Condensed;letter-spacing:-1px;line-height:1;padding:1px calc(var(--gutter-size) - 3px);text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;--text-glow-color: rgba(var(--glow-rgb), .5);color:var(--text-color);text-shadow:-1px 1px 0 var(--text-glow-color),1px -1px 0 var(--text-glow-color),-1px -1px 0 var(--text-glow-color),1px 1px 0 var(--text-glow-color)}.label.-short{font-size:40px}.label.--danger{--text-glow-color: rgba(var(--danger-glow-rgb), .5);color:var(--danger-text-color)}.label.--info{--text-glow-color: rgba(var(--info-glow-rgb), .5);color:var(--info-text-color)}.label.--image{padding:0;line-height:0;overflow:hidden}.label.--image img{display:block;width:200px;height:200px;object-fit:cover}.label+.separator{height:var(--gutter-size)}.label .text.-characters{font-weight:600}.label#internal{--decal-width: 50px;--label-corner-size: 3px;--label-gutter-size: 5px;display:grid;column-gap:var(--label-gutter-size);grid-template-columns:auto var(--decal-width);padding:var(--label-corner-size)}.label#internal .text{text-align:right}.label#internal .text.-characters{font-size:64px;padding-top:var(--label-gutter-size)}.label#internal .decal{border-radius:calc(var(--label-corner-size) - 1px);grid-area:1 / 2 / span 2 / 2}.hex{--edge-size: 20px;--diagonal-size: calc(var(--edge-size) * 2);--diagonal-s-size: calc(var(--edge-size) * 1.75);--gutter-ratio: .85;--gutter-size: calc(var(--edge-size) * .35);--gutter-d-size: calc(var(--edge-size) / 2);float:left;height:var(--diagonal-s-size);margin-bottom:var(--gutter-size);margin-left:calc(var(--gutter-ratio) * var(--edge-size) / 2);margin-right:calc(var(--gutter-ratio) * var(--edge-size) / 2);position:relative;width:var(--edge-size);--fill-color: var(--danger-text-color);--glow-color: rgba(var(--danger-glow-rgb), .5);background:var(--fill-color);box-shadow:0 0 var(--gutter-d-size) var(--glow-color),0 0 calc(var(--gutter-d-size) / 2) var(--glow-color);--blink-duration: 3s;animation-delay:.1s}.hex.--info{--fill-color: var(--info-text-color);--glow-color: rgba(var(--info-glow-rgb), .5)}.hex.--info.-blink{--blink-duration: 3s}.hex:before,.hex:after{content:"";display:block;position:absolute}.hex:nth-child(odd){top:calc((var(--diagonal-s-size) + var(--gutter-size)) / 2)}.-border-method .hex{--tip-height: var(--diagonal-s-size);--tip-width: calc(var(--edge-size) * 2)}.-border-method .hex:before,.-border-method .hex:after{border-color:transparent var(--fill-color);border-style:solid;border-width:calc(var(--tip-height) / 2) var(--tip-width)}.-border-method .hex:before{border-left:0;left:calc(-1 * var(--tip-width))}.-border-method .hex:after{border-right:0;right:calc(-1 * var(--tip-width))}.-rotate-method .hex:before,.-rotate-method .hex:after{background:var(--fill-color);box-shadow:inherit;height:var(--diagonal-s-size);width:var(--edge-size)}.-rotate-method .hex:before{transform:rotate(60deg)}.-rotate-method .hex:after{transform:rotate(-60deg)}@keyframes blink{50%{opacity:0}}.-blink{animation-name:blink;animation-duration:var(--blink-duration);animation-iteration-count:infinite;animation-timing-function:steps(1)}.-static .-blink{animation-play-state:paused!important}.hex{animation-delay:.1s}.hex:nth-child(2n){animation-delay:.2s}.hex:nth-child(3n){animation-delay:.3s}.hex-row:nth-child(2n)>.hex{animation-delay:.3s}.hex-row:nth-child(2n)>.hex:nth-child(2n){animation-delay:.2s}.hex-row:nth-child(2n)>.hex:nth-child(3n){animation-delay:.1s}.label.-blink,.-striped.-blink{--blink-duration: .1s}.--info.-blink{--blink-duration: 2s}.button.-blink{--blink-duration: 0s}.button.-blink:hover{--blink-duration: 2s}