.polyomino-game{--game-accent:#f2bd3d;--game-surface-max-width:58rem}.polyomino-game .game-card{background:radial-gradient(circle at 50% 6%,#354147 0,#0000 45%),linear-gradient(150deg,#20292d,#121719 76%);position:relative;overflow:hidden}.polyomino-workbench{gap:.875rem;display:grid}.polyomino-control-rail{min-width:0}@media (width>=39rem){.polyomino-workbench{grid-template-columns:minmax(0,1fr) minmax(8.5rem,.32fr)}}@media (orientation:portrait) and (width>=39rem){.polyomino-control-rail{display:contents}.polyomino-control-rail>:not(.polyomino-tray){grid-column:1/-1}}.polyomino-board{aspect-ratio:var(--polyomino-columns) / var(--polyomino-rows);touch-action:none;user-select:none;background:#0e1416;border:1px solid #ffffff19;border-radius:.9rem;width:100%;max-height:35rem;box-shadow:inset 0 0 2.8rem #0009,0 .8rem 1.8rem #0004}.polyomino-board:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.polyomino-board:focus-visible{outline:3px solid var(--color-game-focus);outline-offset:2px}}.polyomino-board svg{width:100%;height:100%;display:block;overflow:visible}.polyomino-board-cell{fill:#273236;stroke:#536065;stroke-width:.025px}.polyomino-board-void{fill:#0c1113;stroke:#151d20;stroke-width:.018px}.polyomino-placed-piece,.polyomino-candidate{cursor:grab;fill:var(--piece-color);filter:drop-shadow(0 .08px .1px #000b)}.polyomino-candidate[data-hint=true]{filter:drop-shadow(0 0 .22rem #facc15)}.polyomino-piece-edge{stroke:color-mix(in srgb, var(--piece-color), white 38%);stroke-linecap:round;stroke-linejoin:round;stroke-width:.065px}.polyomino-candidate{opacity:.72;pointer-events:none}.polyomino-candidate .polyomino-piece-edge{stroke:#fff;stroke-dasharray:.12 .08;stroke-width:.055px}.polyomino-legal-marker{cursor:pointer;fill:#f2bd3d;opacity:.78;pointer-events:none;stroke:#2f2409;stroke-width:.035px}.polyomino-legal-marker[data-selected=true]{fill:#c9ff82;filter:drop-shadow(0 0 .12px #c9ff82);opacity:1}.polyomino-board[data-complete=true] .polyomino-placed-piece{animation:.48s ease-out both polyomino-settle}.polyomino-piece-card:hover:not(:disabled),.polyomino-piece-card[aria-pressed=true]{border-color:var(--piece-color);box-shadow:0 0 .8rem color-mix(in srgb, var(--piece-color), transparent 65%);color:#fff;background:#273338}.polyomino-piece-card[data-placed=true]{cursor:default;opacity:.22}.polyomino-piece-card{touch-action:none}.polyomino-piece-card:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.polyomino-piece-card:focus-visible{outline:3px solid var(--color-game-focus);outline-offset:2px}}.polyomino-piece-preview{fill:var(--piece-color);width:3.3rem;max-width:100%;height:2.7rem}.polyomino-piece-preview-edge{stroke:color-mix(in srgb, var(--piece-color), white 42%);stroke-linecap:round;stroke-linejoin:round;stroke-width:.11px}@media (orientation:landscape) and (width>=43rem){.polyomino-game{--game-surface-max-width:80rem;max-width:min(80rem,100vw - 3rem)}.polyomino-game>.game-header{margin-bottom:.65rem}.polyomino-game>.game-header h1{font-size:clamp(1.45rem,3.2vh,2rem)}.polyomino-game>.game-card{flex-direction:column;padding:clamp(.65rem,1.5vw,1rem);display:flex}.polyomino-game .game-catalogue-disclosure{order:2;margin-block:1rem 0}.polyomino-workbench{order:1;grid-template-columns:minmax(0,1fr) minmax(19rem,.58fr);align-items:start;gap:clamp(.65rem,1.4vw,1rem)}.polyomino-board{place-self:start center;width:auto;max-width:100%;height:calc(100dvh - 8.5rem);max-height:calc(100dvh - 8.5rem)}.polyomino-control-rail{flex-direction:column;min-height:0;max-height:calc(100dvh - 8.5rem);display:flex}.polyomino-piece-list{grid-template-columns:repeat(4,minmax(0,1fr))}.polyomino-piece-card{min-height:4.2rem}.polyomino-control-rail .game-action-bar{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.65rem}.polyomino-game>.game-card>.game-pack-progress,.polyomino-game>.game-card>.game-rules{order:3}}@media (orientation:landscape) and (width>=43rem) and (height<=31rem){.polyomino-game{max-width:calc(100vw - 3rem)}.polyomino-game>.game-header{margin-bottom:.4rem}.polyomino-game>.game-header .game-icon-button{width:2.75rem;height:2.75rem}.polyomino-game>.game-card{padding:.55rem}.polyomino-workbench{grid-template-columns:minmax(16rem,.82fr) minmax(0,1.18fr);gap:.6rem}.polyomino-board,.polyomino-control-rail{max-height:calc(100dvh - 5.75rem)}.polyomino-board{height:calc(100dvh - 5.75rem)}.polyomino-tray{padding:.45rem}.polyomino-tray-heading{margin-bottom:.3rem}.polyomino-piece-list{gap:.3rem}.polyomino-piece-card{min-height:3.25rem;padding:.2rem}.polyomino-piece-preview{width:2.5rem;height:1.8rem}.polyomino-console{grid-template-columns:minmax(5rem,.45fr) minmax(0,1fr);align-items:center;gap:.45rem;margin-top:.45rem;padding:.4rem .5rem;display:grid}.polyomino-transform-controls{flex-wrap:nowrap}.polyomino-console .game-button,.polyomino-control-rail .game-action-bar .game-button{min-height:2.75rem;padding:.35rem .6rem}.polyomino-control-rail .game-status{min-height:1.2rem;margin-top:.35rem}.polyomino-control-rail .game-action-bar{gap:.4rem;margin-top:.35rem}.polyomino-game .game-catalogue-disclosure{margin-top:.75rem}}@keyframes polyomino-settle{0%{opacity:.55;transform:translateY(-.08px)}to{opacity:1;transform:translateY(0)}}