: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-msg-theme: #8f5f00;--color-msg-valid: #6e5286;--color-msg-muted: #7f6f78;--color-msg-invalid: #9c5a4f;--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{display:flex;align-items:flex-start;gap:10px;width:690px}.column{display:flex;flex-direction:column;width:340px}@media(max-width:709px){.columns{flex-direction:column;gap:0;width:340px}footer p{max-width:340px}}.panel{display: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}.puzzle-header{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}.glance-bar{position:relative;display:inline-block;width:84px;height:18px;border:1px solid var(--color-chip-border);border-radius:9px;background:var(--color-panel-bg);overflow:hidden;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;line-height:16px;white-space:nowrap}.glance-bar-fill{position:absolute;inset:0 auto 0 0;background:var(--color-fg);transition:width .3s ease,background-color .3s ease}.glance-bar-solved .glance-bar-fill{background:var(--color-progress-solved)}.glance-bar-text{position:absolute;inset:0;text-align:center;color:var(--color-fg)}.glance-bar-text-inverse{color:var(--color-panel-bg);transition:clip-path .3s ease}.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;transition:color .15s ease}.selection-msg-1{color:var(--color-msg-theme);font-weight:600}.selection-msg-2{color:var(--color-msg-valid);font-weight:600}.selection-msg-3,.selection-msg-5,.selection-msg-6,.selection-msg-7{color:var(--color-msg-muted)}.selection-msg-4{color:var(--color-msg-invalid)}.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)}.board-shake .is-selected,.board-shake .link-use{animation:tile-shake .3s ease-in-out}@keyframes tile-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.board-shake .is-selected,.board-shake .link-use{animation:none}}.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)}.theme.theme-celebrate .theme-found{animation:theme-pop .5s cubic-bezier(.2,.9,.3,1.3) both}@keyframes theme-pop{0%{opacity:0;transform:scale(.5) rotateX(90deg)}60%{opacity:1;transform:scale(1.12) rotateX(0)}to{transform:scale(1)}}.theme-found.theme-flip{animation:theme-flip .45s cubic-bezier(.2,.8,.3,1.2) both;transform-style:preserve-3d}@keyframes theme-flip{0%{transform:rotateX(90deg);background-color:var(--color-word-obscured-bg);box-shadow:0 0 0 0 var(--color-word-solved)}50%{transform:rotateX(0) scale(1.08);box-shadow:0 0 0 4px var(--color-word-solved)}to{transform:rotateX(0) scale(1);box-shadow:0 0 0 0 transparent}}.theme-solved-line{font-size:13px;margin:0 0 10px}.puzzle-panel{position:relative}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}@media(prefers-reduced-motion:reduce){.theme.theme-celebrate .theme-found,.theme-found.theme-flip{animation:none}}.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-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:20px;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)}button.day-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0 4px;min-width:0;font-family:inherit;color:var(--color-fg);background:var(--color-panel-bg);border:1px solid var(--color-puzzle-item-border);border-radius:10px;box-shadow:inset 0 0 0 2px #fff;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}button.day-chip:hover{background:var(--color-tile-bg-sel);transform:translateY(-1px)}button.day-chip:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}button.day-chip.day-chip-current{background:var(--color-puzzle-item-current);color:var(--color-puzzle-item-current-text);border-width:2px;padding:4px 0 3px;box-shadow:inset 0 0 0 2px #fff}.day-chip-weekday{font-size:10px;line-height:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.day-chip-ring{position:relative;width:34px;height:34px}.day-chip-ring svg{position:absolute;inset:0;overflow:visible}.day-chip-track,.day-chip-progress{fill:none;stroke-width:2}.day-chip-track{stroke:var(--color-progress-bg);opacity:.55}.day-chip-progress{stroke:var(--color-fg);stroke-linecap:round;transition:stroke-dasharray .4s ease}.day-chip-solved .day-chip-track{fill:var(--color-progress-solved);stroke:var(--color-chip-border);stroke-width:1;opacity:1}.day-chip-solved .day-chip-progress{display:none}.day-chip-date{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:mpr;font-size:14px}.day-chip-id{font-family:mpr;font-size:10px;line-height:12px;opacity:.75}.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}