.game{color:#f4f7fb;-webkit-user-select:none;user-select:none;touch-action:none;background:#0c2340;width:100%;height:100dvh;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;position:relative;overflow:hidden}.game canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #08102047}.hud,.foot,.hint,.toast,.modal,.touch{z-index:2;position:absolute}.hud{pointer-events:none;background:#0c2340f0;border-bottom:1px solid #c6a15bb3;flex-direction:column;gap:.35rem;padding:.7rem .9rem .55rem;display:flex;top:0;left:0;right:0}.hud-row,.brands,.foot{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.stage{flex-direction:column;gap:.15rem;min-width:0;display:flex}.stage strong,.panel h2,.quiz h3{font-family:Palatino,Palatino Linotype,Georgia,serif;font-weight:700}.stage strong{letter-spacing:.01em;font-size:1rem}.stage span,.muted,.help,.foot,.learn li span{color:#d5deea}.pips{gap:.3rem;display:flex}.pips i{background:#f4f7fb47;border-radius:999px;width:1.35rem;height:.35rem}.pips i.on{background:#c6a15b}.lives{align-items:center;gap:.2rem;display:flex}.lives b{margin-left:.35rem;font-size:.95rem}.heart{fill:#0000;stroke:#d5deea;stroke-width:1.6px;width:1.15rem;height:1.15rem}.heart.on{fill:#c6a15b;stroke:#e4cc8a}.brands{letter-spacing:.16em;color:#e4cc8a;justify-content:flex-start;gap:.7rem;font-size:.78rem;font-weight:700}.brands i{background:#f4f7fb;border-radius:999px;width:.35rem;height:.35rem}.icon-btn,.btn,.opt{pointer-events:auto;color:#f4f7fb;min-height:2.75rem;font:inherit;background:#16325c;border:1px solid #c6a15b;border-radius:.75rem;padding:.55rem .9rem;font-weight:650}.icon-btn{place-items:center;min-width:2.75rem;display:grid}.btn.primary,.opt:hover,.icon-btn:hover,.btn:hover{color:#0c2340;background:#c6a15b}.btn:disabled,.opt:disabled{opacity:.55;cursor:default}.btn.primary{color:#0c2340;background:#c6a15b}.btn.ghost{background:0 0}.foot{z-index:3;pointer-events:none;background:#0c2340eb;border-top:1px solid #c6a15b73;padding:.35rem .9rem;font-size:.78rem;bottom:0;left:0;right:0}.hint,.toast{text-align:center;pointer-events:none;background:#0c2340eb;border:1px solid #c6a15b;border-radius:999px;max-width:min(36rem,100% - 2rem);padding:.55rem .9rem;left:50%;transform:translate(-50%)}.hint{bottom:2.6rem}.toast{bottom:5.4rem}.game.coarse .hint{bottom:9.2rem}.game.coarse .toast{bottom:12.2rem}.modal{z-index:4;pointer-events:none;padding:5.2rem 1rem 3.2rem;display:flex;inset:0}.modal.start{justify-content:flex-start;align-items:flex-end}.modal.center{justify-content:center;align-items:center}.panel{pointer-events:auto;background:#0c2340f5;border:1px solid #c6a15b;border-radius:1rem;width:min(40rem,100%);max-height:100%;padding:1.1rem 1.15rem 1.2rem;overflow:auto;box-shadow:0 18px 50px #00000047}.panel h2{color:#f7f4ea;margin:.2rem 0 .45rem;font-size:1.8rem;line-height:1.15}.panel p,.help,.learn{margin:.35rem 0;line-height:1.45}.help{gap:.2rem;margin:.7rem 0 .9rem;font-size:.95rem;display:grid}.actions{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.quiz .opts{gap:.55rem;margin-top:.8rem;display:grid}.opt{text-align:left;border-radius:.8rem;line-height:1.35}.feedback{border-top:1px solid #c6a15b73;margin-top:.85rem;padding-top:.75rem}.feedback.good h3{color:#e4cc8a}.feedback.bad h3{color:#f0b4a8}.stats{grid-template-columns:1fr 1fr;gap:.55rem;margin:.8rem 0;display:grid}.stats div{background:#16325c;border-radius:.7rem;padding:.55rem .7rem}.stats b{font-size:1.25rem;display:block}.learn{padding-left:1.1rem}.learn li{margin:.25rem 0}.touch{z-index:3;pointer-events:none;height:8.5rem;inset:auto 0 2.1rem}.stick{pointer-events:auto;touch-action:none;background:#0c234073;border:1px solid #c6a15bcc;border-radius:999px;width:7.5rem;height:7.5rem;position:absolute;bottom:.2rem;left:.8rem}.knob{background:#c6a15b;border-radius:999px;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;position:absolute;top:50%;left:50%}.lookpad{pointer-events:auto;touch-action:none;width:46%;height:calc(8.5rem + 40dvh);position:absolute;top:-40dvh;right:0}.act{pointer-events:auto;border-radius:999px;width:4.6rem;height:4.6rem;position:absolute;bottom:.8rem;right:1rem}.keys{display:block}@media (width<=820px){.keys{display:none}.panel h2{font-size:1.45rem}.stats{grid-template-columns:1fr 1fr}.stage strong{font-size:.92rem}}@media (width>=900px){.modal.start{align-items:center;padding-left:2rem}}@media (prefers-reduced-motion:reduce){.panel,.btn,.opt{transition:none}}