:root{--text:#565758;--text-h:#121213;--bg:#fff;--border:#d3d6da;--border-strong:#878a8c;--rule:#121213;--x-color:#7c3aed;--o-color:#7aa8d8;--win:#538d4e;--win-bg:#538d4e1f;--lose:#a3282e;--lose-bg:#a3282e1a;--gold:#d1a85f;--gold-text:#121213;--gold-grad-top:#f6e2a8;--gold-grad-bottom:#b9822f;--cta-bg:#121213;--cta-text:#fff;--shadow:#00000014 0 2px 6px;--heading:Georgia, "Times New Roman", Times, serif;--sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;font:17px/145% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#b6b8ba;--text-h:#f6f6f6;--bg:#121213;--border:#3a3a3c;--border-strong:#565758;--rule:#f6f6f6;--x-color:#a78bfa;--o-color:#7aa8d8;--win:#6aaa64;--win-bg:#6aaa6429;--lose:#d1524b;--lose-bg:#d1524b24;--gold:#e4c584;--gold-text:#121213;--gold-grad-top:#f6e2a8;--gold-grad-bottom:#b9822f;--cta-bg:#f6f6f6;--cta-text:#121213;--shadow:#0006 0 2px 6px}}:root[data-theme=dark]{--text:#b6b8ba;--text-h:#f6f6f6;--bg:#121213;--border:#3a3a3c;--border-strong:#565758;--rule:#f6f6f6;--x-color:#a78bfa;--o-color:#7aa8d8;--win:#6aaa64;--win-bg:#6aaa6429;--lose:#d1524b;--lose-bg:#d1524b24;--gold:#e4c584;--gold-text:#121213;--gold-grad-top:#f6e2a8;--gold-grad-bottom:#b9822f;--cta-bg:#f6f6f6;--cta-text:#121213;--shadow:#0006 0 2px 6px}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:460px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1{font-family:var(--heading);color:var(--text-h);letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:clamp(22px,7.5vw,34px);font-weight:700}p{margin:0}#game{box-sizing:border-box;flex-grow:1;grid-template-columns:1fr 1fr;grid-template-areas:"masthead masthead""turntracker turntracker""board board""trackers trackers""mode-regular mode-memory""kofi kofi";align-content:center;justify-items:center;gap:12px;padding:14px;display:grid}.turn-tracker{grid-area:turntracker}.board-wrap{grid-area:board}.transform-trackers{grid-area:trackers}.mode-column--regular{grid-area:mode-regular}.mode-column--memory{grid-area:mode-memory}.kofi-widget-slot{grid-area:kofi}.masthead{border-top:1px solid var(--rule);border-bottom:2px solid var(--rule);box-sizing:border-box;grid-area:masthead;grid-template-columns:1fr auto 1fr;align-content:center;align-items:center;width:100%;padding:6px 4px;display:grid}.masthead h1{grid-column:2}.masthead__theme{grid-column:3;place-self:center end;align-items:center;gap:10px;display:flex}.masthead__info{grid-column:1;place-self:center start;align-items:center;gap:10px;display:flex}.icon-button{color:var(--text-h);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-button svg{width:20px;height:20px}.icon-button:focus-visible{outline:2px solid var(--o-color);outline-offset:2px;border-radius:50%}.mode-column{flex-direction:column;gap:4px;width:min(160px,40vw);display:flex}.mode-grid__header{font-family:var(--sans);text-transform:uppercase;letter-spacing:.6px;color:var(--text);text-align:center;font-size:11px;font-weight:700}.mode-button{font-family:var(--sans);text-transform:uppercase;letter-spacing:.5px;color:var(--text-h);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:16px;padding:5px 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.mode-button:hover:not(:disabled){border-color:var(--border-strong)}.mode-button:disabled{cursor:default}.mode-button--active{color:var(--cta-text);background:var(--cta-bg);border-color:var(--cta-bg)}.mode-button--won{color:#fff;background:var(--win);border-color:var(--win)}.mode-button--lost{color:#fff;background:var(--lose);border-color:var(--lose)}.mode-button--golden{color:var(--gold-text);background:linear-gradient(180deg, var(--gold-grad-top), var(--gold-grad-bottom));border-color:var(--gold)}.mode-button--celebrate{animation:.6s ease-in-out both mode-button-bounce}@keyframes mode-button-bounce{0%{transform:scale(1)}30%{transform:scale(1.15)translateY(-4px)}55%{transform:scale(.95)translateY(1px)}75%{transform:scale(1.05)}to{transform:scale(1)}}.mode-button:focus-visible{outline:2px solid var(--o-color);outline-offset:2px}.mode-grid--pulsing .mode-button:not(:disabled){animation:.7s ease-in-out mode-button-pulse}@keyframes mode-button-pulse{0%{box-shadow:none;transform:scale(1)}35%{box-shadow:0 0 0 3px color-mix(in srgb, var(--o-color) 45%, transparent);transform:scale(1.04)}to{box-shadow:none;transform:scale(1)}}.theme-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.theme-switch__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.theme-switch__track{background:var(--border);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.theme-switch__thumb{background:var(--bg);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.theme-switch__input:checked+.theme-switch__track{background:var(--text-h)}.theme-switch__input:checked+.theme-switch__track .theme-switch__thumb{transform:translate(16px)}.theme-switch__input:focus-visible+.theme-switch__track{outline:2px solid var(--o-color);outline-offset:2px}.theme-switch__icon{width:16px;color:var(--text);align-items:center;display:flex}.theme-switch__icon svg{width:16px;height:16px}.turn-tracker{width:min(320px,100%);font-family:var(--sans);justify-content:space-between;min-height:1.2em;font-size:21px;font-weight:700;display:flex}.turn-symbol{color:var(--border);text-transform:lowercase;transition:color .2s}.turn-symbol--active.turn-symbol--x{color:var(--x-color)}.turn-symbol--active.turn-symbol--o{color:var(--o-color)}.turn-symbol--active.turn-symbol--win{color:var(--win)}.turn-symbol--active.turn-symbol--lose{color:var(--lose)}.transform-trackers{flex-direction:column;gap:3px;width:min(320px,100%);display:flex}.tracker-row{height:20px}.rotation-history,.flip-history,.mixed-history{width:min(320px,100%);height:20px;font-family:var(--sans);letter-spacing:.2px;grid-template-columns:repeat(8,1fr);align-items:center;font-size:12px;font-weight:700;display:grid}.rotation-entry{color:var(--border);text-align:center;min-width:1.6em;transition:color .2s}.rotation-entry--active.rotation-entry--cw{color:var(--x-color)}.rotation-entry--active.rotation-entry--ccw{color:var(--o-color)}.rotation-entry--active.rotation-entry--win{color:var(--win)}.rotation-entry--active.rotation-entry--lose{color:var(--lose)}.flip-entry{color:var(--border);text-align:center;min-width:1.2em;font-size:18px;line-height:1;transition:color .2s}.flip-arrow{display:inline-block}.flip-entry--active.flip-entry--axis{color:var(--x-color)}.flip-entry--active.flip-entry--diag{color:var(--o-color)}.flip-entry--active.flip-entry--win{color:var(--win)}.flip-entry--active.flip-entry--lose{color:var(--lose)}.board-wrap{aspect-ratio:1;perspective:1000px;width:min(320px,60vw,62svh);position:relative;container-type:inline-size}.board{transform-style:flat;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;transition:transform .5s;display:grid}.square-glyph{transition:transform .5s;display:inline-block}.flip-layer{transform-style:flat;width:100%;height:100%;transition:transform .5s;display:block}.flip-counter-layer{transition:transform .5s;display:inline-block}.flip-settled{width:100%;height:100%;transition:none;display:block}.flip-counter-settled{transition:none;display:inline-block}.result-overlay{font-family:var(--sans);letter-spacing:3px;background:color-mix(in srgb, var(--bg) 40%, transparent);text-shadow:0 0 6px var(--bg), 0 0 6px var(--bg), 0 0 12px var(--bg);opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(30px,7.5vw,44px);font-weight:800;animation:2.2s ease-in-out forwards result-pop;display:flex;position:absolute;inset:0}@keyframes result-pop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.35)}45%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.result-overlay{opacity:1;animation:none;transform:none}.board,.square-glyph,.flip-layer,.flip-counter-layer{transition:none}.mode-button--celebrate,.mode-grid--pulsing .mode-button:not(:disabled){animation:none}}.result-overlay--win{color:var(--win)}.result-overlay--lose{color:var(--lose)}.square{font-family:var(--sans);color:var(--x-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:clamp(30px,13cqw,44px);font-weight:700;transition:background .15s;display:flex}.square:nth-child(3n){padding-left:1.5px}.square:not(:nth-child(3n)){border-right:1.5px solid var(--rule)}.square:nth-child(3n+1){padding-right:1.5px}.square:not(:nth-child(3n+1)){border-left:1.5px solid var(--rule)}.square:nth-child(n+7){padding-top:1.5px}.square:not(:nth-child(n+7)){border-bottom:1.5px solid var(--rule)}.square:nth-child(-n+3){padding-bottom:1.5px}.square:not(:nth-child(-n+3)){border-top:1.5px solid var(--rule)}.square--o{color:var(--o-color)}.square--filled{color:var(--text);font-size:clamp(14px,6cqw,20px)}.square:hover:not(:disabled){background:color-mix(in srgb, var(--text-h) 6%, transparent)}.square:disabled{cursor:default;opacity:1}.square--win{background:var(--win-bg);color:var(--win)}.square--losing{background:var(--lose-bg);color:var(--lose)}.square:focus-visible{outline:2px solid var(--text-h);outline-offset:2px}.modal-backdrop{box-sizing:border-box;z-index:10;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);color:var(--text);border:1px solid var(--rule);box-shadow:var(--shadow);box-sizing:border-box;text-align:left;border-radius:12px;width:100%;max-width:420px;max-height:80vh;padding:28px 24px 24px;position:relative;overflow-y:auto}.modal__close{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.modal__close:hover{background:color-mix(in srgb, var(--text-h) 8%, transparent)}.modal__close:focus-visible{outline:2px solid var(--o-color);outline-offset:2px}.modal h2{font-family:var(--heading);color:var(--text-h);text-align:center;margin:0 0 16px;font-size:22px;font-weight:700}.modal p{font-family:var(--sans);color:var(--text);margin:0;font-size:14px;line-height:1.6}.modal p+p,.modal ul+p,.modal ul{margin-top:14px}.modal ul{margin-bottom:0;padding-left:20px}.modal li{font-family:var(--sans);color:var(--text);font-size:14px;line-height:1.6}.modal li+li{margin-top:6px}.modal-glyph{font-family:var(--sans);font-weight:700}.modal-glyph--x{color:var(--x-color)}.modal-glyph--o{color:var(--o-color)}.demo-board-row{justify-content:center;gap:16px;margin-top:16px;display:flex}.demo-board-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:152px;display:flex}.demo-board{border:1px solid var(--rule);background-image:linear-gradient(to right, transparent calc(33.333% - .5px), var(--rule) calc(33.333% - .5px), var(--rule) calc(33.333% + .5px), transparent calc(33.333% + .5px)), linear-gradient(to right, transparent calc(66.667% - .5px), var(--rule) calc(66.667% - .5px), var(--rule) calc(66.667% + .5px), transparent calc(66.667% + .5px)), linear-gradient(to bottom, transparent calc(33.333% - .5px), var(--rule) calc(33.333% - .5px), var(--rule) calc(33.333% + .5px), transparent calc(33.333% + .5px)), linear-gradient(to bottom, transparent calc(66.667% - .5px), var(--rule) calc(66.667% - .5px), var(--rule) calc(66.667% + .5px), transparent calc(66.667% + .5px));border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:150px;height:150px;display:grid;overflow:hidden}.demo-square{background:0 0;justify-content:center;align-items:center;transition:background .2s;display:flex}.demo-square--win{background:var(--win-bg)}.demo-square--losing{background:var(--lose-bg)}.demo-glyph{font-family:var(--sans);font-size:28px;font-weight:700;animation:.2s demo-glyph-in}@keyframes demo-glyph-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.demo-glyph--x{color:var(--x-color)}.demo-glyph--o{color:var(--o-color)}.demo-square--win .demo-glyph--x,.demo-square--win .demo-glyph--o{color:var(--win)}.demo-square--losing .demo-glyph--x,.demo-square--losing .demo-glyph--o{color:var(--lose)}.demo-board__label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3px;text-align:center;color:var(--text);justify-content:center;align-items:center;width:100%;height:29px;margin:0;font-size:11px;font-weight:700;line-height:1.3;display:flex}.demo-board__label--win{color:var(--win)}.demo-board__label--lose{color:var(--lose)}.win-condition-modal__dismiss{font-family:var(--sans);color:var(--text);cursor:pointer;align-items:center;gap:8px;margin-top:20px;font-size:13px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-row+.settings-row{margin-top:10px}.settings-row__label{font-family:var(--sans);color:var(--text-h);font-size:14px;font-weight:600}.settings-row__value{font-family:var(--sans);color:var(--text);font-size:14px;font-weight:700}.settings-link{border-top:1px solid var(--rule);font-family:var(--sans);color:var(--o-color);margin-top:20px;padding-top:16px;font-size:13px;font-weight:600;text-decoration:none;display:block}.settings-link:hover{text-decoration:underline}.kofi-widget-slot{justify-content:center;min-height:48px;display:flex}.kofi-widget-slot .floatingchat-container-wrap,.kofi-widget-slot .floatingchat-container-wrap-mobi{z-index:auto!important;width:auto!important;max-width:none!important;height:auto!important;position:static!important;inset:auto!important}.kofi-widget-slot .floatingchat-container,.kofi-widget-slot .floatingchat-container-mobi{width:280px!important;height:48px!important;display:block!important;position:static!important;inset:auto!important}.stats-table-label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.6px;color:var(--text);margin-bottom:6px;font-size:11px;font-weight:700}.stats-table+.stats-table-label{margin-top:20px}.stats-table{border-collapse:collapse;width:100%;font-family:var(--sans);margin:0 0 16px}.stats-table th{color:var(--text);text-align:right;border-bottom:1px solid var(--rule);padding:4px 2px;font-size:11px;font-weight:600}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-table td{color:var(--text);text-align:right;padding:4px 2px;font-size:13px}.stats-table td:first-child{color:var(--text-h);font-weight:600}.golden-day .square{color:var(--gold)}.golden-day .square:not(:nth-child(3n)){border-right-color:var(--gold)}.golden-day .square:not(:nth-child(3n+1)){border-left-color:var(--gold)}.golden-day .square:not(:nth-child(n+7)){border-bottom-color:var(--gold)}.golden-day .square:not(:nth-child(-n+3)){border-top-color:var(--gold)}.golden-day .square--win{color:var(--gold);background:0 0}:is(.golden-day .square--win .square-glyph,.golden-day .square--win .square-glyph :not(:has(*))){background:linear-gradient(180deg, var(--gold-grad-top), var(--gold-grad-bottom));color:#0000;-webkit-background-clip:text;background-clip:text}.golden-day .turn-symbol--active,.golden-day .rotation-entry--active,.golden-day .flip-entry--active,.golden-day .result-overlay--win{color:var(--gold)}.share-toast{background:var(--cta-bg);color:var(--cta-text);font-family:var(--sans);box-shadow:var(--shadow);z-index:20;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 48px);padding:10px 12px 10px 18px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.share-toast__button{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3px;color:var(--cta-bg);background:var(--cta-text);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700}.share-toast__button:hover{opacity:.85}@media (orientation:landscape) and (height<=500px) and (width<=950px){#game{grid-template-rows:auto auto repeat(3,auto);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"masthead masthead masthead""turntracker turntracker turntracker""mode-regular board mode-memory""trackers trackers trackers""kofi kofi kofi";gap:6px 16px;padding:8px}.mode-column{justify-content:center;gap:3px;width:auto;height:100%}.board-wrap{width:min(300px,45svh)}.turn-tracker{width:min(500px,100%)}.transform-trackers{width:min(500px,100%);margin-top:6px}.rotation-history,.flip-history,.mixed-history{width:min(500px,100%)}.modal{max-height:95vh;padding:18px 20px 16px}.modal h2{margin-bottom:8px}.demo-board-row{margin-top:10px}.demo-board-wrap{gap:10px;width:150px}.demo-board{width:110px;height:110px}.demo-glyph{font-size:20px}.demo-board__label{height:46px;font-size:9px}.win-condition-modal__dismiss{margin-top:10px}}.error-fallback{text-align:center;background:var(--bg);min-height:100svh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.error-fallback__title{font-family:var(--heading);color:var(--text-h);margin:0;font-size:32px;font-weight:700}.error-fallback__message{font-family:var(--sans);margin:0;font-size:16px}.error-fallback__button{font-family:var(--sans);text-transform:uppercase;letter-spacing:.5px;background:var(--cta-bg);color:var(--cta-text);cursor:pointer;border:none;border-radius:16px;margin-top:8px;padding:10px 24px;font-size:14px;font-weight:700}