:root{--paper:#f4f1e9;--card:#fffdf7;--ink:#242820;--muted:#85877d;--line:#deded1;--accent:#ed533b;--accent-dark:#d7402d;--green:#3b7554;--yellow:#eee5ad;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;background-image:radial-gradient(#b5b6a326 .8px,transparent .8px);background-size:7px 7px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ec9c31;outline-offset:4px}button{touch-action:manipulation}button,svg{flex-shrink:0}[hidden]{display:none!important}.site-header{max-width:1250px;margin:0 auto;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:750;letter-spacing:.035em}.brand-symbol{display:grid;place-items:center;background:var(--ink);color:var(--card);border-radius:9px;width:35px;height:35px;font-size:27px;line-height:1;font-weight:500}.brand-sub{color:#8b8d81;font-size:10px;font-family:monospace;font-weight:500;letter-spacing:.07em;margin-left:7px}.header-actions{display:flex;gap:10px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d4d6c8;border-radius:50%;background:transparent;font-size:15px;font-weight:600}.icon-button:hover{background:#e8e8db}.layout{max-width:1080px;min-height:720px;margin:24px auto 48px;display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:start;padding:0 36px}.intro{padding-top:36px}.eyebrow{font-size:11px;letter-spacing:.08em;display:flex;gap:9px;align-items:center;color:#707367;font-weight:650}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:72px;line-height:1.15;letter-spacing:-.06em;margin:24px 0 22px;font-weight:900}.title-last{position:relative}.title-last:after{content:"";position:absolute;bottom:-9px;left:2px;right:45px;border-bottom:5px solid var(--accent);transform:rotate(-2deg)}.title-period{color:var(--accent)}.intro-description{font-size:23px;line-height:1.7;letter-spacing:.06em;color:#65695c;margin:32px 0 25px}.intro-meta{display:flex;gap:15px;align-items:center;color:#84867b;font-size:12px;white-space:nowrap}.intro-meta b{font-family:monospace;font-size:15px;color:#383e32;font-weight:600}.intro-meta i{height:11px;width:1px;background:#c9ccbd}.desk-note{position:relative;width:244px;background:#ece8d9;padding:23px 24px 18px;margin:47px 0 0 17px;transform:rotate(-4deg);box-shadow:2px 6px 0 #24282007;border:1px solid #e1dece}.desk-note p{font-size:17px;line-height:1.8;font-weight:600;margin:0 0 10px}.desk-note>span:last-child{font-size:10px;color:#8c8c7c;letter-spacing:.04em}.paperclip{position:absolute;right:24px;top:-17px;font-size:36px;line-height:1;color:#7b8170;transform:rotate(20deg)}.intro-bottom{display:flex;align-items:center;gap:9px;margin:39px 0 0;color:#8a8d7e;font-size:11px}.tiny-cross{font-size:18px;color:#8c9875}.play-column{width:100%;min-width:0}.paper-card{background:var(--card);border:1px solid #d7d9ca;border-radius:5px;box-shadow:0 3px 0 #e1e2d6,0 18px 48px #3640290a;padding:28px 29px;position:relative}.paper-card:before{content:"";position:absolute;top:-5px;left:10px;right:10px;height:4px;background:#eeeee2;border:1px solid #dadccc;border-bottom:0;border-radius:4px 4px 0 0}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px dashed var(--line)}.mono{font:10px/1.4 ui-monospace,monospace;letter-spacing:.045em;color:#858b7b}.edition-label{font-size:10px;color:#999d8e;border:1px solid #e0e2d7;padding:3px 6px;border-radius:3px}.home-card h2{font-size:24px;letter-spacing:-.035em;margin:28px 0 11px;line-height:1.4}.card-description{font-size:13px;line-height:1.9;color:#84897b;margin:0 0 24px}.demo-ticket{border:1px solid #dfdfd1;border-radius:4px;overflow:hidden;background:#f6f5ed;margin-bottom:24px}.ticket-tab{height:37px;border-bottom:1px dashed #deded1;display:flex;align-items:center;justify-content:center;gap:7px;background:#eeeee4;font-size:12px;color:#757a6a}.ticket-tab b{color:#35422b;font-weight:750}.order-dot{width:5px;height:5px;border-radius:50%;background:#657c50}.demo-conflict{display:flex;justify-content:center;align-items:center;gap:42px;height:122px}.demo-arrow{font:88px/1 system-ui,sans-serif;transform:translateY(-6px)}.demo-word{font-size:54px;font-weight:800;color:#949a89}.demo-caption{text-align:center;color:#9b9f91;font-size:10px;padding-bottom:19px}.demo-answer{border-top:1px solid #dfdfd3;display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:10px;color:#979d8b;background:#fbfbf3}.demo-answer b{color:#4e7048;font-size:12px}.correct-tick{margin-left:auto;font-size:16px;color:#688959}.button{width:100%;min-height:49px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700;border-radius:3px;transition:background .15s,transform .1s;border:0}.primary{background:var(--accent);color:#fffdf4;box-shadow:0 3px 0 #bc3b28}.primary:hover{background:var(--accent-dark)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #bc3b28}.primary span{font-size:18px;position:absolute;right:20px}.home-card>.primary,.result-card>.primary{position:relative}.text-button{background:transparent;color:#7f8772;min-height:35px;font-size:11px;box-shadow:none}.text-button:hover{color:var(--ink)}.home-best{border-top:1px dashed var(--line);margin-top:24px;padding-top:17px;text-align:center;color:#9a9f90;font-size:10px;line-height:1.7}.below-card{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#979d8d;margin:20px 0}.online-dot{width:4px;height:4px;background:#8e9c79;border-radius:50%}.site-footer{max-width:1162px;margin:0 auto;border-top:1px solid #dcded0;padding:20px 0 26px;display:flex;justify-content:space-between;color:#a0a394;font-size:10px;letter-spacing:.04em}.footer-number{font:10px monospace}.footer-number span{margin-left:20px}.challenge-banner{background:#f3ecd0;border-left:3px solid #b3a86c;padding:10px 12px;margin-top:18px;font-size:12px;line-height:1.7;color:#6d6745}
body:not([data-screen="home"]) .intro{display:none}body:not([data-screen="home"]) .layout{display:block;max-width:600px;min-height:650px;margin-top:18px;padding:0 40px}body:not([data-screen="home"]) .play-column{max-width:480px;margin:0 auto}.game-card{padding:23px 24px 20px;overflow:hidden}.game-topline{display:flex;align-items:center;justify-content:space-between;font-size:11px}.back-button{border:0;background:transparent;padding:3px 0;color:#8b9380;font-size:11px}.mode-label{color:#7f8971;font-size:10px;border:1px solid #dce2d2;border-radius:3px;padding:3px 8px}.question-count{font-family:monospace;color:#a5ac99;font-size:11px}.question-count b{font-size:17px;color:#36432c}.progress-dots{display:flex;gap:4px;justify-content:space-between;margin:20px 0 23px}.progress-dot{height:4px;flex:1;border-radius:2px;background:#e8ebdf}.progress-dot.current{background:var(--accent)}.progress-dot.correct{background:#719464}.progress-dot.wrong{background:#de8b75}.progress-dot.timeout{background:#d4c391}.order-box{display:flex;gap:12px;align-items:center;background:#eff0e5;border:1px solid #dce0d1;border-radius:4px;padding:15px 17px;transition:background .2s,border-color .2s}.order-avatar{color:#788363;display:grid;place-items:center;flex-shrink:0}.order-label{font-size:9px;color:#969e87;letter-spacing:.08em}.order-box h2{margin:4px 0 0;font-size:25px;letter-spacing:.04em}.order-badge{margin-left:auto;color:#a6b096;font-size:26px;font-weight:300}.order-box.word-rule{background:#f6ebe3;border-color:#ecd7c8}.word-rule .order-avatar,.word-rule .order-badge{color:#ba8a68}.tutorial-instruction{text-align:center;color:#959d87;font-size:11px;min-height:17px;margin:19px 0 7px}.question-panel{margin-top:16px;border:1px solid #e7e8dc;border-radius:4px;overflow:hidden;transition:border-color .15s,background .15s}.question-axis{display:flex;justify-content:center;gap:108px;padding-top:21px;color:#a1a793;font-size:9px;letter-spacing:.15em}.question-stimulus{display:flex;justify-content:center;align-items:center;gap:29px;height:148px;padding:0 22px}.arrow-value{font:100px/1 system-ui,sans-serif;min-width:92px;text-align:center;transform:translateY(-7px);font-variant-emoji:text;color:#283421}.word-value{font-size:72px;font-weight:800;min-width:90px;text-align:center;color:#676f5c;line-height:1.1}.stimulus-divider{height:56px;border-left:1px solid #e2e5d6}.feedback{text-align:center;color:#919b83;font-size:11px;min-height:37px;padding:0 7px 17px;line-height:1.7}.question-panel.is-correct{border-color:#adc69d;background:#f3f7ed}.question-panel.is-correct .feedback{color:#517d43}.question-panel.is-wrong{border-color:#e2ab93;background:#fcf0e9;animation:nudge .25s}.question-panel.is-wrong .feedback{color:#bb674c}.timer-track{height:4px;background:#efeee4}.timer-track>div{height:100%;background:var(--accent);width:100%;transform-origin:left center;will-change:transform}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.answer-button{position:relative;height:81px;display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid #c7cebb;border-bottom-width:4px;border-radius:5px;background:#f3f5ec;font-size:29px;font-weight:700;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background .1s,transform .1s}.answer-button:hover:not(:disabled){background:#e6ecd9}.answer-button:active:not(:disabled),.answer-button.pressed{transform:translateY(2px);border-bottom-width:2px;background:#e1e9d5}.answer-arrow{font-size:31px;font-weight:400;color:#879b73}.answer-button kbd{position:absolute;bottom:5px;font-size:8px;font-family:monospace;font-weight:400;color:#a1ae92}.answer-button:disabled{opacity:.55}.game-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;font-size:9px;color:#a0a892;min-height:15px}.game-overlay{position:absolute;inset:0;background:#fffdf7f5;backdrop-filter:blur(6px);z-index:5;display:grid;place-items:center;text-align:center;padding:25px}.overlay-content{width:100%}.overlay-kicker{font-size:11px;color:#949d83;letter-spacing:.1em}.overlay-icon{margin:27px auto 18px;background:#f4e3d5;color:#d66644;border-radius:50%;width:84px;height:84px;display:grid;place-items:center;font-size:44px}.overlay-content h2{font-size:29px;margin:0 0 15px;letter-spacing:.02em}.overlay-content p{color:#939e81;font-size:12px;line-height:1.8;margin-bottom:31px}.overlay-content .button{max-width:310px;margin:0 auto}.done-stamp{font-size:10px;color:#769365;border:1px solid #c9d7bc;padding:4px 8px;transform:rotate(-5deg)}.result-eyebrow{text-align:center;font-size:11px;color:#939c84;margin:25px 0 1px}.big-result{display:flex;justify-content:center;align-items:baseline;gap:8px}.big-result strong{font:900 100px/1.15 ui-monospace,monospace;letter-spacing:-.09em;color:var(--accent)}.big-result>span{font:18px monospace;color:#a1a993}.result-card>h2{text-align:center;font-size:22px;margin:5px 0 8px;letter-spacing:-.02em}.result-subtitle{text-align:center;color:#959f86;font-size:11px;line-height:1.9;min-height:22px;margin:0 0 22px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:16px 0;margin:0 0 18px}.result-stats div{text-align:center;display:flex;flex-direction:column;gap:6px;border-right:1px solid #e4e8d9}.result-stats div:last-child{border:0}.result-stats b{font:23px monospace;color:#5a6d49}.result-stats span{font-size:9px;color:#9aa68a}.miss-replay{background:#f5efe3;padding:11px 14px;border-radius:3px;margin-bottom:15px}.miss-label{font-size:9px;color:#af9b7b}.miss-replay p{font-size:11px;color:#8f7c5f;line-height:1.8;margin:5px 0 0}.best-summary{font-size:10px;color:#8d9b7a;text-align:center;margin:0 0 18px;line-height:1.8}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.secondary{background:transparent;border:1px solid #d8dfcb;color:#77876a;min-height:41px;font-size:11px}.secondary:hover{background:#f0f3e8}.result-note{text-align:center;font-size:9px;color:#aab49c;line-height:1.8;margin:8px 0 0}.help-dialog{border:1px solid #d9dece;border-radius:7px;background:var(--card);color:var(--ink);max-width:400px;width:calc(100% - 40px);padding:32px;box-shadow:0 20px 100px #23321e30}.help-dialog::backdrop{background:#26321f55;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:15px;border:0;background:transparent;color:#8b987b;font-size:24px}.help-dialog h2{font-size:29px;line-height:1.4;margin:21px 0}.help-dialog ol{padding-left:20px;font-size:12px;color:#89957d;line-height:1.9}.help-dialog li{padding-bottom:10px}.help-dialog li b{color:#4f6543}.help-dialog>p{font-size:10px;line-height:1.9;color:#a0aa94;margin:10px 0 23px}.toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 22px;background:#303c29;color:#fbfff5;font-size:12px;line-height:1.6;border-radius:5px;box-shadow:0 7px 25px #26391d25;z-index:50;text-align:center;white-space:normal}.no-script{text-align:center;padding:20px;color:var(--accent)}@keyframes nudge{0%,100%{transform:translateX(0)}30%{transform:translateX(-4px)}65%{transform:translateX(4px)}}
@media(min-width:1400px){.layout{margin-top:48px}.site-footer{margin-top:35px}}
@media(max-width:900px){.site-header{padding:0 25px;height:76px}.layout{gap:35px;padding:0 25px;grid-template-columns:1fr 395px;max-width:860px}.intro{padding-top:32px}h1{font-size:58px}.intro-meta{gap:9px;font-size:10px}.intro-description{font-size:20px}.desk-note{width:210px;margin-left:5px}.site-footer{margin:0 25px}.paper-card{padding:25px}.home-card h2{font-size:22px}}
@media(max-width:680px){.site-header{height:65px;padding:0 21px}.brand{font-size:12px;gap:9px}.brand-symbol{width:28px;height:28px;border-radius:7px;font-size:23px}.brand-sub{font-size:8px;margin-left:4px}.header-actions{gap:8px}.icon-button{width:29px;height:29px;font-size:13px}.layout{display:block;padding:0 22px;max-width:470px;margin:17px auto 30px;min-height:0}.intro{padding-top:0;margin-bottom:27px}.eyebrow{font-size:9px}.intro h1{font-size:43px;line-height:1.12;margin:13px 0 15px;letter-spacing:-.055em}.intro h1 br{display:none}.title-last:after{bottom:-6px;border-width:3px;right:26px}.intro-description{display:none}.intro-meta{font-size:10px;gap:11px;margin-top:23px}.intro-meta b{font-size:12px}.intro-meta i{height:9px}.desk-note,.intro-bottom{display:none}.paper-card{padding:20px 21px}.card-topline{padding-bottom:15px}.mono{font-size:8px}.edition-label{font-size:8px}.home-card h2{font-size:21px;margin:21px 0 7px}.card-description{font-size:11px;line-height:1.8;margin-bottom:19px}.demo-ticket{margin-bottom:20px}.ticket-tab{height:31px;font-size:11px}.demo-conflict{height:103px;gap:48px}.demo-arrow{font-size:75px}.demo-word{font-size:47px}.demo-caption{font-size:9px;padding-bottom:13px}.demo-answer{padding:9px 14px}.home-best{margin-top:21px;padding-top:14px;font-size:9px}.button{font-size:12px;min-height:46px}.below-card{font-size:9px;margin-top:17px}.site-footer{margin:0 22px;padding:18px 0 22px;font-size:8px}.site-footer .footer-number{font-size:8px}body:not([data-screen="home"]) .layout{padding:0 17px;margin-top:12px;min-height:0;max-width:465px}body:not([data-screen="home"]) .site-footer{margin-top:28px}.game-card{padding:19px 20px 18px}.progress-dots{margin:18px 0 19px;gap:3px}.order-box{padding:13px 14px}.order-box h2{font-size:25px}.order-label{font-size:9px}.tutorial-instruction{font-size:10px;margin:17px 0 6px}.question-panel{margin-top:14px}.question-axis{padding-top:19px;gap:104px;font-size:8px}.question-stimulus{height:144px;gap:23px}.arrow-value{font-size:92px;min-width:88px}.word-value{font-size:65px;min-width:85px}.feedback{font-size:10px;min-height:35px;padding-bottom:14px}.answer-buttons{gap:12px;margin-top:18px}.answer-button{height:82px}.answer-button kbd{display:none}.game-foot{margin-top:16px;font-size:8px}.result-card{padding:20px}.result-eyebrow{margin-top:22px;font-size:10px}.big-result strong{font-size:91px}.result-card>h2{font-size:20px}.result-subtitle{font-size:10px}.result-stats{padding:14px 0}.result-note{font-size:8px}.overlay-content h2{font-size:26px}.overlay-icon{width:75px;height:75px;font-size:39px}.overlay-content p{font-size:11px}}
@media(max-width:360px){.layout{padding:0 16px}.intro h1{font-size:38px}.brand-sub{display:none}.game-card{padding:17px 16px}.question-stimulus{height:132px;gap:17px}.arrow-value{font-size:84px}.word-value{font-size:60px}.question-axis{gap:94px}.game-foot{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:680px) and (max-height:720px){.site-header{height:53px}.layout{margin-top:7px}.intro{margin-bottom:19px}.intro h1{font-size:36px;margin:11px 0}.intro-meta{margin-top:17px}.home-card{padding:17px 19px}.home-card .card-topline{padding-bottom:11px}.home-card h2{margin:16px 0 6px;font-size:20px}.home-card .card-description{font-size:10px;line-height:1.7;margin-bottom:13px}.demo-conflict{height:72px}.demo-arrow{font-size:61px}.demo-word{font-size:40px}.demo-caption{padding-bottom:9px;font-size:8px}.ticket-tab{height:28px;font-size:10px}.demo-answer{padding:7px 13px}.demo-ticket{margin-bottom:15px}.home-best{margin-top:17px;padding-top:11px}body:not([data-screen="home"]) .layout{margin-top:7px}.game-card{padding:14px 17px}.game-topline{height:21px}.progress-dots{margin:12px 0 14px}.order-box{padding:10px 13px}.order-box h2{font-size:23px;margin-top:3px}.order-avatar svg{height:29px;width:29px}.order-label{font-size:8px}.tutorial-instruction{font-size:9px;margin:11px 0 4px;min-height:14px}.question-panel{margin-top:10px}.question-axis{padding-top:13px}.question-stimulus{height:100px;gap:27px}.arrow-value{font-size:76px}.word-value{font-size:56px}.stimulus-divider{height:43px}.feedback{font-size:9px;min-height:29px;padding-bottom:10px}.answer-buttons{margin-top:13px;gap:11px}.answer-button{height:69px;font-size:27px}.game-foot{display:none}.result-card{padding:17px 19px}.result-card .card-topline{padding-bottom:12px}.result-eyebrow{margin-top:15px}.big-result strong{font-size:76px}.result-card>h2{font-size:18px}.result-subtitle{margin-bottom:15px;font-size:9px}.result-stats{padding:11px 0;margin-bottom:13px}.result-stats b{font-size:20px}.miss-replay{padding:8px 11px;margin-bottom:12px}.miss-replay p{font-size:10px}.best-summary{margin-bottom:13px;font-size:9px}.result-note{margin:3px 0 0}}