[hidden]{display:none!important}:root{--block:var(--on-rye);--cell:var(--field);--cell-ink:var(--ink);--cursor:var(--field);--cursor-ink:var(--on-rye);--cursor-frame:var(--block);--key-height:46px}@media (prefers-color-scheme:dark){:root{--cell:var(--ink);--cell-ink:var(--bg);--cursor:var(--pine);--cursor-ink:var(--on-pine)}}html{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.d-visually-hidden{top:0;left:0}button:disabled{cursor:default}.app{--gap:8px;--grid-max:480px;--chrome:468px;--grid:min(100%, var(--grid-max), calc(100dvh - var(--chrome)));flex-direction:column;max-width:1040px;min-height:100dvh;margin:0 auto;padding:6px 12px 10px;display:flex}.topbar{align-items:center;gap:var(--space-2);padding-bottom:4px;display:flex;position:relative}.brand{align-items:center;gap:var(--space-3);min-width:0;margin-right:auto;display:flex}.hub-link{align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:600;text-decoration:none;display:inline-flex}.hub-link:before{content:"";background:var(--rye);border-radius:50%;width:18px;height:18px}.brand h1{font-size:var(--text-lg);line-height:var(--leading-tight);white-space:nowrap;margin:0}.brand small{color:var(--soft);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.icon-btn{width:var(--tap);height:var(--tap);border:2px solid var(--ink);background:0 0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn svg{width:22px;height:22px}.lang-link{min-width:var(--tap);min-height:var(--tap);padding:0 var(--space-2);font-size:var(--text-sm);white-space:nowrap;flex:none;justify-content:center;align-items:center;text-decoration:underline;display:inline-flex}.lang-link .short{display:none}@media (width<=399px){.lang-link .short{display:inline}.lang-link .long{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.board{gap:var(--gap);padding-top:var(--gap);flex-direction:column;display:flex}.statusbar{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--tap);width:100%;max-width:calc(var(--grid) + 48px);order:-1;grid-area:status;margin:0 auto;display:flex;position:relative}.clock-meta{flex:1;align-self:stretch;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.clock svg{width:18px;height:18px;color:var(--soft);display:block}.timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-lg);line-height:1}.meta{color:var(--soft);font-size:var(--text-sm)}.tools{gap:var(--gutter);display:flex}.tools.waiting{visibility:hidden}.tool{min-height:var(--tap);background:var(--off);font-size:var(--text-sm);white-space:nowrap;border:0;border-radius:0;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.tool .caret{font-size:.75em}.menu-wrap{position:relative}.menu{right:0;top:calc(100% + var(--gutter));z-index:20;background:var(--bg);border:2px solid var(--ink);flex-direction:column;min-width:190px;padding:4px;display:flex;position:absolute}.menu button{min-height:var(--tap);text-align:left;white-space:nowrap;background:0 0;border:0;padding:0 12px;font-weight:600}.menu button:focus{background:var(--off)}.menu hr{border:0;border-top:1px solid var(--rule);width:100%;margin:4px 0}@media (hover:hover){.hub-link:hover{text-decoration:underline}.icon-btn:hover{background:var(--off)}.tool:hover{background:var(--ink);color:var(--bg)}.menu button:hover,.clues li button:not(:disabled):hover{background:var(--off)}}.grid-wrap{width:var(--grid);grid-area:grid;margin:0 auto}.grid-box{width:100%;margin:0 auto;position:relative;container-type:inline-size}.grid{background:var(--block);aspect-ratio:1;touch-action:manipulation;gap:4px;width:100%;padding:4px;display:grid}.cell{background:var(--cell);min-width:0;min-height:0;color:var(--cell-ink);text-transform:uppercase;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:10cqi;font-weight:700;line-height:1;display:flex;position:relative}.cell .letter{translate:0 .06em}.cell.block{background:var(--block);cursor:default}.cell.in-word{background:var(--rye);color:var(--on-rye)}.cell.cursor{background:var(--cursor);color:var(--cursor-ink);box-shadow:inset 0 0 0 .9cqi var(--cursor), inset 0 0 0 2.4cqi var(--cursor-frame)}.cell.cursor .num{top:calc(1px + 2.4cqi);left:calc(3px + 2.4cqi)}.cell.wrong .letter{text-decoration:line-through;text-decoration-thickness:.1em}.cell.revealed:after{content:"";border-top:2.6cqi solid;border-left:2.6cqi solid #0000;position:absolute;top:0;right:0}.cell .num{font-size:max(.7rem,3.3cqi);font-weight:600;position:absolute;top:3px;left:5px}.grid.done .cell:not(.block){background:var(--rye);color:var(--on-rye);animation:.45s both solved;animation-delay:calc(var(--d) * 55ms)}.grid.done .cell.revealed{background:var(--cell);color:var(--cell-ink)}.cell.word-pop{animation:.4s word-pop}@keyframes word-pop{40%{transform:scale(1.08)}}@keyframes solved{45%{background:var(--ink);color:var(--bg);transform:scale(1.1)}}.overlay{justify-content:space-between;gap:var(--space-3);min-height:0;padding:clamp(16px,6cqi,32px);position:absolute;inset:0}.overlay>.d-shape{width:46cqi;height:46cqi;bottom:-6cqi;right:-6cqi}.overlay p{max-width:22ch;font-size:clamp(var(--text-lg), 7cqi, var(--text-xl));font-weight:700;line-height:var(--leading-tight);margin:0}.overlay .overlay-title{font-size:var(--text-sm);font-weight:500;line-height:var(--leading)}.overlay .d-btn{align-self:flex-start;position:relative}.toast{z-index:10;background:var(--ink);color:var(--bg);font-size:var(--text-sm);pointer-events:none;opacity:0;align-items:center;padding:2px 12px;font-weight:600;line-height:1.15;transition:opacity .15s;display:flex;position:absolute;inset:0 0 4px}.toast.show{opacity:1}.clue-bar{width:100%;max-width:calc(var(--grid) + 48px);background:var(--rye);min-height:56px;color:var(--on-rye);grid-area:bar;align-items:center;gap:4px;margin:0 auto;padding:0 2px 0 0;display:flex;position:relative}.clue-bar .nav{width:var(--tap);min-height:var(--tap);background:0 0;border:0;flex:none;font-size:1.6rem;line-height:1}.clue-bar .tag{background:var(--on-rye);min-width:52px;color:var(--rye);white-space:nowrap;border:0;flex:none;align-self:stretch;padding:0 10px;font-weight:700}.clue-bar .text{justify-content:space-between;align-self:stretch;align-items:center;gap:var(--space-2);text-align:left;min-width:0;font-size:var(--text-md);overflow-wrap:anywhere;background:0 0;border:0;flex:1;padding:6px 4px;line-height:1.2;display:flex}.clue-bar .text svg{flex:none;width:18px;height:18px}.clues{grid-area:clues;grid-template-columns:1fr 1fr;align-content:start;gap:16px;display:none}.clues h2{font-size:var(--text-md);line-height:var(--leading-tight);margin:0 0 4px}.clues ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.clues li button{width:100%;min-height:var(--tap);text-align:left;font-size:var(--text-sm);overflow-wrap:anywhere;background:0 0;border:0;flex-wrap:wrap;align-content:center;align-items:baseline;gap:8px;padding:6px 8px;line-height:1.3;display:flex}.clues li button b{min-width:1.2em}.clues li button span{flex:1 1 0}.clues li.filled button span{color:var(--soft)}.clues .answer{display:none}.clues.finished .answer{text-transform:uppercase;letter-spacing:.06em;flex:none;font-weight:700;display:inline}.clues.finished li button{cursor:default}.clues.finished li button span{color:inherit}.clues.clue-dialog{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:1fr;display:grid}.clues li.active button,.clues li.active button span{background:var(--rye);color:var(--on-rye)}.keyboard{-webkit-user-select:none;user-select:none;grid-area:kbd;grid-template-columns:repeat(7,1fr);gap:5px 4px;width:100%;max-width:560px;margin:0 auto;display:grid}.key{min-width:0;height:var(--key-height);background:var(--off);font-size:var(--text-lg);text-transform:uppercase;touch-action:manipulation;border:0;border-radius:0;padding:0;font-weight:600}.key.wide{grid-column:span 2}.key.accent{box-shadow:inset 0 -3px 0 var(--rule)}.key:active{background:var(--ink);color:var(--bg)}.finish{gap:var(--gap);flex-direction:column;grid-area:kbd;display:flex}.done-panel{width:100%;max-width:var(--grid);justify-items:start;margin:0 auto;position:relative;overflow:hidden}.done-panel>:not(.d-shape){position:relative}.done-panel>.d-shape{opacity:.32;width:96px;height:96px;position:absolute;bottom:-18px;right:-18px}.done-panel h2{font-size:var(--text-lg);line-height:var(--leading-tight);margin:0}.done-panel p{margin:0}.done-panel .meta{color:inherit}.done-actions,.dialog-actions{gap:var(--gutter);flex-wrap:wrap;display:flex}.done-actions{margin-top:var(--space-2)}.dialog-actions{bottom:calc(-1 * var(--space-5));margin:var(--space-4) 0 calc(-1 * var(--space-5));padding:var(--space-3) 0 var(--space-5);background:var(--bg);justify-content:flex-end;position:sticky}.day-notice{min-height:var(--tap);z-index:11;align-items:center;gap:var(--space-2);padding:0 0 0 var(--space-3);background:var(--ink);color:var(--bg);display:flex;position:absolute;inset:0 0 auto}.day-notice p{min-width:0;font-size:var(--text-sm);flex:1;margin:0;font-weight:600;line-height:1.15}.day-notice .d-btn{height:auto;min-height:0;padding:0 var(--space-3);flex:none;align-self:stretch}.countdown{font-variant-numeric:tabular-nums;font-weight:700}.link-btn{min-height:var(--tap);background:0 0;border:0;padding:0 6px;font-weight:700;text-decoration:underline}.footer{color:var(--soft);font-size:var(--text-xs);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:20px;margin-top:auto;padding-top:18px;display:flex}.footer a{min-height:var(--tap);min-width:var(--tap);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.d-dialog:focus{outline:none}.d-dialog p{margin:0 0 var(--space-3)}.d-dialog .d-result{margin-bottom:var(--space-4)}.d-dialog .d-result p{margin:0}.cheer{font-weight:700}.tomorrow{color:var(--soft);font-size:var(--text-sm)}.stat-grid{gap:var(--gutter);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.stat-grid div{padding:var(--space-2) var(--space-3);background:var(--off)}.stat-grid strong{font-size:var(--text-lg);font-variant-numeric:tabular-nums;line-height:1.1;display:block}.stat-grid span{color:var(--soft);line-height:1.15;font-size:var(--text-xs);overflow-wrap:anywhere;display:block}.help-credits{flex-direction:column;align-items:flex-start;padding-top:4px}.d-dialog .d-result{align-items:start;column-gap:var(--space-4);grid-template-columns:1fr auto}.result-grid{grid-area:1/2/span 2;gap:5px;display:grid}.d-dialog .d-result .legend{font-size:var(--text-xs);grid-column:1/-1}[data-mark]{vertical-align:-2px;width:14px;height:14px;font-size:0;font-style:normal;display:inline-block;position:relative;overflow:hidden}[data-mark=solo]{background:currentColor;border-radius:50%}[data-mark=helped],[data-mark=given]{border:2px solid;border-radius:50%}[data-mark=helped]:before{content:"";background:currentColor;position:absolute;inset:0 50% 0 0}[data-mark=block]{background:currentColor;scale:.6}.empty{font-size:var(--text-lg);text-align:center;padding:60px 16px}@media (width<=399px){.statusbar{gap:6px}.tool{padding:0 12px}.meta{font-size:var(--text-xs)}.brand{gap:var(--space-2)}}@media (orientation:portrait) and (width<=699px){.app{--top-h:56px}main{height:calc(100dvh - var(--top-h));flex-direction:column;display:flex}.board{flex:1;min-height:0}.grid-wrap{width:100%;min-height:0;max-height:min(var(--grid-max), 100vw - 24px);flex:1 1 0;place-items:center;display:grid;container-type:size}.grid-box{width:min(100cqw,100cqh)}.statusbar,.clue-bar,.done-panel{max-width:none}main:has(.cup-slot[data-dienio-cup]){height:auto}main:has(.cup-slot[data-dienio-cup]) .grid-wrap{height:min(var(--grid-max), 100vw - 24px);flex:none}}@media (orientation:portrait) and (width<=699px) and (height<=760px){.app{--gap:6px;--top-h:52px;padding-top:4px;padding-bottom:4px}.topbar{padding-bottom:2px}.grid{gap:3px;padding:2px}.clue-bar{min-height:48px}.clue-bar .text{font-size:var(--text-sm)}.keyboard{--key-height:var(--tap);row-gap:3px}}@media (width>=560px){.brand small{display:inline}}@media (width>=700px) and (height>=700px){.app{--gap:12px;--grid-max:560px;--chrome:480px;--grid:min(var(--grid-max), calc(100dvh - var(--chrome)), calc(100vw - 264px))}.board{grid-template-columns:auto minmax(220px,1fr);grid-template-areas:"status status""grid clues""bar bar""kbd kbd";align-items:start;column-gap:20px;display:grid}.statusbar,.clue-bar,.done-panel{max-width:none}.grid-wrap{margin:0}.clues{grid-template-columns:1fr;display:grid}.keyboard{--key-height:52px;grid-template-columns:repeat(9,1fr);max-width:none}.key.wide{grid-column:span 3}}@media (width>=960px) and (height>=600px){.app{--grid-max:520px;--chrome:270px;--grid:min(var(--grid-max), calc(100dvh - var(--chrome)), calc(100vw - 452px))}.brand h1{font-size:var(--text-xl)}.board{grid-template:"status clues""grid clues""grid kbd"1fr"bar kbd"/auto 1fr;column-gap:28px}.keyboard{--key-height:46px;margin-top:var(--space-5);align-self:start}.done-panel{align-self:start}.statusbar,.clue-bar{width:var(--grid)}.clues{grid-template-columns:1fr 1fr}.keyboard,.done-panel{max-width:560px;margin:0}}@media (orientation:landscape) and (height<=520px){.app{--gap:6px;--grid:min(calc(100dvh - 12px), calc(100vw - 480px));column-gap:16px;row-gap:var(--gap);grid-template:"grid top""grid status""grid bar""grid kbd"1fr/auto minmax(0,1fr);max-width:none;padding:6px 12px;display:grid}.topbar{grid-area:top;padding-bottom:2px}.brand small{display:none}main,.board{display:contents}.grid-wrap{align-self:start}.statusbar,.clue-bar,.keyboard,.done-panel{width:100%;max-width:none}.clue-bar{min-height:48px}.clues{display:none}.keyboard,.done-panel{align-self:start}.keyboard{--key-height:var(--tap);grid-template-columns:repeat(9,1fr);gap:4px}.key.wide{grid-column:span 3}.app>.footer{display:none}}