.CtYSDa_root{background:var(--games-route-bg,var(--background));color:var(--games-route-fg,var(--foreground));overscroll-behavior-y:contain;padding:var(--blokus-top) max(1rem, env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));--blokus-top:5.5rem;--blokus-accent:#0369a1;--blokus-muted:var(--games-route-muted,var(--muted-foreground));--blokus-border:var(--games-route-border,var(--border));--blokus-surface:var(--games-route-surface-raised,var(--card));--blokus-solid:var(--games-route-surface-solid,var(--card));--blokus-slot:color-mix(in srgb, var(--games-route-fg,var(--foreground)) 6%, var(--blokus-solid));--board-rim-top:#dfe2e7;--board-rim-bottom:#aeb4be;--board-ridge:#d3d7dd;--board-well-top:#9ea5b0;--board-well-bottom:#bcc2ca;--board-lip:#ffffffbf;--board-start-ring:#fff;flex-direction:column;align-items:center;gap:1rem;font-family:system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}html.dark .CtYSDa_root{--blokus-accent:#38bdf8;--board-rim-top:#5b616d;--board-rim-bottom:#333842;--board-ridge:#4d535e;--board-well-top:#23272f;--board-well-bottom:#333842;--board-lip:#ffffff29;--board-start-ring:#dbe1ea}.CtYSDa_color0{--piece-high:#7cb4ff;--piece:#2563eb;--piece-low:#1a48b8;--piece-edge:#173e9e;--piece-ink:#ffffff9e}.CtYSDa_color1{--piece-high:#ffec99;--piece:#f2c20f;--piece-low:#c99606;--piece-edge:#94700a;--piece-ink:#5c3e009e}.CtYSDa_color2{--piece-high:#ff8f8f;--piece:#dc2626;--piece-low:#ad1a1a;--piece-edge:#8a1616;--piece-ink:#ffffff9e}.CtYSDa_color3{--piece-high:#6fe39b;--piece:#16a34a;--piece-low:#107a38;--piece-edge:#0e632e;--piece-ink:#ffffff9e}.CtYSDa_layout[data-mode=duo] .CtYSDa_color0{--piece-high:#c9b6ff;--piece:#8b5cf6;--piece-low:#6d3bdc;--piece-edge:#5526b8;--piece-ink:#ffffffa8}.CtYSDa_layout[data-mode=duo] .CtYSDa_color1{--piece-high:#ffd0a1;--piece:#f97316;--piece-low:#cf5a0b;--piece-edge:#a84508;--piece-ink:#502000a8}.CtYSDa_layout[data-mode=duo]{--board-rim-top:#4c4f5e;--board-rim-bottom:#24262f;--board-ridge:#3d404c;--board-well-top:#191b22;--board-well-bottom:#292c35;--board-lip:#ffffff21;--board-start-ring:#fff}.CtYSDa_layout{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:1.25rem;width:100%;max-width:1040px;display:grid}.CtYSDa_boardColumn{flex-direction:column;align-items:center;gap:.6rem;min-width:0;display:flex}.CtYSDa_sideColumn{flex-direction:column;gap:.75rem;min-width:0;display:flex}.CtYSDa_status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;max-width:100%;min-height:3.1rem;display:flex}.CtYSDa_statusMain{align-items:center;gap:.5rem;font-size:clamp(1.05rem,3.6vw,1.3rem);font-weight:800;display:inline-flex}.CtYSDa_statusSub{color:var(--blokus-muted);font-size:.85rem}.CtYSDa_spinner{border:2px solid color-mix(in srgb, var(--blokus-accent) 40%, transparent);border-top-color:var(--blokus-accent);border-radius:50%;flex:none;width:.9rem;height:.9rem;animation:.7s linear infinite CtYSDa_blokusSpin}@keyframes CtYSDa_blokusSpin{to{transform:rotate(360deg)}}.CtYSDa_visuallyHidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.CtYSDa_boardFrame{--rim:.6rem;aspect-ratio:1;width:min(100%,100dvh - 12rem);min-width:min(100%,15rem);padding:var(--rim);background:linear-gradient(160deg, var(--board-rim-top), var(--board-rim-bottom));box-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 2px #00000038, 0 3px 0 color-mix(in srgb, var(--board-rim-bottom) 70%, #000), var(--games-route-shadow,0 12px 32px #00000040);border-radius:.8rem;position:relative}.CtYSDa_layout[data-mode=classic] .CtYSDa_boardFrame{--corner:calc(var(--rim) * 3.4);background:linear-gradient(135deg, #2563eb 50%, transparent 50.5%) top left / var(--corner) var(--corner) no-repeat, linear-gradient(225deg, #f2c20f 50%, transparent 50.5%) top right / var(--corner) var(--corner) no-repeat, linear-gradient(315deg, #dc2626 50%, transparent 50.5%) bottom right / var(--corner) var(--corner) no-repeat, linear-gradient(45deg, #16a34a 50%, transparent 50.5%) bottom left / var(--corner) var(--corner) no-repeat, linear-gradient(160deg, var(--board-rim-top), var(--board-rim-bottom))}.CtYSDa_boardFrame:after{content:"";inset:var(--rim);pointer-events:none;border-radius:.2rem;position:absolute;box-shadow:inset 0 2px 4px #00000059,0 0 0 1px #0003}.CtYSDa_board{top:var(--rim);left:var(--rim);width:calc(100% - 2 * var(--rim));height:calc(100% - 2 * var(--rim));cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:.2rem;display:block;position:absolute;overflow:visible}.CtYSDa_board:focus-visible{outline:3px solid var(--blokus-accent);outline-offset:2px}.CtYSDa_boardBase{fill:var(--board-ridge)}.CtYSDa_wellTop{stop-color:var(--board-well-top)}.CtYSDa_wellBottom{stop-color:var(--board-well-bottom)}.CtYSDa_wellLip{fill:none;stroke:var(--board-lip);stroke-width:.035px;pointer-events:none}.CtYSDa_startWell{fill:var(--piece);fill-opacity:.5;stroke:var(--piece);stroke-width:.05px}.CtYSDa_startMark{fill:none;stroke:var(--board-start-ring);stroke-width:.07px;stroke-opacity:.9}.CtYSDa_stopHigh{stop-color:var(--piece-high);stop-opacity:.94}.CtYSDa_stopMid{stop-color:var(--piece);stop-opacity:.9}.CtYSDa_stopLow{stop-color:var(--piece-low);stop-opacity:.92}.CtYSDa_plate{fill:var(--piece-low);fill-opacity:.86}.CtYSDa_bevelLit{fill:none;stroke:#fff;stroke-opacity:.62;stroke-width:.045px;stroke-linecap:round;pointer-events:none}.CtYSDa_bevelShade{fill:none;stroke:var(--piece-edge);stroke-opacity:.85;stroke-width:.05px;stroke-linecap:round;pointer-events:none}.CtYSDa_mark{fill:var(--piece-ink);pointer-events:none}.CtYSDa_pieceShadow{fill:#000;fill-opacity:.26;pointer-events:none;transform:translate(.05px,.08px)}.CtYSDa_corner{fill:var(--piece-high);stroke:var(--piece-edge);stroke-width:.03px;pointer-events:none}.CtYSDa_cornerUsable{fill:var(--piece);stroke:#fff;stroke-width:.07px;pointer-events:none}.CtYSDa_latestHalo,.CtYSDa_latestLine{fill:none;stroke-linecap:round;pointer-events:none}.CtYSDa_latestHalo{stroke:#00000080;stroke-width:.17px}.CtYSDa_latestLine{stroke:#fff;stroke-width:.075px}.CtYSDa_latestPiece:not([data-age="0"]) .CtYSDa_latestHalo,.CtYSDa_latestPiece:not([data-age="0"]) .CtYSDa_latestLine{opacity:.5}.CtYSDa_drop{transform-box:fill-box;transform-origin:50%;animation:.3s cubic-bezier(.3,.7,.4,1) both CtYSDa_blokusDrop}@keyframes CtYSDa_blokusDrop{0%{opacity:0;transform:translateY(-.6px)scale(1.2)}70%{opacity:1;transform:translateY(.03px)scale(.985)}to{opacity:1;transform:none}}.CtYSDa_ghostShadow{fill:#000;fill-opacity:.34;pointer-events:none;transform:translate(.1px,.16px)}.CtYSDa_ghostBody{pointer-events:none;transform:translate(-.03px,-.07px)}[data-lifted=true]>.CtYSDa_ghostShadow{fill-opacity:.28;transform:translate(.2px,.34px)}[data-lifted=true]>.CtYSDa_ghostBody{transform:translate(-.06px,-.16px)}.CtYSDa_ghostHalo,.CtYSDa_ghostLine,.CtYSDa_ghostCross{fill:none;stroke-linecap:round;pointer-events:none}.CtYSDa_ghostHalo{stroke:#fff;stroke-width:.2px}.CtYSDa_ghostLine{stroke-width:.1px}.CtYSDa_ghostLegal .CtYSDa_ghostLine{stroke:#15803d}.CtYSDa_ghostIllegal .CtYSDa_ghostLine{stroke:#b91c1c;stroke-dasharray:.3 .2}.CtYSDa_ghostIllegal .CtYSDa_ghostBody>g{opacity:.6}.CtYSDa_ghostCross{stroke:var(--piece-ink);stroke-width:.12px}.CtYSDa_loupe{top:calc(var(--rim) + .35rem);z-index:2;aspect-ratio:1;background:linear-gradient(160deg, var(--board-rim-top), var(--board-rim-bottom));pointer-events:none;border-radius:.8rem;width:clamp(8.5rem,50%,13rem);padding:.2rem;animation:.14s ease-out both CtYSDa_blokusLoupe;position:absolute;box-shadow:0 0 0 1px #00000059,0 8px 18px #00000073}.CtYSDa_loupe[data-side=right]{right:calc(var(--rim) + .35rem)}.CtYSDa_loupe[data-side=left]{left:calc(var(--rim) + .35rem)}.CtYSDa_loupe svg{border-radius:.6rem;width:100%;height:100%;display:block}@keyframes CtYSDa_blokusLoupe{0%{opacity:0;transform:scale(.85)}}.CtYSDa_float{z-index:40;width:calc(var(--float-cols) * var(--float-cell,20px));height:calc(var(--float-rows) * var(--float-cell,20px));filter:drop-shadow(0 10px 7px #0000006b);will-change:transform;pointer-events:none;position:fixed;top:0;left:0}.CtYSDa_float[data-over=true]{opacity:0}.CtYSDa_float svg{width:100%;height:100%;display:block;overflow:visible}.CtYSDa_finishSweep{fill:#fff;opacity:0;transform-box:fill-box;pointer-events:none;animation:1s ease-in-out .1s both CtYSDa_blokusSweep}@keyframes CtYSDa_blokusSweep{0%{opacity:0;transform:translate(-100%)}35%{opacity:.32}to{opacity:0;transform:translate(135%)}}.CtYSDa_players{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.CtYSDa_player{border:2px solid var(--blokus-border);background:var(--blokus-surface);border-radius:.6rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 .45rem;min-width:0;padding:.4rem .6rem;display:grid}.CtYSDa_player[data-active=true]{border-color:var(--piece-low);background:color-mix(in srgb, var(--piece) 10%, var(--blokus-surface))}.CtYSDa_swatch{background:linear-gradient(180deg, var(--piece-high), var(--piece) 55%, var(--piece-low));width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1px var(--piece-edge), inset 1px 1px 0 1px #ffffff59;border-radius:.22rem;flex:none;display:inline-block}.CtYSDa_swatches{gap:.15rem;display:inline-flex}.CtYSDa_playerName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.85rem;font-weight:700;overflow:hidden}.CtYSDa_playerLeft{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.CtYSDa_playerPieces{color:var(--blokus-muted);grid-column:2/-1;font-size:.72rem}.CtYSDa_controls{flex-wrap:wrap;align-items:stretch;gap:.4rem;display:flex}.CtYSDa_turnButtons{flex:100%;gap:.4rem;display:flex}.CtYSDa_tool,.CtYSDa_nudgeButton{border:1px solid var(--blokus-border);background:var(--blokus-surface);min-height:2.75rem;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:.6rem;justify-content:center;align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;display:inline-flex}.CtYSDa_tool:not(:disabled):active,.CtYSDa_nudgeButton:not(:disabled):active{background:var(--blokus-slot)}.CtYSDa_tool{flex:1}.CtYSDa_nudge{grid-template-columns:repeat(4,2.75rem);gap:.25rem;display:grid}.CtYSDa_tool:disabled,.CtYSDa_nudgeButton:disabled{opacity:.45;cursor:default}.CtYSDa_tool:focus-visible,.CtYSDa_nudgeButton:focus-visible,.CtYSDa_trayPiece:focus-visible,.CtYSDa_btn:focus-visible,.CtYSDa_modeOption:focus-visible{outline:3px solid var(--blokus-accent);outline-offset:2px}.CtYSDa_placeButton{flex:8rem}.CtYSDa_tray{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;display:grid;position:relative}.CtYSDa_defsOnly{width:0;height:0;position:absolute;overflow:hidden}.CtYSDa_trayPiece{aspect-ratio:1;border:1px solid var(--blokus-border);background:var(--blokus-slot);cursor:pointer;touch-action:none;touch-action:pan-up;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:.55rem;min-width:2.75rem;min-height:2.75rem;padding:.1rem;box-shadow:inset 0 1px 3px #00000029}.CtYSDa_trayPiece[aria-pressed=true]{border-color:var(--blokus-accent);box-shadow:0 0 0 2px var(--blokus-accent)}.CtYSDa_trayPiece[data-state=used]{box-shadow:none;background:0 0;border-style:dashed}.CtYSDa_trayPiece[data-state=used],.CtYSDa_trayPiece[data-state=stuck]{cursor:default;touch-action:auto}.CtYSDa_trayPiece[data-state=stuck] .CtYSDa_miniPiece{opacity:.38}.CtYSDa_miniPiece{pointer-events:none;width:100%;height:100%;transition:transform .12s ease-out;display:block;overflow:visible}.CtYSDa_trayPiece[aria-pressed=true] .CtYSDa_miniPiece{transform:translateY(-1px)scale(1.08)}.CtYSDa_trayPiece[data-out=true] .CtYSDa_miniPiece{opacity:.25}@media (hover:hover){.CtYSDa_trayPiece[data-state=ready]:hover .CtYSDa_miniPiece{transform:translateY(-1px)scale(1.06)}}.CtYSDa_actions{flex-wrap:wrap;gap:.4rem;display:flex}.CtYSDa_btn{cursor:pointer;touch-action:manipulation;border-radius:.6rem;flex:8rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;padding:.5rem .75rem;font-size:.9rem;font-weight:700;display:inline-flex}.CtYSDa_btn:disabled{opacity:.45;cursor:default}.CtYSDa_btnPrimary{color:#fff;background:#0369a1;border:1px solid #0369a1}.CtYSDa_btnSecondary{border:1px solid var(--blokus-border);color:inherit;background:0 0}.CtYSDa_btnIcon{flex:none;width:1.05rem;height:1.05rem}.CtYSDa_result{border:1px solid var(--blokus-border);background:var(--blokus-surface);box-shadow:var(--games-route-shadow,0 12px 32px #00000040);border-radius:.8rem;flex-direction:column;gap:.75rem;padding:1rem;scroll-margin:1rem;animation:.4s cubic-bezier(.2,.8,.3,1) .2s both CtYSDa_blokusResult;display:flex}@keyframes CtYSDa_blokusResult{0%{opacity:0;transform:translateY(.75rem)scale(.98)}}.CtYSDa_resultTitle{text-align:center;margin:0;font-size:1.4rem;font-weight:800}.CtYSDa_resultList{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.CtYSDa_resultRow{border-radius:.4rem;align-items:center;gap:.5rem;padding:.2rem .4rem;font-size:.95rem;animation:.3s ease-out both CtYSDa_blokusRow;display:flex}.CtYSDa_resultRow:first-child{background:color-mix(in srgb, var(--piece) 13%, transparent);animation-delay:.45s}.CtYSDa_resultRow:nth-child(2){animation-delay:.6s}.CtYSDa_resultRow:nth-child(3){animation-delay:.75s}.CtYSDa_resultRow:nth-child(4){animation-delay:.9s}@keyframes CtYSDa_blokusRow{0%{opacity:0;transform:translate(-.5rem)}}.CtYSDa_resultRank{width:2.2rem;color:var(--blokus-muted);font-weight:700}.CtYSDa_resultName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.CtYSDa_resultBonus{color:var(--blokus-muted);font-size:.72rem}.CtYSDa_resultScore{font-variant-numeric:tabular-nums;font-weight:800}.CtYSDa_onlineButton{width:100%;min-height:44px;margin-bottom:.75rem}.CtYSDa_modePicker{border:none;margin:0;padding:0}.CtYSDa_modeTitle{margin-bottom:.4rem;font-size:.9rem;font-weight:700}.CtYSDa_modeOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.CtYSDa_modeOption{border:2px solid var(--blokus-border);background:var(--blokus-surface);color:inherit;text-align:left;cursor:pointer;border-radius:.7rem;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem .75rem;display:flex}.CtYSDa_modeOption[aria-pressed=true]{border-color:var(--blokus-accent)}.CtYSDa_modeLabel{font-weight:800}.CtYSDa_modeDescription{color:var(--blokus-muted);font-size:.78rem}.CtYSDa_infoGrid{gap:.75rem;display:grid}.CtYSDa_infoCard{border:1px solid var(--blokus-border);border-radius:.7rem;padding:.75rem .9rem}.CtYSDa_infoCardTitle{margin:0 0 .3rem;font-size:.95rem;font-weight:800}.CtYSDa_infoCardBody{margin:0;font-size:.88rem;line-height:1.55}.CtYSDa_tipList{margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.55}@media (any-pointer:coarse) and (min-width:861px){.CtYSDa_controls{align-content:flex-start;min-height:5.9rem}}@media (min-width:861px){.CtYSDa_layout[data-room=true]{grid-template-rows:auto 1fr}.CtYSDa_layout[data-room=true]>.CtYSDa_boardColumn{grid-area:1/1/span 2}.CtYSDa_layout[data-room=true]>.CtYSDa_sideColumn{grid-area:2/2}}@media (max-width:860px){.CtYSDa_root{--blokus-top:6rem;--blokus-below:10.5rem;padding-inline:max(.5rem, env(safe-area-inset-left)) max(.5rem, env(safe-area-inset-right));padding-bottom:calc(.75rem + env(safe-area-inset-bottom));gap:.25rem}.CtYSDa_layout{grid-template-columns:minmax(0,1fr);gap:.35rem}.CtYSDa_boardColumn{gap:.25rem}.CtYSDa_status{white-space:nowrap;flex-direction:row;gap:.5rem;width:100%;height:1.75rem;min-height:0}.CtYSDa_statusMain,.CtYSDa_statusSub{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.CtYSDa_statusMain{font-size:1rem}.CtYSDa_statusSub{flex-shrink:100;font-size:.78rem}.CtYSDa_spinner{vertical-align:-.1em;margin-right:.4rem;display:inline-block}.CtYSDa_boardFrame{--rim:.4rem;width:min(100%, calc(100dvh - var(--blokus-top) - var(--blokus-below)));border-radius:.6rem}.CtYSDa_sideColumn{gap:.35rem;width:100%}.CtYSDa_tray{order:1}.CtYSDa_controls{flex-wrap:nowrap;order:2}.CtYSDa_players{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.CtYSDa_sideColumn>.CtYSDa_actions{order:4}.CtYSDa_player{border-width:1px;border-radius:.45rem;padding:.15rem .45rem}.CtYSDa_player[data-active=true]{box-shadow:inset 0 0 0 1px var(--piece-low)}.CtYSDa_playerName{grid-column:2/-1;font-size:.78rem}.CtYSDa_playerLeft{grid-area:2/2;font-size:.7rem}.CtYSDa_playerPieces{grid-area:2/3;font-size:.68rem}.CtYSDa_controls[data-touch=true]{bottom:calc(.25rem + env(safe-area-inset-bottom));z-index:1;background:var(--blokus-solid);box-shadow:0 0 0 1px var(--blokus-border);border-radius:.75rem;grid-template-columns:repeat(6,minmax(2.75rem,1fr)) minmax(3.25rem,1.5fr);gap:.2rem;padding:.15rem;display:grid;position:sticky}.CtYSDa_controls[data-touch=true] .CtYSDa_turnButtons,.CtYSDa_controls[data-touch=true] .CtYSDa_nudge{display:contents}.CtYSDa_controls[data-touch=true] .CtYSDa_toolLabel{display:none}.CtYSDa_controls[data-touch=true] .CtYSDa_nudgeButton,.CtYSDa_controls[data-touch=true] .CtYSDa_tool{min-width:0}.CtYSDa_placeButton{min-width:0;padding-inline:.25rem}.CtYSDa_tray{scrollbar-width:none;overscroll-behavior-x:contain;gap:.25rem;padding:.1rem .1rem .2rem;display:flex;overflow-x:auto}.CtYSDa_tray::-webkit-scrollbar{display:none}.CtYSDa_trayPiece{touch-action:pan-x;touch-action:pan-x pan-up;flex:0 0 3rem;min-height:3rem}.CtYSDa_trayPiece[data-state=used]{display:none}}@media (max-width:349px){.CtYSDa_root{--blokus-below:13.5rem}.CtYSDa_controls[data-touch=true]{grid-template-columns:repeat(6,minmax(0,1fr))}.CtYSDa_controls[data-touch=true] .CtYSDa_placeButton{grid-column:1/-1}}@media (max-width:379px){.CtYSDa_placeButton .CtYSDa_btnIcon{display:none}}@media (min-width:360px) and (max-width:860px) and (min-height:760px){.CtYSDa_root{--blokus-below:18.5rem}.CtYSDa_tray{grid-template-columns:repeat(7,minmax(0,1fr));padding:0;display:grid;overflow:visible}.CtYSDa_trayPiece{touch-action:none;touch-action:pan-up;min-height:0}.CtYSDa_trayPiece[data-state=used]{display:block}}@media (min-width:600px) and (max-width:860px) and (min-height:760px){.CtYSDa_root{--blokus-below:15rem}.CtYSDa_tray{grid-template-columns:repeat(11,minmax(0,1fr))}.CtYSDa_controls[data-touch=true]{grid-template-columns:repeat(6,3.5rem) minmax(0,1fr)}}@media (min-width:768px) and (max-width:860px){.CtYSDa_root{--blokus-top:4.75rem}}@media (max-height:500px) and (min-width:560px){.CtYSDa_root{--blokus-top:4rem;--blokus-below:.75rem}.CtYSDa_layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;max-width:none}.CtYSDa_boardColumn{display:contents}.CtYSDa_boardFrame{width:calc(100dvh - var(--blokus-top) - var(--blokus-below));grid-area:1/1/span 2;min-width:0}.CtYSDa_status{grid-area:1/2}.CtYSDa_sideColumn{grid-area:2/2}.CtYSDa_tray{order:1;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;display:grid;overflow:visible}.CtYSDa_trayPiece{aspect-ratio:auto;touch-action:none;touch-action:pan-up;height:2.75rem;min-height:2.75rem}.CtYSDa_trayPiece[data-state=used]{display:block}.CtYSDa_controls{order:0}}@media (max-height:500px) and (min-width:560px) and (max-width:659px){.CtYSDa_tray,.CtYSDa_controls[data-touch=true]{grid-template-columns:repeat(6,minmax(0,1fr))}.CtYSDa_controls[data-touch=true] .CtYSDa_placeButton{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.CtYSDa_spinner,.CtYSDa_drop,.CtYSDa_loupe,.CtYSDa_result,.CtYSDa_resultRow{animation:none}.CtYSDa_finishSweep{display:none}.CtYSDa_miniPiece{transition:none}}
.x0COeW_panel,.x0COeW_bar{--online-fg:var(--games-route-fg,var(--foreground));--online-muted:var(--games-route-muted,var(--muted-foreground));--online-border:var(--games-route-border,var(--border));--online-surface:var(--games-route-surface-raised,var(--card));--online-primary:#0369a1;--online-focus:#0ea5e9;width:100%;color:var(--online-fg);flex-direction:column;gap:.75rem;display:flex}.x0COeW_panel{max-width:34rem;margin:0 auto}.x0COeW_title{margin:0;font-size:clamp(1.3rem,5vw,1.7rem);font-weight:800}.x0COeW_title:focus{outline:none}.x0COeW_card{border:1px solid var(--online-border);background:var(--online-surface);border-radius:.75rem;flex-direction:column;gap:.7rem;padding:1rem;display:flex}.x0COeW_cardTitle{margin:0;font-size:1.02rem;font-weight:700}.x0COeW_muted{color:var(--online-muted);margin:0;font-size:.85rem}.x0COeW_field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.x0COeW_label{padding:0;font-size:.85rem;font-weight:600}.x0COeW_input{width:100%;min-height:2.75rem;color:var(--online-fg);border:1px solid var(--online-muted);background:0 0;border-radius:.5rem;padding:.5rem .75rem;font-size:1rem}.x0COeW_code{letter-spacing:.08em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.x0COeW_choices,.x0COeW_colors{border:0;min-width:0;margin:0;padding:0}.x0COeW_choices legend,.x0COeW_colors legend{margin-bottom:.25rem}.x0COeW_choiceList,.x0COeW_colorList{gap:.5rem;display:grid}.x0COeW_colorList{grid-template-columns:repeat(2,minmax(0,1fr))}.x0COeW_choice{border:1px solid var(--online-border);cursor:pointer;border-radius:.5rem;align-items:center;gap:.6rem;min-height:2.75rem;padding:.4rem .6rem;display:flex}.x0COeW_choice:has(input:checked){border-color:var(--online-focus)}.x0COeW_choiceLabel{font-weight:600;display:block}.x0COeW_row{flex-wrap:wrap;gap:.5rem;display:flex}.x0COeW_primary,.x0COeW_secondary{cursor:pointer;border-radius:.5rem;flex:auto;justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;padding:.5rem 1rem;font-size:.95rem;font-weight:700;display:inline-flex}.x0COeW_primary{color:#fff;background:var(--online-primary);border:1px solid var(--online-primary)}.x0COeW_secondary{color:var(--online-fg);border:1px solid var(--online-muted);background:0 0}.x0COeW_primary:disabled{color:var(--online-muted);border-color:var(--online-border);cursor:not-allowed;background:0 0}.x0COeW_primary:focus-visible,.x0COeW_secondary:focus-visible,.x0COeW_color:focus-visible,.x0COeW_input:focus-visible{outline:2px solid var(--online-focus);outline-offset:2px}.x0COeW_choice:has(input:focus-visible){outline:2px solid var(--online-focus);outline-offset:2px}.x0COeW_icon{flex:none;width:1.05rem;height:1.05rem}.x0COeW_error{background:#dc26261f;border-left:3px solid #dc2626;border-radius:.25rem;margin:0;padding:.5rem .75rem;font-size:.9rem}.x0COeW_notice{min-height:1.2em;color:var(--online-muted);margin:0;font-size:.85rem}.x0COeW_facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.x0COeW_facts dd{overflow-wrap:anywhere}.x0COeW_seats{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.x0COeW_seat{border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.6rem;min-height:2.75rem;padding:.3rem .5rem;display:flex}.x0COeW_seat[data-turn=true]{border-color:var(--online-focus)}.x0COeW_seat[data-winner=true]{border-color:#16a34a}.x0COeW_swatches{flex:none;gap:.2rem;display:inline-flex}.x0COeW_swatch{--swatch:#2563eb;background:var(--swatch);border-radius:.2rem;flex:none;width:1.05rem;height:1.05rem;display:inline-block;box-shadow:inset 0 0 0 1px #00000040}.x0COeW_swatch[data-color="1"]{--swatch:#eab308}.x0COeW_swatch[data-color="2"]{--swatch:#dc2626}.x0COeW_swatch[data-color="3"]{--swatch:#16a34a}[data-mode=duo] .x0COeW_swatch[data-color="0"]{--swatch:#7c3aed}[data-mode=duo] .x0COeW_swatch[data-color="1"]{--swatch:#f97316}.x0COeW_seatName{text-align:left;flex-direction:column;flex:auto;min-width:0;display:flex}.x0COeW_name{overflow-wrap:anywhere;font-weight:600}.x0COeW_dot{border:2px solid var(--online-muted);border-radius:50%;flex:none;width:.6rem;height:.6rem}.x0COeW_dot[data-here=true]{background:#16a34a;border-color:#16a34a}.x0COeW_badge{color:var(--online-muted);flex:none;align-items:center;gap:.2rem;font-size:.8rem;display:inline-flex}.x0COeW_badge[data-ready=true]{color:var(--online-fg);font-weight:700}.x0COeW_score{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.x0COeW_sharedLine{align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.x0COeW_color{min-width:0;min-height:2.75rem;color:var(--online-fg);border:1px solid var(--online-border);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.x0COeW_color[aria-pressed=true]{border-color:var(--online-fg);border-width:2px}@media (min-width:861px){.x0COeW_bar{grid-area:1/2}}@media (max-width:640px){.x0COeW_bar .x0COeW_seats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.x0COeW_bar .x0COeW_seat{gap:.35rem;padding:.25rem .35rem}.x0COeW_bar .x0COeW_name{overflow-wrap:break-word;word-break:keep-all;font-size:.9rem}.x0COeW_bar .x0COeW_score{font-size:.85rem}}.x0COeW_barHead{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.x0COeW_headline{margin:0;font-size:1.05rem;font-weight:800}.x0COeW_timer{font-variant-numeric:tabular-nums;font-weight:700}.x0COeW_timer[data-urgent=true]{color:#fff;background:#b91c1c;border-radius:.3rem;padding:0 .4rem}.x0COeW_confirm{flex-direction:column;gap:.5rem;display:flex}.x0COeW_spinner{border:2px solid var(--online-border,currentColor);border-top-color:var(--online-focus);border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;animation:.7s linear infinite x0COeW_onlineSpin;display:inline-block}@keyframes x0COeW_onlineSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.x0COeW_spinner{animation-duration:2.4s}}.x0COeW_visuallyHidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.-Mcj7a_picker{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.-Mcj7a_group{border:none;margin:0;padding:0}.-Mcj7a_title{margin-bottom:.4rem;font-size:.85rem;font-weight:600}.-Mcj7a_counts{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.-Mcj7a_count{border:2px solid var(--games-route-border,var(--border));background:var(--games-route-surface-raised,var(--card));min-height:44px;color:inherit;cursor:pointer;border-radius:.7rem;font-weight:600}.-Mcj7a_count[aria-pressed=true]{background:color-mix(in srgb, #0ea5e9 14%, var(--games-route-surface-raised,var(--card)));border-color:#0ea5e9}.-Mcj7a_seats{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.-Mcj7a_seat{border:1px solid var(--games-route-border,var(--border));background:var(--games-route-surface-raised,var(--card));border-radius:.7rem;grid-template-columns:minmax(4.5rem,1fr) auto;align-items:center;gap:.4rem .6rem;padding:.5rem .6rem;display:grid}.-Mcj7a_seatName{overflow-wrap:anywhere;min-width:0;font-weight:600}.-Mcj7a_chips{gap:.25rem;display:flex}.-Mcj7a_chip{cursor:pointer;background:0 0;border:none;width:44px;height:44px;padding:0;position:relative}.-Mcj7a_chip:before{content:"";background:var(--chip);opacity:.55;border-radius:6px;position:absolute;inset:8px}.-Mcj7a_chip[aria-pressed=true]:before{opacity:1;outline:3px solid var(--games-route-fg,var(--foreground));outline-offset:2px}.-Mcj7a_chip:focus-visible{outline-offset:-2px;border-radius:8px;outline:3px solid #0ea5e9}.-Mcj7a_chip0{--chip:#2563eb}.-Mcj7a_chip1{--chip:#eab308}.-Mcj7a_chip2{--chip:#dc2626}.-Mcj7a_chip3{--chip:#16a34a}.-Mcj7a_picker[data-mode=duo] .-Mcj7a_chip0{--chip:#7c3aed}.-Mcj7a_picker[data-mode=duo] .-Mcj7a_chip1{--chip:#f97316}.-Mcj7a_control{border:1px solid var(--games-route-border,var(--border));background:var(--games-route-bg,var(--background));min-height:44px;color:inherit;border-radius:.5rem;grid-column:1/-1;padding:0 .5rem;font-size:1rem}.-Mcj7a_note{color:var(--games-route-muted,var(--muted-foreground));margin:0;font-size:.85rem}