:root{--bg: #0f1115;--fg: #e9eef3;--muted: #9aa4af;--accent: #6bc2ff;--card: #171a21;--card-border: #242a33}@font-face{font-family:javan;src:url(/assets/media/Javan.kNu5RLAL.woff) format("woff"),url(/assets/media/javan.BjlCLHQf.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,#app{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:javan,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}button{font-family:"javan",inherit}.stage-container{position:relative;width:100vw;height:100vh;display:grid;place-items:center;background:var(--bg)}.quality-toggle{position:absolute;top:12px;right:16px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0f1115c7;border:1px solid rgba(255,255,255,.14);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:14px;box-shadow:0 8px 24px #00000040;z-index:20}.quality-toggle-label{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--muted)}.quality-toggle-button{border:none;border-radius:999px;padding:6px 14px;background:var(--accent);color:#041018;font-weight:600;cursor:pointer;font-size:13px;transition:background .2s ease,color .2s ease,transform .2s ease}.quality-toggle-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quality-toggle[data-mode=low] .quality-toggle-button{background:#2b3544;color:var(--fg)}.quality-toggle-button:hover{transform:translateY(-1px)}@media (max-width: 640px){.quality-toggle{top:8px;right:8px;padding:4px 10px;gap:6px}.quality-toggle-label{font-size:10px}.quality-toggle-button{padding:4px 10px;font-size:12px}}#stage{width:min(100vw,100vh * 16 / 9);height:min(100vh,100vw * 9 / 16);background:#000;border-radius:10px;box-shadow:0 10px 40px #0009}.overlay-root{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.overlay-root.hidden{display:none}.overlay-root.align-top{align-items:start}.overlay-root.align-bottom{align-items:end}.overlay-card{pointer-events:auto;width:min(640px,calc(100vw - 32px));background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:20px;box-shadow:0 6px 30px #00000059}.overlay-card h2{margin:0 0 12px;font-size:20px}.overlay-actions{display:flex;gap:12px;padding:40px}.btn{padding:10px 14px;border-radius:8px;border:1px solid var(--card-border);background:#202633;color:var(--fg);cursor:pointer;font-size:40px;font-family:"javan",inherit}.btn.primary{background:var(--accent);color:#06101a;border-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.prompt-modal #question{text-align:center;font-size:30px}.prompt-modal .overlay-actions{padding:0;display:flex;justify-content:center}.text-input{width:100%;text-align:center;box-sizing:border-box;padding:clamp(12px,2.5vw,22px) clamp(16px,4vw,28px);border-radius:999px;border:3px solid rgba(255,255,255,.85);background:#5b83b7;color:#fff;font-size:clamp(18px,3vw,36px);outline:none}.text-input.invalid{border-color:#ffb3b3;background:#c55757}.error-text{color:#ffd6d6;min-height:1.2em;margin-top:6px;visibility:hidden}.chip-bar{position:absolute;left:16px;bottom:16px;display:flex;gap:8px}.chip{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px}.start-overlay h2{font-size:50px}.start-overlay{pointer-events:auto;display:grid;place-items:center;gap:16px;font-size:30px}.overlay-card.big-yesno{background:transparent;border:none;box-shadow:none;width:min(1100px,96vw);text-align:center}.big-title{font-size:clamp(28px,6vw,64px);margin-bottom:0}.overlay-actions.big{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,4vw,28px)}.quiz-card{width:min(1200px,95vw);background:#0008;border:3px solid rgba(255,255,255,.85);border-radius:28px;padding:clamp(16px,3vw,28px);text-align:center}.quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,24px)}.choices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,24px)}.btn.quiz{background:#5b83b7;color:#fff;border-color:#e5f0ff}.btn.quiz.success{background:#4fbe62;color:#f1fbf4;border-color:#e8f6ea}.btn.quiz.danger{background:#d35252;color:#fff6f6;border-color:#ffe7e7}.drag-card{width:min(1200px,95vw);background:#ffffff40;border:3px solid rgba(255,255,255,.85);border-radius:28px;padding:clamp(16px,3vw,28px);text-align:center;position:relative}.token-bank{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:12px;direction:ltr}.drop-zone{background:#000;color:#fff;min-height:220px;border-radius:8px;border:3px solid #222;padding:16px;display:block;direction:ltr;text-align:left}.drag-chip{cursor:grab}.drag-info-btn{position:absolute;top:8px;inset-inline-end:8px;width:32px;height:32px;border-radius:999px;border:2px solid rgba(255,255,255,.85);background:#0000008c;color:#fff;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer}.drag-card .drag-chip,.drag-card .btn.quiz{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif!important}.code-view{margin:0;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace!important;font-size:clamp(16px,3vw,42px);line-height:1.25}.btn.pill{border-radius:999px;border-width:3px;border-style:solid}.btn.lg{font-size:clamp(16px,3vw,34px);padding:clamp(10px,2.5vw,22px) clamp(12px,4vw,28px);font-weight:700;font-size:40px}.btn.success{background:#4fbe62;border-color:#e8f6ea;color:#f1fbf4}.btn.danger{background:#d35252;border-color:#ffe7e7;color:#fff6f6}.overlay-card,.overlay-actions,.overlay-card .btn,.overlay-actions .btn,#yesBtn,#noBtn,button.btn{font-family:javan,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif!important}.ad-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#000}.ad-overlay.fullscreen{display:block}.ad-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;cursor:pointer;transition:opacity .2s ease}.ad-arrow-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.ad-arrow-layer.active{opacity:1}.ad-arrow{position:absolute;transform:translate(var(--ad-trans-x, -50%),var(--ad-trans-y, -70%)) scaleX(var(--ad-flip-x, 1));pointer-events:auto;animation:ad-arrow-bounce 1.8s ease-in-out infinite}.ad-arrow-learn{--ad-flip-x: 1;opacity:0;will-change:transform,opacity;animation:ad-arrow-bounce-down 1.8s ease-in-out infinite .3s,ad-arrow-appear .1s ease .3s forwards}.ad-arrow-close{--ad-flip-x: -1}.ad-arrow-img,.ad-arrow-svg{display:block;pointer-events:none;transform-origin:center bottom;animation:ad-arrow-tilt 1.8s ease-in-out infinite}.ad-arrow-svg{height:auto}.ad-arrow-learn .ad-arrow-img,.ad-arrow-learn .ad-arrow-svg{animation-delay:.3s}@keyframes ad-arrow-bounce{0%,to{transform:translate(var(--ad-trans-x, -50%),calc(var(--ad-trans-y, -70%) - 0%)) scaleX(var(--ad-flip-x, 1))}50%{transform:translate(var(--ad-trans-x, -50%),calc(var(--ad-trans-y, -70%) - 15%)) scaleX(var(--ad-flip-x, 1))}}@keyframes ad-arrow-bounce-down{0%,to{transform:translate(var(--ad-trans-x, -50%),calc(var(--ad-trans-y, -70%) - 0%)) scaleX(var(--ad-flip-x, 1))}50%{transform:translate(var(--ad-trans-x, -50%),calc(var(--ad-trans-y, -70%) + 15%)) scaleX(var(--ad-flip-x, 1))}}@keyframes ad-arrow-tilt{0%,to{transform:scaleX(var(--ad-flip-x, 1)) rotate(calc(var(--ad-rotation, 0deg) - 6deg))}50%{transform:scaleX(var(--ad-flip-x, 1)) rotate(calc(var(--ad-rotation, 0deg) + 6deg))}}@keyframes ad-arrow-appear{0%{opacity:0}to{opacity:1}}.code-typer{position:absolute;left:clamp(8px,2vw,24px);top:clamp(8px,2vw,24px);pointer-events:none}.code-typer-pre{margin:0;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(18px,3vw,36px);line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:pre-wrap}.quiz-tooltip{position:absolute;left:50%;bottom:clamp(12px,4vh,32px);transform:translate(-50%);pointer-events:auto;z-index:50}.quiz-tooltip.center{top:50%;bottom:auto;transform:translate(-50%,-50%)}.quiz-tooltip-content{display:flex;align-items:center;gap:12px;background:#160a0aeb;border:2px solid #ffb6b6;color:#fff6f6;border-radius:12px;box-shadow:0 6px 20px #00000059;max-width:min(800px,92vw);direction:rtl;text-align:right;position:relative;padding:12px 14px 12px 44px}.quiz-tooltip-content.big{max-width:min(1000px,96vw);padding:clamp(16px,3vw,24px) clamp(18px,4vw,28px);padding-left:clamp(44px,6vw,60px)}.quiz-tooltip-text{font-size:clamp(18px,3.5vw,28px);direction:rtl;text-align:right;white-space:pre-wrap}.quiz-tooltip-close{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:999px;background:transparent;border:2px solid rgba(255,255,255,.65);color:#ffdede;cursor:pointer;font-size:20px;line-height:1;display:grid;place-items:center}.quiz-tooltip-content.big .quiz-tooltip-text{font-size:clamp(20px,4vw,34px)}