:root{--bg-0:#0a0d10;--bg-1:#11161b;--bg-2:#181f26;--bg-3:#232c36;--line:#2a333d;--line-2:#3a4654;--text:#e7ecf2;--text-dim:#98a4b3;--text-faint:#8a99a8;--gold:#d4a85a;--gold-bright:#f0c674;--gold-dim:#8a6d35;--white:#f3f1ea;--yellow:#f2c14b;--red:#c8392f;--green:#2d6c4a;--green-cloth:#1d4738;--good:#4caf83;--bad:#d8534f;--warn:#e2a23a;--shadow-1:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.35);--shadow-2:0 12px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--t-fast:120ms cubic-bezier(.2,.6,.2,1);--t-med:240ms cubic-bezier(.2,.6,.2,1);--font:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-num:"JetBrains Mono","SF Mono",ui-monospace,"Roboto Mono",monospace;--font-display:"Sora","Inter",sans-serif}[data-theme="light"]{--bg-0:#f4f5f7;--bg-1:#ffffff;--bg-2:#f7f8fa;--bg-3:#eef0f4;--line:#e1e5ec;--line-2:#cdd3dc;--text:#131820;--text-dim:#4f5b6b;--text-faint:#646e7c;--gold:#b58a3c;--gold-bright:#c89a44;--gold-dim:#8c6c2c;--green-cloth:#2a6b54;--shadow-1:0 1px 2px rgba(20,30,45,.06),0 6px 18px rgba(20,30,45,.08);--shadow-2:0 14px 40px rgba(20,30,45,.18)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-0);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.4;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}@supports (height:100dvh){.app{min-height:100dvh !important}}button{font-family:inherit;color:inherit}@media (max-width:1100px){input,textarea,select{font-size:16px}input[type="range"],input[type="checkbox"],input[type="radio"],input[type="color"],input[type="file"],input[type="submit"],input[type="button"]{font-size:inherit}}html,body{max-width:100vw;overflow-x:hidden}.app{--status-h:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-rows:calc(56px + var(--status-h)) auto 1fr;height:100dvh;max-width:100vw;overflow-x:hidden;background:radial-gradient(1200px 600px at 50% -10%,rgba(212,168,90,.06),transparent 60%),var(--bg-0)}.topbar{display:flex;align-items:center;gap:10px;padding:var(--status-h) 12px 0;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-1),var(--bg-1) 70%,rgba(0,0,0,0));z-index:50;position:relative;min-width:0;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.topbar::-webkit-scrollbar{display:none}.topbar>*{flex-shrink:0}@media (max-width:1280px){.topbar .btn-label-collapsable{display:none}}@media (max-width:1100px){.topbar .topbar-mobile-hide{display:inline-flex !important}.topbar .topbar-cam-preset{display:none !important}.topbar-share-btn,.topbar-maximize-btn{display:none !important}}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.02em;font-size:15px;white-space:nowrap}.brand>div{display:flex;flex-direction:column;line-height:1.05}@media (max-width:1180px){.brand small{display:none !important}}.brand .mark{width:28px;height:28px;flex-shrink:0;background-image:url("/favicon.svg");background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 8px rgba(212,168,90,.35));transition:filter .2s}.brand:hover .mark{filter:drop-shadow(0 0 12px rgba(245,213,138,.55))}.brand small{display:block;color:var(--text-faint);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;margin-top:2px}.topbar .sep{width:1px;height:22px;background:var(--line);opacity:.5}.topbar .grow{flex:1}.topbar .icon-btn{width:34px;height:34px;border-radius:8px}.topbar .guide-trigger{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--text-dim);padding:7px 12px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .14s;text-decoration:none;white-space:nowrap}.topbar .guide-trigger:hover{color:var(--gold-bright);border-color:var(--gold-dim);background:rgba(212,168,90,.06)}.tab-group{display:flex;gap:2px;background:var(--bg-2);border-radius:10px;padding:3px;border:1px solid var(--line)}.tab-group button{background:transparent;border:0;color:var(--text-dim);padding:7px 14px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--t-fast);letter-spacing:.01em;white-space:nowrap}.tab-group button:hover{color:var(--text)}.tab-group button.active{background:var(--bg-3);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04)}.mode-toggle{display:flex;gap:2px;padding:3px;background:var(--bg-2);border-radius:10px;border:1px solid var(--line)}.mode-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--text-dim);padding:7px 12px;border-radius:7px;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:color .12s}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--bg-3);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04)}.mode-dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor;opacity:.85}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--t-fast)}.icon-btn:hover{color:var(--text);border-color:var(--line-2);background:var(--bg-3)}.icon-btn.active{color:var(--gold-bright);border-color:var(--gold-dim);background:rgba(212,168,90,.08)}.main{display:grid;grid-template-columns:320px 1fr 340px;gap:0;min-height:0}.app.tab-shoot .main{grid-template-columns:0 1fr 340px}.app.tab-shoot .panel-left{display:none}.app.tab-shoot .stage{grid-column:2 / 3}.app.tab-shoot .panel-right{grid-column:3 / 4}.app.tab-setup .stage,.app.tab-solve .stage{grid-column:2 / 3}.app.tab-setup .panel-right,.app.tab-solve .panel-right{grid-column:3 / 4}@media (min-width:1101px){.mobile-aim-bar{position:fixed;left:320px;right:340px;bottom:16px;z-index:48;margin:0 auto;max-width:720px;background:linear-gradient(180deg,rgba(17,22,27,.92),rgba(17,22,27,.97));backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(212,168,90,.32);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.5);padding:12px 14px}.app.tab-shoot .mobile-aim-bar{left:0;right:340px}.mobile-aim-bar .aim-mini-grid{display:grid;grid-template-columns:120px 120px 100px 1fr;gap:10px;align-items:stretch}.mobile-aim-bar .aim-mini-cell{background:rgba(212,168,90,0.06);border:1px solid rgba(212,168,90,0.18);border-radius:10px;padding:6px 6px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-aim-bar .aim-mini-cap{font-family:var(--font-num);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-faint)}.mobile-aim-bar .aim-mini-val{font-family:var(--font-num);font-size:13px;font-weight:700;color:var(--gold-bright)}.mobile-aim-bar .aim-mini-detail{background:transparent;border:0;color:var(--gold-bright);font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:0.06em;padding:2px 8px;margin-top:2px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.55)}.mobile-aim-bar .aim-mini-detail:hover{color:#fae3a8;text-decoration:underline}[data-theme="light"] .mobile-aim-bar .aim-mini-detail{color:#6e4e14;text-shadow:none}.mobile-aim-bar .aim-angle-fine-row{display:flex;align-items:center;gap:6px;margin-top:2px}.mobile-aim-bar .aim-angle-fine-btn{width:24px;height:24px;border-radius:6px;border:1px solid rgba(212,168,90,0.35);background:rgba(212,168,90,0.08);color:var(--gold-bright);font-size:16px;font-weight:700;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.mobile-aim-bar .aim-angle-fine-btn:hover{background:rgba(212,168,90,0.18)}.mobile-aim-bar .aim-power-row{display:flex;align-items:center;gap:8px;justify-content:center}.mobile-aim-bar .aim-mini-fire{display:flex;flex-direction:column;gap:6px}.mobile-aim-bar .aim-mini-fire .aim-btn.fire.xl{flex:1;min-height:56px;background:linear-gradient(180deg,#f7d289,var(--gold-bright) 50%,var(--gold));color:#1a1208;border:0;border-radius:10px;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 14px rgba(212,168,90,.4);cursor:pointer}.mobile-aim-bar .aim-mini-fire .aim-btn.fire.xl:hover{background:linear-gradient(180deg,#fae3a8,#e9c878)}.mobile-aim-bar .aim-mini-fire-row{display:flex;gap:4px}.mobile-aim-bar .aim-btn.ghost.sm{flex:1 1 0;min-width:0;min-height:32px;padding:0 6px;background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-aim-bar .aim-bar-grabber{display:none}[data-theme="light"] .mobile-aim-bar{background:linear-gradient(180deg,rgba(245,236,210,.94),rgba(245,236,210,.98));border-color:rgba(110,78,20,.32)}}.app.tab-setup .main,.app.tab-solve .main{grid-template-columns:320px 1fr 340px}.app.tab-setup .panel-left,.app.tab-solve .panel-left{display:flex}@media (max-width:1100px){.app.tab-shoot .main,.app.tab-setup .main,.app.tab-solve .main{grid-template-columns:1fr}.app.tab-shoot .panel-left{display:flex}}.panel-left,.panel-right{background:var(--bg-1);border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.panel-right{border-right:0;border-left:1px solid var(--line)}.stage{position:relative;background:var(--bg-0);overflow:hidden;display:flex;flex-direction:column;min-width:0}.canvas-host{flex:1;position:relative;min-height:0;background:radial-gradient(ellipse at 50% 30%,rgba(212,168,90,.04),transparent 60%),var(--bg-0)}.canvas-host canvas{display:block;width:100%;height:100%;cursor:grab}.canvas-host.dragging canvas{cursor:grabbing}.canvas-host.placing canvas{cursor:crosshair}.zoom-controls{position:absolute;right:10px;bottom:12px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 5px;background:rgba(17,22,27,.78);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--line);border-radius:12px;z-index:30;box-shadow:0 6px 18px rgba(0,0,0,.45);-webkit-tap-highlight-color:transparent}[data-theme="light"] .zoom-controls{background:rgba(255,255,255,.88)}.zoom-controls .zoom-btn{background:var(--bg-2);border:1px solid var(--line);color:var(--text);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:transform .1s,background .15s,border-color .15s}.zoom-controls .zoom-btn:active{transform:scale(.92);border-color:var(--gold-dim)}.zoom-controls .zoom-btn.reset{color:var(--text-faint)}.zoom-slider-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:220px}.zoom-controls .zoom-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:24px;height:100%;accent-color:var(--gold-bright);cursor:pointer;margin:0}.zoom-ticks{position:absolute;left:1px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;width:6px;pointer-events:none}.zoom-tick{width:5px;height:1px;background:var(--text-faint);opacity:0.5}.zoom-tick.major{width:7px;height:1.5px;background:var(--gold-dim);opacity:0.9}.zoom-pct{font:600 10px/1 var(--font-num);color:var(--gold-bright);letter-spacing:0.04em;text-align:center;margin:2px 0 0;padding:1px 4px;border-radius:3px;background:rgba(212,168,90,0.10);border:1px solid rgba(212,168,90,0.20);white-space:nowrap;pointer-events:none;min-width:36px;transition:color .14s,background .14s}.zoom-slider-wrap.is-dragging + .zoom-pct,.zoom-controls:hover .zoom-pct{color:var(--gold-bright);background:rgba(212,168,90,0.18)}[data-theme="light"] .zoom-pct{color:var(--gold-dim);background:rgba(176,138,58,0.10);border-color:rgba(176,138,58,0.25)}@media (max-width:1100px){.zoom-slider-wrap{height:160px;width:32px}.zoom-controls .zoom-slider{width:26px}.zoom-controls{right:8px;bottom:calc(180px + var(--safe-bottom));z-index:49;display:flex !important}.canvas-host:has(.mobile-aim-bar.collapsed) .zoom-controls{bottom:calc(76px + var(--safe-bottom))}.canvas-host:not(:has(.mobile-aim-bar)) .zoom-controls{bottom:calc(80px + var(--safe-bottom))}body:has(.panel-left.open) .zoom-controls{z-index:58;bottom:calc(76px + var(--safe-bottom))}}@media (prefers-reduced-motion:reduce){.zoom-pct{transition:none}}.section{border-bottom:1px solid var(--line);padding:14px 16px}.section:last-child{border-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;margin:0 0 12px}.section-title .badge{font-size:10px;font-weight:600;letter-spacing:0;background:rgba(212,168,90,.12);color:var(--gold-bright);padding:2px 7px;border-radius:6px;text-transform:none}.row{display:flex;gap:8px;align-items:center}.row + .row{margin-top:10px}.field{display:block}.field-label{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--text-dim);margin-bottom:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.field-label .value{font-family:var(--font-num);font-size:12px;color:var(--gold-bright);font-weight:600;letter-spacing:0;text-transform:none}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--bg-3);border-radius:999px;outline:none;cursor:pointer}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold-bright);box-shadow:0 1px 4px rgba(0,0,0,.5),0 0 0 4px rgba(212,168,90,.18);cursor:pointer;transition:transform var(--t-fast)}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:0;background:var(--gold-bright);box-shadow:0 1px 4px rgba(0,0,0,.5),0 0 0 4px rgba(212,168,90,.18)}button.btn{border:1px solid var(--line);background:var(--bg-2);color:var(--text);padding:9px 14px;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;transition:var(--t-fast);display:inline-flex;align-items:center;gap:7px;justify-content:center}button.btn:hover{background:var(--bg-3);border-color:var(--line-2)}button.btn:active{transform:translateY(1px)}button.btn:disabled{opacity:.4;cursor:not-allowed}button.btn.primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1208;border-color:var(--gold);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 6px 18px rgba(212,168,90,.25)}button.btn.primary:hover{filter:brightness(1.05)}button.btn.ghost{background:transparent}button.btn.danger{color:var(--bad);border-color:rgba(216,83,79,.3)}button.btn.danger:hover{background:rgba(216,83,79,.08)}button.btn.full{width:100%}button.btn.sm{padding:6px 10px;font-size:12px;border-radius:7px}button.btn.lg{padding:12px 18px;font-size:14px}.btn-grid{display:grid;gap:6px}.btn-grid.cols-2{grid-template-columns:1fr 1fr}.btn-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.btn-grid.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.english-pad{position:relative;width:100%;max-width:220px;aspect-ratio:1;border-radius:50%;margin:8px auto;background:radial-gradient(circle at 38% 28%,#ffffff 0%,#faf2e0 22%,#d8cdb0 60%,#98906a 100%);box-shadow:inset 0 -14px 32px rgba(0,0,0,.20),inset 0 6px 14px rgba(255,255,255,.55),0 6px 24px rgba(0,0,0,.42),0 0 0 1px rgba(0,0,0,.08);cursor:crosshair;touch-action:none;transition:box-shadow .15s,transform .12s}.english-pad.focused{box-shadow:inset 0 -14px 32px rgba(0,0,0,.20),inset 0 6px 14px rgba(255,255,255,.55),0 6px 24px rgba(0,0,0,.42),0 0 0 2px var(--gold-bright)}.english-pad::before{content:"";position:absolute;inset:12%;border:1px dashed rgba(0,0,0,.22);border-radius:50%;pointer-events:none}.english-pad::after{content:"";position:absolute;inset:28%;border:1px dotted rgba(0,0,0,.16);border-radius:50%;pointer-events:none}.english-pad .axis-h,.english-pad .axis-v{position:absolute;background:rgba(0,0,0,.18);pointer-events:none}.english-pad .axis-h{top:50%;left:6%;right:6%;height:1px;transform:translateY(-.5px)}.english-pad .axis-v{left:50%;top:6%;bottom:6%;width:1px;transform:translateX(-.5px)}.english-pad .tip{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff4c8,var(--gold) 55%,#5e3d10);box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 14px rgba(212,168,90,.7),inset 0 -2px 4px rgba(0,0,0,.35);transform:translate(-50%,-50%);pointer-events:none;transition:box-shadow var(--t-fast),background .12s}.english-pad .tip.warn{background:radial-gradient(circle at 32% 30%,#ffd0c0,#d8554a 55%,#6e1e15);box-shadow:0 0 0 2px var(--bad),0 0 14px rgba(216,83,79,.6)}.english-pad .tip.danger{background:radial-gradient(circle at 32% 30%,#ffbbbb,#c8332f 50%,#5a1410);box-shadow:0 0 0 2px var(--bad),0 0 18px rgba(216,83,79,.9)}.mini-english-pad{position:relative;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffffff,#ece7d4 50%,#b9b09a 100%);box-shadow:inset 0 -4px 10px rgba(0,0,0,.18),inset 0 2px 5px rgba(255,255,255,.5),0 2px 8px rgba(0,0,0,.3);cursor:crosshair;touch-action:none;flex-shrink:0}.mini-english-pad .mep-axis-h,.mini-english-pad .mep-axis-v{position:absolute;background:rgba(0,0,0,.18);pointer-events:none}.mini-english-pad .mep-axis-h{top:50%;left:12%;right:12%;height:1px}.mini-english-pad .mep-axis-v{left:50%;top:12%;bottom:12%;width:1px}.mini-english-pad .mep-tip{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffeec0,var(--gold) 60%,#5e3d10);box-shadow:0 0 0 1.5px rgba(0,0,0,.5),0 0 8px rgba(212,168,90,.6);transform:translate(-50%,-50%);pointer-events:none}.mini-english-pad.warn .mep-tip{box-shadow:0 0 0 1.5px var(--bad),0 0 8px rgba(216,83,79,.6)}.aim-mag-readout{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);font-family:var(--font-num,JetBrains Mono,ui-monospace,monospace);font-size:28px;font-weight:800;color:var(--gold-bright,#d4a85a);background:rgba(14,11,8,0.92);border:1.5px solid var(--gold-bright,#d4a85a);border-radius:12px;padding:4px 14px;box-shadow:0 6px 22px rgba(212,168,90,0.32),0 0 0 1px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,235,180,0.18);letter-spacing:0.02em;white-space:nowrap;pointer-events:none;z-index:100;animation:aim-mag-pop .14s cubic-bezier(.2,.85,.3,1.05) backwards;text-shadow:0 0 12px rgba(212,168,90,0.6)}.aim-mag-readout small{font-size:14px;opacity:0.7;margin-left:1px}@keyframes aim-mag-pop{from{opacity:0;transform:translateX(-50%) translateY(4px) scale(.94)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}[data-theme="light"] .aim-mag-readout{background:rgba(245,236,210,0.96);color:#4a3308;border-color:#4a3308;box-shadow:0 6px 22px rgba(110,78,20,0.28),0 0 0 1px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.5);text-shadow:0 0 12px rgba(74,51,8,0.3)}@media (max-width:720px){.aim-mag-readout{font-size:22px;padding:3px 10px;border-radius:10px}.aim-mag-readout small{font-size:12px}}.angle-wheel-host{display:flex;align-items:center;justify-content:center;padding:8px 0 4px}.angle-wheel{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;touch-action:none}.angle-wheel svg{cursor:grab;outline:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.35));transition:filter .15s}.angle-wheel.is-dragging svg{cursor:grabbing}.angle-wheel.focused svg,.angle-wheel svg:focus-visible{filter:drop-shadow(0 4px 12px rgba(0,0,0,0.4)) drop-shadow(0 0 4px var(--gold-bright))}.angle-wheel-readout{margin-top:4px;font-family:var(--font-num);font-size:13px;font-weight:700;color:var(--gold-bright);letter-spacing:0.04em;background:rgba(212,168,90,0.10);border:1px solid rgba(212,168,90,0.22);border-radius:999px;padding:2px 12px;min-width:64px;text-align:center}[data-theme="light"] .angle-wheel-readout{color:var(--gold-dim);background:rgba(176,138,58,0.10)}.cue-contact{display:flex;align-items:center;justify-content:center;padding:8px 4px 4px;margin-top:8px}.cue-contact svg{display:block}.english-pad .tip.danger{box-shadow:0 0 0 2.5px var(--bad),0 0 16px rgba(216,83,79,.85);animation:tip-pulse 0.9s ease-in-out infinite alternate}@keyframes tip-pulse{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.12)}}@media (prefers-reduced-motion:reduce){.english-pad .tip.danger{animation:none}}.english-pad:focus-visible{outline:none}.english-pad.focused{box-shadow:inset 0 -10px 24px rgba(0,0,0,.18),inset 0 4px 10px rgba(255,255,255,.5),0 0 0 2px var(--gold-bright),0 0 18px rgba(240,198,116,.45),0 4px 18px rgba(0,0,0,.35)}.english-readout{display:grid;grid-template-columns:1fr;gap:4px;margin-top:10px;font-family:var(--font-num);font-size:11px}.english-readout>div{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.english-readout>div:not(:last-child){border-bottom:1px dotted var(--line)}.english-readout>div>span:first-child{color:var(--text-faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.english-readout>div>span:last-child{color:var(--text);font-weight:600}.english-readout div{background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:6px 8px;display:flex;justify-content:space-between}.english-readout span:first-child{color:var(--text-faint)}.english-readout span:last-child{color:var(--gold-bright);font-weight:600}.solution-card{border:1px solid var(--line);background:var(--bg-2);border-radius:var(--r-md);padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:var(--t-fast);position:relative;overflow:hidden}.solution-card:hover{border-color:var(--line-2);transform:translateY(-1px)}.solution-card.active{border-color:var(--gold-dim);background:linear-gradient(180deg,rgba(212,168,90,.08),rgba(212,168,90,.02));box-shadow:0 0 0 1px var(--gold-dim) inset}.solution-card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.solution-card .name{font-weight:700;font-size:13px}.solution-card .diff{font-size:10px;font-weight:700;letter-spacing:.12em;padding:2px 7px;border-radius:4px;text-transform:uppercase}.diff.lvl-0{background:rgba(76,175,131,.16);color:#6dd1a5}.diff.lvl-1{background:rgba(76,175,131,.12);color:#6dd1a5}.diff.lvl-2{background:rgba(226,162,58,.14);color:#f0c674}.diff.lvl-3{background:rgba(216,83,79,.14);color:#ef807c}.solution-card .meta{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;font-family:var(--font-num);font-size:10px}.solution-card .meta div{display:flex;flex-direction:column}.solution-card .meta span:first-child{color:var(--text-faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.solution-card .meta span:last-child{color:var(--text);font-weight:600}.solution-card .pct{position:absolute;top:0;right:0;bottom:0;width:3px;background:var(--gold-bright);opacity:0;transition:var(--t-fast)}.solution-card.active .pct{opacity:1}.toast{position:absolute;top:16px;left:50%;transform:translateX(-50%) translateY(-12px);padding:10px 18px;border-radius:999px;background:var(--bg-1);border:1px solid var(--line);box-shadow:var(--shadow-2);font-weight:600;font-size:13px;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:var(--t-med);z-index:30}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.good{border-color:rgba(76,175,131,.35);color:#88e2b5}.toast.bad{border-color:rgba(216,83,79,.35);color:#ef807c}.playback{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(11,15,20,.78);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-2);z-index:20}[data-theme="light"] .playback{background:rgba(255,255,255,.85);border-color:var(--line)}.playback .speed-pills{display:flex;gap:2px}.playback .speed-pills button{background:transparent;border:0;color:var(--text-dim);padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-num)}.playback .speed-pills button.active{background:var(--bg-3);color:var(--gold-bright)}.playback .scrub{width:220px;height:4px;background:var(--bg-3);border-radius:999px;position:relative;cursor:pointer}.playback .scrub .fill{position:absolute;left:0;top:0;bottom:0;background:var(--gold-bright);border-radius:999px}.playback .scrub .knob{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--gold-bright);transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(212,168,90,.2)}.kbd-overlay{position:fixed;inset:0;z-index:200;background:rgba(11,15,20,.78);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);display:grid;place-items:center;padding:5vh 24px;animation:kbdFadeIn .18s ease-out}@keyframes kbdFadeIn{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.kbd-overlay{animation:none}}.kbd-card{max-width:880px;width:100%;max-height:90vh;overflow-y:auto;background:var(--bg-1);border:1px solid var(--gold-dim);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 1px rgba(212,168,90,.12) inset;display:flex;flex-direction:column}[data-theme="light"] .kbd-card{background:#ffffff}.kbd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line)}.kbd-head h2{margin:0;font-family:var(--font-display);font-size:18px;color:var(--gold-bright);letter-spacing:.01em}.kbd-close{background:transparent;border:1px solid var(--line);width:28px;height:28px;border-radius:999px;color:var(--text-dim);cursor:pointer;display:grid;place-items:center;font-size:12px}.kbd-close:hover{color:var(--text);border-color:var(--gold-dim)}.kbd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:22px 24px}@media (max-width:760px){.kbd-grid{grid-template-columns:1fr 1fr;gap:18px}}@media (max-width:480px){.kbd-grid{grid-template-columns:1fr;gap:14px;padding:16px}}.kbd-section h3{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding-bottom:8px;border-bottom:1px solid var(--line);font-weight:700}.kbd-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0}.kbd-keys{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.kbd-keys kbd{display:inline-block;font-family:var(--font-num);font-size:11px;font-weight:600;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:2px 8px;color:var(--gold-bright);box-shadow:0 1px 0 var(--line);min-width:18px;text-align:center}.kbd-sep{color:var(--text-faint);font-size:10px}.kbd-label{color:var(--text-dim);font-size:13px;text-align:right}.kbd-foot{padding:14px 24px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--text-faint);font-style:italic}.minimap{position:absolute;top:14px;right:14px;width:240px;height:130px;border-radius:10px;background:linear-gradient(180deg,rgba(13,59,39,0.85),rgba(8,42,28,0.92));border:1px solid rgba(198,154,74,0.32);box-shadow:0 8px 24px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.04) inset;overflow:hidden;z-index:15;transition:border-color .2s,box-shadow .2s}.minimap:hover{border-color:rgba(198,154,74,0.55);box-shadow:0 12px 32px rgba(0,0,0,.6),0 0 0 1px rgba(198,154,74,0.15)}.minimap canvas{display:block;width:100%;height:100%}.minimap .lbl{position:absolute;top:6px;left:8px;right:8px;font-size:9.5px;font-weight:700;letter-spacing:.16em;color:rgba(237,224,192,0.86);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.7);display:flex;align-items:center;gap:6px}.minimap .lbl::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 6px rgba(240,198,116,.6)}[data-theme="light"] .minimap{background:linear-gradient(180deg,rgba(31,125,82,0.92),rgba(13,82,54,0.95));border-color:rgba(176,138,58,0.42)}.hud{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:6px;z-index:14}.hud .chip{padding:6px 10px;border-radius:8px;background:rgba(11,15,20,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:600;color:var(--text-dim);display:flex;align-items:center;gap:8px}[data-theme="light"] .hud .chip{background:rgba(255,255,255,.85);border-color:var(--line)}.hud .chip strong{color:var(--gold-bright);font-family:var(--font-num);font-weight:700}.hud .chip .dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 6px currentColor}.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lib-card{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px;cursor:pointer;transition:var(--t-fast);aspect-ratio:2/1.2;display:flex;flex-direction:column}.lib-card:hover{border-color:var(--line-2)}.lib-card svg{flex:1;width:100%;height:auto;min-height:0}.lib-card .lbl{font-size:10.5px;font-weight:600;color:var(--text-dim);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);padding:10px;text-align:center}.stat .num{font-family:var(--font-num);font-size:22px;font-weight:700;color:var(--gold-bright);line-height:1}.stat .lbl{font-size:9.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.14em;margin-top:6px;font-weight:600}.aim-fine{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);padding:6px}.aim-fine button{width:36px;height:36px;border-radius:7px;border:0;background:var(--bg-3);color:var(--text);cursor:pointer;font-size:14px;font-weight:700;transition:var(--t-fast);font-family:var(--font-num)}.aim-fine button:hover{background:var(--line-2);color:var(--gold-bright)}.aim-fine button:active{transform:scale(.93)}.aim-fine .display{text-align:center;font-family:var(--font-num);font-weight:700;font-size:14px;color:var(--gold-bright)}.aim-fine .display small{display:block;font-size:9px;color:var(--text-faint);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.tip-card{background:linear-gradient(135deg,rgba(212,168,90,.08),rgba(212,168,90,.02));border:1px solid rgba(212,168,90,.2);border-radius:var(--r-md);padding:10px 12px;font-size:12px;color:var(--text-dim);display:flex;gap:10px}.tip-card .ico{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(212,168,90,.15);color:var(--gold-bright);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.tip-card strong{color:var(--text)}.shimmer{background:linear-gradient(90deg,var(--bg-2),var(--bg-3),var(--bg-2));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1100px){.main{grid-template-columns:1fr;grid-template-rows:1fr auto}.panel-left,.panel-right{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:70dvh;border:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;z-index:40;box-shadow:var(--shadow-2);transform:translateY(calc(100% - 56px));transition:transform var(--t-med)}.panel-left.open,.panel-right.open{transform:translateY(0)}.panel-handle{height:56px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;font-size:13px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg-1);z-index:5}.panel-handle::before{content:"";width:38px;height:4px;border-radius:999px;background:var(--line-2);position:absolute;top:8px;left:50%;transform:translateX(-50%)}.minimap{width:160px;height:88px;top:8px;right:8px}.stage .mobile-fab{position:absolute;bottom:16px;width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1208;border:0;cursor:pointer;box-shadow:var(--shadow-2);display:inline-flex;align-items:center;justify-content:center;font-size:22px;z-index:18}.stage .mobile-fab.left{left:16px}.stage .mobile-fab.right{right:16px}}@media (min-width:1101px){.panel-handle,.stage .mobile-fab{display:none}}.panel-left::-webkit-scrollbar,.panel-right::-webkit-scrollbar{width:8px}.panel-left::-webkit-scrollbar-thumb,.panel-right::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:999px}.panel-left::-webkit-scrollbar-track,.panel-right::-webkit-scrollbar-track{background:transparent}.muted{color:var(--text-faint)}.gold{color:var(--gold-bright)}.flex{display:flex;gap:8px;align-items:center}.flex.col{flex-direction:column;align-items:stretch}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.tnum{font-variant-numeric:tabular-nums;font-family:var(--font-num)}.divider{height:1px;background:var(--line);margin:12px 0}.kbd{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--bg-3);border:1px solid var(--line);border-bottom-width:2px;font-family:var(--font-num);font-size:10.5px;color:var(--text-dim);min-width:16px;text-align:center}.login-root{position:fixed;inset:0;background:radial-gradient(ellipse at 30% 30%,#15252a 0%,#0a0d10 60%);display:grid;place-items:center;font-family:var(--font-ui,Inter,system-ui,sans-serif);color:var(--text);overflow:hidden;z-index:1000}.login-bg{position:absolute;inset:0;pointer-events:none}.login-bg-table{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%) rotate(-8deg);width:1200px;height:600px;background:radial-gradient(ellipse at center,rgba(45,108,74,.25),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 2px,transparent 2px 10px);border:1px solid rgba(212,168,90,.06);border-radius:24px;box-shadow:0 80px 200px rgba(0,0,0,.7),inset 0 0 120px rgba(0,0,0,.5);filter:blur(.6px);opacity:.7}.login-bg-glow{position:absolute;top:12%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(240,198,116,.13),transparent 60%);border-radius:50%;filter:blur(40px)}.login-card{position:relative;width:380px;max-width:calc(100vw - 32px);background:rgba(17,22,27,.92);border:1px solid rgba(212,168,90,.18);border-radius:18px;padding:28px 28px 22px;box-shadow:0 24px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04);display:flex;flex-direction:column;gap:18px;z-index:2;opacity:1}@keyframes loginIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.login-brand{display:flex;align-items:center;gap:14px}.login-logo{width:52px;height:52px;display:grid;place-items:center;background:linear-gradient(135deg,#1a2128,#11161b);border:1px solid rgba(212,168,90,.25);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.4)}.login-title{font-family:var(--font-display,"Sora",Inter,sans-serif);font-weight:700;font-size:18px;letter-spacing:-.01em;color:#f3eede}.login-subtitle{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-top:2px}.login-fields{display:flex;flex-direction:column;gap:12px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field>span{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.login-field input{height:40px;padding:0 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.login-field input:focus{border-color:var(--gold-dim);box-shadow:0 0 0 3px rgba(212,168,90,.1)}.login-pwd{position:relative}.login-pwd input{width:100%;padding-right:64px}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:28px;padding:0 10px;background:transparent;border:1px solid var(--line);color:var(--text-dim);font-size:11px;cursor:pointer;border-radius:6px;font-family:inherit}.login-eye:hover{color:var(--text);border-color:var(--line-2)}.login-err{background:rgba(216,83,79,.08);border:1px solid rgba(216,83,79,.3);color:#f0a8a4;padding:8px 12px;border-radius:8px;font-size:12px}.login-submit{height:44px;background:linear-gradient(180deg,#f0c674,#c89b3a);color:#1a1c1f;border:1px solid #b8861f;border-radius:10px;font-weight:700;font-size:14px;letter-spacing:.01em;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px rgba(212,168,90,.25),inset 0 1px 0 rgba(255,255,255,.4);transition:transform var(--t-fast),box-shadow var(--t-fast)}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(212,168,90,.35),inset 0 1px 0 rgba(255,255,255,.4)}.login-submit:disabled{opacity:.6;cursor:wait}.login-remember{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:12.5px;color:var(--text-dim);padding:6px 0}.login-remember input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--line);border-radius:5px;background:var(--bg-2);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s}.login-remember input[type="checkbox"]:checked{background:linear-gradient(180deg,#f0c674,#c89b3a);border-color:#b8861f}.login-remember input[type="checkbox"]:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #1a1c1f;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-remember small{margin-left:auto;font-size:11px;color:var(--text-faint)}.login-quick{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line);margin-top:4px;font-size:11px}.login-quick-lbl{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.login-quick-btn{background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;font-family:inherit}.login-quick-btn:hover{border-color:var(--gold-dim);color:var(--text)}.login-quick-btn.active{background:var(--bg-3);color:var(--gold-bright);border-color:var(--gold-dim)}.login-foot{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.login-foot-row{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:6px}.login-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.login-hint{font-size:11px;color:var(--text-faint)}.login-hint kbd{display:inline-block;padding:1px 5px;background:var(--bg-3);border:1px solid var(--line);border-radius:4px;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:10px}.login-watermark{position:absolute;bottom:18px;right:22px;font-size:10px;color:var(--text-faint);letter-spacing:.15em;text-transform:uppercase;z-index:1}.lang-switcher{position:relative}.lang-btn{width:auto !important;padding:0 10px !important;display:inline-flex;align-items:center;gap:4px}.lang-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px);z-index:1999;-webkit-tap-highlight-color:transparent;animation:lang-backdrop-in .15s ease}@keyframes lang-backdrop-in{from{opacity:0}to{opacity:1}}.lang-code{font-size:11px;font-weight:700;letter-spacing:.04em;font-family:var(--font-num);color:var(--text-dim)}.icon-btn:hover .lang-code{color:var(--gold-bright)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-1);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 32px rgba(0,0,0,.5);padding:4px;z-index:90;min-width:160px;display:flex;flex-direction:column}.lang-item{display:flex;align-items:center;gap:9px;padding:7px 10px;background:transparent;border:0;color:var(--text-dim);font-family:inherit;font-size:12.5px;border-radius:6px;cursor:pointer;text-align:left;white-space:nowrap}.lang-item:hover{background:var(--bg-3);color:var(--text)}.lang-item.active{background:rgba(212,168,90,.12);color:var(--gold-bright)}.lang-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 7px;font-family:var(--font-num);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--text-dim);background:var(--bg-3);border:1px solid var(--line);border-radius:4px;flex-shrink:0}.lang-item.active .lang-badge{color:var(--gold-bright);background:rgba(212,168,90,.10);border-color:var(--gold-dim)}.lang-name{flex:1}.lang-check{font-weight:700}@media (max-width:1100px){.lang-menu{position:fixed !important;left:50% !important;right:auto !important;top:auto !important;bottom:calc(env(safe-area-inset-bottom,0px) + 16px) !important;transform:translateX(-50%) !important;width:min(420px,calc(100vw - 32px)) !important;max-height:calc(75dvh - env(safe-area-inset-bottom,0px)) !important;overflow-y:auto;overscroll-behavior:contain;z-index:2000 !important;box-shadow:0 -10px 40px rgba(0,0,0,.55),0 12px 32px rgba(0,0,0,.5);padding:8px !important;border-radius:14px !important;animation:lang-menu-in .22s cubic-bezier(.2,.85,.3,1.05)}.lang-item{padding:12px 12px !important;font-size:14.5px !important;min-height:44px}.lang-badge{min-width:34px !important;height:26px !important;font-size:11.5px !important}}@keyframes lang-menu-in{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (min-width:1101px){.lang-menu{z-index:2000}}.audio-settings-btn{position:relative}@media (max-width:1100px){.audio-settings-btn{width:34px !important;height:34px !important;padding:0 !important;border-radius:8px !important;display:flex !important;align-items:center;justify-content:center}.audio-settings-btn .lbl{display:none}.audio-settings-btn svg{width:16px;height:16px}.lang-btn{padding:0 6px !important}.topbar{gap:6px !important}.topbar .sep{display:none !important}}.audio-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);z-index:1999;-webkit-tap-highlight-color:transparent;animation:lang-backdrop-in .15s ease}.audio-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;background:var(--bg-1);border:1px solid var(--gold-dim);border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.55);padding:10px 12px 12px;z-index:2000;width:min(280px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;animation:audio-panel-in .18s cubic-bezier(.2,.85,.3,1.05) forwards}.audio-panel.audio-panel-compact{width:min(260px,calc(100vw - 32px));padding:8px 10px 10px;gap:6px}.audio-panel.audio-panel-anchored{transform:none;animation:audio-anchored-in .18s cubic-bezier(.2,.85,.3,1.05) forwards}.audio-panel.audio-panel-anchored:not([style*="top:"]){top:60px;right:8px;left:auto}@keyframes audio-anchored-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1100px){.audio-panel.audio-panel-anchored{top:auto !important;right:auto !important;left:50% !important;bottom:calc(env(safe-area-inset-bottom,0px) + 16px) !important;transform:translateX(-50%) !important;animation:audio-panel-in-mobile .22s cubic-bezier(.2,.85,.3,1.05) forwards !important}}@keyframes audio-panel-in{from{opacity:0;transform:translate(-50%,calc(-50% - 8px)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.audio-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text);letter-spacing:.02em;text-transform:uppercase}.audio-close{background:transparent;border:0;color:var(--text-dim);width:28px;height:28px;font-size:16px;line-height:1;border-radius:50%;cursor:pointer}.audio-close:hover{background:var(--bg-3);color:var(--text)}.audio-row{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-dim)}.audio-toggle{flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;min-height:44px;padding:4px 0}.audio-toggle input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:24px;border-radius:12px;background:var(--bg-3);border:1px solid var(--line);cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.audio-toggle input[type="checkbox"]::before{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:50%;background:var(--text-dim);transition:transform .2s ease,background .2s ease}.audio-toggle input[type="checkbox"]:checked{background:rgba(212,168,90,.25);border-color:var(--gold-dim)}.audio-toggle input[type="checkbox"]:checked::before{transform:translateX(20px);background:var(--gold-bright);box-shadow:0 0 6px rgba(212,168,90,.6)}.audio-toggle input[type="checkbox"]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.audio-lbl-row{display:flex;align-items:center;justify-content:space-between}.audio-val{font-family:var(--font-num);font-size:12px;color:var(--gold-bright);font-weight:700;letter-spacing:.02em}.audio-row input[type="range"]{width:100%;accent-color:var(--gold-bright);height:24px;cursor:pointer}.audio-row input[type="range"]:disabled{opacity:.35;cursor:not-allowed}.audio-hint{margin:0;font-size:11.5px;color:var(--text-faint);line-height:1.4}.audio-test-btn{background:var(--bg-3);border:1px solid var(--gold-dim);color:var(--gold-bright);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,border-color .15s}.audio-test-btn:hover,.audio-test-btn:active{background:rgba(212,168,90,.15);border-color:var(--gold-bright)}.audio-ios-hint{margin:4px 0 0;padding:8px 10px;background:rgba(226,162,58,.12);border-left:3px solid var(--warn);border-radius:6px;font-size:11.5px;color:var(--warn);line-height:1.35}.audio-slider-row{display:flex;align-items:center;gap:8px}.audio-slider-row input[type="range"]{flex:1;min-width:0}.audio-inline-test{flex-shrink:0;width:36px;height:36px;border-radius:8px;border:1px solid var(--gold-dim);background:var(--bg-3);color:var(--gold-bright);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,border-color .15s,transform .12s}.audio-inline-test:hover:not(:disabled){background:rgba(212,168,90,.18);border-color:var(--gold-bright)}.audio-inline-test:active:not(:disabled){transform:scale(.94)}.audio-inline-test:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1100px){.audio-panel{top:auto !important;right:auto !important;left:50% !important;bottom:calc(env(safe-area-inset-bottom,0px) + 16px) !important;transform:translateX(-50%) !important;width:min(420px,calc(100vw - 32px)) !important;border-radius:16px !important;padding:16px !important;z-index:2000 !important;box-shadow:0 -10px 40px rgba(0,0,0,.55);animation:audio-panel-in-mobile .22s cubic-bezier(.2,.85,.3,1.05) forwards}.audio-row{font-size:14px;gap:4px}.audio-row input[type="range"]{height:32px}.audio-slider-row{gap:6px}.audio-inline-test{width:40px;height:40px;font-size:16px}}@keyframes audio-panel-in-mobile{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.guide-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:180;display:grid;place-items:center;padding:20px;animation:fb-fade .18s ease-out}.guide-card{width:100%;max-width:980px;height:calc(100dvh - 40px);max-height:800px;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6);display:grid;grid-template-rows:calc(56px + env(safe-area-inset-top,0px)) 1fr;overflow:hidden}.guide-head{display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) 16px 0;border-bottom:1px solid var(--line);background:var(--bg-2)}.guide-head h2{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}.guide-head h2 .badge{font-size:10px}.guide-close{background:transparent;border:1px solid var(--line);color:var(--text-dim);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px}.guide-close:hover{background:var(--bg-3);color:var(--text)}.guide-body{display:grid;grid-template-columns:220px 1fr;overflow:hidden}.guide-toc{border-right:1px solid var(--line);background:var(--bg-2);padding:14px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.guide-toc button{text-align:left;background:transparent;border:0;padding:9px 12px;border-radius:7px;color:var(--text-dim);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .12s,color .12s}.guide-toc button:hover{background:var(--bg-3);color:var(--text)}.guide-toc button.active{background:var(--bg-3);color:var(--gold-bright);box-shadow:inset 3px 0 0 var(--gold-bright)}.guide-toc button .num{font-size:10px;font-family:var(--font-num);color:var(--text-faint);width:16px}.guide-toc button.active .num{color:var(--gold)}.guide-content{overflow-y:auto;padding:24px 32px 60px;scroll-behavior:smooth}.guide-modal,.guide-modal *,.guide-card,.guide-card *,.guide-content,.guide-toc,.guide-body{scrollbar-width:none !important;-ms-overflow-style:none !important}.guide-modal::-webkit-scrollbar,.guide-modal *::-webkit-scrollbar,.guide-card::-webkit-scrollbar,.guide-card *::-webkit-scrollbar,.guide-content::-webkit-scrollbar,.guide-toc::-webkit-scrollbar,.guide-body::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.guide-section{scroll-margin-top:12px;margin-bottom:38px}.guide-section:last-child{margin-bottom:0}.guide-section h3{margin:0 0 10px;font-size:19px;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--gold-bright)}.guide-section h3 .ico{display:grid;place-items:center;width:30px;height:30px;background:rgba(212,168,90,.12);border:1px solid var(--gold-dim);border-radius:8px;color:var(--gold-bright)}.guide-section p{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--text-dim)}.guide-section p strong{color:var(--text)}.guide-section ul{margin:6px 0 12px;padding-left:0;list-style:none}.guide-section ul li{position:relative;padding:6px 0 6px 22px;font-size:13.5px;line-height:1.5;color:var(--text-dim);border-bottom:1px dashed var(--line)}.guide-section ul li:last-child{border-bottom:0}.guide-section ul li::before{content:"›";position:absolute;left:4px;top:5px;color:var(--gold-bright);font-weight:700;font-size:16px}.guide-section ul li strong{color:var(--text)}.guide-card-row{background:var(--bg-2);border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin:8px 0;display:flex;align-items:center;gap:12px;font-size:13px}.guide-card-row .lead{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;background:var(--bg-3);border:1px solid var(--gold-dim);border-radius:8px;color:var(--gold-bright);font-size:18px}.guide-card-row .body{flex:1}.guide-card-row .body strong{display:block;color:var(--text);font-size:13.5px;margin-bottom:2px}.guide-card-row .body span{color:var(--text-dim);font-size:12px;line-height:1.4}.guide-kbd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:8px 0}.guide-kbd{background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:12px}.guide-kbd kbd{background:var(--bg-3);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 7px;font-family:var(--font-num);font-size:11px;color:var(--gold-bright);min-width:22px;text-align:center}.guide-kbd .desc{color:var(--text-dim);flex:1}.guide-mini-pad{width:100px;height:100px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 70%),var(--bg-3);border:1px solid var(--line);border-radius:50%;position:relative;flex-shrink:0}.guide-mini-pad::before,.guide-mini-pad::after{content:"";position:absolute;background:var(--line)}.guide-mini-pad::before{left:0;right:0;top:50%;height:1px}.guide-mini-pad::after{top:0;bottom:0;left:50%;width:1px}.guide-mini-pad .dot{position:absolute;width:14px;height:14px;background:var(--gold-bright);border-radius:50%;left:56%;top:32%;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(212,168,90,.5)}.guide-tip{border-left:3px solid var(--gold-bright);background:rgba(212,168,90,.06);padding:10px 14px;margin:10px 0;border-radius:0 8px 8px 0;font-size:13px;color:var(--text-dim)}.guide-tip strong{color:var(--gold-bright)}.guide-credit{margin-top:28px;padding-top:14px;border-top:1px dashed var(--line);font-size:11.5px;color:var(--text-faint);text-align:center;letter-spacing:0.02em}.guide-credit a{color:var(--gold-bright);text-decoration:none;border-bottom:1px dotted var(--gold-dim)}.guide-credit a:hover{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}#consent-banner{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;z-index:9999 !important;background:rgba(11,14,18,0.96);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-top:1px solid var(--gold-dim);box-shadow:0 -10px 40px rgba(0,0,0,.55);padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));animation:consent-slide-up .26s cubic-bezier(.2,.8,.2,1);max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}[data-theme="light"] #consent-banner{background:rgba(245,236,210,0.97);border-top-color:var(--gold-dim);color:#1a1408}[data-theme="light"] .consent-title{color:#4a3308}[data-theme="light"] .consent-body{color:#2e2618}[data-theme="light"] .consent-body a{color:#4a3308;border-bottom-color:var(--gold-dim)}[data-theme="light"] .consent-btn{background:rgba(0,0,0,0.04);color:#1a1408;border-color:rgba(110,78,20,0.25)}[data-theme="light"] .consent-accept{background:rgba(110,78,20,0.18);color:#2a1d05;border-color:rgba(110,78,20,0.6)}[data-theme="light"] .consent-close{color:#4a3308}@keyframes consent-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#consent-banner{animation:none}}.consent-card{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:8px}@media (max-width:520px){#consent-banner{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}.consent-actions{flex-direction:column;gap:6px}.consent-btn{width:100%;min-width:0}.consent-body{font-size:12px}.consent-title{font-size:13px}}.consent-head{display:flex;align-items:center;justify-content:space-between}.consent-title{font-weight:700;font-size:14px;color:var(--gold-bright)}.consent-close{background:transparent;border:0;cursor:pointer;color:var(--text-faint);font-size:18px;line-height:1;padding:4px 8px}.consent-close:hover{color:var(--text)}.consent-body{color:var(--text-dim);font-size:12.5px;line-height:1.5;margin:0}.consent-body a{color:var(--gold-bright);text-decoration:none;border-bottom:1px dotted var(--gold-dim)}.consent-body a:hover{border-bottom-color:var(--gold-bright)}.consent-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.consent-btn{flex:1;min-width:120px;padding:9px 14px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--line);background:var(--bg-2);color:var(--text)}.consent-btn:hover{background:var(--bg-3);border-color:var(--gold-dim)}.consent-reject{color:var(--text-dim)}.consent-customize{color:var(--text)}.consent-accept{background:rgba(212,168,90,.18);color:var(--gold-bright);border-color:rgba(212,168,90,.5)}.consent-accept:hover{background:rgba(212,168,90,.28);border-color:var(--gold-bright)}#consent-dialog{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:consent-fade .18s ease-out}@keyframes consent-fade{from{opacity:0}to{opacity:1}}.consent-dialog-card{width:100%;max-width:540px;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:18px 20px;max-height:calc(100dvh - 40px);overflow-y:auto}.consent-row{padding:10px 0;border-top:1px solid var(--line)}.consent-row:first-of-type{border-top:0}.consent-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text)}.consent-toggle input{width:16px;height:16px;accent-color:var(--gold-bright)}.consent-toggle input:disabled{opacity:0.6;cursor:not-allowed}.consent-tname{flex:1}.consent-tdesc{margin:4px 0 0 26px;color:var(--text-dim);font-size:11.5px;line-height:1.4}.consent-foot{margin-top:12px;font-size:11.5px;text-align:center;color:var(--text-faint)}.consent-foot a{color:var(--gold-bright)}@media (max-width:600px){.consent-actions{flex-direction:column}.consent-btn{width:100%}}.guide-trigger{display:inline-flex;align-items:center;gap:5px;background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);padding:6px 10px;border-radius:7px;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}.guide-trigger:hover{color:var(--gold-bright);border-color:var(--gold-dim)}@media (max-width:1100px){.guide-card{height:100dvh;max-height:100dvh;max-width:100%;border-radius:0;border:0}.guide-modal{padding:0}.guide-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.guide-toc{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:8px;scrollbar-width:none}.guide-toc::-webkit-scrollbar{display:none}.guide-toc button{flex-shrink:0;padding:7px 12px;box-shadow:none !important;border-radius:999px}.guide-toc button.active{background:rgba(212,168,90,.16)}.guide-toc button .num{display:none}.guide-content{padding:16px 18px 80px}.guide-section h3{font-size:17px}.guide-trigger .lbl{display:none}}.topbar-nick{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;height:32px;cursor:pointer;font-family:inherit;color:var(--text);transition:border-color .15s,background .15s}.topbar-nick:hover{border-color:var(--gold-dim);background:var(--bg-3)}.topbar-nick-dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff7d6 0%,#fce29a 22%,#e6b95a 58%,#a37018 92%);color:#1a1c1f;display:grid;place-items:center;font-weight:700;font-size:11px;box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,0,0,.32),0 0 0 1px rgba(255,221,140,.18);text-shadow:0 1px 0 rgba(255,250,220,.4)}.topbar-nick-name{font-size:11px;font-weight:600;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}@media (max-width:1100px){.topbar-nick-name{display:none}.topbar-nick{padding:4px}}.topbar-user{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 8px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;height:36px}.topbar-user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-dim));color:#1a1c1f;display:grid;place-items:center;font-weight:700;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.topbar-user-info{display:flex;flex-direction:column;line-height:1.1;min-width:0}.topbar-user-name{font-size:11px;font-weight:600;color:var(--text);white-space:nowrap}.topbar-user-role{font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}@media (max-width:1100px){.topbar-user-info{display:none}}.vp{display:flex;flex-direction:column;gap:12px}.vp-header{display:flex;flex-direction:column;gap:4px}.vp-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display,"Sora",Inter,sans-serif);font-weight:600;font-size:13px;letter-spacing:.02em}.vp-badge{display:inline-block;padding:1px 7px;background:linear-gradient(135deg,#f0c674,#b8861f);color:#1a1c1f;font-size:9px;font-weight:800;letter-spacing:.1em;border-radius:4px}.vp-sub{font-size:11px;color:var(--text-faint)}.vp-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 12px;background:var(--bg-2);border:1.5px dashed var(--line-2);border-radius:10px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.vp-drop:hover{border-color:var(--gold-dim);background:rgba(212,168,90,.04)}.vp-drop-icon{font-size:28px;opacity:.8}.vp-drop-text{font-size:12px;font-weight:600}.vp-drop-hint{font-size:10px;color:var(--text-faint)}.vp-preview{border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--bg-2)}.vp-preview-stage{position:relative;background:#000;touch-action:none}.vp-preview-stage img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;pointer-events:none;user-select:none}.vp-preview-tools{display:flex;gap:6px;padding:8px;background:var(--bg-2);border-top:1px solid var(--line);justify-content:space-between}.vp-overlay{position:absolute;inset:0;pointer-events:none}.vp-corner-overlay{position:absolute;inset:0;touch-action:none;pointer-events:none}.vp-corner-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vp-corner-handle{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;background:transparent;border:0;display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;z-index:2;pointer-events:auto}.vp-corner-handle:active{cursor:grabbing}.vp-corner-dot{width:14px;height:14px;border-radius:50%;background:var(--gold-bright);border:2px solid #1a1208;box-shadow:0 0 0 2px rgba(212,168,90,.45),0 2px 8px rgba(0,0,0,.6);transition:transform .1s}.vp-corner-handle:active .vp-corner-dot{transform:scale(1.25)}.vp-corner-label{position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);font-size:9px;font-weight:700;color:var(--gold-bright);background:rgba(0,0,0,.7);padding:1px 5px;border-radius:4px;letter-spacing:.04em;pointer-events:none;white-space:nowrap}.vp-corner-hint{font-size:11px;color:var(--text-dim);padding:8px 10px;background:rgba(212,168,90,.06);border-top:1px solid rgba(212,168,90,.18);display:flex;align-items:center;gap:8px;line-height:1.4}.vp-corner-reset{margin-left:auto;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;flex-shrink:0}.vp-corner-reset:hover{border-color:var(--gold-dim)}.error-boundary{display:flex;align-items:flex-start;gap:10px;padding:14px;margin:10px 0;background:rgba(216,83,79,.06);border:1px solid rgba(216,83,79,.25);border-radius:10px;font-size:12px;color:var(--text-dim)}.error-boundary-icon{flex-shrink:0;font-size:22px;line-height:1;color:var(--bad)}.error-boundary-msg{flex:1;display:flex;flex-direction:column;gap:8px}.error-boundary-msg strong{color:var(--text)}.error-boundary-msg .btn{align-self:flex-start}.vp-loupe{position:absolute;width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid var(--gold-bright);box-shadow:0 6px 24px rgba(0,0,0,.7),inset 0 2px 8px rgba(255,255,255,.15),inset 0 -2px 8px rgba(0,0,0,.4);background:#000;z-index:10;pointer-events:none;animation:vp-loupe-in .12s ease-out}.vp-loupe canvas{display:block;width:100%;height:100%}@keyframes vp-loupe-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.vp-ball-overlay{position:absolute;inset:0;touch-action:none;z-index:3;pointer-events:none}.vp-ball-handle{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;background:transparent;border:0;display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}.vp-ball-handle:active{cursor:grabbing}.vp-ball-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,.85);box-shadow:inset 0 -4px 8px rgba(0,0,0,.35),inset 0 3px 6px rgba(255,255,255,.5),0 0 0 3px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.55);transition:transform .12s,box-shadow .12s;position:relative}.vp-ball-dot::after{content:"";position:absolute;top:18%;left:24%;width:30%;height:30%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),transparent 70%);border-radius:50%;pointer-events:none}.vp-ball-handle:active .vp-ball-dot{transform:scale(1.18);box-shadow:inset 0 -4px 8px rgba(0,0,0,.35),inset 0 3px 6px rgba(255,255,255,.5),0 0 0 4px rgba(212,168,90,.7),0 6px 18px rgba(0,0,0,.65)}.vp-ball-label{position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);font-size:10px;font-weight:800;color:#1a1208;background:var(--gold-bright);padding:1px 6px;border-radius:4px;letter-spacing:.04em;pointer-events:none;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.45)}.vp-ball-white .vp-ball-dot{border-color:rgba(0,0,0,.75)}.vp-tips{display:flex;flex-direction:column;gap:6px;padding:10px;background:rgba(212,168,90,.05);border-top:1px solid rgba(212,168,90,.18);font-size:12px;line-height:1.4;color:var(--text-dim)}.vp-tip-row{display:flex;align-items:flex-start;gap:10px}.vp-tip-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--gold-bright);color:#1a1208;font-size:11px;font-weight:800;display:grid;place-items:center;margin-top:1px}.vp-tip-row strong{color:var(--text);font-weight:600}.vp-info{background:rgba(76,175,131,.1);border:1px solid rgba(76,175,131,.3);color:var(--good);padding:8px 10px;border-radius:6px;font-size:11px}@media (max-width:1100px){.vp-ball-handle{width:52px;height:52px}.vp-ball-dot{width:26px;height:26px}.vp-corner-handle{width:44px;height:44px}.vp-corner-dot{width:16px;height:16px}.vp-tips{font-size:13px;padding:12px}}.vp-overlay-dot{position:absolute;width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(0,0,0,.7);box-shadow:0 0 0 2px rgba(255,255,255,.3),0 2px 6px rgba(0,0,0,.5);transform:translate(-50%,-50%);margin-left:0;margin-top:0}.vp-error{background:rgba(216,83,79,.08);border:1px solid rgba(216,83,79,.3);color:#f0a8a4;padding:8px 10px;border-radius:6px;font-size:11px}.vp-result{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.vp-result-row{display:flex;align-items:center;gap:8px;font-size:11px}.vp-result-row span{font-weight:600;min-width:50px}.vp-result-row code{margin-left:auto;font-family:var(--font-mono,monospace);font-size:10px;color:var(--text-dim);background:var(--bg-1);padding:2px 6px;border-radius:4px}.vp-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 -2px 3px rgba(0,0,0,.25)}.vp-result-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--text-faint);padding-top:4px;border-top:1px solid var(--line)}.vp-conf{padding:2px 6px;border-radius:4px;font-weight:600;font-family:var(--font-mono,monospace)}.vp-conf.high{background:rgba(76,175,131,.15);color:var(--good)}.vp-conf.mid{background:rgba(226,162,58,.15);color:var(--warn)}.vp-conf.low{background:rgba(216,83,79,.15);color:var(--bad)}.vp-notes{flex:1;font-style:italic}.vp-result-actions{display:flex;gap:6px;margin-top:4px}.vp-result-actions .btn{flex:1}:root{--gold-glow:0 0 24px rgba(240,198,116,.25);--inner-hi:inset 0 1px 0 rgba(255,255,255,.05);--t-spring:380ms cubic-bezier(.34,1.4,.64,1);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}.topbar{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:linear-gradient(180deg,rgba(17,22,27,.96),rgba(17,22,27,.92));border-bottom:1px solid var(--line);position:relative}.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,90,.35),transparent);pointer-events:none}[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.86))}.brand .mark{width:32px;height:32px;box-shadow:inset 0 -4px 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(255,255,255,.3),0 0 24px rgba(212,168,90,.45),0 4px 14px rgba(0,0,0,.5)}.tab-group{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:11px;padding:3px;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}[data-theme="light"] .tab-group{background:rgba(0,0,0,.04);box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.tab-group button{position:relative;font-weight:600;font-size:12.5px;letter-spacing:.015em;transition:color .18s cubic-bezier(.2,.6,.2,1),background .25s ease}.tab-group button:hover:not(.active){color:var(--text);background:rgba(255,255,255,.02)}.tab-group button.active{background:linear-gradient(180deg,var(--bg-3),var(--bg-2));color:var(--gold-bright);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 2px 6px rgba(0,0,0,.35)}.tab-group button.active::before{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:.7}.mode-toggle{box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.mode-btn.active{background:linear-gradient(180deg,var(--bg-3),var(--bg-2));color:var(--gold-bright)}.section-title{font-size:10.5px;position:relative;padding-left:12px}.section-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));opacity:.85}.section-title .badge{background:linear-gradient(135deg,rgba(240,198,116,.18),rgba(212,168,90,.08));border:1px solid rgba(212,168,90,.18)}button.btn{letter-spacing:.005em;position:relative;background:linear-gradient(180deg,var(--bg-2),rgba(0,0,0,.1) 100%),var(--bg-2)}[data-theme="light"] button.btn{background:var(--bg-2)}button.btn:hover{background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border-color:var(--line-2);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.25)}button.btn.primary{background:linear-gradient(180deg,#f7d289,var(--gold-bright) 50%,var(--gold) 100%);color:#1a1208;border:1px solid var(--gold);box-shadow:var(--inner-hi),0 1px 0 rgba(255,255,255,.45) inset,0 8px 24px rgba(212,168,90,.32),0 2px 4px rgba(0,0,0,.35)}button.btn.primary:hover{filter:brightness(1.08);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 12px 32px rgba(212,168,90,.42),0 2px 6px rgba(0,0,0,.4);transform:translateY(-1px)}button.btn.primary:active{transform:translateY(0);filter:brightness(.98)}.solution-card{background:linear-gradient(180deg,var(--bg-2),rgba(0,0,0,.08) 100%),var(--bg-2);transition:transform .18s cubic-bezier(.2,.6,.2,1),border-color .18s,box-shadow .25s,background .2s}.solution-card:hover{transform:translateY(-2px);border-color:rgba(212,168,90,.35);box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 1px rgba(212,168,90,.08) inset}.solution-card.active{border-color:var(--gold);background:linear-gradient(180deg,rgba(240,198,116,.12),rgba(212,168,90,.04));box-shadow:0 0 0 1px var(--gold-dim) inset,0 0 32px rgba(212,168,90,.2),0 8px 28px rgba(0,0,0,.4)}.solution-card.active::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent)}.solution-card .name{font-family:var(--font-display);letter-spacing:.005em}.solution-card .pct{width:4px}.hud .chip{border-radius:999px;padding:7px 13px;font-size:11.5px;background:rgba(11,15,20,.72);box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)}[data-theme="light"] .hud .chip{background:rgba(255,255,255,.9)}.minimap{border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow-1),0 0 0 1px rgba(212,168,90,.06) inset,0 0 32px rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(17,22,27,.85)}[data-theme="light"] .minimap{background:rgba(255,255,255,.92)}.playback{transition:transform .25s,box-shadow .25s}.playback:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 16px 48px rgba(0,0,0,.5)}.stat{background:linear-gradient(180deg,var(--bg-2),rgba(0,0,0,.05));position:relative;overflow:hidden}.stat::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,90,.18),transparent)}.stat .num{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(180deg,#f7d289,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.toast{padding:12px 22px;border-radius:999px;font-weight:600;background:rgba(17,22,27,.92);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 16px 48px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}[data-theme="light"] .toast{background:rgba(255,255,255,.95)}.tip-card{background:linear-gradient(135deg,rgba(212,168,90,.1),rgba(212,168,90,.02));border:1px solid rgba(212,168,90,.22);position:relative;overflow:hidden}.tip-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gold-bright),transparent)}.lib-card{transition:transform .2s cubic-bezier(.2,.6,.2,1),border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.lib-card:hover{transform:translateY(-2px);border-color:rgba(212,168,90,.35);box-shadow:0 8px 24px rgba(0,0,0,.35)}.lib-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.15));opacity:0;transition:opacity .2s}.lib-card:hover::after{opacity:1}.english-pad{box-shadow:inset 0 -12px 28px rgba(0,0,0,.22),inset 0 4px 12px rgba(255,255,255,.55),0 8px 28px rgba(0,0,0,.45),0 0 0 1px rgba(212,168,90,.12)}.panel-left,.panel-right{scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent}.panel-left::-webkit-scrollbar,.panel-right::-webkit-scrollbar{width:6px}.topbar-user{background:linear-gradient(180deg,var(--bg-2),rgba(0,0,0,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.topbar-user-avatar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 4px rgba(0,0,0,.25),0 0 0 1.5px var(--bg-2),0 0 0 2px rgba(212,168,90,.35)}@media (max-width:1100px){.app{grid-template-rows:44px 1fr}.topbar{padding:4px 8px;padding-top:max(4px,env(safe-area-inset-top,0px));gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-height:44px;align-items:center;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-y:none}@media all and (display-mode:standalone){.topbar{padding-top:calc(env(safe-area-inset-top,0px) + 6px);min-height:calc(44px + env(safe-area-inset-top,0px))}.app{grid-template-rows:calc(44px + env(safe-area-inset-top,0px)) 1fr}}.topbar::-webkit-scrollbar{display:none}.topbar>*{flex-shrink:0;scroll-snap-align:start}.topbar .grow{flex:0 0 1px;min-width:1px;height:1px}.topbar .sep{display:none}.topbar .icon-btn{width:30px;height:30px;min-width:30px;padding:0}.topbar .guide-trigger{padding:4px 8px;font-size:12px;min-height:30px}.brand{font-size:13px}.brand .mark{width:24px;height:24px}.tab-group{display:none !important}.topbar-user-info{display:none}.topbar-user{padding:4px;height:32px;gap:0}.topbar-user>.icon-btn:not(:last-child){display:none}.icon-btn{width:32px;height:32px}.main{grid-template-columns:1fr !important;grid-template-rows:1fr auto !important;position:relative}.stage{grid-column:1;grid-row:1}.panel-left,.panel-right{position:fixed;left:0;right:0;bottom:0;top:auto;height:75dvh;max-height:62dvh;border:0;border-top:1px solid var(--line);border-radius:22px 22px 0 0;z-index:60;background:var(--bg-1);box-shadow:0 -20px 50px rgba(0,0,0,.6),0 -1px 0 rgba(212,168,90,.15);transform:translateY(100%);transition:transform var(--t-spring);padding-bottom:var(--safe-bottom);overscroll-behavior:contain}.panel-left.open,.panel-right.open{transform:translateY(0)}.panel-left.shoot-single{height:56dvh;max-height:56dvh}.panel-left::before,.panel-right::before{content:"";position:sticky;top:0;display:block;height:22px;background:var(--bg-1);border-radius:22px 22px 0 0;z-index:5}.panel-left::after,.panel-right::after{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:999px;background:var(--line-2);z-index:6;pointer-events:none}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:rgba(17,22,27,.95);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-top:1px solid var(--line);z-index:50;padding-bottom:var(--safe-bottom);box-shadow:0 -8px 24px rgba(0,0,0,.4)}[data-theme="light"] .mobile-tabbar{background:rgba(255,255,255,.95)}.mobile-tabbar::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,90,.3),transparent)}.mobile-tabbar button{flex:1;background:transparent;border:0;padding:10px 4px;color:var(--text-faint);font-size:10.5px;font-weight:600;letter-spacing:.04em;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;transition:color .15s;min-height:56px;-webkit-tap-highlight-color:transparent}.mobile-tabbar button .ic{width:22px;height:22px;display:grid;place-items:center;border-radius:8px}.mobile-tabbar button.active{color:var(--gold-bright)}.mobile-tabbar button.active .ic{background:rgba(212,168,90,.15);box-shadow:0 0 16px rgba(212,168,90,.3)}.mobile-tabbar button.active::before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);border-radius:2px}.stage{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.canvas-host{border-radius:0}.minimap{width:110px;height:60px;top:8px;right:max(8px,env(safe-area-inset-right,0px));z-index:6;transition:transform .18s ease,opacity .18s ease}.canvas-host:has(.mobile-aim-bar:not(.collapsed)) .minimap{width:92px;height:50px;right:auto;left:max(8px,env(safe-area-inset-left,0px));top:44px;opacity:.85}.canvas-host:has(.mobile-aim-bar:not(.collapsed)) .playback{display:none}.canvas-host:has(.mobile-aim-bar:not(.collapsed)) .zoom-controls{transform:none;padding:4px 6px;gap:4px}.canvas-host:has(.mobile-aim-bar:not(.collapsed)) .zoom-slider-wrap{height:100px}.canvas-host:has(.mobile-aim-bar:not(.collapsed)) .zoom-controls .zoom-btn{width:30px;height:30px}.canvas-host:has(.mobile-aim-bar:not(.collapsed)) .zoom-controls .zoom-pct{display:none}.hud{top:8px;left:8px;right:110px;flex-direction:row;flex-wrap:nowrap;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;pointer-events:auto}.hud::-webkit-scrollbar{display:none}.hud .chip{padding:4px 8px;font-size:10px;flex-shrink:0;white-space:nowrap}.hud .chip.path-legend{display:none}.hud .chip.fps{display:none}.hud .chip:nth-child(2){display:none}.playback{left:8px;top:40px;bottom:auto;transform:none;padding:4px 6px;gap:3px;max-width:calc(100vw - 16px - 138px)}.playback:hover{transform:translateY(-2px)}.playback .scrub{width:60px}.playback .speed-pills{gap:1px}.playback .speed-pills button{padding:2px 5px;font-size:10px}.playback .icon-btn{width:26px !important;height:26px !important}.stage-fab{position:fixed;right:14px;bottom:calc(76px + var(--safe-bottom));width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,#f7d289,var(--gold-bright) 50%,var(--gold));color:#1a1208;border:1px solid var(--gold);box-shadow:0 12px 32px rgba(212,168,90,.4),0 4px 12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);display:grid;place-items:center;cursor:pointer;z-index:45;font-size:22px;transition:transform .18s cubic-bezier(.2,.6,.2,1)}.stage-fab:active{transform:scale(.92)}button.btn{min-height:40px;padding:10px 14px}button.btn.sm{min-height:32px;padding:7px 10px}button.btn.lg{min-height:48px}.lib-grid{grid-template-columns:1fr 1fr;gap:8px}.section{padding:14px}.english-pad{max-width:220px}input[type="range"]{height:6px}input[type="range"]::-webkit-slider-thumb{width:22px;height:22px}input[type="range"]::-moz-range-thumb{width:22px;height:22px}.solution-card{padding:12px 14px;margin-bottom:10px}.solution-card .meta{font-size:11px}.solution-card .meta span:last-child{font-size:12px}.mode-btn{padding:6px 9px;font-size:11px}.mobile-aim-bar{position:fixed;left:0;right:0;bottom:calc(64px + var(--safe-bottom));z-index:48;background:linear-gradient(180deg,rgba(17,22,27,.94),rgba(17,22,27,.98));backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-top:1px solid rgba(212,168,90,.22);box-shadow:0 -10px 28px rgba(0,0,0,.45);padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;-webkit-tap-highlight-color:transparent}.mobile-aim-bar .aim-mini-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:6px;align-items:stretch;width:100%}.mobile-aim-bar .aim-mini-cell{display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(212,168,90,0.06);border:1px solid rgba(212,168,90,0.18);border-radius:9px;padding:5px 3px 3px;min-height:90px;min-width:0;position:relative}.mobile-aim-bar .aim-mag-readout{z-index:50}.mobile-aim-bar .angle-wheel svg,.mobile-aim-bar .mini-english-pad{width:100%;height:auto;max-width:64px;max-height:64px}.mobile-aim-bar .power-dial svg{width:100%;height:100%}.mobile-aim-bar .aim-power-row{display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.mobile-aim-bar .aim-power-val{margin-top:0;font-size:13px;min-width:30px;text-align:left}.mobile-aim-bar .aim-angle-fine-row{display:flex;align-items:center;gap:4px;width:100%;justify-content:center;margin-top:2px}.mobile-aim-bar .aim-angle-fine-btn{width:22px;height:22px;border-radius:5px;border:1px solid rgba(212,168,90,0.35);background:rgba(212,168,90,0.08);color:var(--gold-bright);font-size:15px;font-weight:700;line-height:1;padding:0;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .12s,transform .1s}.mobile-aim-bar .aim-angle-fine-btn:active{background:rgba(212,168,90,0.22);transform:scale(.92)}.mobile-aim-bar .aim-angle-fine-row .aim-mini-val{margin:0;min-width:38px;text-align:center}@media (max-width:360px){.mobile-aim-bar{padding:8px 8px 10px}.mobile-aim-bar .aim-mini-grid{gap:4px}.mobile-aim-bar .aim-mini-cell{padding:4px 2px 2px;min-height:84px}.mobile-aim-bar .angle-wheel svg,.mobile-aim-bar .mini-english-pad,.mobile-aim-bar .power-dial svg{max-width:56px;max-height:56px}.mobile-aim-bar .aim-mini-cap{font-size:8.5px}.mobile-aim-bar .aim-mini-val{font-size:11px}}.mobile-aim-bar .aim-mini-cap{font-family:var(--font-num);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-faint);line-height:1}.mobile-aim-bar .aim-mini-val{font-family:var(--font-num);font-size:12px;font-weight:700;color:var(--gold-bright);margin-top:1px;line-height:1}.mobile-aim-bar .aim-mini-detail{background:transparent;border:0;color:var(--gold-bright);font-family:var(--font-num);font-size:11px;font-weight:600;padding:2px 6px;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-top:1px}.mobile-aim-bar .aim-mini-fire{display:flex;flex-direction:column;gap:6px;padding:4px 0}.mobile-aim-bar .aim-mini-fire .aim-btn.fire.xl{flex:1;min-height:56px;background:linear-gradient(180deg,#f7d289,var(--gold-bright) 50%,var(--gold));color:#1a1208;border:0;border-radius:10px;font-weight:800;font-size:14px;letter-spacing:0.02em;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 14px rgba(212,168,90,.4);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-aim-bar .aim-mini-fire .aim-btn.fire.xl:active{transform:scale(0.97);box-shadow:0 2px 8px rgba(212,168,90,.5)}.mobile-aim-bar .aim-mini-fire{min-width:0;overflow:hidden}.mobile-aim-bar .aim-mini-fire-row{display:flex;gap:3px;justify-content:stretch;width:100%;min-width:0}.mobile-aim-bar .aim-btn.ghost.sm{flex:1 1 0;min-width:0;min-height:32px;padding:4px 2px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-aim-bar .aim-btn.ghost.sm:disabled{opacity:0.35}.mobile-aim-bar .aim-cue-mini{font-size:11px;font-weight:700;color:var(--gold-bright)}.mobile-aim-bar .angle-wheel{gap:0}.mobile-aim-bar .angle-wheel svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.power-dial{flex-shrink:0;cursor:pointer;touch-action:none}.power-dial svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}[data-theme="light"] .mobile-aim-bar{background:linear-gradient(180deg,rgba(245,236,210,.92),rgba(232,220,190,.98));border-top-color:rgba(110,78,20,.4);color:#1a1408}[data-theme="light"] .mobile-aim-bar .aim-mini-cell{background:rgba(110,78,20,0.06);border-color:rgba(110,78,20,0.28)}[data-theme="light"] .mobile-aim-bar .aim-mini-cap{color:#4a3308}[data-theme="light"] .mobile-aim-bar .aim-mini-val{color:#2a1d05}[data-theme="light"] .mobile-aim-bar .aim-mini-detail{color:#4a3308}[data-theme="light"] .mobile-aim-bar .aim-btn.fire.xl{background:linear-gradient(180deg,#c69a4a,#8a6a2e 70%,#5a4014);color:#f5ecd2;box-shadow:0 4px 14px rgba(110,78,20,.3)}[data-theme="light"] .mobile-aim-bar .aim-btn.ghost.sm{background:rgba(255,255,255,0.6);border-color:rgba(110,78,20,0.25);color:#1a1408}[data-theme="light"] .mobile-aim-bar .aim-cue-mini{color:#4a3308}.mobile-aim-bar .aim-row{display:flex;align-items:center;gap:6px}.mobile-aim-bar .readouts{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:4px 2px;transition:border-color .15s,transform .12s}.mobile-aim-bar .readout{flex:1;display:flex;flex-direction:column;align-items:center;padding:4px 6px;background:transparent;border:0;border-right:1px solid var(--line);min-width:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;transition:background .12s,transform .1s}.mobile-aim-bar .readout:last-child{border-right:0}.mobile-aim-bar .readout-group{flex:1;display:flex;align-items:stretch;border-right:1px solid var(--line);min-width:0}.mobile-aim-bar .readout-group:last-child{border-right:0}.mobile-aim-bar .readout-group .readout{flex:1;border-right:0}.mobile-aim-bar .readout-step{background:rgba(212,168,90,.08);border:0;color:var(--gold-bright);font-size:18px;font-weight:700;font-family:var(--font-num);width:28px;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s;border-radius:4px;display:flex;align-items:center;justify-content:center}.mobile-aim-bar .readout-step:active{background:rgba(212,168,90,.25);transform:scale(.92)}.mobile-aim-bar .readout:active{background:rgba(212,168,90,.1);transform:scale(.96)}.mobile-aim-bar .readout .lbl{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.mobile-aim-bar .readout .val{font-size:13px;font-weight:700;font-family:var(--font-num);color:var(--gold-bright);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-aim-bar .readout.side-top{cursor:pointer}.mobile-aim-bar .readout.side-top:active{background:rgba(212,168,90,.08)}.mobile-aim-bar .controls{align-items:stretch}.mobile-aim-bar .aim-btn{border:1px solid var(--line);background:var(--bg-2);color:var(--text);border-radius:10px;min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,background .15s,border-color .15s}.mobile-aim-bar .aim-btn:active{transform:scale(.94)}.mobile-aim-bar .aim-btn:disabled{opacity:.35;cursor:default}.mobile-aim-bar .aim-btn.ghost{color:var(--text-dim)}.mobile-aim-bar .aim-btn.fire{background:linear-gradient(180deg,#f7d289,var(--gold-bright) 50%,var(--gold));color:#1a1208;border-color:var(--gold);font-weight:800;letter-spacing:.12em;padding:0 16px;font-size:14px;min-height:48px;min-width:90px;gap:6px;grid-template-columns:auto 1fr;box-shadow:0 4px 14px rgba(212,168,90,.4),inset 0 1px 0 rgba(255,255,255,.45)}.mobile-aim-bar .aim-power{flex:1;height:32px;accent-color:var(--gold-bright)}.mobile-aim-bar .aim-bar-grabber{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:80px;height:22px;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;display:grid;place-items:center}.mobile-aim-bar .aim-bar-grabber::before{content:"";display:block;width:44px;height:4px;border-radius:999px;background:var(--line-2);transition:background .15s,width .15s}.mobile-aim-bar .aim-bar-grabber:active::before{background:var(--gold-dim);width:56px}.mobile-aim-bar.collapsed{padding:6px 10px 8px;gap:0}.mobile-aim-bar .aim-bar-mini{display:flex;align-items:center;gap:8px;padding-top:4px}.mobile-aim-bar .aim-bar-mini-label{flex:1;font-size:12px;font-weight:600;color:var(--text-dim);letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-aim-bar .aim-bar-mini .aim-btn{min-width:38px;min-height:36px}.mobile-aim-bar .aim-btn.fire.mini{padding:0 10px;min-width:38px;grid-template-columns:auto}.english-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:80;display:grid;place-items:center;padding:24px;-webkit-tap-highlight-color:transparent}.english-modal-card{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;padding:16px;max-width:340px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:12px}.english-modal-head{display:flex;align-items:center;justify-content:space-between;font-size:13px}.english-modal-card .english-pad{margin:0 auto;max-width:240px}.english-modal-presets{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}}@media (min-width:1101px){.mobile-tabbar,.stage-fab,.mobile-backdrop{display:none !important}.panel-left::before,.panel-right::before,.panel-left::after,.panel-right::after{display:none !important}}@media (min-width:768px) and (max-width:1100px){.minimap{width:220px;height:120px;top:12px;right:12px}.panel-left,.panel-right{max-height:80dvh}}@media (max-width:1100px) and (orientation:portrait){.canvas-host{min-height:56dvh}}@media (max-width:380px){.topbar{padding:0 8px;gap:6px}.brand{font-size:12px}.brand small{display:none !important}.mode-btn{padding:5px 7px;font-size:10.5px}.mode-btn .mode-dot{width:5px;height:5px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}.vp-preview-stage img{aspect-ratio:4 / 3;max-width:100%;height:auto}.feedback-thumb img,.file-pre img{aspect-ratio:16 / 9;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--gold-bright,#f0c674);outline-offset:2px;border-radius:3px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),[role="button"]:focus:not(:focus-visible){outline:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.sr-only-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important}.skip-link{position:fixed;top:8px;left:8px;z-index:999;padding:8px 14px;background:var(--gold-bright,#f0c674);color:#1a1c1f;text-decoration:none;font-weight:600;border-radius:6px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.4)}@media (prefers-contrast:more){:focus-visible{outline-width:3px;outline-offset:3px}}.search-link,.cookie-prefs-link{background:transparent;border:1px solid var(--line,#2a2c30);color:var(--text-dim,#aaa);font:inherit;font-size:12px;padding:2px 8px;border-radius:5px;cursor:pointer;transition:color .12s,border-color .12s}.search-link:hover,.cookie-prefs-link:hover{color:var(--gold-bright,#d4a85a);border-color:var(--gold-dim,#8a6a2a)}.search-link kbd{background:var(--bg-2,#222);border:1px solid var(--line,#2a2c30);border-radius:3px;padding:0 5px;margin-left:4px;font-family:var(--font-num,monospace);font-size:10px}.site-search-overlay{position:fixed;inset:0;z-index:300;display:none}.site-search-overlay.is-open{display:block}.site-search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}.site-search-panel{position:relative;max-width:680px;margin:8vh auto 0;background:var(--bg-1,#1a1c1f);color:var(--text,#f0f0f0);border:1px solid var(--gold-dim,#8a6a2a);border-radius:12px;box-shadow:0 24px 64px rgba(0,0,0,.6);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.site-search-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line,#2a2c30)}.site-search-icon{color:var(--gold-bright,#d4a85a);flex-shrink:0}.site-search-input{flex:1;min-width:0;background:transparent;border:none;color:inherit;font-size:16px;font-family:inherit;outline:none;padding:4px 0}.site-search-input::placeholder{color:var(--text-faint,#888)}.site-search-close{background:var(--bg-2,#1a1a1a);color:var(--text-dim,#ccc);border:1px solid var(--line,#2a2c30);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;font-family:inherit}.site-search-close:hover{color:var(--gold-bright,#d4a85a);border-color:var(--gold-dim,#8a6a2a)}.site-search-meta{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;font-size:11px;color:var(--text-faint,#888);border-bottom:1px solid var(--line,#2a2c30)}.site-search-hint kbd{display:inline-block;background:var(--bg-2,#222);border:1px solid var(--line,#2a2c30);border-radius:3px;padding:0 4px;margin:0 2px;font-family:var(--font-num,monospace);font-size:10px}.site-search-results{overflow-y:auto;flex:1}.site-search-result{display:block;padding:12px 14px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line-dim,rgba(42,44,48,.5));transition:background .12s}.site-search-result:hover,.site-search-result:focus{background:rgba(212,168,90,.06);outline:none}.site-search-result-title{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.site-search-result-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-faint,#888)}.site-search-result-url{font-family:var(--font-num,monospace);opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.site-search-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.site-search-kind-pillar{background:rgba(212,168,90,.18);color:var(--gold-bright,#d4a85a)}.site-search-kind-cluster{background:rgba(124,180,220,.15);color:#7cb4dc}.site-search-kind-player{background:rgba(180,124,220,.15);color:#b47cdc}.site-search-kind-tournament{background:rgba(220,180,124,.15);color:#dcb47c}.site-search-kind-static,.site-search-kind-hub,.site-search-kind-app{background:rgba(180,180,180,.12);color:#aaa}.site-search-lang{background:rgba(120,200,120,.12);color:#78c878}.site-search-empty{padding:28px 16px;text-align:center;color:var(--text-faint,#888);font-size:13px}@media (max-width:600px){.site-search-panel{margin:4vh 12px 0;max-height:92vh}}.sw-update-toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:250;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;background:var(--bg-2,#1a1a1a);color:var(--text,#f0f0f0);border:1px solid var(--gold-dim,#8a6a2a);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.35);font-size:13px;font-weight:500;max-width:calc(100vw - 24px);animation:sw-toast-in .35s cubic-bezier(.2,.8,.2,1.2)}.sw-update-msg{white-space:nowrap}.sw-update-reload{white-space:nowrap}.sw-update-dismiss{background:transparent;border:none;color:var(--text-faint,#999);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:4px}.sw-update-dismiss:hover{color:var(--text,#f0f0f0);background:rgba(255,255,255,.06)}@keyframes sw-toast-in{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}@media (min-width:1101px){.sw-update-toast{left:auto;right:16px;bottom:16px;transform:none}@keyframes sw-toast-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}