:root{--red:#b3211a;--red-deep:#7a0f10;--gold:#f5c95c;--cream:#fff8ea;--ink:#3a1d12;--ok:#2c8a3f;--bad:#c0392b;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#f7e2c0;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;width:100vw;height:100vh;display:block}.loading{z-index:10;background:radial-gradient(circle at 50% 35%, #c9302a, var(--red-deep) 75%);color:var(--gold);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}.loading--done{opacity:0;visibility:hidden;pointer-events:none}.loading__box{text-align:center;width:min(360px,80vw)}.loading__box h1{letter-spacing:.02em;margin:0 0 22px;font-size:clamp(26px,5vw,36px);font-weight:700}.loading__bar{background:#00000047;border-radius:99px;height:8px;overflow:hidden}#loading-fill{border-radius:inherit;background:var(--gold);width:0;height:100%;transition:width .25s}.loading__box p{color:#ffe9b0;margin:14px 0 0;font-size:14px}.popup{z-index:5;background:var(--cream);width:min(360px,100vw - 40px);max-height:calc(100vh - 40px);color:var(--ink);border-radius:14px;flex-direction:column;display:flex;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 18px 44px #3c0f0561}.popup--in{animation:.28s cubic-bezier(.2,.8,.3,1) popup-in}@keyframes popup-in{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.popup__head{background:linear-gradient(135deg, var(--red), var(--red-deep));border-bottom:3px solid var(--gold);padding:14px 52px 14px 18px;position:relative}.popup__tag{letter-spacing:.12em;text-transform:uppercase;color:#ffd98a;margin:0 0 2px;font-size:11px;font-weight:600}.popup__head h2{color:#fff;margin:0;font-size:20px;line-height:1.25}.popup__close{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.popup__close:hover{background:#ffffff4d}.popup__close:focus-visible,.popup__option:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.popup__body{padding:16px 18px 18px;overflow-y:auto}#popup-question{margin:0;font-size:16px;font-weight:600;line-height:1.5}.popup__options{gap:8px;margin-top:14px;display:grid}.popup__option{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fffdf7;border:1.5px solid #e2cda6;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:15px;line-height:1.4;transition:background .15s,border-color .15s;display:flex}.popup__option:hover:enabled{border-color:var(--red);background:#fff1dc}.popup__option:disabled{cursor:default}.popup__option:disabled:not(.is-correct,.is-wrong){opacity:.55}.popup__letter{background:#f3e2c0;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.popup__option.is-correct{border-color:var(--ok);background:#e6f4e3}.popup__option.is-wrong{border-color:var(--bad);background:#fbe6e2}.popup__option.is-correct .popup__letter{background:var(--ok);color:#fff}.popup__option.is-wrong .popup__letter{background:var(--bad);color:#fff}.popup__option.is-correct:after,.popup__option.is-wrong:after{margin-left:auto;padding-left:8px;font-weight:700}.popup__option.is-correct:after{content:"✓";color:var(--ok)}.popup__option.is-wrong:after{content:"✗";color:var(--bad)}.popup__feedback{border-top:1px dashed #d9bf94;margin-top:14px;padding-top:12px}.popup__feedback strong{color:var(--bad);font-size:15px}.popup__feedback.is-correct strong{color:var(--ok)}.popup__feedback p{margin:6px 0 0;font-size:14px;line-height:1.55}.hover-label{z-index:4;color:#fff3d6;white-space:nowrap;pointer-events:none;background:#3a1d12e0;border-radius:6px;padding:4px 10px;font-size:13px;position:fixed;top:0;left:0}.hint{z-index:3;color:#fff3d6;pointer-events:none;background:#3a1d12b8;border-radius:99px;max-width:calc(100vw - 32px);margin:0;padding:8px 16px;font-size:13px;position:fixed;top:16px;left:16px}.dock{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2e160dcc;border:1px solid #f5c95c66;border-radius:18px;flex-wrap:wrap;justify-content:center;gap:8px 18px;width:max-content;max-width:calc(100vw - 24px);padding:9px 14px 10px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #1e0a0473}.dock__group{flex-direction:column;gap:5px;min-width:0;display:flex}.dock__label{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding-left:4px;font-size:10.5px;font-weight:700}.dock__row{flex-wrap:wrap;gap:4px;display:flex}.dock__button{color:#fff3d6;min-height:32px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff3d614;border:1px solid #0000;border-radius:99px;padding:5px 12px;font-size:13px;transition:background .15s,border-color .15s}.dock__button:hover{background:#fff3d633}.dock__button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dock__button[aria-pressed=true],.dock__button--accent{background:linear-gradient(135deg, var(--red), var(--red-deep));color:#fff;border-color:#f5c95c8c;font-weight:600}.dock__button--accent:hover{background:linear-gradient(135deg, #cf2e25, var(--red))}@media (width<=720px){.hint{display:none}.dock{gap:5px;padding:8px;bottom:8px}.dock__group,.dock__row{display:contents}.dock__label{display:none}.dock__button{padding:4px 9px;font-size:12px}}@media (prefers-reduced-motion:reduce){.popup--in{animation:none}}