.ar-shell{color:#1a2a3a;width:100%;height:100%;font-family:var(--font-sans), Inter, Arial, sans-serif;touch-action:none;background:#ede9dd;position:fixed;inset:0;overflow:hidden}.ar-stage-wrap{position:absolute;inset:0}.ar-canvas{width:100%;height:100%;display:block}.ar-topbar{top:max(56px, env(safe-area-inset-top,0px));z-index:5;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:60%;display:flex;position:absolute;right:16px}.ar-chip-btn{cursor:pointer;background:#f8f7efe6;border:1px solid #1a2a3a47;min-width:40px;min-height:36px;padding:0 8px;font-size:15px;line-height:1}.ar-lang{background:#f8f7efe6;border:1px solid #1a2a3a47;display:flex;overflow:hidden}.ar-lang-btn{letter-spacing:.03em;color:#6f776f;cursor:pointer;background:0 0;border:0;min-height:36px;padding:0 10px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:12px}.ar-lang-btn.is-active{color:#f8f7ef;background:#1658a6}.ar-cover{z-index:3;pointer-events:none;position:absolute;inset:0}.ar-title-plate{text-align:center;background:#ede9dddb;border:1px solid #1658a68c;padding:14px 10px;position:absolute;top:24%;left:14%;right:14%;box-shadow:0 0 26px #1658a647,inset 0 0 0 1px #ffffff80}.ar-title-plate h1{letter-spacing:-.03em;text-transform:uppercase;color:#1a2a3a;text-shadow:0 0 1px #fff,0 0 18px #1658a640;margin:0;font-size:clamp(30px,10vw,56px);line-height:.94}.ar-cover-bottom{left:clamp(16px,6vw,32px);right:clamp(16px,6vw,32px);bottom:max(96px, calc(env(safe-area-inset-bottom,0px) + 96px));text-align:center;gap:12px;display:grid;position:absolute}.ar-tutorial{color:#1a2a3a;background:#ede9dde0;border:1px solid #1a2a3a38;max-width:32ch;margin:0 auto;padding:8px 10px;font-size:14px;line-height:1.3}.ar-start-btn{pointer-events:auto;color:#f8f7ef;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#1a2a3a;border:1px solid #1a2a3a;justify-self:center;min-width:180px;min-height:48px;font-size:14px;font-weight:800}.ar-start-btn:active{transform:translateY(1px)}.ar-play{z-index:3;padding:max(56px, env(safe-area-inset-top,0px)) clamp(14px, 4vw, 24px) 0;pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.ar-hud{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:8px;max-width:62%;display:flex}.ar-chip{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#6f776f;background:#f8f7efdb;border:1px solid #1a2a3a4d;align-items:center;min-height:32px;padding:6px 8px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:10.5px;display:flex}.ar-chip strong{color:#1658a6;margin-left:4px}.ar-control{pointer-events:auto;margin-bottom:max(88px, calc(env(safe-area-inset-bottom,0px) + 88px));background:#ede9ddf0;border:1px solid #1a2a3a59;gap:10px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff6b}.ar-readout{color:#1a2a3a;justify-content:space-between;align-items:center;gap:10px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:12px;display:flex}.ar-readout-err{color:#6f776f;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ar-readout-err.is-revealed{color:#c34a28;font-weight:700}.ar-slider{cursor:pointer;touch-action:none;align-items:center;height:44px;display:flex;position:relative}.ar-slider:before{content:"";background:#1a2a3a2e;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ar-slider-fill{pointer-events:none;background:#1658a6;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ar-slider-thumb{pointer-events:none;background:#1658a6;border:2px solid #f8f7ef;width:26px;height:26px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.ar-commit{color:#fff;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#1658a6;border:0;min-height:46px;padding:0 14px;font-size:13px;font-weight:800}.ar-commit:active{transform:translateY(1px)}.ar-result{z-index:4;padding-top:max(56px, env(safe-area-inset-top,0px));background:#ede9ddfa;grid-template-rows:1fr auto;display:grid;position:absolute;inset:0}.ar-result-scroll{min-height:0;padding:16px clamp(16px,5vw,28px) 12px;overflow-y:auto}.ar-result-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#1658a6;margin:0 0 4px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:11px}.ar-result-headline{color:#1a2a3a;margin:0 0 16px;font-size:clamp(22px,6vw,30px);font-weight:800;line-height:1.15}.ar-result-stats{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ar-stat{background:#f8f7efb3;border:1px solid #1a2a3a47;gap:2px;min-width:110px;padding:8px 12px;display:grid}.ar-stat-val{color:#1658a6;font-size:20px;font-weight:800}.ar-stat-label{text-transform:uppercase;color:#6f776f;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:10px}.ar-chart{background:#f8f7ef99;border:1px solid #1a2a3a47;margin-bottom:16px;padding:12px}.ar-chart-bars{align-items:stretch;gap:2px;height:110px;display:flex;position:relative}.ar-chart-slot{flex:1;min-width:3px;position:relative}.ar-chart-bar{min-height:2px;position:absolute;left:0;right:0}.ar-chart-bar.up{background:#1658a6}.ar-chart-bar.down{background:#c34a28}.ar-chart-zero{background:#1a2a3a66;height:1px;position:absolute;top:50%;left:0;right:0}.ar-chart-caption{color:#6f776f;margin:8px 0 0;font-size:11px;line-height:1.3}.ar-worst{background:#1658a60f;border:1px solid #1658a666;gap:4px;margin-bottom:8px;padding:10px 12px;display:grid}.ar-worst-title{text-transform:uppercase;color:#1658a6;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:10px}.ar-worst-ratio{color:#1a2a3a;font-size:16px;font-weight:800}.ar-worst-detail{color:#6f776f;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:11px}.ar-result-actions{padding:10px clamp(16px,5vw,28px);padding-bottom:max(24px, calc(env(safe-area-inset-bottom,0px) + 24px));border-top:1px solid #1a2a3a33;gap:10px;display:flex}.ar-share{flex:1.4}.ar-replay{color:#1a2a3a;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #1a2a3a;flex:1;min-height:46px;padding:0 14px;font-size:13px;font-weight:800}.ar-replay:active{transform:translateY(1px)}