.byline{display:flex;align-items:flex-end;gap:8px;margin:0}.byline .brand{margin:0}.byline span{padding-bottom:3px;font-size:.8125rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}.quiz,.qdone{margin:18px 0 8px;padding:16px 16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--chrome);box-shadow:0 2px 10px var(--shadow);text-align:center}.qbar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;font-weight:700;color:var(--muted)}.dots{display:flex;gap:5px;margin:0;padding:0;list-style:none}.dots li{width:11px;height:11px;border-radius:50%;border:2px solid var(--line);background:var(--chrome)}.dots li.now{border-color:var(--ink);background:var(--ink)}.dots li.ok{border-color:#3f8f6b;background:#3f8f6b}.dots li.ng{border-color:var(--mark);background:var(--mark)}.qfont{margin:10px 0 0;min-height:1.2em;font-size:.75rem;color:var(--muted)}.qglyph{visibility:hidden}body.fonts-ready .qglyph,body.fonts-ready .qcompare b{visibility:visible}.qcompare b,.review b{visibility:hidden}.qglyph{display:grid;place-items:center;height:42vw;max-height:220px;margin:2px 0 14px;font-size:min(32vw,170px);line-height:1;color:var(--ink);font-synthesis:none}.qglyph.done{color:var(--mark)}.qbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qbtn{padding:14px 10px;border:2px solid var(--line);border-radius:14px;background:var(--chrome);color:var(--ink);font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer}.qbtn:disabled{opacity:.45}.qbtn.hira{border-color:#3f8f6b;color:#2e7152}.qbtn.kata{border-color:var(--mark);color:var(--mark)}.qresult{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.qjudge{margin:0 0 10px;font-weight:700;color:#2e7152}.qjudge.ng{color:var(--mark)}.qcompare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qcompare div{padding:8px 4px 6px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.qcompare b{display:block;font-size:3.25rem;line-height:1.1;font-weight:400;font-synthesis:none}.qcompare small{display:block;font-size:.6875rem;color:var(--muted)}.qcompare code{font-size:.625rem}.qhint{margin:10px 0 12px;font-size:.8125rem;color:var(--muted)}.qnext{width:100%;padding:13px;border:none;border-radius:14px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.08em;cursor:pointer}.donewhat{margin:0 0 2px;font-size:.75rem;font-weight:700;color:var(--muted)}.review{display:flex;gap:8px;margin:0 0 14px;padding:2px 2px 8px;list-style:none;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(to right,#000 88%,transparent);scroll-snap-type:x proximity}.review li{scroll-snap-align:start}.review::-webkit-scrollbar{display:none}.review li{flex:none;width:3.25rem;display:grid;justify-items:center;gap:1px;padding:6px 2px 5px;border:2px solid var(--line);border-radius:10px;background:var(--paper)}.review b{font-size:1.75rem;line-height:1.15;font-weight:400;font-synthesis:none}body.fonts-ready .review b{visibility:visible}.review i{font-style:normal;font-size:.75rem;font-weight:700;line-height:1}.review small{font-size:.5625rem;color:var(--muted);white-space:nowrap}.review li.ok{border-color:#3f8f6b}.review li.ok i{color:#3f8f6b}.review li.ng{border-color:var(--mark)}.review li.ng i{color:var(--mark)}.qtitle{margin:0;font-family:var(--font-display);font-weight:900;font-size:1.5rem;color:var(--mark)}.qbig{margin:2px 0 6px;font-family:var(--font-display);font-weight:900;font-size:3rem;line-height:1.1}.qbig small{margin-left:6px;font-size:.875rem;font-weight:700;color:var(--muted)}.qmsg{margin:0 0 14px;font-size:.875rem;color:var(--muted)}.qrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qbtn.again{border-color:var(--ink);background:var(--ink);color:var(--paper)}.qbtn.x{text-decoration:none;display:grid;place-items:center}.pairpick{display:grid;gap:8px;margin:10px 0 8px}.pairpick button{display:flex;align-items:baseline;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--chrome);color:var(--ink);font-family:inherit;text-align:left;cursor:pointer}.pairpick b{flex:none;width:4.25rem;font-size:1.125rem}.pairpick span{flex:1;font-size:.75rem;line-height:1.5;color:var(--muted)}.pairpick button[aria-pressed=true]{border-color:var(--mark);border-width:2px;background:color-mix(in srgb,var(--mark) 6%,var(--chrome))}.playcta{display:flex;align-items:center;gap:14px;margin:20px 0 10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--chrome);box-shadow:0 3px 14px var(--shadow)}.playtext{flex:1;min-width:0}.playtext p{font-size:.8125rem;line-height:1.8;color:var(--muted)}.playtext .cta-eyebrow{margin:0 0 2px;font-size:.6875rem;font-weight:700;color:var(--mark)}.playtext .cta-title{display:inline;margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(1.5rem,8vw,2rem);line-height:1.2;background:linear-gradient(transparent 58%,#ffdf6b 58%,#ffdf6b 94%,transparent 94%)}.playshot{flex:none;width:33%;max-width:136px;height:auto;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px var(--shadow)}@media(width<=24rem){.playcta{flex-direction:column;align-items:stretch}.playshot{width:60%;align-self:center}}.play{display:flex;align-items:center;gap:14px;margin:18px 0 8px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--chrome)}.play img{flex:none;width:68px;height:68px;border-radius:16px;box-shadow:0 3px 12px var(--shadow)}.play div{display:grid;gap:4px}.play b{font-size:.9375rem}.play span{font-size:.75rem;line-height:1.6;color:var(--muted)}.play .playbtn{justify-self:start;margin-top:4px;padding:8px 16px;border-radius:999px;background:var(--mark);font-size:.8125rem;font-weight:700;color:var(--on-mark);text-decoration:none}.pairs{margin:0;padding:0;list-style:none;display:grid;gap:8px}.pairs li{display:grid;grid-template-columns:4.5rem 1fr;align-items:baseline;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--chrome)}.pairs b{font-size:1.125rem}.pairs span{font-size:.8125rem;line-height:1.6;color:var(--muted)}.othergames{display:grid;gap:8px}.othergames a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--chrome);color:var(--ink);text-decoration:none}.othergames b{flex:none;font-size:.875rem}.othergames span{flex:1;font-size:.6875rem;line-height:1.5;color:var(--muted)}.othergames i{font-style:normal;font-size:1.125rem;color:var(--muted)}
