:root{color:#1d1b2e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1d1b2e;--cream:#f4e7b5;--gold:#d9a441;--teal:#28645f;--paper-shadow:#28645f2e;background:#1d1b2e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;background-color:var(--ink);background-image:linear-gradient(#f4e7b509 2px,#0000 2px),linear-gradient(90deg,#f4e7b509 2px,#0000 2px);background-size:32px 32px;min-height:100dvh;margin:0}button,summary{font:inherit}button:focus-visible,summary:focus-visible{outline:4px solid var(--cream);outline-offset:3px}.game-screen button:focus-visible,.game-screen summary:focus-visible{outline-color:var(--teal)}#app{min-height:100vh;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));place-items:center;display:grid}.console-shell{border:3px solid var(--ink);background:var(--gold);border-radius:20px 20px 42px;width:min(100%,430px);padding:9px;overflow:hidden;box-shadow:7px 7px #0e0d18,inset 0 0 0 3px #f4e7b54d}.app-bar{justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 4px 7px 7px;display:flex}.app-actions{align-items:center;gap:6px;display:flex}.brand-name,.screen-label,.step-count{letter-spacing:.02em;font-family:Silkscreen,ui-monospace,monospace;font-weight:700}.brand-name{font-size:.72rem}.sound-button{border:2px solid var(--ink);background:var(--cream);min-width:104px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:750}.help-button{border:2px solid var(--ink);min-width:58px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:7px 9px;font-size:.76rem;font-weight:750}.sound-button[aria-pressed=true]{background:var(--teal);color:var(--cream)}.game-screen{border:3px solid var(--ink);background:var(--cream);min-height:565px;box-shadow:inset 0 0 0 4px var(--paper-shadow);text-align:center;border-radius:8px 8px 28px;flex-direction:column;padding:17px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:9px;font-size:clamp(1.45rem,6vw,1.9rem);line-height:1.15}h2{margin-bottom:0;font-size:.96rem;line-height:1.25}.screen-label{text-transform:uppercase;margin-bottom:0;font-size:.65rem;line-height:1.4}.home-glyphs{letter-spacing:.04em;place-items:center;min-height:78px;margin:8px 0 2px;font-family:Noto Sans Egyptian Hieroglyphs,serif;font-size:clamp(4.2rem,18vw,5.5rem);line-height:1;display:grid}.intro,.feedback-copy,.completion-message{max-width:30rem;margin-left:auto;margin-right:auto;font-size:.96rem;line-height:1.45}.intro{margin-bottom:0}.how-card{border:2px solid var(--ink);text-align:left;background:#d9a44138;gap:3px;margin-top:13px;padding:10px 12px;font-size:.8rem;line-height:1.35;display:grid}.how-card strong{font-size:.85rem}.primary-button,.secondary-button,.answer-button,.text-button,.hint-button{min-height:48px;color:var(--ink);cursor:pointer}.primary-button,.secondary-button,.answer-button{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:800}.primary-button,.secondary-button{width:100%;padding:10px 14px;font-size:1rem}.primary-button{background:var(--gold);margin-top:15px}.secondary-button{background:0 0;margin-top:10px}.primary-button:hover,.answer-button:hover{background:#e5bb5c}.primary-button:active,.secondary-button:active,.answer-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.text-button,.hint-button{background:0 0;border:0;font-size:.84rem;font-weight:700;text-decoration:underline}.collection{margin-top:18px}.collection-heading{text-align:left;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.collection-heading span{flex:none;font-size:.74rem;font-weight:750}.sign-wall{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.wall-tile{aspect-ratio:1;border:2px solid var(--ink);place-items:center;min-width:0;font-family:Noto Sans Egyptian Hieroglyphs,serif;font-size:clamp(1.1rem,7vw,1.65rem);display:grid;overflow:hidden}.wall-tile--practised{color:var(--cream);background:var(--teal)}.wall-tile--locked{background:#1d1b2e12}.wall-tile--locked:after{content:"";background:#1d1b2e7a;width:5px;height:5px}.game-screen--home>.text-button{margin:3px auto -9px}.game-screen--guide h1{margin:9px 0 8px}.game-screen--guide{min-height:564px;padding-top:15px;padding-bottom:14px}.guide-intro{margin-bottom:12px;font-size:.92rem;line-height:1.42}.sound-example{border:3px solid var(--ink);background:#28645f17;grid-template-columns:.85fr 1.45fr;min-height:110px;display:grid}.example-glyph{border-right:2px solid var(--ink);place-items:center;font-family:Noto Sans Egyptian Hieroglyphs,serif;font-size:5.6rem;line-height:1;display:grid}.example-facts{text-align:left;grid-template-rows:repeat(2,1fr);display:grid}.example-facts>div{align-content:center;gap:2px;padding:7px 10px;display:grid}.example-facts>div+div{border-top:2px solid var(--ink)}.example-facts span,.sign-facts span{font-size:.72rem;font-weight:700}.example-facts strong{font-size:1rem}.sound-symbol{line-height:1;font-size:1.65rem!important}.named-sound{align-items:center;gap:1px;display:inline-grid}.named-sound small{font-size:.66rem;font-weight:750;line-height:1.1}.example-explanation{text-align:left;margin:0;font-size:.85rem;line-height:1.35}.example-audio-row{grid-template-columns:1fr auto;align-items:center;gap:9px;margin:8px 0 11px;display:grid}.audio-control{display:grid}.audio-button{border:2px solid var(--ink);background:var(--teal);min-height:44px;color:var(--cream);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:.8rem;font-weight:800}.audio-button:hover{background:#347b74}.audio-button[aria-busy=true]{background:var(--gold);color:var(--ink)}.audio-button span{margin-right:4px}.audio-control--learn{margin-top:8px}.audio-control--learn .audio-button{width:100%}.audio-control--feedback{margin:-1px 0 9px}.audio-control--feedback .audio-button{justify-self:center;min-width:150px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.notation-note{border-left:4px solid var(--gold);text-align:left;background:#d9a44133;padding:10px 11px}.notation-note h2{margin-bottom:3px;font-size:.88rem}.notation-note p{margin-bottom:0;font-size:.78rem;line-height:1.38}.game-screen--guide .primary-button{margin-top:auto}.game-screen--guide>.text-button{margin:2px auto -9px}.lesson-header{border-bottom:2px solid var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:16px;padding-bottom:8px;display:flex}.lesson-header>div{gap:2px;display:grid}.lesson-header strong{font-size:.95rem}.step-count{flex:none;font-size:.7rem}.progress-track{border:2px solid var(--ink);background:0 0;height:9px;margin:9px 0 15px}.progress-track span{background:var(--teal);height:100%;transition:width .18s steps(4,end);display:block}.game-screen--learn h1,.question-prompt{margin-bottom:3px;font-size:1.25rem}.screen-instruction{margin-bottom:0;font-size:.84rem;line-height:1.35}.glyph{place-items:center;font-family:Noto Sans Egyptian Hieroglyphs,serif;font-size:clamp(6rem,30vw,8.5rem);line-height:1;display:grid}.glyph--learn{min-height:146px}.glyph--question{min-height:132px}.sign-facts{border:2px solid var(--ink);text-align:left;background:#28645f17;grid-template-columns:1.55fr 1fr;display:grid}.sign-facts>div{align-content:center;gap:4px;min-width:0;padding:9px 10px;display:grid}.sign-facts>div+div{border-left:2px solid var(--ink)}.sign-facts strong{overflow-wrap:anywhere;font-size:.88rem}.learning-note{text-align:left;margin-top:8px}.learning-note summary{cursor:pointer;justify-content:center;align-items:center;min-height:44px;font-size:.82rem;font-weight:750;text-decoration:underline;display:flex}.learning-note p{border-left:3px solid var(--teal);margin:-2px 0 7px;padding:9px 11px;font-size:.8rem;line-height:1.4}.game-screen--learn .primary-button{margin-top:auto}.question-display{width:100%}.sound-display{place-items:center;min-height:132px;font-size:clamp(4rem,22vw,6.5rem);font-weight:800;line-height:1;display:grid}.named-sound--question .sound-symbol{font-size:clamp(4rem,22vw,6.5rem)!important}.named-sound--question small{font-size:.9rem}.hint-slot{place-items:center;min-height:48px;margin-bottom:8px;display:grid}.hint-button{width:100%}.hint-note{border:2px solid var(--teal);background:#28645f17;width:100%;margin:0;padding:9px 10px;font-size:.84rem;line-height:1.3}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;display:grid}.answer-button{overflow-wrap:anywhere;background:0 0;min-height:70px;padding:9px;font-size:.92rem;line-height:1.25}.answer-button--glyph{min-height:76px;font-family:Noto Sans Egyptian Hieroglyphs,serif;font-size:3rem;font-weight:400;line-height:1}.answer-sound-name{margin-top:3px;font-size:.66rem;line-height:1.1;display:block}.feedback-banner{border:3px solid var(--ink);justify-content:center;align-items:center;gap:10px;margin:6px 0 13px;padding:10px;display:flex}.feedback-banner--correct{background:var(--teal);color:var(--cream)}.feedback-banner--retry{background:var(--gold)}.feedback-banner:before{font-size:1.5rem;font-weight:900}.feedback-banner--correct:before{content:"✓"}.feedback-banner--retry:before{content:"↺"}.feedback-banner h1{margin:0;font-size:1.45rem}.answer-recap{justify-content:center;align-items:center;gap:20px;min-height:154px;font-size:2rem;display:flex}.recap-glyph{font-family:Noto Sans Egyptian Hieroglyphs,serif;font-size:7rem;line-height:1}.answer-recap strong{font-size:2.7rem}.named-sound--recap .sound-symbol{font-size:2.7rem!important}.named-sound--recap small{font-size:.72rem}.feedback-copy{margin-bottom:8px}.retry-note{border-left:4px solid var(--gold);background:#d9a44133;margin-bottom:0;padding:10px;font-size:.84rem;line-height:1.35}.primary-button--bottom{margin-top:auto}.game-screen--complete{min-height:0}.completion-seal{border:3px double var(--cream);background:var(--teal);width:82px;height:82px;color:var(--cream);border-radius:50%;place-items:center;margin:10px auto 7px;font-family:Noto Sans Egyptian Hieroglyphs,serif;font-size:3.5rem;display:grid}.completion-message{margin-bottom:11px}.lesson-results{border:2px solid var(--ink);grid-template-columns:repeat(2,1fr);display:grid}.lesson-results>div{gap:2px;padding:9px 7px;display:grid}.lesson-results>div+div{border-left:2px solid var(--ink)}.lesson-results strong{font-size:1.1rem}.lesson-results span{font-size:.73rem}.game-screen--complete .collection{margin-top:13px}.game-screen--complete .primary-button{margin-top:14px}@media (max-height:720px){#app{place-items:start center}.game-screen{min-height:565px}.game-screen--complete{min-height:0}}@media (max-width:360px){.game-screen{padding:14px}.brand-name{font-size:.65rem}.sound-button{min-width:91px;padding-left:8px;padding-right:8px}.help-button{min-width:52px;padding-left:7px;padding-right:7px}.answer-grid{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}