.field.svelte-122bowf{background-color:var(--aml-bg-dark);background-image:linear-gradient(color-mix(in srgb, var(--aml-text-on-dark) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--aml-text-on-dark) 6%, transparent) 1px, transparent 1px);background-size:var(--aml-grid) var(--aml-grid);font-family:var(--aml-font-body);position:absolute;inset:0;container-type:size}.game-layout.svelte-122bowf{--board-size:clamp(264px, min(calc(100cqw - 2 * var(--gs-edge)), calc(100cqh - 224px)), 560px);--board-left:calc((100cqw - var(--board-size)) / 2);inset:0 var(--gs-safe-right) var(--gs-safe-bottom) var(--gs-safe-left);grid-template-columns:var(--board-size) minmax(0, 1fr);padding:var(--gs-hud-top) var(--gs-edge) 0 var(--board-left);grid-template-rows:44px 32px max-content;align-content:start;gap:12px 32px;display:grid;position:absolute}.mode-row.svelte-122bowf{grid-area:1/1;min-inline-size:0}.segments.svelte-122bowf{gap:8px;display:flex}button.svelte-122bowf{min-block-size:44px;min-inline-size:44px;font:inherit;cursor:pointer}.segments.svelte-122bowf button:where(.svelte-122bowf){border:1px solid var(--gs-border);border-radius:var(--aml-radius-sm);background:var(--gs-surface-solid);color:var(--aml-text-on-dark);justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:600;line-height:1.25;display:flex}.segments.svelte-122bowf button[aria-pressed=true]:where(.svelte-122bowf){border:2px solid var(--gs-selected);padding:7px 13px}.segments.svelte-122bowf button[aria-disabled=true]:where(.svelte-122bowf){cursor:not-allowed}button.svelte-122bowf:focus-visible{outline:3px solid var(--gs-focus);outline-offset:2px;box-shadow:0 0 0 8px var(--aml-bg-dark)}.plate.svelte-122bowf,.score-card.svelte-122bowf{border:1px solid var(--gs-border);background:var(--gs-surface-solid);border-radius:var(--aml-radius-md)}.status-row.svelte-122bowf{grid-area:2/1;min-inline-size:0}.status.svelte-122bowf{box-sizing:border-box;align-items:center;min-block-size:32px;inline-size:fit-content;margin:0;padding:0 10px;font-size:14px;line-height:15px;display:flex}.game-layout.svelte-122bowf:has(.hint:where(.svelte-122bowf):not(.visually-hidden)) .status:where(.svelte-122bowf){max-inline-size:55%}.hint.svelte-122bowf{box-sizing:border-box;text-align:right;min-block-size:32px;max-inline-size:43%;color:var(--aml-muted);grid-area:2/1;place-self:start end;align-items:center;margin:0;padding:0 8px;font-size:12px;line-height:15px;display:flex}.board.svelte-122bowf{inline-size:var(--board-size);block-size:var(--board-size);box-sizing:border-box;border:1px solid var(--gs-border);border-radius:var(--aml-radius-md);background:var(--gs-surface-solid);grid-area:3/1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:relative}.cell.svelte-122bowf{border:1px solid var(--gs-border);border-radius:var(--aml-radius-sm);background:color-mix(in srgb, var(--aml-text-on-dark) 5%, var(--aml-bg-dark));color:var(--aml-text-on-dark);font-family:var(--aml-font-display);font-weight:700;font-size:calc(var(--board-size) / 6);place-items:center;padding:0;line-height:1;display:grid}.cell.empty.svelte-122bowf{border-color:var(--aml-muted)}.cell.svelte-122bowf:disabled{cursor:default}.glyph.x.svelte-122bowf{color:color-mix(in srgb, var(--aml-blue) 50%, var(--aml-text-on-dark))}.ghost.svelte-122bowf{opacity:0;color:color-mix(in srgb, var(--aml-blue) 50%, var(--aml-text-on-dark))}.cell.svelte-122bowf:hover:not(:disabled) .ghost:where(.svelte-122bowf){opacity:.3}.cell.svelte-122bowf:hover:not(:disabled){border-color:var(--aml-text-on-dark)}.cell.last.svelte-122bowf{border-color:var(--aml-amber);box-shadow:inset 0 0 0 1px var(--aml-amber)}.cell.win.svelte-122bowf{background:color-mix(in srgb, var(--aml-success) 25%, var(--aml-bg-dark));border-color:var(--aml-success)}.win-line.svelte-122bowf{pointer-events:none;z-index:1;background:var(--aml-success);border-radius:4px;height:4px;position:absolute;left:16px;right:16px}.win-line.r1.svelte-122bowf{top:16.6667%}.win-line.r2.svelte-122bowf{top:50%}.win-line.r3.svelte-122bowf{top:83.3333%}.win-line.col.svelte-122bowf{width:4px;height:auto;top:16px;bottom:16px;right:auto}.win-line.c1.svelte-122bowf{left:16.6667%}.win-line.c2.svelte-122bowf{left:50%}.win-line.c3.svelte-122bowf{left:83.3333%}.win-line.diag.svelte-122bowf{top:50%;left:3%;right:3%}.win-line.d1.svelte-122bowf{transform:rotate(45deg)}.win-line.d2.svelte-122bowf{transform:rotate(-45deg)}.rail.svelte-122bowf{flex-direction:column;grid-area:3/2;align-self:start;gap:16px;min-inline-size:0;display:flex}.score-card.svelte-122bowf,.result-card.svelte-122bowf{padding:16px}h2.svelte-122bowf{font-family:var(--aml-font-display);margin:0 0 12px;font-size:18px;line-height:1.3}.score-card.svelte-122bowf h2:where(.svelte-122bowf){color:var(--aml-muted);font-size:14px}.score.svelte-122bowf{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.score.svelte-122bowf div:where(.svelte-122bowf){border:1px solid var(--gs-border);border-radius:var(--aml-radius-sm);background:var(--gs-surface-solid);box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-block-size:44px;padding:4px 8px;font-size:14px;display:flex}.score.svelte-122bowf b:where(.svelte-122bowf){font-size:20px}.result-card.svelte-122bowf button:where(.svelte-122bowf),.new-game.svelte-122bowf{inline-size:100%}.visually-hidden.svelte-122bowf{clip-path:inset(50%);white-space:nowrap;overflow:hidden;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important}@media (width<=599px) and (height>=500px),(orientation:portrait) and (width<=599px){.game-layout.svelte-122bowf{--board-size:clamp(264px, min(calc(100cqw - 32px), calc(100cqh - 224px)), 560px);grid-template-columns:var(--board-size);padding-right:var(--board-left);grid-template-rows:44px 26px max-content max-content;gap:8px}.segments.svelte-122bowf button:where(.svelte-122bowf){flex:1;padding:3px 8px;font-size:14px}.segments.svelte-122bowf button[aria-pressed=true]:where(.svelte-122bowf){padding:2px 7px}.status.svelte-122bowf{min-block-size:26px;font-size:14px;line-height:18px}.game-layout.svelte-122bowf:has(.hint:where(.svelte-122bowf):not(.visually-hidden)) .status:where(.svelte-122bowf){max-inline-size:100%}.hint.svelte-122bowf{clip-path:inset(50%);block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.rail.svelte-122bowf{grid-area:4/1;margin-top:4px}.score-card.svelte-122bowf{background:0 0;border:0;padding:0}.score-card.svelte-122bowf h2:where(.svelte-122bowf){clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.result-card.svelte-122bowf{padding:12px}}@media (orientation:landscape) and (height<=499px){.game-layout.svelte-122bowf{--board-size:min(calc(100cqh - 68px), 45cqw);--board-left:16px;padding-left:calc(16px + var(--board-size) + 24px);grid-template-rows:54px 32px max-content;grid-template-columns:minmax(0,1fr);gap:10px}.board.svelte-122bowf{left:16px;top:var(--gs-hud-top);grid-area:auto;position:absolute}.mode-row.svelte-122bowf{grid-area:1/1}.segments.svelte-122bowf{max-inline-size:70%}.segments.svelte-122bowf button:where(.svelte-122bowf){padding:8px 10px;font-size:14px}.segments.svelte-122bowf button[aria-pressed=true]:where(.svelte-122bowf){padding:7px 9px}.hint.svelte-122bowf{clip-path:none;text-align:left;grid-area:1/1;block-size:auto;min-block-size:0;inline-size:auto;max-inline-size:29%;padding:4px;font-size:11px;line-height:1.25;position:static;overflow:visible}.status-row.svelte-122bowf{grid-area:2/1}.status.svelte-122bowf{min-block-size:32px;font-size:14px;line-height:15px}.game-layout.svelte-122bowf:has(.hint:where(.svelte-122bowf):not(.visually-hidden)) .status:where(.svelte-122bowf){max-inline-size:100%}.rail.svelte-122bowf{grid-area:3/1;gap:12px}.score-card.svelte-122bowf{background:0 0;border:0;padding:0}.score-card.svelte-122bowf h2:where(.svelte-122bowf){clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.result-card.svelte-122bowf{padding:12px}.result-card.svelte-122bowf h2:where(.svelte-122bowf){margin-bottom:8px;font-size:18px}}