/* Scoped to #battery-game so the game can sit inside the site layout instead of
   owning the viewport. position:fixed -> absolute and vw/vh -> % accordingly. */
#battery-game three-d-stage{position:absolute;inset:0;width:100%;height:100%}#battery-game three-d-stage:not(:defined){visibility:hidden}#battery-game .top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;pointer-events:none;z-index:5}#battery-game .brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px}#battery-game .brand i{width:30px;height:30px;border-radius:8px;background:#f2b417;display:grid;place-items:center;font-style:normal;font-size:18px}#battery-game .steps{display:flex;gap:6px}#battery-game .steps span{padding:6px 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:#8a877f}#battery-game .steps span.on{background:#1c1d20;color:#fff}#battery-game .steps span.done{color:#1c1d20}#battery-game .score{background:#fff;border-radius:12px;padding:6px 14px;font-weight:800;font-size:15px;display:flex;gap:6px;align-items:baseline}#battery-game .score b{font-size:22px}#battery-game .panel{position:absolute;top:84px;right:24px;width:min(380px,calc(100% - 48px));background:#fff;border-radius:18px;padding:22px;z-index:5;box-shadow:0 10px 40px rgba(0,0,0,.08)}#battery-game .panel h2{margin:0 0 6px;font-size:20px;font-weight:800;text-wrap:pretty}#battery-game .panel p{margin:0;font-size:15px;line-height:1.85;color:#3b3b38;text-wrap:pretty}#battery-game .kicker{font-size:12px;font-weight:700;color:#a07508;margin-bottom:6px;letter-spacing:.02em}#battery-game .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}#battery-game .chips span{font-size:13px;padding:5px 10px;border-radius:8px;background:#f3f1ec;color:#8a877f}#battery-game .chips span.found{background:#f2b417;color:#1c1d20;font-weight:600}#battery-game .info{margin-top:14px;padding:14px;border-radius:12px;background:#f7f5f0}#battery-game .info h3{margin:0 0 4px;font-size:16px}#battery-game .btn{appearance:none;border:0;font:inherit;font-weight:800;font-size:16px;padding:12px 20px;border-radius:12px;background:#1c1d20;color:#fff;cursor:pointer;margin-top:16px;width:100%}#battery-game .btn:hover{background:#000}#battery-game .btn.y{background:#f2b417;color:#1c1d20}#battery-game .btn.y:hover{background:#e3a80f}#battery-game .btn[disabled]{opacity:.35;cursor:default}#battery-game .opts{display:flex;flex-direction:column;gap:8px;margin-top:14px}#battery-game .opt{appearance:none;font:inherit;text-align:right;font-size:15px;padding:12px 14px;border-radius:12px;border:2px solid #ebe8e1;background:#fff;cursor:pointer;line-height:1.6}#battery-game .opt:hover{border-color:#1c1d20}#battery-game .opt.ok{border-color:#2fbf5a;background:#eefaf1}#battery-game .opt.bad{border-color:#c8261e;background:#fdf0ef}#battery-game .msg{margin-top:12px;font-size:14px;line-height:1.8;min-height:1em}#battery-game .msg.bad{color:#b0201a}#battery-game .msg.ok{color:#1f8a40}#battery-game .modal{position:absolute;inset:0;display:grid;place-items:center;background:rgba(238,236,232,.72);backdrop-filter:blur(6px);z-index:10;padding:24px}#battery-game .card{background:#fff;border-radius:22px;padding:32px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.1)}#battery-game .card h1{margin:0 0 10px;font-size:30px;font-weight:900}#battery-game .card p{margin:0;font-size:16px;line-height:1.9;color:#3b3b38}#battery-game .big{font-size:64px;font-weight:900;line-height:1;margin:16px 0 4px}#battery-game .hidden{display:none!important}#battery-game .hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#1c1d20;color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;z-index:5;pointer-events:none}
  
@media (max-width:700px){#battery-game .steps{display:none}#battery-game .panel{top:auto;bottom:16px;right:16px;max-height:55%;overflow:auto}#battery-game .hint{display:none}}