.game-art--hex{position:relative;overflow-x:clip;container-type:inline-size;--art-focus: #456f73;--art-muted: var(--sketch-muted, #6d7464);--hr: min(calc(100cqw / var(--hw)), 52px);--tr: clamp(11px, 3.4cqw, 16px);color:var(--sketch-ink, #3d403a);background-color:var(--sketch-paper, #fafafa);background-image:var( --sketch-grid, repeating-linear-gradient( to bottom, transparent 0 21px, rgb(61 61 61 / 7%) 21px 22px ) )}@media(min-width:1024px)and (max-width:1179px){.game-art--hex{--hs: .84}}@media(min-width:1024px){.game-art--hex{--hr: min( calc((100cqw - 6rem) / var(--hw)), calc(var(--hf) * var(--hs, 1) * 56.25cqw / var(--hh)) );--tr: clamp( 9px, min( 2.3cqw, calc((100cqw - 1.5rem - var(--tn) * 28px) / var(--sumw)), calc( ( (100cqw + 3rem) * .5625 - 4rem - var(--hh) * var(--hr) - 36px - clamp(12px, 2.2cqw, 28px) - 34px ) / var(--maxh) ) ), 30px )}}.game-art--hex .hx-board{position:relative;flex:none;width:calc(var(--hw) * var(--hr));height:calc(var(--hh) * var(--hr))}.game-art--hex .hx-tile{--bw: clamp(1px, calc(var(--hr) * .03), 1.6px);--inset: calc(var(--bw) / 2);--ro: calc(var(--hr) + var(--bw) * .57735);--ri: calc(var(--hr) - var(--inset) * 1.1547005);--hex: polygon( 50% calc(50% - var(--ro)), calc(50% + var(--ro) * .8660254) calc(50% - var(--ro) * .5), calc(50% + var(--ro) * .8660254) calc(50% + var(--ro) * .5), 50% calc(50% + var(--ro)), calc(50% - var(--ro) * .8660254) calc(50% + var(--ro) * .5), calc(50% - var(--ro) * .8660254) calc(50% - var(--ro) * .5) );--hex-in: polygon( 50% calc(50% - var(--ri)), calc(50% + var(--ri) * .8660254) calc(50% - var(--ri) * .5), calc(50% + var(--ri) * .8660254) calc(50% + var(--ri) * .5), 50% calc(50% + var(--ri)), calc(50% - var(--ri) * .8660254) calc(50% + var(--ri) * .5), calc(50% - var(--ri) * .8660254) calc(50% - var(--ri) * .5) );position:absolute;left:calc(var(--x) * var(--hr));top:calc(var(--y) * var(--hr));width:calc(1.7320508 * var(--hr));height:calc(2 * var(--hr));margin:0;padding:0;border:0;background:var(--tile-ink, var(--sketch-ink, #3d403a));clip-path:var(--hex);outline:none;-webkit-tap-highlight-color:transparent}.game-art--hex .hx-tile:before,.game-art--hex .hx-tile:after{content:"";position:absolute;inset:0;clip-path:var(--hex-in);pointer-events:none}.game-art--hex .hx-tile:before{background:var(--tile-fill, var(--sketch-paper, #fafafa))}.game-art--hex .hx-tile:after{background-image:var(--tile-hatch, none);opacity:.45}.game-art--hex .hx-mark{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--tile-ink, var(--sketch-ink, #3d403a));font-family:var(--font-mono);font-size:max(11px,calc(var(--hr) * .5));font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none;transform:rotate(calc(var(--rot, 0deg) * -1));transition:transform .26s cubic-bezier(.3,1.3,.5,1)}.game-art--hex .hx-cell{--tile-ink: var(--sketch-ink, #3d403a);--tile-fill: var(--sketch-paper, #fafafa);--tile-hatch: none;cursor:pointer}.game-art--hex .hx-cell:disabled{cursor:default}.game-art--hex .hx-solid,.game-art--hex .hx-cell:not([data-owner=""]){--tile-ink: var(--sketch-ink, #3d403a);--tile-fill: var(--piece-color, #b8cdd3);--tile-hatch: var( --sketch-hatch, repeating-linear-gradient( 135deg, transparent 0 5px, rgb(61 64 58 / 13%) 5px 6px ) )}.game-art--hex .hx-cell[data-preview=ok]{--tile-ink: #456f73;--tile-fill: #d9e6e2;--tile-hatch: var(--sketch-hatch, none)}.game-art--hex .hx-cell[data-preview=bad]{--tile-ink: #a45f55;--tile-fill: #efddd7;--tile-hatch: var(--sketch-hatch, none)}.game-art--hex .hx-cell[data-preview=ok],.game-art--hex .hx-cell[data-preview=bad]{z-index:1}.game-art--hex .hx-cell:focus-visible{--tile-ink: #456f73;--inset: calc(var(--bw) / 2 + 2px);z-index:3;outline:none}.game-art--hex .hx-cell[data-pop]{z-index:2;animation:hx-snap .36s cubic-bezier(.3,.9,.4,1) var(--pd, 0ms) backwards}@keyframes hx-snap{0%{transform:translateY(-10%) scale(1.18)}55%{transform:translateY(2%) scale(.93)}80%{transform:scale(1.04)}to{transform:none}}.game-art--hex .hx-board[data-won] .hx-cell{animation:hx-sweep .56s ease-in-out calc(var(--sd, 0ms) + .38s) both}.game-art--hex .hx-board[data-won] .hx-cell[data-pop]{animation:hx-snap .36s cubic-bezier(.3,.9,.4,1) var(--pd, 0ms) backwards,hx-sweep .56s ease-in-out calc(var(--sd, 0ms) + .38s) both}@keyframes hx-sweep{0%,to{filter:none;transform:none}42%{filter:brightness(1.12);transform:scale(1.07)}}.game-art--hex .hx-dock{display:grid;justify-items:center;align-items:center;width:100%;margin-top:clamp(12px,2.2cqw,28px)}.game-art--hex .hx-dock>*{grid-area:1 / 1}.game-art--hex .hx-tray{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%}.game-art--hex .hx-piece{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:48px;min-height:48px;padding:8px 6px 1px;border:1px solid var(--sketch-ink, #3d403a);border-radius:2px;background:var(--sketch-paper, #fafafa);color:var(--sketch-ink, #3d403a);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .28s ease,border-color .14s ease,background-color .14s ease}.game-art--hex .hx-piece:disabled{cursor:default}.game-art--hex .hx-piece:hover:not(:disabled){border-color:#456f73}.game-art--hex .hx-piece.is-selected{border-color:#456f73;background:#e1e7e9;outline:1px solid #456f73}.game-art--hex .hx-piece.is-selected:hover:not(:disabled){border-color:#456f73}.game-art--hex .hx-piece:focus-visible{outline:2px solid var(--art-focus);outline-offset:2px}.game-art--hex .hx-piece[data-placed]{opacity:.4;transform:scale(.93)}.game-art--hex .hx-piece-label{font-family:var(--font-mono);font-size:var(--art-fs-label);font-weight:500;line-height:14px;font-variant-numeric:tabular-nums;color:var(--art-muted)}.game-art--hex .hx-mini{--hr: var(--tr);position:relative;display:block;width:calc(var(--bw) * var(--tr));height:calc(var(--bh) * var(--tr))}.game-art--hex .hx-cluster{position:absolute;left:0;top:0;width:0;height:0;transform:rotate(var(--rot, 0deg));transition:transform .26s cubic-bezier(.3,1.3,.5,1),left .26s ease,top .26s ease}.game-art--hex .hx-cluster.is-centered{left:calc(50% - var(--cx) * var(--hr));top:calc(50% - var(--cy) * var(--hr))}.game-art--hex .hx-ghost{position:absolute;left:0;top:0;z-index:30;width:0;height:0;margin-top:calc(var(--hr) * -2.4);opacity:.94;pointer-events:none}.game-art--hex .hx-status{display:block;min-height:24px;margin-top:12px;max-width:100%;text-align:center;font-family:var(--font-sans);font-size:var(--art-fs-body);font-weight:400;line-height:1.5;color:var(--art-text)}.game-art--hex .hx-status[data-invalid]{color:#a45f55}.game-art--hex .hx-win{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#fafafad6;animation:hx-win-fade .38s ease-out 1s both}.game-art--hex .hx-win-card{min-width:240px;max-width:320px;padding:20px 24px 22px;border:1px solid var(--sketch-ink, #3d403a);border-radius:3px;background:var(--sketch-paper, #fafafa);color:var(--sketch-ink, #3d403a);text-align:center;animation:hx-win-pop .48s cubic-bezier(.3,1.5,.5,1) 1s both}@keyframes hx-win-fade{0%{opacity:0}}@keyframes hx-win-pop{0%{opacity:0;transform:translateY(14px) scale(.92)}}.game-art--hex .hx-win-title{margin:0;font-family:var(--font-sans);font-size:var(--art-fs-title);font-weight:600;line-height:1.2;color:var(--art-text)}.game-art--hex .hx-win-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0;padding:10px 0;border-block:1px solid rgb(61 64 58 / 34%)}.game-art--hex .hx-win-stats dt{font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:500;line-height:1.35;color:var(--art-muted)}.game-art--hex .hx-win-stats dd{margin:2px 0 0;font-family:var(--font-mono);font-size:var(--art-fs-value);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;color:var(--art-text)}.game-art--hex .hx-win-badge{display:inline-block;margin-top:10px;padding:2px 10px;border:1px solid #c1a460;border-radius:2px;background:#f3eddf;color:var(--sketch-ink, #3d403a);font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:600;line-height:1.35}.game-art--hex .hx-win-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.game-art--hex .hx-win-actions button{font-family:var(--font-sans);font-size:var(--art-fs-action);font-weight:600;line-height:1.2;border:1px solid var(--sketch-ink, #3d403a);border-radius:2px;background:var(--sketch-ink, #3d403a);color:var(--sketch-paper, #fafafa)}.game-art--hex .hx-win-actions button:hover:not(:disabled){background:#6d7464}.game-art--hex .hx-win-actions button+button{border-color:var(--sketch-ink, #3d403a);background:var(--sketch-paper, #fafafa);color:var(--sketch-ink, #3d403a)}.game-art--hex .hx-win-actions button+button:hover:not(:disabled){background:var(--sketch-ground)}@media(min-width:1024px){.game-art--hex .hx-dock[data-won] .hx-tray{visibility:hidden}.game-art--hex .hx-win{position:static;padding:0;background:none}.game-art--hex .hx-win-card{display:flex;align-items:center;gap:22px;min-width:0;max-width:none;padding:10px 12px 10px 24px}.game-art--hex .hx-win-stats{display:flex;gap:22px;margin:0;padding:0 22px;border-block:0;border-inline:1px solid rgb(61 64 58 / 34%)}.game-art--hex .hx-win-badge{margin:0}.game-art--hex .hx-win-actions{flex-wrap:nowrap;margin:0}}@media(prefers-reduced-motion:reduce){.game-art--hex .hx-cell,.game-art--hex .hx-board[data-won] .hx-cell,.game-art--hex .hx-board[data-won] .hx-cell[data-pop],.game-art--hex .hx-piece,.game-art--hex .hx-cluster,.game-art--hex .hx-mark,.game-art--hex .hx-win,.game-art--hex .hx-win-card{animation:none!important;transition:none!important}}