:root{color:#26322d;font-synthesis:none;--bg:#e8ece9;--ink:#26322d;--muted:#65716b;--green:#376d57;--green-dark:#295442;--light-shadow:#ffffffeb;--dark-shadow:#b1bab4b8;--focus:#1267b0;--rounded:ui-rounded, "Yu Gothic", "Hiragino Maru Gothic ProN", sans-serif;background:#e8ece9;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:4px solid var(--focus);outline-offset:4px}ruby{ruby-position:over}rt{color:#5e6964;letter-spacing:.02em;font-size:.46em;font-weight:700}.app-frame{width:min(1080px,100%);margin:0 auto;padding:0 32px 50px}.app-frame--wide{width:min(1260px,100%)}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.nav-start,.nav-end{align-items:center;gap:14px;display:flex}.brand{letter-spacing:.03em;align-items:center;gap:12px;font-weight:900;display:inline-flex}.brand-mark{color:#f7faf8;background:var(--green);width:42px;height:42px;box-shadow:5px 5px 11px var(--dark-shadow), -5px -5px 11px var(--light-shadow), inset 0 1px 1px #ffffff40;font-family:var(--rounded);border-radius:13px;place-items:center;font-size:22px;display:grid;transform:rotate(-3deg)}.family-label{color:#53635b;box-shadow:inset 3px 3px 7px var(--dark-shadow), inset -3px -3px 7px var(--light-shadow);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:800;display:inline-flex}.family-label span{color:#4b8a6a;font-size:8px}.neu-button{background:var(--bg);box-shadow:6px 6px 13px var(--dark-shadow), -6px -6px 13px var(--light-shadow);cursor:pointer;border:0}.neu-button:active{box-shadow:inset 4px 4px 9px var(--dark-shadow), inset -4px -4px 9px var(--light-shadow)}.icon-button{border-radius:15px;place-items:center;width:48px;height:48px;padding:0 2px 5px 0;font-size:38px;line-height:1;display:grid}.home-button{border-radius:15px;align-items:center;gap:7px;min-height:46px;padding:0 15px;font-size:14px;font-weight:800;display:inline-flex}.home-button span:first-child{margin-top:-3px;font-size:22px}.hero{padding:50px 0 36px}.minecraft-hero{position:relative}.world-badge{color:#496057;box-shadow:5px 5px 12px var(--dark-shadow), -5px -5px 12px var(--light-shadow);letter-spacing:.14em;border-radius:999px;margin-bottom:23px;padding:9px 14px;font-size:11px;font-weight:900;display:inline-flex}.eyebrow{color:#8b6336;font-family:var(--rounded);letter-spacing:.1em;margin:0 0 10px;font-size:15px;font-weight:800}h1,h2,p{overflow-wrap:anywhere}h1{font-family:var(--rounded);letter-spacing:.01em;margin:0;font-size:clamp(42px,7vw,72px);line-height:1.22}.hero>p:last-child,.page-heading>p:last-child{color:var(--muted);margin:20px 0 0;font-size:17px}.action-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.action-card{background:var(--bg);min-height:240px;box-shadow:13px 13px 27px var(--dark-shadow), -13px -13px 27px var(--light-shadow);border:1px solid #ffffff8c;border-radius:27px;flex-direction:column;padding:26px;transition:transform .17s,box-shadow .17s;display:flex;position:relative}.action-card:hover{box-shadow:16px 16px 31px var(--dark-shadow), -16px -16px 31px var(--light-shadow);transform:translateY(-3px)}.action-card:active{box-shadow:inset 7px 7px 15px var(--dark-shadow), inset -7px -7px 15px var(--light-shadow);transform:translateY(1px)}.action-icon{width:72px;height:72px;box-shadow:inset 5px 5px 11px var(--dark-shadow), inset -5px -5px 11px var(--light-shadow);font-family:var(--rounded);border-radius:21px;place-items:center;font-size:29px;font-weight:900;display:grid}.tone-mint .action-icon{color:#347257}.tone-sand .action-icon{color:#8a642f}.tone-blue .action-icon{color:#426c84}.tone-lilac .action-icon{color:#745f88}.action-copy{gap:8px;margin-top:auto;padding-right:15px;display:grid}.action-copy strong{font-family:var(--rounded);font-size:22px;line-height:1.65}.action-copy small{color:var(--muted);font-size:13px;line-height:1.55}.card-arrow{color:#79837e;margin-left:auto;font-size:33px;line-height:1}.action-card .card-arrow{position:absolute;bottom:25px;right:22px}.tool-shelf{box-shadow:inset 7px 7px 15px var(--dark-shadow), inset -7px -7px 15px var(--light-shadow);border-radius:25px;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding:23px 27px;display:flex}.tool-shelf h2{font-family:var(--rounded);margin:5px 0 0;font-size:19px;line-height:1.7}.tool-kicker{color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:900}.tool-shelf nav{gap:12px;display:flex}.tool-shelf a{border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 18px;font-size:13px;font-weight:900;display:inline-flex}.tool-shelf a span{font-size:19px}.page-heading{padding:52px 0 38px}.page-heading h1{font-size:clamp(40px,6vw,62px)}.content-section{padding-bottom:16px}.section-heading{align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-icon{color:#7d6136;width:54px;height:54px;box-shadow:inset 4px 4px 9px var(--dark-shadow), inset -4px -4px 9px var(--light-shadow);border-radius:17px;place-items:center;font-size:23px;display:grid}.section-heading p{color:var(--muted);letter-spacing:.13em;margin:0 0 3px;font-size:10px;font-weight:900}.section-heading h2{font-family:var(--rounded);margin:0;font-size:24px}.content-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.content-card{min-height:145px;box-shadow:11px 11px 23px var(--dark-shadow), -11px -11px 23px var(--light-shadow);border:1px solid #ffffff80;border-radius:24px;align-items:center;gap:18px;padding:22px;transition:transform .17s;display:flex}.content-card:hover{transform:translateY(-2px)}.content-card:active{box-shadow:inset 6px 6px 13px var(--dark-shadow), inset -6px -6px 13px var(--light-shadow);transform:translateY(1px)}.content-icon,.detail-icon{color:#765f3d;width:64px;height:64px;box-shadow:inset 4px 4px 10px var(--dark-shadow), inset -4px -4px 10px var(--light-shadow);font-family:var(--rounded);border-radius:19px;flex:none;place-items:center;font-size:26px;font-weight:900;display:grid}.content-copy{gap:4px;min-width:0;display:grid}.content-copy small{color:var(--muted);font-size:11px;font-weight:800}.content-copy strong{font-family:var(--rounded);font-size:21px;line-height:1.65}.content-copy>span{color:var(--muted);font-size:13px;line-height:1.8}.content-card>.card-arrow{padding-left:8px}.breadcrumb{color:var(--muted);align-items:center;gap:9px;padding:25px 0 7px;font-size:13px;font-weight:800;display:flex}.breadcrumb a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.breadcrumb rt{font-size:.58em}.command-page{padding:28px 0 0}.detail-heading{align-items:center;gap:19px;display:flex}.detail-heading .detail-icon{width:76px;height:76px;color:var(--green);border-radius:22px;font-size:30px}.detail-heading h1{font-size:clamp(38px,6vw,58px)}.detail-heading .eyebrow{margin-bottom:5px;line-height:1.75}.neu-panel{background:var(--bg);box-shadow:13px 13px 28px var(--dark-shadow), -13px -13px 28px var(--light-shadow);border:1px solid #ffffff85;border-radius:28px}.command-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:27px;margin-top:38px;display:grid}.explanation-card{padding:30px}.panel-label{color:var(--muted);letter-spacing:.06em;font-size:12px;font-weight:900}.goal-copy{font-family:var(--rounded);margin:17px 0 27px;font-size:clamp(20px,2.5vw,25px);font-weight:800;line-height:2}.inset-note{color:#55615b;box-shadow:inset 5px 5px 11px var(--dark-shadow), inset -5px -5px 11px var(--light-shadow);border-radius:18px;align-items:flex-start;gap:12px;padding:18px 19px;display:flex}.inset-note>span{border:1px solid #849089;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-family:serif;font-weight:800;display:grid}.inset-note p{margin:0;font-size:14px;line-height:1.9}.study-card{place-items:center;min-height:440px;padding:38px;display:grid;overflow:hidden}.recall-state{text-align:center;width:min(520px,100%)}.step-badge{color:#615a43;min-height:31px;box-shadow:inset 3px 3px 7px var(--dark-shadow), inset -3px -3px 7px var(--light-shadow);letter-spacing:.04em;border-radius:999px;align-items:center;padding:5px 13px;font-size:12px;font-weight:900;display:inline-flex}.recall-state h2{font-family:var(--rounded);margin:23px 0 13px;font-size:clamp(29px,4vw,40px);line-height:1.55}.recall-state>p{color:var(--muted);line-height:1.9}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;min-height:55px;padding:0 25px;font-weight:900;display:inline-flex}.primary-button{color:#fff;background:var(--green);box-shadow:7px 7px 14px #a4aea8d9, -7px -7px 14px var(--light-shadow), inset 0 1px 1px #ffffff40}.primary-button:hover{background:var(--green-dark)}.primary-button:active{box-shadow:inset 5px 5px 10px #204436,inset -3px -3px 8px #4a856b}.secondary-button{color:var(--ink);background:var(--bg);box-shadow:6px 6px 13px var(--dark-shadow), -6px -6px 13px var(--light-shadow)}.secondary-button:active{box-shadow:inset 4px 4px 9px var(--dark-shadow), inset -4px -4px 9px var(--light-shadow)}.secondary-button:disabled{opacity:.4;cursor:default}.recall-state .primary-button{margin-top:22px}.hint-lead{margin:23px 0 10px}.command-display{color:#f4f8f5;letter-spacing:.02em;background:#2d3b35;border-radius:18px;padding:23px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:clamp(22px,4vw,35px);font-weight:800;line-height:1.5;display:block;box-shadow:inset 6px 6px 13px #1f2925,inset -5px -5px 12px #3d5047}.command-display ruby{font-family:var(--rounded)}.command-display rt{color:#d1dad5}.input-assist{width:100%}.assist-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:19px;display:flex}.assist-heading h2{font-family:var(--rounded);margin:10px 0 0;font-size:clamp(24px,3vw,31px)}.assist-heading>strong{color:var(--muted);font-size:14px}.typing-preview{color:#fff;white-space:pre;background:#2d3b35;border-radius:16px;padding:17px 19px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:clamp(18px,3vw,27px);overflow-x:auto;box-shadow:inset 5px 5px 11px #202a26,inset -4px -4px 10px #3d5047}.typing-preview .typed{color:#b8e6c4}.typing-preview .remaining{color:#ffffff57}.assist-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 15px;display:grid}.assist-tab{color:#5f6b65;background:var(--bg);min-height:56px;box-shadow:5px 5px 11px var(--dark-shadow), -5px -5px 11px var(--light-shadow);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:900;display:flex}.assist-tab span{font-size:18px}.assist-tab.is-selected{color:var(--green-dark);box-shadow:inset 4px 4px 9px var(--dark-shadow), inset -4px -4px 9px var(--light-shadow)}.assist-body{box-shadow:inset 6px 6px 13px var(--dark-shadow), inset -6px -6px 13px var(--light-shadow);border-radius:21px;padding:18px}.next-key-callout{color:var(--muted);justify-content:center;align-items:center;gap:16px;margin-bottom:15px;font-weight:800;display:flex}.next-key-callout strong{color:#24553f;min-width:58px;min-height:58px;box-shadow:5px 5px 11px var(--dark-shadow), -5px -5px 11px var(--light-shadow);border-radius:16px;place-items:center;padding:8px 12px;font-size:25px;display:grid}.tool-panel-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.tool-panel-heading>div{gap:4px;display:grid}.tool-panel-heading span{color:var(--muted);font-size:11px;font-weight:900}.tool-panel-heading strong{font-family:var(--rounded);font-size:19px}.tool-panel-heading p{color:var(--muted);margin:0;font-size:12px}.key-controls{justify-content:space-between;gap:13px;margin-top:19px;display:flex}.complete-message{color:#285b43;box-shadow:inset 6px 6px 13px var(--dark-shadow), inset -6px -6px 13px var(--light-shadow);border-radius:20px;justify-content:center;align-items:center;gap:12px;margin:20px 0;padding:29px;font-size:20px;font-weight:900;display:flex}.complete-message span{color:#fff;width:36px;height:36px;box-shadow:4px 4px 9px var(--dark-shadow), -4px -4px 9px var(--light-shadow);background:#3e7557;border-radius:50%;place-items:center;display:grid}.alphabet-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.letter-card{min-height:62px;box-shadow:4px 4px 9px var(--dark-shadow), -4px -4px 9px var(--light-shadow);border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;padding:8px 10px;display:grid}.letter-card strong{font-size:19px}.letter-card span{color:var(--muted);text-align:right;align-self:end;font-size:13px}.letter-card.is-highlighted{color:#24553f;background:#d6ebdc;box-shadow:inset 4px 4px 9px #b4c8ba,inset -4px -4px 9px #f6fff9}.keyboard{width:100%;box-shadow:inset 5px 5px 11px var(--dark-shadow), inset -5px -5px 11px var(--light-shadow);border-radius:18px;padding:13px;overflow-x:auto}.keyboard-row{justify-content:center;gap:6px;min-width:690px;margin-bottom:6px;display:flex}.keyboard-row:last-child{margin-bottom:0}.keyboard-row-2{padding-left:18px}.keyboard-row-3{padding-left:38px}.keyboard-row-4{padding-left:60px}.key{color:#303a35;background:var(--bg);height:48px;box-shadow:3px 3px 6px var(--dark-shadow), -3px -3px 6px var(--light-shadow);text-align:left;border:0;border-radius:9px;flex:0 0 46px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;align-items:center;padding:5px 6px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.key strong{grid-row:1/3;align-self:center;font-size:14px}.key small{text-align:right;grid-area:1/2;font-size:9px}.key em{color:#737d78;text-align:right;grid-area:2/2;align-self:end;font-size:10px;font-style:normal}.key.is-highlighted{z-index:1;color:#214d38;background:#d2ead8;transform:translateY(1px);box-shadow:inset 4px 4px 8px #afc5b5,inset -4px -4px 8px #f4fff7}.keyboard--interactive .key{cursor:pointer}.keyboard--interactive .key:active{box-shadow:inset 3px 3px 7px var(--dark-shadow), inset -3px -3px 7px var(--light-shadow)}.keyboard-row-space .key:first-child,.keyboard-row-space .key:last-child{flex-basis:72px}.keyboard-row-space .key-space{flex-basis:300px;place-items:center;display:grid}.keyboard-row-space .key-space strong{color:#707a75;grid-row:auto;font-size:11px}.info-sheet{max-width:870px;margin:31px auto 0;padding:clamp(28px,5vw,56px)}.info-description{font-family:var(--rounded);margin:36px 0;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:2}.fact-grid{grid-template-columns:1fr 2fr;gap:16px;margin-bottom:20px;display:grid}.inset-card{min-height:138px;box-shadow:inset 5px 5px 11px var(--dark-shadow), inset -5px -5px 11px var(--light-shadow);border-radius:19px;padding:21px}.inset-card>span{color:var(--muted);margin-bottom:15px;font-size:12px;font-weight:900;display:block}.inset-card>strong{font-family:var(--rounded);font-size:41px}.tag-list{flex-wrap:wrap;gap:9px;display:flex}.tag-list strong{box-shadow:4px 4px 9px var(--dark-shadow), -4px -4px 9px var(--light-shadow);border-radius:999px;padding:9px 13px;font-size:14px;line-height:1.7}.image-page{padding:29px 0 0}.image-title-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.image-title-row h1{font-size:clamp(39px,6vw,58px)}.pinch-note{color:var(--muted);font-size:13px}.image-viewer{width:100%;height:min(68vh,760px);min-height:420px;box-shadow:inset 8px 8px 17px #202724, inset -7px -7px 15px #435048, 10px 10px 22px var(--dark-shadow), -10px -10px 22px var(--light-shadow);touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;background:#303a35;border-radius:26px;place-items:center;padding:22px;display:grid;overflow:auto}.image-viewer img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.image-viewer:fullscreen{border-radius:0;width:100vw;height:100vh;padding:10px}.image-viewer:fullscreen img{max-width:100%;max-height:100%}.keyboard-heading{padding-bottom:25px}.keyboard-demo{padding:clamp(20px,4vw,38px)}.demo-status{min-height:66px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-weight:800;display:flex}.demo-status strong{color:#27543e;min-width:62px;min-height:62px;box-shadow:inset 4px 4px 9px var(--dark-shadow), inset -4px -4px 9px var(--light-shadow);border-radius:16px;place-items:center;padding:8px 14px;font-size:25px;display:grid}.keyboard-legend{color:var(--muted);gap:19px;margin-top:17px;font-size:13px;display:flex}.keyboard-legend span{align-items:center;gap:7px;display:inline-flex}.keyboard-legend i{width:28px;height:28px;box-shadow:3px 3px 7px var(--dark-shadow), -3px -3px 7px var(--light-shadow);color:var(--ink);border-radius:7px;place-items:center;font-style:normal;font-weight:900;display:grid}.empty-state{text-align:center;align-content:center;place-items:center;gap:19px;min-height:65vh;display:grid}.empty-state>span{color:#775f35;width:82px;height:82px;box-shadow:inset 5px 5px 11px var(--dark-shadow), inset -5px -5px 11px var(--light-shadow);border-radius:25px;place-items:center;font-size:40px;font-weight:900;display:grid}.empty-state h1{font-size:clamp(30px,5vw,46px)}@media (width<=950px){.action-grid{grid-template-columns:repeat(2,1fr)}.action-card{min-height:210px}.command-layout{grid-template-columns:1fr}.study-card{min-height:410px}}@media (width<=760px){.app-frame{padding-inline:21px}.content-grid{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr 2fr}.tool-panel-heading{flex-direction:column;align-items:flex-start;gap:7px}.alphabet-grid{grid-template-columns:repeat(6,1fr)}}@media (width<=620px){.app-frame{padding-inline:16px;padding-bottom:34px}.topbar{min-height:74px}.brand{gap:8px;font-size:14px}.brand-mark{border-radius:11px;width:37px;height:37px;font-size:19px}.family-label{display:none}.home-button{justify-content:center;width:46px;padding:0}.home-button span:last-child{display:none}.hero{padding:40px 0 28px}.world-badge{margin-bottom:19px}.action-grid{grid-template-columns:1fr;gap:16px}.action-card{border-radius:23px;flex-direction:row;align-items:center;gap:18px;min-height:142px;padding:21px}.action-icon{border-radius:18px;width:63px;height:63px}.action-copy{margin:0}.action-copy strong{font-size:20px}.action-card .card-arrow{top:50%;bottom:auto;transform:translateY(-50%)}.tool-shelf{flex-direction:column;align-items:stretch;padding:21px}.tool-shelf nav{grid-template-columns:1fr 1fr;display:grid}.tool-shelf a{padding-inline:10px}.page-heading{padding:38px 0 27px}.content-card{min-height:122px;padding:18px}.content-icon{width:56px;height:56px}.command-page{padding-top:20px}.detail-heading .detail-icon{width:64px;height:64px}.command-layout{gap:21px;margin-top:25px}.explanation-card,.study-card{border-radius:23px;padding:22px}.study-card{min-height:365px}.assist-tabs{gap:7px}.assist-tab{flex-direction:column;gap:3px;min-height:62px;font-size:11px}.assist-body{margin-inline:-8px;padding:13px}.key-controls{flex-direction:column-reverse}.key-controls button{width:100%}.alphabet-grid{grid-template-columns:repeat(4,1fr)}.letter-card{min-height:58px}.fact-grid{grid-template-columns:1fr}.image-title-row{align-items:flex-start}.fullscreen-button{width:55px;min-width:55px;padding:0;font-size:0}.fullscreen-button:before{content:"⛶";font-size:23px}.image-viewer{height:65vh;min-height:360px;padding:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}