.topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__in{height:56px;display:flex;align-items:center;gap:var(--s3)}.topbar__title{font-size:var(--t3);font-weight:700;letter-spacing:-.01em;margin-right:auto}.topbar__title span{color:var(--ink-3);font-weight:500;margin-left:var(--s2)}.menu{padding:var(--s6) var(--s4);max-width:560px;margin-inline:auto;animation:rise var(--dur-2) var(--ease) both}.menu h1{font-size:var(--t6);font-weight:800;letter-spacing:-.03em;margin:0 0 var(--s2)}.menu__lead{font-size:var(--t4);color:var(--ink-2);margin:0 0 var(--s6);line-height:1.7}.menu__label{font-size:var(--t2);font-weight:700;color:var(--ink-3);margin:0 0 var(--s2)}.grades{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2);margin-bottom:var(--s5)}.grade{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s3) var(--s2);border-radius:var(--r2)}.grade:before{content:"";width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--dot);margin-bottom:var(--s1);transition:transform var(--dur-1) var(--ease)}.grade:hover:before{transform:scale(1.3)}.grades>:nth-child(1){--dot: var(--line-2);--dot-size: 6px}.grades>:nth-child(2){--dot: var(--ink-4);--dot-size: 8px}.grades>:nth-child(3){--dot: var(--ink-3);--dot-size: 10px}.grades>:nth-child(4){--dot: var(--ink-2);--dot-size: 12px}.grades>:nth-child(5){--dot: var(--ink);--dot-size: 14px}.grade b{font-size:var(--t4);font-weight:700}.grade span{font-size:var(--t1);color:var(--ink-3);font-weight:500}.menu__daily{box-shadow:inset 3px 0 0 var(--line-2);width:100%;padding:var(--s4);border-radius:var(--r2);text-align:left;display:flex;align-items:center;gap:var(--s3)}.menu__daily b{font-size:var(--t4)}.menu__daily span{font-size:var(--t2);color:var(--ink-3);font-weight:500;margin-left:auto}.menu__foot{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);font-size:var(--t2);color:var(--ink-4)}.menu__foot a{color:var(--ink-3)}.play{padding-top:var(--s4);padding-bottom:var(--s6);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:var(--s4);align-items:start}@media(max-width:880px){.play{grid-template-columns:minmax(0,1fr)}}.board-wrap{max-width:440px;margin-inline:auto}.seq{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--s1);margin-top:var(--s4)}.seq__slot{aspect-ratio:1;padding:0;border-radius:var(--r1);border:1px solid var(--line);background:var(--sunk);display:flex;align-items:center;justify-content:center;font-size:var(--t4);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.seq__slot--empty{color:var(--ink-4);font-weight:500;background:transparent}.seq__slot--cursor{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.seq__slot--filled{animation:rise var(--dur-2) var(--ease) both}.actions{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}.actions .spacer{flex:1}@media(hover:none)and (pointer:coarse){.actions .card__note{display:none}}.clues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.clues li{display:flex;gap:var(--s3);align-items:baseline;font-size:var(--t4);line-height:1.65;border-left:3px solid var(--line-2);padding:2px 0 2px var(--s3)}.clues b{flex:none;font-size:var(--t2);font-weight:700;color:var(--ink-4)}.rules{margin-top:var(--s3);border-top:1px solid var(--line);padding-top:var(--s3)}.rules>summary{list-style:none;cursor:pointer;font-size:var(--t3);font-weight:600;color:var(--ink-3);display:flex;align-items:center;gap:var(--s2)}.rules>summary::-webkit-details-marker{display:none}.rules>summary:before{content:"";width:7px;height:7px;flex:none;background:var(--ink-4);border-radius:2px}.rules[open]>summary:before{background:var(--ink)}.rules>summary:hover{color:var(--ink)}.rules p{font-size:var(--t3);line-height:1.7;color:var(--ink-2);margin:var(--s3) 0 0}.board__hit{fill:transparent;cursor:pointer}.board__hit:focus-visible{outline:none;fill:var(--sunk);fill-opacity:.7}.verdict{margin-top:var(--s3);border-left:3px solid var(--bad);background:var(--sunk);border-radius:0 var(--r1) var(--r1) 0;padding:var(--s3) var(--s4);animation:rise var(--dur-2) var(--ease) both}.verdict--ok{border-left-color:var(--mark)}.verdict__text{margin:0;font-size:var(--t4);line-height:1.7}.verdict__meta{margin:var(--s1) 0 0;font-size:var(--t3);color:var(--ink-3);font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.verdict__acts{display:flex;gap:var(--s2);margin-top:var(--s3)}.clues li{transition:border-left-color var(--dur-2) var(--ease),color var(--dur-1)}.clues li[data-state=ok]{border-left-color:var(--mark)}.clues li[data-state=ok] b{color:var(--mark-ink)}.clues li[data-state=wrong]{border-left-color:var(--bad)}.clues li[data-state=wrong] b{color:var(--bad-ink)}.hint{margin-top:var(--s3);border-left:3px solid var(--warn);background:var(--sunk);border-radius:0 var(--r1) var(--r1) 0;padding:var(--s3) var(--s4);animation:rise var(--dur-2) var(--ease) both}.hint__level{display:inline-block;font-size:var(--t1);font-weight:700;color:var(--ink-3);margin-bottom:var(--s1)}.hint__text{margin:0;font-size:var(--t4);line-height:1.7}.hint__more{margin:var(--s2) 0 0;font-size:var(--t2);color:var(--ink-3)}.guide{margin-top:var(--s3);border-left:3px solid var(--ink);background:var(--sunk);border-radius:0 var(--r1) var(--r1) 0;padding:var(--s3) var(--s4);animation:rise var(--dur-2) var(--ease) both}.guide__head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s1)}.guide__head .hint__level{margin:0 auto 0 0}.guide__skip{font-size:var(--t2);padding:var(--s1) var(--s3)}.guide__say,.guide__reply{margin:0;font-size:var(--t4);line-height:1.7}.guide__options{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}.guide__option{width:100%;text-align:left;font-size:var(--t4);padding:var(--s3) var(--s4)}.guide__reply{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line-2)}.guide__acts{display:flex;justify-content:flex-end;margin-top:var(--s3)}.guide__rise{animation:rise var(--dur-2) var(--ease) both}.clues li[data-look] b{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--warn);color:var(--on-warn)}.menu__link{font:inherit;color:var(--ink-3);background:none;border:0;padding:0;text-decoration:underline}.menu__link:hover:not(:disabled){background:none;color:var(--ink)}@keyframes refuse{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.shake{animation:refuse .2s var(--ease)}