:root{--bg: #1e1f22;--surface: #2b2d31;--surface-raised: #313338;--border: #3f4147;--text: #f2f3f5;--text-muted: #949ba4;--accent: #5865f2;--green: #538d4e;--yellow: #b59f3b;--red: #a02020;--gray: #3a3a3c;--black: #000000;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}button{font-family:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100%}.app__header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;min-height:57px;border-bottom:1px solid var(--border)}[data-mobile] .app__header{padding-top:48px}.app__title{margin:0;font-size:18px;font-weight:700}.app__tabs{display:flex;gap:4px;background:var(--surface);border-radius:999px;padding:4px}.app__tab{border:none;background:none;color:var(--text-muted);font-size:14px;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer}.app__tab--active{background:var(--accent);color:var(--text)}.app__tab-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 8px center;background-size:14px;color:var(--text);font-size:14px;font-weight:600;padding:8px 28px 8px 14px;border-radius:999px;cursor:pointer}.user-badge{display:flex;align-items:center;gap:8px;margin-left:auto;background:var(--surface);border-radius:999px;padding:4px 12px 4px 4px;font-size:13px}.user-badge__avatar{border-radius:50%;width:24px;height:24px;object-fit:cover;flex-shrink:0}.user-badge__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text);font-weight:700;font-size:11px}.user-badge__name{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.app__main{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center}.stage-fade{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;width:100%;min-height:0}.stage-fade__layer{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;animation:stage-fade-in .32s ease both}@keyframes stage-fade-in{0%{opacity:0}to{opacity:1}}.status-screen{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--text-muted)}.status-screen--error{color:#f23f42}.status-screen--loading{flex-direction:column;gap:20px}[data-mobile] .status-screen--loading{gap:24px}.loading-screen__title{font-size:20px;font-weight:700;color:var(--text)}.loading-screen__message{font-size:16px;font-weight:600;animation:loading-message-in .32s cubic-bezier(.4,0,.2,1) both}[data-mobile] .loading-screen__message{font-size:20px}@keyframes loading-message-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.loading-bar{position:relative;width:260px;height:10px;border-radius:999px;background:var(--surface);overflow:hidden}[data-mobile] .loading-bar{width:340px;height:14px}.loading-bar__fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#8b93f8)}.loading-bar__fill--a{animation:loading-bar-a 1.6s cubic-bezier(.65,.05,.36,1) infinite}.loading-bar__fill--b{animation:loading-bar-b 1.6s cubic-bezier(.65,.05,.36,1) infinite;animation-delay:.8s}@keyframes loading-bar-a{0%{left:-40%;width:40%}60%{left:100%;width:60%}to{left:100%;width:60%}}@keyframes loading-bar-b{0%{left:-60%;width:50%}60%{left:110%;width:60%}to{left:110%;width:60%}}.start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.start-screen__name{font-size:24px;font-weight:800;color:var(--text)}.start-screen__date{font-size:15px;color:var(--text-muted)}.start-screen__meta{font-size:13px;color:var(--text-muted);margin-bottom:16px}.start-screen__button{background:var(--accent);border:none;border-radius:999px;color:#fff;font-size:16px;font-weight:700;padding:12px 48px;cursor:pointer}.start-screen__button:hover{background:#4752c4}.connection-lost{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.connection-lost__box{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:28px 36px}.connection-lost__title{font-size:18px;font-weight:700;color:var(--text)}.connection-lost__message{font-size:14px;color:var(--text-muted)}.app__archive-button{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer}.archive-picker{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.archive-picker__box{display:flex;flex-direction:column;gap:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:20px;width:min(340px,90vw)}.archive-picker__header{display:flex;align-items:center;justify-content:space-between}.archive-picker__title{margin:0;font-size:18px;font-weight:700}.archive-picker__close{border:none;background:none;color:var(--text-muted);font-size:16px;cursor:pointer}.archive-picker__nav{display:flex;align-items:center;gap:6px}.archive-picker__nav-arrow{border:none;background:var(--surface);color:var(--text);font-size:18px;width:28px;height:28px;border-radius:8px;cursor:pointer}.archive-picker__nav-arrow:disabled{color:var(--text-muted);opacity:.4;cursor:default}.archive-picker__select{flex:1;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px}.shortcuts-modal__list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.shortcuts-modal__item{display:flex;align-items:center;gap:12px}.shortcuts-modal__keys{flex:0 0 auto;min-width:110px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;text-align:center}.shortcuts-modal__description{color:var(--text-muted);font-size:13px}.archive-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;color:var(--text-muted);font-weight:700}.archive-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.archive-picker__cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:var(--surface);color:var(--text);font-size:13px;border-radius:8px;cursor:pointer}.archive-picker__cell:hover:not(:disabled){background:var(--accent)}.archive-picker__cell:disabled{background:none;color:var(--text-muted);opacity:.35;cursor:default}.archive-picker__cell--blank{background:none;cursor:default}.archive-picker__cell--completed{background:var(--green)}.archive-picker__check{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700}.puzzle{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;--cell-max-size: min(80px, calc((100dvh - 220px) / var(--puzzle-rows, 5) - 4px));--puzzle-max-width: calc( var(--puzzle-cols, 5) * var(--cell-max-size) + (var(--puzzle-cols, 5) - 1) * 4px );--grid-height: calc( var(--puzzle-rows, 5) * var(--cell-max-size) + (var(--puzzle-rows, 5) - 1) * 4px );width:min(100%,var(--puzzle-max-width))}[data-mobile] .puzzle{padding-left:12px;padding-right:12px;--puzzle-max-width: 100vw}.puzzle--mobile{padding-bottom:180px}[data-puzzle-type=crossword] .cell{font-size:clamp(8px,2.5vw,16px)}[data-puzzle-type=crossword] .cell__label{font-size:7px}.keyboard{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:6px;padding:8px 4px;background:var(--surface);border-top:1px solid var(--border)}.keyboard__row{display:flex;justify-content:center;gap:5px}.keyboard__key{flex:1;max-width:38px;height:44px;background:var(--surface-raised);border:none;border-radius:6px;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.keyboard__key--backspace{max-width:52px;font-size:18px}.puzzle__header{display:flex;justify-content:flex-end;width:100%;max-width:var(--puzzle-max-width)}.puzzle__main,.puzzle__side{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:var(--puzzle-max-width)}.timer{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-muted);background:var(--surface);border-radius:8px;padding:4px 10px}.grid__mobile-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;top:0;left:0}.puzzle__grid{position:relative;display:grid;gap:4px;width:100%;max-width:var(--puzzle-max-width);outline:none}.puzzle__grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:clamp(16px,4vw,24px);font-weight:600;cursor:pointer;padding:0;text-transform:uppercase;transition:background-color .12s ease,border-color .12s ease}.cell--wrong{background:#f23f42!important;border-color:#f23f42!important;color:#fff}.cell:disabled{cursor:default}.cell--black{background:var(--black);border-color:var(--black)}.cell--shaded{background:var(--gray)}.cell--selected{background:var(--accent);border-color:var(--accent)}.cell--highlighted{background:#4046a8;border-color:#4046a8}.cell--state-correct{background:var(--green);border-color:var(--green);color:#fff}.cell--state-corrected{background:var(--yellow);border-color:var(--yellow);color:#fff}.cell--state-revealed{background:var(--red);border-color:var(--red);color:#fff}.cell--admire-selected,.cell--admire-highlighted{outline:2px solid #fff;outline-offset:-2px}.cell__label{position:absolute;top:2px;left:4px;font-size:10px;font-weight:500;color:var(--text-muted)}.cell__circle{position:absolute;top:10%;left:10%;width:80%;height:80%;border:2px solid currentColor;border-radius:50%;opacity:.6;pointer-events:none}.cell--selected .cell__label,.cell--highlighted .cell__label,.cell--state-correct .cell__label,.cell--state-corrected .cell__label,.cell--state-revealed .cell__label{color:#ffffffbf}.puzzle__toolbar{display:flex;align-items:center;gap:8px;width:100%;max-width:var(--puzzle-max-width)}.toolbar__button{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer}.toolbar__button:hover:not(:disabled){background:var(--surface-raised)}.toolbar__button:disabled{color:var(--text-muted);cursor:default;opacity:.6}.toolbar__button--ghost{margin-left:auto;background:none}.toolbar__button--icon{padding:8px 12px}.toolbar__menu{position:relative}.toolbar__menu:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:4px}.toolbar__menu-items{display:none;position:absolute;bottom:calc(100% + 4px);left:0;flex-direction:column;min-width:110px;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:10}.toolbar__menu:hover .toolbar__menu-items,.toolbar__menu:focus-within .toolbar__menu-items{display:flex}.toolbar__menu-items button{background:none;border:none;text-align:left;padding:8px 12px;font-size:13px;cursor:pointer;color:var(--text)}.toolbar__menu-items button:hover:not(:disabled){background:var(--surface)}.toolbar__menu-items button:disabled{color:var(--text-muted);cursor:default}.clue-bar{display:flex;align-items:stretch;width:100%;max-width:var(--puzzle-max-width);background:var(--surface);border-radius:8px;font-size:14px;overflow:hidden}.clue-bar__content{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:10px 8px}.clue-bar__label{font-weight:700;white-space:nowrap;color:var(--accent)}.clue-bar__text{flex:1 1 auto;min-width:0;overflow-wrap:break-word}.clue-bar__nav{flex-shrink:0;width:32px;background:var(--surface-raised);border:none;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer}.clue-bar__nav:hover{color:var(--text);background:var(--border)}.clue-list{display:flex;gap:16px;width:100%;max-width:var(--puzzle-max-width)}.clue-list__column{flex:1;min-width:0}.clue-list__heading{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.clue-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.clue-list__item{display:flex;gap:6px;width:100%;text-align:left;background:none;border:none;border-radius:6px;padding:4px 6px;font-size:13px;cursor:pointer}.clue-list__item:hover{background:var(--surface)}.clue-list__item--active{background:var(--surface-raised);color:var(--accent)}.clue-list__item-label{font-weight:700;color:var(--text-muted);flex-shrink:0}.clue-list__item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clue-bar-slot{width:100%}.clue-bar-slot--sidebar{display:none}@media (min-width: 900px){.app:not([data-mobile]) .puzzle{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px 24px;width:min(100%,calc(var(--puzzle-max-width) + 356px))}.app:not([data-mobile]) .puzzle>.puzzle__header{flex-basis:100%}.app:not([data-mobile]) .puzzle>.puzzle__main{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-width:0}.app:not([data-mobile]) .puzzle>.puzzle__side{display:flex;flex-direction:column;gap:18px;width:300px;flex-shrink:0}.app:not([data-mobile]) .clue-bar-slot--stacked{display:none}.app:not([data-mobile]) .clue-bar-slot--sidebar{display:block}.app:not([data-mobile]) .puzzle>.puzzle__side{max-height:calc(var(--grid-height) + 10px + 36px)}.app:not([data-mobile]) .puzzle>.puzzle__side .clue-list{flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;padding-right:4px}.app:not([data-mobile]) .puzzle>.puzzle__side .clue-list__column{flex:none}}.results-panel{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;--results-max-width: 480px;width:min(100%,var(--results-max-width))}[data-mobile] .results-panel{--results-max-width: 100vw;padding:24px 12px}.results-panel__streak{display:flex;align-items:center;gap:6px;background:var(--surface);border-radius:999px;padding:8px 18px;font-size:15px}.results-panel__streak-flame{font-size:18px}.results-panel__streak-count{font-weight:800;font-size:18px}.results-panel__streak-label{color:var(--text-muted)}.results-panel__heading{margin:0;font-size:16px;color:var(--text-muted);font-weight:600}.results-panel__players{display:flex;flex-direction:column;gap:12px;width:100%;max-width:var(--results-max-width)}.results-panel__admire-button{width:100%;max-width:var(--results-max-width);background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-weight:600;padding:10px 16px;cursor:pointer}.results-panel__admire-button:hover{background:var(--surface-raised)}.player-card{background:var(--surface);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.player-card--you{outline:2px solid var(--accent)}.player-card__identity{display:flex;align-items:center;gap:8px}.player-card__avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.player-card__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);font-weight:700;font-size:14px}.player-card__name{font-weight:600;flex:1;display:flex;align-items:center;gap:6px}.player-card__crown{font-size:14px}.player-card__time{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:13px}.mini-grid{display:grid;gap:3px;max-width:160px}.mini-cell{aspect-ratio:1;border-radius:2px}.mini-cell--black{background:var(--black)}.mini-cell--green{background:var(--green)}.mini-cell--yellow{background:var(--yellow)}.mini-cell--red{background:var(--red)}