:root{--q-bg: #0e1116;--q-panel: #171c24;--q-panel2: #1e242f;--q-line: #2a3240;--q-text: #e8ecf2;--q-dim: #8b95a5;--q-accent: #ffb454;--q-accent-ink: #201404;--q-good: #3ecf8e;--q-bad: #ff5d5d;--q-cell: #f7f9fc;--q-cell-ink: #1a2330;--q-cell-head: #dfe6ef;--q-cell-sel: #2f80ed;--q-radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:var(--q-bg);color:var(--q-text);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#quest-root{min-height:100dvh;display:flex;justify-content:center}.q-app{width:100%;max-width:480px;min-height:100dvh;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.q-top{display:flex;align-items:center;gap:10px;padding:6px 0 10px}.q-doors{display:flex;gap:6px;flex:1}.q-door-dot{flex:1;height:8px;border-radius:4px;background:var(--q-panel2);border:1px solid var(--q-line);transition:background .3s,border-color .3s}.q-door-dot.open{background:var(--q-good);border-color:var(--q-good)}.q-door-dot.now{background:var(--q-accent);border-color:var(--q-accent);animation:q-pulse 1.6s infinite}@keyframes q-pulse{0%,to{opacity:1}50%{opacity:.45}}.q-xp{font-size:13px;font-weight:700;color:var(--q-accent);white-space:nowrap}.q-xp.bump{animation:q-xp-bump .4s ease}@keyframes q-xp-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.q-npc{display:flex;gap:10px;align-items:flex-start;margin:6px 0 12px}.q-npc-ava{width:40px;height:40px;border-radius:50%;flex:none;background:var(--q-panel2);border:1px solid var(--q-line);display:flex;align-items:center;justify-content:center;font-size:22px}.q-npc-bubble{background:var(--q-panel);border:1px solid var(--q-line);border-radius:4px 16px 16px;padding:10px 14px;font-size:15px;line-height:1.45;animation:q-in .25s ease}.q-npc-bubble b{color:var(--q-accent)}.q-npc-bubble.hint{border-color:var(--q-accent)}@keyframes q-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.q-sheet{background:var(--q-panel);border:1px solid var(--q-line);border-radius:var(--q-radius);padding:10px;overflow:hidden}.q-sheet-title{font-size:12px;color:var(--q-dim);margin:0 2px 8px;letter-spacing:.04em;text-transform:uppercase}.q-grid{display:grid;gap:3px}.q-cell{background:var(--q-cell);color:var(--q-cell-ink);min-height:46px;border-radius:7px;padding:4px 8px;display:flex;align-items:center;justify-content:flex-start;font-size:15px;font-variant-numeric:tabular-nums;border:2px solid transparent;position:relative;overflow:hidden}.q-cell.head{background:var(--q-cell-head);font-weight:700;font-size:12.5px}.q-cell.num{justify-content:flex-end}.q-cell.target{border-color:var(--q-cell-sel);cursor:pointer;animation:q-target 1.8s infinite}@keyframes q-target{0%,to{box-shadow:0 0 #2f80ed8c}50%{box-shadow:0 0 0 5px #2f80ed00}}.q-cell.sel{border-color:var(--q-cell-sel)}.q-cell.ok{animation:q-cell-ok .5s ease}@keyframes q-cell-ok{0%{background:#d9f7e9}to{background:var(--q-cell)}}.q-cell.ghost{color:#9aa6b5;font-style:italic}.q-cell .q-check{position:absolute;right:6px;color:var(--q-good);font-weight:900;animation:q-checkpop .15s ease}@keyframes q-checkpop{0%{transform:scale(0)}to{transform:scale(1)}}.q-cell.filtered-out{opacity:.18;transition:opacity .25s}.q-cell:has(.q-fill-handle){overflow:visible}.q-fill-handle{position:absolute;right:-3px;bottom:-3px;width:26px;height:26px;border-radius:50%;background:var(--q-cell-sel);border:3px solid #fff;animation:q-pulse 1.2s infinite;z-index:2}.q-fx{margin-top:12px;background:var(--q-panel);border:1px solid var(--q-line);border-radius:var(--q-radius);padding:12px}.q-fx-line{min-height:52px;background:var(--q-cell);color:var(--q-cell-ink);border-radius:9px;padding:8px 12px;font-size:19px;font-weight:600;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;display:flex;align-items:center;flex-wrap:wrap;gap:2px}.q-fx-line .cursor{display:inline-block;width:2px;height:24px;background:var(--q-cell-sel);animation:q-blink 1s steps(1) infinite}@keyframes q-blink{50%{opacity:0}}.q-fx-line.shake{animation:q-shake .2s ease}@keyframes q-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.q-fx-slot{color:#90a0b4;background:#e7edf5;border-radius:5px;padding:1px 7px;font-size:15px}.q-blocks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.q-block{min-height:52px;min-width:58px;padding:6px 16px;border-radius:11px;border:1px solid var(--q-line);background:var(--q-panel2);color:var(--q-text);font-size:18px;font-weight:700;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s}.q-block:active{transform:scale(.93);background:#26303e}.q-block.fn{color:var(--q-accent)}.q-block.used{opacity:.25;pointer-events:none}.q-block.back{min-width:52px;color:var(--q-dim);font-size:20px}.q-block.go{background:var(--q-accent);color:var(--q-accent-ink);border-color:var(--q-accent);flex:1}.q-doorcard{margin-top:12px;border-radius:var(--q-radius);background:linear-gradient(160deg,#1c2330,#141922);border:1px solid var(--q-line);padding:14px;text-align:center}.q-lock{font-size:34px;transition:transform .3s;display:inline-block}.q-lock-code{margin-top:6px;font-family:ui-monospace,Menlo,monospace;font-size:22px;letter-spacing:.18em;color:var(--q-accent);font-weight:800}.q-doorcard .sub{font-size:13px;color:var(--q-dim);margin-top:4px}.q-doorcard.opening{animation:q-door-open .3s ease forwards}@keyframes q-door-open{to{transform:translate(46%);opacity:0}}.q-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;border-radius:13px;border:none;cursor:pointer;font-size:17px;font-weight:800;font-family:inherit;background:var(--q-accent);color:var(--q-accent-ink);transition:transform .15s,filter .15s}.q-btn:active{transform:scale(.97);filter:brightness(1.08)}.q-btn.ghost{background:var(--q-panel2);color:var(--q-text);border:1px solid var(--q-line);font-weight:600}.q-btn.small{min-height:46px;font-size:15px}.q-btn+.q-btn{margin-top:10px}.q-cascade-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:50}.q-cascade-flash.on{animation:q-flash .5s ease}@keyframes q-flash{0%{opacity:0}25%{opacity:.85}to{opacity:0}}.q-counter{font-variant-numeric:tabular-nums;font-weight:900;color:var(--q-accent)}.q-hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:12px 2px}.q-hero h1{font-size:30px;line-height:1.15;margin:0}.q-hero .lead{font-size:16px;line-height:1.5;color:var(--q-dim);margin:0}.q-hero .alarm{color:var(--q-bad);font-weight:800}.q-roles{display:grid;gap:10px}.q-role{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--q-panel);border:1px solid var(--q-line);border-radius:13px;font-size:16px;font-weight:600;color:var(--q-text);cursor:pointer;text-align:left}.q-role:active{background:var(--q-panel2)}.q-role .em{font-size:24px}.q-stamp{align-self:center;margin:8px 0;padding:10px 22px;border:4px solid var(--q-good);color:var(--q-good);font-size:26px;font-weight:900;letter-spacing:.12em;border-radius:8px;transform:rotate(-7deg);text-transform:uppercase;animation:q-stamp 1s cubic-bezier(.2,2.2,.4,1) both}@keyframes q-stamp{0%{transform:rotate(-7deg) scale(3.2);opacity:0}55%{opacity:1}to{transform:rotate(-7deg) scale(1)}}.q-card{background:var(--q-panel);border:1px solid var(--q-line);border-radius:var(--q-radius);padding:16px}.q-card+.q-card{margin-top:12px}.q-card h2{margin:0 0 8px;font-size:19px}.q-card .dim{color:var(--q-dim);font-size:14px;line-height:1.5}.q-tariff{position:relative;border:2px solid var(--q-line);border-radius:var(--q-radius);padding:14px;background:var(--q-panel);cursor:pointer;transition:border-color .2s}.q-tariff+.q-tariff{margin-top:10px}.q-tariff.active{border-color:var(--q-accent);background:#1d1a12}.q-tariff .name{font-size:17px;font-weight:800}.q-tariff .price{float:right;font-size:19px;font-weight:900;color:var(--q-accent)}.q-tariff ul{margin:8px 0 0;padding-left:18px;color:var(--q-dim);font-size:13.5px;line-height:1.55}.q-tariff .badge{position:absolute;top:-11px;left:12px;background:var(--q-accent);color:var(--q-accent-ink);font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px}.q-key{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;font-size:14px;color:var(--q-text)}.q-key .timer{font-family:ui-monospace,Menlo,monospace;font-weight:800;color:var(--q-accent);font-size:17px}.q-objections{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.q-objection{min-height:46px;padding:8px 10px;border-radius:11px;font-size:13px;font-weight:600;background:var(--q-panel2);border:1px solid var(--q-line);color:var(--q-dim);cursor:pointer}.q-objection:active{color:var(--q-text)}.q-locked-door{margin:18px auto;width:190px;height:250px;border-radius:16px 16px 6px 6px;background:linear-gradient(170deg,#232b38,#141a24);border:2px solid var(--q-line);position:relative;display:flex;align-items:center;justify-content:center;font-size:56px;box-shadow:0 20px 50px #00000080}.q-locked-door:after{content:"PRO";position:absolute;top:14px;right:14px;font-size:12px;font-weight:900;letter-spacing:.1em;color:var(--q-accent);border:1.5px solid var(--q-accent);border-radius:6px;padding:2px 7px}.q-fade-in{animation:q-in .3s ease}.q-center{text-align:center}.q-spacer{flex:1}