:root{--color-page-bg: #f4dcb6;--color-header-bg: #f4dcb6;--color-main-bg: #f4dcb6;--color-panel-bg: #fff1e6;--color-footer-bg: #f4dcb6;--color-fg: #321f28;--color-panel-border: #321f28;--color-panel-header-bg: #f4dcb6;--color-puzzle-list-streak-bg: #ffd770;--color-puzzle-list-streak-border: #ccac5a;--color-selection-arrow: #321f28;--color-tile-bg: #eddcd2;--color-tile-bg-sel: #dbe7e4;--color-tile-bg-theme: #ffd770;--color-tile-bg-valid: #D5CEDE;--color-tile-bg-dup: #c9d3d1;--color-tile-outer-border: #321f28;--color-tile-border: #fff;--color-link-border: #fff;--color-tile-label: #321f28;--color-link: #321f28;--color-word-border: #321f28;--color-word-obscured-bg: #DBB9A9;--color-word-solved: #ffd770;--color-word-text: #321f28;--color-info-icon: #dbe7e4;--color-error-icon: #ffd770;--color-icon-stroke: #321f28;--color-puzzle-item-bg: #eddcd2;--color-puzzle-item-border: #321f28;--color-puzzle-item-current: #dbe7e4;--color-puzzle-item-current-text: #321f28;--color-progress-bg: #DBB9A9;--color-progress-fg: #fff1e6;--color-progress-solved: #ffd770;--color-chip-bg: #ffd770;--color-chip-zero-bg: #DBB9A9;--color-chip-text: #321f28;--color-chip-border: #321f28;--size-link-border-width: 12px;--size-link-width: 4px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:mpr;src:url(/mpr.woff) format("woff");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;background-color:var(--color-page-bg);touch-action:manipulation}#app{display:flex;flex-direction:column}header{height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--color-header-bg)}.logo{width:96px;height:48px;background-image:url(/logo.png);background-size:contain;background-repeat:no-repeat;margin-top:10px}footer{padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-footer-bg)}footer p{max-width:690px}main{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;background-color:var(--color-main-bg)}var{font-style:normal}a{color:var(--color-fg);text-decoration:none;border-bottom:1px dashed var(--color-fg);cursor:pointer}a:hover{border-bottom:1px solid var(--color-fg);background-color:var(--color-tile-bg-sel)}.columns{column-count:2;column-gap:10px;width:690px}@media(max-width:709px){.columns{column-count:1;width:340px}footer p{max-width:340px}}.panel{break-inside:avoid;-webkit-column-break-inside:avoid;display:inline-block;width:340px;border-radius:10px;border:2px solid var(--color-panel-border);background-color:var(--color-panel-bg);margin-bottom:10px}.panel-header{font-family:mpr;font-size:16px;padding:2px 18px;background-color:var(--color-panel-header-bg);border-top-left-radius:8px;border-top-right-radius:8px}.panel-content{position:relative;padding:8px 18px}.p{margin-bottom:10px}p{line-height:1.5;margin-top:0}.selection-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px}.selection-bg{position:absolute;inset:0;width:336px;height:70px;z-index:0;pointer-events:none}.selection{position:relative;z-index:1;font-family:mpr;font-size:24px;height:36px;text-align:center}.selection-type{position:relative;z-index:1;text-align:center}.selection-arrow{position:relative;z-index:1;margin-top:5px;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.board-wrapper{width:320px;height:320px;position:relative;margin:8px}.board,.board-overlay{width:320px;height:320px;position:absolute;top:0;left:0}.board{pointer-events:none}.board-overlay{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}.board-tile{fill:var(--color-tile-bg)}.selection-type-1 .board-tile.is-selected{fill:var(--color-tile-bg-theme)}.selection-type-2 .board-tile.is-selected{fill:var(--color-tile-bg-valid)}.selection-type-3 .board-tile.is-selected,.selection-type-4 .board-tile.is-selected{fill:var(--color-tile-bg-sel)}.selection-type-5 .board-tile.is-selected,.selection-type-6 .board-tile.is-selected,.selection-type-7 .board-tile.is-selected{fill:var(--color-tile-bg-dup)}.tile-label{font-family:mpr;font-size:35px;text-align:center;fill:var(--color-tile-label)}.link-border{stroke:var(--color-link-border);stroke-width:var(--size-link-border-width);stroke-linecap:round}.link{stroke:var(--color-link);stroke-width:var(--size-link-width);stroke-linecap:round}.link-end-border{fill:var(--color-link-border)}.link-end{fill:var(--color-link)}.word{display:inline-block;font-family:mpr;font-size:16px;padding:0 5px;line-height:26px;border:1px solid var(--color-word-border);border-radius:5px;margin-right:10px;margin-bottom:10px}.word-list{max-height:205px;overflow-y:auto}.theme-given{display:inline-block;font-family:mpr;font-size:16px;padding:0 1px;line-height:26px;border:1px solid transparent;margin-bottom:10px}.theme-obscured{display:inline-block;font-family:mpr;font-size:16px;padding:0 5px;line-height:26px;border:1px solid var(--color-word-border);border-radius:5px;margin-bottom:10px;background-color:var(--color-word-obscured-bg);color:var(--color-word-text)}.theme-found{display:inline-block;font-family:mpr;font-size:16px;padding:0 5px;line-height:26px;border:1px solid var(--color-word-border);border-radius:5px;margin-bottom:10px}.theme.theme-solved .theme-found{background-color:var(--color-word-solved)}.message-panel .panel-content{display:flex;align-items:flex-start}.message-panel .panel-content .message-icon{display:flex;align-items:center;margin-right:10px;flex-shrink:0}.message-panel .panel-content .message-icon svg{width:24px;height:24px;stroke:var(--color-icon-stroke)}.message-panel .panel-content .message-icon .loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.puzzle-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.puzzle-list-streak{position:absolute;top:6px;right:0;background-color:var(--color-puzzle-list-streak-bg);font-size:13px;padding:0 20px 0 25px;line-height:24px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10px 50%);border-right:2px solid var(--color-puzzle-list-streak-border)}.puzzle-item{display:flex;justify-content:space-between;align-items:center;padding:5px 10px 5px 30px;background:var(--color-puzzle-item-bg);border:1px solid var(--color-puzzle-item-border);border-radius:5px;cursor:pointer;box-shadow:inset 0 0 0 2px #fff;position:relative}.puzzle-item:before{content:"";position:absolute;left:8px;width:16px;height:16px;border:1px solid var(--color-puzzle-item-border);border-radius:50%;background:transparent}.puzzle-item-current{background:var(--color-puzzle-item-current);color:var(--color-puzzle-item-current-text)}.puzzle-item-current:after{content:"";position:absolute;left:12px;width:8px;height:8px;border-radius:50%;background:var(--color-puzzle-item-border)}.puzzle-item-id{font-family:mpr;font-size:13px}.puzzle-item-stats{display:flex;align-items:center;gap:8px;justify-content:space-between}.puzzle-item-progress{display:inline-block;font-size:13px;line-height:18px;height:20px;width:100px;border-radius:10px;border:1px solid var(--color-chip-border);text-align:center;background:var(--color-progress-bg)}.puzzle-item-count{display:inline-block;font-size:13px;line-height:18px;height:20px;background:var(--color-chip-bg);color:var(--color-chip-text);border-radius:10px;border:1px solid var(--color-chip-border);min-width:50px;text-align:center}.time{font-family:mpr;font-size:13px}.account-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-email{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.account-loading{font-size:13px;opacity:.7}.account-login{width:100%}button{font-family:inherit;font-size:13px;padding:8px;color:var(--color-fg);border-radius:5px;cursor:pointer;border:1px solid var(--color-panel-border);background-color:#fff}button:hover{background-color:var(--color-panel-bg)}.account-btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:5px}.account-link{flex-shrink:0;font-size:13px}.account-hint{font-size:16px;margin:8px 0}