:root{--bg: #1a120a;--paper: #e8d8b4;--paper-dark: #c9b685;--ink: #2a1810;--accent: #8b2c1a;--gold: #b8924a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--paper);font-family:Georgia,Times New Roman,serif;min-height:100vh}body{background-image:radial-gradient(ellipse at top,rgba(184,146,74,.15),transparent 60%),radial-gradient(ellipse at bottom,rgba(139,44,26,.1),transparent 60%)}#app{min-height:100vh}#mute-toggle{position:fixed;top:1rem;right:1rem;z-index:100;background:#1a120acc;color:var(--paper);border:1px solid var(--gold);border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.2rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#mute-toggle:hover{background:#8b2c1acc}.unlock{min-height:100vh;display:grid;place-items:center;padding:2rem;text-align:center}.unlock h1{font-size:clamp(2.5rem,8vw,5rem);margin:0 0 .5rem;letter-spacing:.05em;text-shadow:0 0 30px rgba(184,146,74,.3)}.unlock .subtitle{font-style:italic;color:var(--paper-dark);margin-bottom:3rem;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}.unlock form{display:flex;flex-direction:column;align-items:center;gap:1rem}.unlock input{background:transparent;border:none;border-bottom:1px solid var(--gold);color:var(--paper);font-size:1.5rem;text-align:center;padding:.5rem 1rem;font-family:inherit;width:min(20rem,80vw);outline:none}.unlock input:focus{border-bottom-color:var(--accent)}.unlock button{background:transparent;border:1px solid var(--gold);color:var(--paper);padding:.75rem 2rem;font-family:inherit;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .2s}.unlock button:hover{background:var(--accent);border-color:var(--accent)}.unlock .audio-hint{margin-top:2rem;font-size:.85rem;color:var(--paper-dark);font-style:italic}.unlock .error{color:var(--accent);margin-top:1rem;min-height:1.2em}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}