:root{--navy-1: #1a1a2e;--navy-2: #16213e;--navy-3: #0f3460;--orange: #ff7a1a;--orange-2: #ff9d4d;--gold: #ffd23f;--white: #ffffff;--ink: #14142b;--good: #37d67a;--bad: #ff5a5f;--card: rgba(255, 255, 255, .08);--card-solid: #fff;font-family:Comic Sans MS,Chalkboard SE,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1200px 800px at 50% -10%,var(--navy-3),var(--navy-1) 60%);color:var(--white);overflow-x:hidden;touch-action:manipulation}#app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 16px calc(96px + env(safe-area-inset-bottom))}.screen{width:100%;max-width:460px;animation:pop-in .4s ease both}@keyframes pop-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}h1{font-size:clamp(1.6rem,7vw,2.3rem);line-height:1.1;margin:.2em 0;text-align:center}h2{font-size:clamp(1.2rem,5.5vw,1.6rem);margin:.2em 0 .6em;text-align:center}p{line-height:1.45}.subtitle{text-align:center;opacity:.85;margin:0 0 1.2em}.card{background:var(--card);border:2px solid rgba(255,255,255,.12);border-radius:22px;padding:22px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 20px;font-family:inherit;font-size:1.15rem;font-weight:700;color:var(--ink);background:linear-gradient(180deg,var(--gold),var(--orange));border:none;border-radius:999px;box-shadow:0 6px #c85a10,0 10px 20px #00000059;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;margin-top:12px}.btn:active{transform:translateY(4px);box-shadow:0 2px #c85a10,0 4px 10px #00000059}.btn.secondary{color:#fff;background:#ffffff1f;box-shadow:0 4px #00000059;font-size:1rem}.step-badge{display:inline-block;background:var(--orange);color:#fff;font-weight:700;padding:4px 14px;border-radius:999px;font-size:.9rem;margin:0 auto 10px}.center{text-align:center}.guide{display:flex;gap:12px;align-items:flex-start;background:#ffffff1a;border-radius:18px;padding:14px 16px;margin:14px 0}.guide .face{font-size:2rem;line-height:1}.guide .bubble{font-size:.98rem}.hermine-logo{display:block;margin:0 auto}.ws-grid{display:grid;gap:3px;margin:8px auto 14px;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,400px)}.ws-cell{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#ffffff17;border-radius:8px;font-weight:700;font-size:clamp(.8rem,4vw,1.2rem);color:#fff;transition:background .12s,transform .12s}.ws-cell.sel{background:var(--gold);color:var(--ink);transform:scale(1.05)}.ws-cell.found{background:var(--good);color:#063}.ws-cell.hint{animation:hintflash .8s ease 3}@keyframes hintflash{50%{background:var(--orange);color:#fff}}.ws-words{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ws-word{padding:6px 12px;border-radius:999px;background:#ffffff1f;font-weight:700;letter-spacing:1px;cursor:pointer}.ws-word.done{background:var(--good);color:#063;text-decoration:line-through}.ft-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ft-score{font-weight:700;font-size:1.1rem}canvas.game{width:100%;border-radius:18px;display:block;touch-action:none;background:linear-gradient(180deg,#20264a,#141830)}.scratch-wrap{position:relative;width:min(100%,380px);margin:10px auto;aspect-ratio:1 / 1}.scratch-wrap .reveal-img,.scratch-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:20px}.scratch-wrap .reveal-img{background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}.scratch-wrap .reveal-img img{max-width:92%;max-height:92%}.scratch-wrap canvas{touch-action:none}.reveal-word{display:inline-block;background:var(--orange);color:#fff;font-weight:700;padding:4px 12px;border-radius:10px;margin:3px;animation:pop-word .5s ease both}@keyframes pop-word{0%{opacity:0;transform:scale(.3) rotate(-8deg)}to{opacity:1;transform:scale(1)}}.reveal-msg{font-size:1.25rem;line-height:1.5;text-align:center}.big-emoji{font-size:3.4rem;text-align:center}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#0a0a19b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .25s ease both}.overlay .card{width:100%;max-width:380px;animation:pop-in .35s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.testbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;gap:6px;padding:6px;background:#0009;flex-wrap:wrap;font-size:.75rem}.testbar button{font-family:inherit;font-size:.72rem;padding:3px 8px;border-radius:6px;border:none;cursor:pointer}