*{box-sizing:border-box}body{color:#111827;background:#f8fafc;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.home-page{background:#f8fafc;min-height:100vh}.home-hero{background:#fff;border-bottom:1px solid #e5e7eb;place-items:center;min-height:66vh;padding:72px 20px 48px;display:grid}.home-hero__content,.home-section{width:min(1080px,100%);margin:0 auto}.home-hero__content{text-align:left;grid-template-columns:minmax(0,1fr) minmax(320px,420px);place-items:center start;gap:28px;display:grid}.home-eyebrow{color:#2563eb;margin:0;font-size:14px;font-weight:800}.language-select{align-items:center;gap:8px;margin-bottom:18px;display:inline-flex}.language-select span{color:#4b5563;font-size:13px;font-weight:800}.language-select select{color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:36px;padding:0 32px 0 10px;font-size:13px;font-weight:800}.home-lead{max-width:680px;margin:0 0 18px;font-size:20px}.home-game-card{gap:16px;width:100%;display:grid}.home-result,.home-username-card,.home-mode-card,.home-local-records{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.home-result{color:#fff;background:#111827;gap:6px;display:grid}.home-result span,.home-records-heading span{color:#6b7280;font-size:13px;font-weight:700}.home-result span,.home-result p{color:#ffffffbd}.home-result h2,.home-username-card h2,.home-local-records h2{margin:0}.home-username-card{gap:8px;display:grid}.home-mode-card{gap:12px;display:grid}.home-mode-card h2{margin:0}.home-mode-card p{margin:4px 0 0}.home-mode-switch{background:#f3f4f6;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.home-mode-switch button{color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.home-mode-switch button[aria-pressed=true]{color:#fff;background:#111827}.home-local-records p{margin:4px 0 0}.home-username-field{color:#374151;grid-template-columns:1fr auto;align-items:end;gap:8px;font-weight:700;display:grid}.home-username-field span{grid-column:1/-1}.home-username-card input{min-height:42px;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:0 12px}.home-username-card button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:8px;width:42px;height:42px;font-size:20px;font-weight:800;line-height:1}.home-username-card button:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db}.home-form-error{color:#b91c1c;font-size:14px}.home-local-records{gap:12px;display:grid}.home-records-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-local-records ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.home-local-records li{border-top:1px solid #e5e7eb;gap:3px;padding-top:8px;display:grid}.home-local-records li span{color:#6b7280;font-size:13px}.home-section{padding:48px 20px}.home-section h2{margin:0 0 18px;font-size:28px}.home-section h3{margin:0 0 8px;font-size:18px}.home-grid,.home-faq{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.home-grid article,.home-faq article,.home-shortcuts{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.home-two-column{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:28px;display:grid}.home-shortcuts{gap:12px;margin:0;list-style:none;display:grid}.home-shortcuts li{justify-content:space-between;gap:16px;display:flex}.home-shortcuts span{color:#4b5563;text-align:right}.home-action{color:#fff;background:#111827;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.home-action:hover{background:#374151}.page{text-align:center;place-items:center;min-height:100vh;padding:32px;display:grid}h1{margin:0;font-size:44px;line-height:1.2}p{color:#4b5563;margin:12px 0 0;line-height:1.6}button{font:inherit}.pinyin-game{color:#fff;background:#07111f;width:100%;max-width:1000px;min-height:100vh;margin:0 auto;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.pinyin-game__background{background-image:url(/pinyin-typing/images/page.jpg);background-position:bottom;background-repeat:repeat-y;background-size:cover;height:200%;position:absolute;inset:0}.pinyin-game__canvas{z-index:1;width:100%;height:100vh;display:block;position:relative}.pinyin-game__score{z-index:2;color:#fff;text-align:center;text-shadow:0 1px 2px #00000073;gap:2px;min-width:110px;display:grid;position:absolute;top:10px;right:10px}.pinyin-game__score div{justify-content:space-between;gap:6px;display:flex}.pinyin-game__protect,.pinyin-game__toolbar button{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffffe6;border-radius:999px}.pinyin-game__protect{z-index:3;width:60px;height:60px;font-size:30px;line-height:1;position:absolute;bottom:10px;right:10px}.pinyin-game__toolbar{z-index:3;gap:10px;display:flex;position:absolute;top:10px;left:10px}.pinyin-game__toolbar button{place-items:center;width:40px;height:40px;padding:0;display:grid}.pinyin-game__toolbar .pinyin-game__give-up{border-radius:8px;width:auto;min-width:58px;padding:0 12px;font-size:14px;font-weight:800}.pinyin-game__toolbar img{object-fit:contain;width:70%;height:70%}.pinyin-game__message{z-index:3;color:#fff;letter-spacing:0;text-align:center;text-shadow:0 2px 4px #00000073;width:100%;font-size:26px;position:absolute;top:100px;left:0}.pinyin-game__message--danger{color:#f55}.pinyin-game__player-name{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050c18b8;border:1px solid #ffffff38;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:800;position:absolute;top:62px;left:10px}.pinyin-game__keyboard{z-index:4;width:100%;max-width:600px;margin:0 auto;padding:5px 2px;display:none;position:fixed;bottom:0;left:0;right:0}.pinyin-game__key-row{display:flex}.pinyin-game__key-row button{color:#fff;text-align:center;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:3px;flex:10%;height:35px;margin:1px;font-weight:700}.pinyin-game__key-row button:active{background:#ffffff40}.pinyin-game__key-spacer{flex:0 0 5%}.pinyin-game__key-spacer--wide{flex-basis:15%}.pinyin-game__help{z-index:5;color:#fff;cursor:pointer;text-align:center;background:#000000b8;border:0;align-content:start;gap:15px;width:100%;min-height:100%;padding:130px 20px 20px;display:grid;position:absolute;inset:0}.pinyin-game__help span{display:block}.pinyin-game__help small{color:#ccc;font-size:15px}@media (max-width:820px){.home-grid,.home-faq,.home-two-column,.home-hero__content{grid-template-columns:1fr}.home-hero{place-items:start;min-height:auto}h1{font-size:36px}}@media (max-width:760px){.pinyin-game__canvas{height:calc(100vh - 125px)}.pinyin-game__keyboard{display:block}.pinyin-game__protect{bottom:135px}.pinyin-game__player-name{top:60px}}