.hex-bloom{color:#223144;width:100%}.hex-bloom .game-toolbar{justify-content:space-between;gap:8px}.hex-bloom .game-toolbar label{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.hex-bloom .game-button,.hex-bloom .game-select{min-height:44px}.hex-bloom .hb-hud{justify-content:space-between;align-items:center;gap:10px;max-width:500px;min-height:36px;margin:0 auto 5px;display:flex}.hex-bloom .hb-count{align-items:center;gap:6px;font-size:13px;font-weight:750;display:flex}.hex-bloom .hb-count strong{font-variant-numeric:tabular-nums;margin-left:3px;font-size:20px}.hex-bloom .hb-count .hb-seed{flex:none;width:27px;height:27px}.hex-bloom .hb-count.active .hb-seed{outline-offset:2px;outline:2px solid #117b77}.hex-bloom .game-turn{justify-content:center;min-width:70px;font-size:13px}.hex-bloom .hb-guide{color:#4d6254;justify-content:space-between;align-items:center;gap:8px;max-width:500px;min-height:21px;margin:0 auto 7px;font-size:12px;font-weight:750;display:flex}.hex-bloom .hb-key{white-space:nowrap}.hex-bloom .hb-key i{color:#117b77;margin-left:5px;font-style:normal}.hex-bloom .hb-board{max-width:min(500px,100%,calc((var(--play-height,100svh) - 310px)*1.1135));isolation:isolate;background:#bc8b5d;border:3px solid #725033;border-radius:20px;padding:clamp(8px,1.8vw,12px);position:relative;box-shadow:inset 0 0 0 1px #eac794,0 3px #725033}.hex-bloom .hb-board:before,.hex-bloom .hb-board:after{content:"";pointer-events:none;opacity:.65;border:2px solid #805738;border-radius:90% 5%;width:21px;height:34px;position:absolute}.hex-bloom .hb-board:before{bottom:16px;left:10px;transform:rotate(20deg)}.hex-bloom .hb-board:after{top:16px;right:10px;transform:rotate(20deg)}.hex-bloom .hb-field{aspect-ratio:15.5885/14;width:100%;position:relative}.hex-bloom .hb-row{display:contents}.hex-bloom .hb-cell{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;place-items:center;width:11.1111%;height:14.2857%;margin:0;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.hex-bloom .hb-slot{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hex-bloom .hb-slot polygon{fill:#e6eddb;stroke:#8c9e7c;stroke-width:3px;stroke-linejoin:round}.hex-bloom .hb-content{pointer-events:none;place-items:center;display:grid;position:absolute;inset:10% 9%}.hex-bloom .hb-seed{aspect-ratio:1;border:1.5px solid #775538;border-radius:50%;place-items:center;width:84%;display:grid;box-shadow:0 2px #22314424}.hex-bloom .hb-seed.human{color:#684b32;background:#fff6e3}.hex-bloom .hb-seed.computer{color:#fff6e3;background:#168e88;border-color:#223144}.hex-bloom .hb-seed svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:65%;height:65%}.hex-bloom .selected .hb-slot polygon{fill:#ffe5b6;stroke:#223144;stroke-width:6px}.hex-bloom .selected .hb-seed{outline-offset:1px;outline:2px solid #a9670d}.hex-bloom .legal .hb-slot polygon{fill:#f6f8e8;stroke:#117b77;stroke-width:4px}.hex-bloom .jump .hb-slot polygon{stroke-dasharray:6 4}.hex-bloom .hb-clone-hint{aspect-ratio:1;background:#117b77;border-radius:50%;width:20%}.hex-bloom .hb-jump-hint{color:#117b77;width:55%;height:55%}.hex-bloom .hb-jump-hint svg{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.hex-bloom .latest .hb-seed{outline-offset:1px;outline:2px dashed #223144}.hex-bloom .hb-cell:hover .hb-slot polygon{fill:#eef3e6}.hex-bloom .hb-cell.selected:hover .hb-slot polygon{fill:#ffe5b6}.hex-bloom .hb-cell:focus-visible .hb-slot polygon{stroke:#223144;stroke-width:9px;fill:#ffe5b6}.hex-bloom .hb-cell:focus-visible{z-index:2}.hex-bloom .hb-field[aria-busy=true] .hb-cell{cursor:default}.hex-bloom .hb-board.paused{border-color:#223144}@media (min-width:761px){.hex-bloom .hb-board{max-width:min(500px,100%,calc((var(--play-height,100svh) - 344px)*1.1135))}}@media (max-width:360px){.hex-bloom .hb-hud{gap:7px}.hex-bloom .hb-count{gap:4px;font-size:12px}.hex-bloom .hb-count .hb-seed{width:24px;height:24px}}