:root{color-scheme:dark;--bg:#171917;--paper:#f6f3eb;--muted:#a6aba3;--acid:#d9fa60;--ink:#191c17;--line:#3d4238;--red:#c9344b;--blue:#235ce0;--green:#178047;--purple:#8640bf;font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper)}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button,a{outline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid var(--acid)}button:disabled{cursor:default}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:1180px;margin:auto;padding:0 48px}.masthead{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:19px;font-weight:900;letter-spacing:1.5px;display:flex;align-items:center;gap:22px}.brand span{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--muted)}.edition{font:11px monospace;letter-spacing:1px;color:var(--muted)}.home{display:grid;grid-template-columns:1.1fr 1fr;column-gap:76px;padding-top:62px}.eyebrow{font-size:12px;letter-spacing:1.3px;font-weight:700;margin:0 0 25px}.tag{display:inline-block;background:var(--acid);color:var(--ink);font:700 11px monospace;padding:6px 8px;margin-right:10px}h1{font-size:92px;line-height:1.12;margin:0 0 26px;font-weight:900}h1>span{color:var(--acid)}.lede{font-size:16px;line-height:1.9;color:#c3c6bc;margin:0 0 27px}.lede strong{color:var(--paper)}.primary{border:0;background:var(--acid);color:var(--ink);min-height:60px;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:16px;font-weight:800;transition:background .15s,transform .15s}.primary:hover{background:#e6ff95;transform:translateY(-2px)}.start{width:100%;justify-content:space-between}.start span{font-size:25px}.start-meta{display:flex;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:11px}.demo-column{padding-top:15px}.sample-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1px;margin-bottom:16px}.sample-label span:last-child{font-family:monospace;color:var(--acid)}.demo-card{background:var(--paper);color:var(--ink);text-align:center;padding:30px 12px 23px;transform:rotate(-3deg);margin:14px 5px 30px;box-shadow:9px 10px 0 #353c2b}.question-caption{font-size:14px}.question-caption strong{border-bottom:2px solid var(--ink);padding-bottom:3px}.demo-word{font-weight:900;font-size:100px;color:var(--green);line-height:1.9}.demo-note{font-size:12px;color:#63695c}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.answers button{background:transparent;border:1px solid #646a5e;min-height:58px;font-size:15px;font-weight:700;transition:background .12s,transform .12s}.answers button:not(:disabled):not(.chosen-right):not(.chosen-wrong):hover{background:#30382a;border-color:var(--acid)}.answers button:not(:disabled):active{transform:translateY(3px)}.answers button.chosen-right{background:var(--acid);color:var(--ink);border-color:var(--acid)}.answers button.chosen-wrong{background:#6c2636;border-color:#ff8b9e}.demo-feedback{font-size:12px;line-height:1.7;min-height:41px;color:var(--muted);margin:14px 0 0}.demo-feedback.correct{color:var(--acid)}.howto{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid var(--line);padding:25px 0 35px;margin-top:49px}.howto>div{display:flex;gap:16px}.step{font:12px monospace;color:var(--acid);padding-top:4px}.howto p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.howto strong{font-size:13px;color:var(--paper);font-weight:500}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0 30px;font-size:10px;color:#989f91;letter-spacing:1px}.footer-divider{padding:0 10px}.play{max-width:660px;margin:30px auto 45px}.game-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:11px monospace}.text-button{background:none;border:0;padding:8px 0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--paper)}.stats{display:flex;justify-content:space-between;margin-top:25px}.stat-label{display:block;font-size:11px;color:var(--muted);letter-spacing:1px}.stats strong{font-size:64px;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:800}.stats strong span{font-size:32px;color:var(--muted)}.score-stat{text-align:right}.score-stat strong{color:var(--acid)}.time-track{height:4px;background:#383d31;margin:13px 0 25px}#time-fill{height:100%;width:100%;background:var(--acid);transform-origin:left}.low-time #timer,.low-time #timer span{color:#ff8b9e}.low-time #time-fill{background:#ff8b9e}.rule-banner{padding:15px 18px;display:grid;grid-template-columns:1fr auto;background:var(--acid);color:var(--ink);gap:5px 10px;transition:background .15s}.rule-banner>span:first-child{font-size:11px;font-weight:700}.rule-banner strong{grid-column:1;font-size:22px}.rule-banner>span:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:11px}.rule-banner.read-mode{background:#c9b7ff}.rule-banner.flip{animation:flip .35s ease-out}.question-card{position:relative;background:var(--paper);color:var(--ink);height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:17px;overflow:hidden}.question-number{position:absolute;top:17px;left:20px;font:10px monospace;color:#717569;letter-spacing:1px}.word{font-size:88px;font-weight:900;line-height:1.4;user-select:none}.feedback{position:absolute;bottom:16px;font-size:13px;font-weight:700;min-height:20px}.question-card.error{animation:shake .25s}.game-answers button{height:75px;font-size:19px;display:flex;align-items:center;justify-content:center;gap:12px}.game-answers kbd{font:11px monospace;color:var(--muted);border:1px solid #555d4c;padding:3px 5px}.game-bottom{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:var(--muted)}#combo{color:var(--acid)}.countdown{position:absolute;inset:0;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:2}.countdown strong{font-size:90px;line-height:1.15}.countdown span{font-size:13px}.result{max-width:620px;margin:40px auto;text-align:center}.result>.eyebrow{color:var(--muted)}.result-card{background:var(--paper);color:var(--ink);padding:25px 34px 0;text-align:left;border-top:7px solid var(--acid)}.result-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.result-heading>span:last-child{font:10px monospace;color:#63695c}.rank{font-size:24px;font-weight:900;margin:32px 0 0}.result-score{display:flex;align-items:center;gap:20px}.result-score>strong{font-size:112px;line-height:1.2;font-variant-numeric:tabular-nums}.result-score>span{font-size:25px;font-weight:700}.result-score>span>span{display:block;font:10px monospace;color:#72786a;margin-top:8px;letter-spacing:1px}.result-comment{font-size:13px;line-height:1.7;margin:6px 0 20px;color:#565f4c}.result-grid{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}.result-grid span{display:block;width:15px;height:15px;background:#799333;font:10px monospace;line-height:15px;text-align:center;color:white}.result-grid span.miss{background:#b74a5b}.result-details{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #d4d5c9;padding:18px 0}.result-details b{font-size:14px;margin-left:5px}.personal-best{background:#e5e7d8;font-size:12px;text-align:center;padding:12px;margin:0 -34px}.personal-best.new-record{background:var(--acid);font-weight:700}.challenge-line{font-size:12px;color:var(--muted);margin:25px 0 16px}.share-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.share-actions .primary{font-size:14px;padding:16px 10px;min-height:53px}.secondary{background:transparent;border:1px solid #6d7560;font-size:13px;padding:14px}.secondary:hover{background:#30382a}#copy-status{font-size:11px;color:var(--acid);min-height:16px;margin:9px 0}.retry{width:100%;border:1px solid #59624b;background:transparent;font-size:15px;font-weight:700;padding:17px;display:flex;justify-content:center;gap:20px}.retry:hover{border-color:var(--acid);background:#242c1c}.result>.text-button{margin-top:16px}#copy-area{text-align:left;margin-top:15px}#copy-area label{font-size:11px;color:var(--muted)}textarea{width:100%;margin-top:8px;background:#252923;border:1px solid #777;color:white;padding:10px;font:13px/1.6 sans-serif;resize:vertical}.result .rank{animation:arrive .35s}.result-card{animation:arrive .4s}@keyframes flip{50%{transform:translateY(-4px)}}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.shell{padding-top:20px}.home{padding-top:85px}.howto{margin-top:70px}.masthead{height:110px}}
@media(max-width:850px){.shell{padding:0 26px}.home{column-gap:35px}h1{font-size:72px}.brand span{display:none}.demo-word{font-size:82px}.eyebrow{font-size:10px}.home{padding-top:48px}.howto{gap:15px}.howto>div{gap:9px}.answers{gap:6px}.demo-answers button{font-size:13px}.demo-card{padding-top:25px}}
@media(max-width:600px){.shell{padding:0 21px}.masthead{height:70px}.brand{font-size:16px}.edition{font-size:9px;letter-spacing:0}.home{grid-template-columns:1fr;padding-top:30px;gap:0}h1{font-size:70px;line-height:1.06;margin-bottom:20px}.eyebrow{margin-bottom:20px;font-size:10px}.lede{font-size:14px;margin-bottom:22px}.intro{position:relative}.primary{min-height:58px}.start-meta{font-size:10px}.demo-column{padding-top:38px}.demo-card{transform:rotate(-2deg);margin-bottom:24px;padding:18px 12px}.demo-word{font-size:76px;line-height:1.6}.demo-note{font-size:11px}.answers button{min-height:54px}.demo-feedback{min-height:20px}.howto{margin-top:27px;grid-template-columns:1fr;gap:17px;padding:22px 0}.howto>div{gap:15px}.howto p{font-size:12px}.howto strong{font-size:13px}footer{font-size:9px;gap:10px;line-height:1.8;flex-direction:column;padding:20px 0}.play{margin-top:20px;margin-bottom:30px}.game-top{font-size:9px}.stats{margin-top:18px}.stats strong{font-size:52px}.time-track{margin-bottom:18px}.rule-banner{padding:13px 14px}.rule-banner strong{font-size:19px}.rule-banner>span:last-child{font-size:9px}.question-card{height:235px}.word{font-size:66px}.game-answers{grid-template-columns:repeat(2,1fr);gap:10px}.game-answers button{height:65px;font-size:20px}.game-answers kbd{display:none}.game-bottom{font-size:10px}.result{margin-top:28px}.result-card{padding:22px 23px 0}.rank{font-size:21px;margin-top:24px}.result-score>strong{font-size:100px}.result-score{gap:15px}.result-score>span{font-size:22px}.personal-best{margin:0 -23px}.result-details{font-size:10px}.result-details b{margin-left:3px;font-size:13px}.share-actions{grid-template-columns:1fr 1fr}.share-actions .primary{font-size:12px}.challenge-line{font-size:11px}.result-heading{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}