#arwrap{position:fixed;inset:0;background:var(--bg);z-index:30;display:none;flex-direction:column;backdrop-filter:blur(10px)}
#arwrap.active{display:flex}
#arHost{flex:1;min-height:0;position:relative;z-index:1}
#arHost model-viewer{width:100%;height:100%;--poster-color:var(--bg);--progress-bar-color:var(--yellow);--progress-bar-height:3px}
#arClose{position:absolute;top:16px;right:16px;z-index:10;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--mut);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}
#arClose:hover{color:#fff;border-color:var(--border-active)}
#arHint{position:absolute;bottom:85px;left:0;right:0;text-align:center;color:var(--mut);font-size:13px;z-index:2;pointer-events:none;padding:0 24px;line-height:1.5}
#arHint b{color:var(--yellow);font-weight:600}
#arGo{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #FFC700, #E5A800);color:#07080a;border:none;border-radius:14px;padding:15px 32px;font-size:16px;font-family:'Space Grotesk',sans-serif;font-weight:700;box-shadow:0 8px 24px var(--yellow-glow);cursor:pointer;z-index:10;display:flex;align-items:center;gap:8px;transition:transform 0.15s}
#arGo:active{transform:translateX(-50%) scale(0.96)}
#arLoad{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--yellow);font-size:14px;background:rgba(7,8,10,0.85);backdrop-filter:blur(10px);z-index:20;font-weight:600}
#arLoad .spin{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--yellow);border-radius:50%;animation:ar-spin 0.8s linear infinite}
@keyframes ar-spin{to{transform:rotate(360deg)}}