:root,:root[data-theme=dark]{color-scheme:dark;--main-bg-color: #20203f;--border-color: #797990;--text-color: #e0d8f0;--accent: #8870e0;--accent-done: #b8a0d0;--text-on-accent: #fff;--text-on-accent-done: #20203f;--surface-raised: #28284a;--heading-color: #b8a0d0;--danger: #ff8080;--scrim: color-mix(in srgb, black 55%, transparent);--shadow-color: rgb(0 0 0 / .3)}:root[data-theme=light]{color-scheme:light;--main-bg-color: #f3f1fa;--border-color: #5b5470;--text-color: #241f33;--accent: #6247c4;--accent-done: #6a5399;--text-on-accent: #fff;--text-on-accent-done: #fff;--surface-raised: #fff;--heading-color: #55408c;--danger: #c62828;--scrim: color-mix(in srgb, black 40%, transparent);--shadow-color: rgb(40 30 70 / .18)}:root{font-family:system-ui,sans-serif}html{touch-action:manipulation}body{margin:0;background:var(--main-bg-color);color:var(--text-color);touch-action:manipulation}#app{display:grid;place-items:center;min-height:100vh;padding:1rem;box-sizing:border-box}.home{display:grid;gap:.75rem;justify-items:stretch;min-width:16rem}.home h1{text-align:center}.menu{display:grid;gap:.6rem;justify-items:stretch;width:min(90vw,22rem)}.menu h1{text-align:center;margin:0 0 .5rem}.menu-version{text-align:right;font-size:.7rem;opacity:.45;margin-top:.5rem;cursor:pointer}.menu-version:hover{opacity:.7}.menu-item{padding:.75rem;border:1px solid color-mix(in srgb,var(--border-color) 25%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--border-color) 6%,transparent);text-align:center}.menu-item:disabled{opacity:.4;cursor:default}.list-screen,.settings-screen,.stats-screen,.manual-screen,.engines-screen{width:min(92vw,40rem);display:grid;gap:.75rem;align-content:start}.list-header{display:flex;align-items:baseline;gap:1rem}.list-header h1{margin:0;flex:1}.list-items{display:grid;gap:.35rem;max-height:80vh;overflow-y:auto}.list-item{text-align:left;padding:.6rem .75rem;border:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);border-radius:.375rem;background:none}.list-item.selected{background:color-mix(in srgb,var(--border-color) 14%,transparent);font-weight:600}.settings-list{display:grid;gap:.5rem}.settings-section{display:grid;gap:.5rem;margin-top:.75rem}.settings-section-title{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.settings-section .settings-row:last-child{border-bottom:none}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 12%,transparent)}.settings-label{display:grid;gap:.1rem;flex:1;min-width:0}.settings-hint{font-size:.75rem;line-height:1.35;opacity:.6;text-wrap:pretty}.settings-row>input,.settings-row>select,.settings-row>a,.settings-row>.scheme-picker{flex-shrink:0}.settings-row select{font:inherit;padding:.25rem}.scheme-picker{display:grid;justify-items:end;gap:.35rem}.scheme-preview{display:flex;gap:.2rem}.scheme-swatch{width:.85rem;height:.85rem;border-radius:.15rem;border:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}.engines-heading{margin:.5rem 0 0;font-size:1rem;opacity:.75}.engine-list{display:grid;gap:.5rem}.engine-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);border-radius:.375rem}.engine-meta{display:grid;gap:.15rem;min-width:0}.engine-name{font-weight:600}.engine-sub,.engine-caps{font-size:.85rem;opacity:.7}.engine-actions button{font:inherit;padding:.3rem .7rem}.engine-builtin{font-size:.85rem;opacity:.6}.engine-source{font-size:.85rem}.engine-error{grid-column:1 / -1;margin:0;font-size:.85rem;color:var(--danger)}.engine-bindings{display:grid;gap:.5rem}.engine-techniques{font-size:.85rem;opacity:.75}.engine-techniques ul{margin:.35rem 0 0;padding-left:1.1rem;max-height:14rem;overflow-y:auto;columns:2}.engine-techniques li{break-inside:avoid}.ratings-backdrop,.sites-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:var(--scrim);z-index:20}.ratings-modal,.sites-modal{width:min(92vw,26rem);display:grid;gap:.75rem;padding:1rem;border-radius:.5rem;background:var(--surface-raised);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent)}.ratings-modal h2,.sites-modal h2{margin:0;font-size:1.05rem}.ratings-list{display:grid;gap:.35rem}.ratings-row{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 12%,transparent)}.ratings-engine{font-weight:600}.ratings-value{text-align:right;min-width:0}.ratings-pending,.ratings-declined{opacity:.6}.ratings-error{color:var(--danger);font-size:.85rem}.ratings-modal button,.sites-modal button{font:inherit;padding:.35rem .8rem;justify-self:end}.sites-list{display:grid;gap:.35rem}.sites-list a{display:block;padding:.45rem .2rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 12%,transparent)}.stats-cards{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.stats-card{border:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);border-radius:.5rem;padding:.6rem .75rem}.stats-card h2{margin:0 0 .4rem;font-size:1rem}.stats-card p{margin:.15rem 0;font-size:.9rem}.manual-body{line-height:1.5}.manual-body h2{margin-top:1.4rem}button{font:inherit;padding:.5rem .75rem;cursor:pointer;background:color-mix(in srgb,var(--border-color) 10%,transparent);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 25%,transparent);border-radius:.375rem}.play{display:grid;gap:.75rem;width:min(90vw,480px)}.play-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.play-diff-tap{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:.25em}.board{width:100%;aspect-ratio:1 / 1;touch-action:none}.pad,.pad-view{display:grid;gap:.5rem}.pad-view[hidden],.hint-pane[hidden]{display:none}.phone-pad{display:grid;gap:.5rem;border-radius:.375rem;padding:.25rem}.phone-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;gap:.5rem}.phone-pad.pencil-mode .pbtn-digit{font-size:.8em;opacity:.85}.digit-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:.5rem}.digit-pad.pencil-mode .pbtn-digit{font-size:.8em;opacity:.85}.pencil-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:.5rem;opacity:.85}.action-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.pbtn{font:inherit;padding:1rem .25rem;cursor:pointer;border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:.375rem;background:color-mix(in srgb,var(--border-color) 6%,transparent)}.pbtn-sel{background:var(--accent);color:var(--text-on-accent)}.pbtn-done{background:var(--accent-done);color:var(--text-on-accent-done)}.pbtn-dis{opacity:.4;cursor:default}.hint-pane{display:grid;gap:.5rem}.hint-text{max-height:40vh;overflow-y:auto;padding:.5rem;border:1px solid color-mix(in srgb,var(--border-color) 25%,transparent);border-radius:.375rem;line-height:1.4}.hint-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.hint-md>:first-child{margin-top:0}.hint-md>:last-child{margin-bottom:0}.hint-md h1,.hint-md h2,.hint-md h3{margin:0 0 .4rem;font-size:1rem;color:var(--heading-color)}.hint-md p{margin:0 0 .6rem}.hint-md ul,.hint-md ol{margin:0 0 .6rem;padding-left:1.25rem}.hint-md code{font-size:.9em;padding:0 .2em;border-radius:.2rem;background:color-mix(in srgb,var(--border-color) 20%,transparent)}.hint-md img{display:block;width:100%;height:auto;margin-bottom:.4rem;border-radius:.25rem}@media(min-width:900px){.hint-md img{display:inline-block;width:auto;max-width:min(48%,16rem);vertical-align:top}}.hint-md hr{margin:.75rem 0 .5rem;border:0;border-top:1px solid color-mix(in srgb,var(--border-color) 30%,transparent)}.hint-md hr+p{font-size:.85em;opacity:.7}.explain-modal{width:min(92vw,34rem);max-height:80vh;display:grid;grid-template-rows:1fr auto;gap:.75rem;padding:1rem;border-radius:.5rem;background:var(--surface-raised);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent)}.explain-modal .hint-md{overflow-y:auto;line-height:1.45}.explain-modal button{font:inherit;padding:.35rem .8rem;justify-self:end}.popup-menu{display:grid;min-width:12rem;max-width:calc(100vw - 1rem);background:var(--surface-raised);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 35%,transparent);border-radius:.5rem;box-shadow:0 4px 16px var(--shadow-color);padding:.25rem;z-index:10}.popup-menu button{text-align:left;border:none;background:none;border-radius:.25rem}.popup-menu button:hover:not(:disabled){background:color-mix(in srgb,var(--border-color) 12%,transparent)}.popup-menu button:disabled{opacity:.45;cursor:default}@media(min-width:900px){.play{width:min(90vw,620px)}}.app-dialog{max-width:24rem;background:var(--surface-raised);color:var(--text-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.dialog-buttons{display:flex;gap:.5rem;margin-top:.75rem}.dialog-buttons.dialog-list{flex-direction:column}.app-dialog .busy{margin:0}.paste-input{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.4;resize:vertical;color:var(--text-color);background:color-mix(in srgb,var(--border-color) 8%,transparent);border:1px solid var(--border-color);border-radius:.35rem;padding:.4rem}.dialog-error{margin:.5rem 0 0;font-size:.85rem;color:var(--danger)}.update-banner{position:fixed;top:0;left:0;right:0;z-index:1000;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 1rem;background:var(--surface-raised);color:var(--text-color);font-size:.875rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 25%,transparent)}.update-banner:not([hidden]){display:flex}.update-banner button{padding:.25rem .75rem;border:1px solid color-mix(in srgb,var(--border-color) 35%,transparent);border-radius:.25rem;background:color-mix(in srgb,var(--border-color) 10%,transparent);color:inherit;font:inherit;cursor:pointer}.update-banner button:hover{background:color-mix(in srgb,var(--border-color) 20%,transparent)}.screen-error{display:grid;gap:.75rem;justify-items:center;text-align:center;width:min(90vw,22rem)}