@font-face{font-family:'Online Display';src:url('assets/fonts/anton-online.woff') format('woff');font-weight:400;font-display:swap}
body[data-page="gta-online"]{--online-bg:#0b0b0c;--online-panel:#171718;--online-text:#f5f5f2;--online-muted:#a3a3a7;--online-line:#ffffff20;--online-gold:#ffb000;--online-red:#ff3038;background:var(--online-bg);color:var(--online-text);font-family:'DM Sans',Arial,sans-serif}
body[data-page="gta-online"] .online-main{padding:40px 32px 30px;min-height:100vh}.online-shell{width:min(1180px,100%);margin:auto}.online-shell *{box-sizing:border-box}.online-shell .icon,.online-intro-dialog .icon{width:18px;height:18px;flex-shrink:0}.online-shell :is(button,a):focus-visible,.online-intro-dialog :is(button,a):focus-visible{outline:2px solid var(--online-gold);outline-offset:5px}.online-shell button{cursor:pointer}.online-back{display:inline-flex;align-items:center;gap:12px;margin-bottom:30px;text-decoration:none;color:#888;font-size:11px}.online-back .icon{width:12px;height:12px}.online-overline,.online-eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:.18em;font-weight:750;color:var(--online-gold)}
.online-browser-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.online-browser-header h1{margin:8px 0 0;font:400 clamp(42px,5vw,64px)/1 'Online Display',Impact,sans-serif;letter-spacing:-.02em}.online-browser-header h1 em{color:var(--online-red);font-style:italic}.online-browser-header .online-overline{color:#929299;font-size:9px}.online-about-button{border:0;border-bottom:1px solid #777;background:none;color:#ccc;padding:8px 0;font:650 11px/1.5 'DM Sans',sans-serif;min-height:44px}.online-browser-server{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 22px}.online-browser-server>div{display:flex;align-items:center;gap:25px}.online-browser-server strong{font-size:13px;font-weight:650}.online-address-row{display:flex;align-items:center;gap:7px}.online-address{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a7a7ae;margin:0;overflow-wrap:anywhere}.online-address-copy{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;background:none;color:#aaa}.online-address-copy.copied{color:#69d698}.online-address-copy:hover{color:var(--online-gold)}.online-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.online-guide-open{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#eee;font-size:12px;min-height:44px;font-weight:650}.online-page-nav{display:flex;gap:36px;border-bottom:1px solid var(--online-line);padding:0 0 17px}.online-page-nav a{display:flex;align-items:center;gap:10px;min-height:35px;color:#eee;font-size:13px;text-decoration:none;font-weight:650}.online-page-nav a>span{color:var(--online-gold);font:10px ui-monospace,monospace}.online-page-nav .icon{width:14px;height:14px}.online-page-nav a:hover,.online-guide-open:hover{color:var(--online-gold)}
.online-section{padding:42px 0;scroll-margin-top:100px}.online-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}.online-section-head .online-overline{font-size:9px;margin-bottom:13px}.online-section-head h2{font:400 clamp(34px,4vw,48px)/1.08 'Online Display',Impact,sans-serif;letter-spacing:-.015em;margin:0;text-transform:uppercase}.online-title-dot{color:var(--online-gold)}.online-section-head p{font-size:13px;line-height:1.7;color:#a7a7af;max-width:560px;margin:14px 0 0}.online-auto-refresh{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#888;white-space:nowrap}.online-auto-refresh .icon{width:12px;height:12px}.online-how-works-link{display:inline-flex;align-items:center;gap:8px;color:#bbb;text-decoration:none;font-size:11px!important;margin-top:12px!important}.online-public-context{display:none}.online-session-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 18px}.online-version-required{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0;font-size:11px}.online-version-required>span,.online-version-required small{display:none}.online-version-required strong{font-size:11px;font-weight:500;color:#aaa}.online-version-required strong::after{content:' required'}.online-update-download-link{margin:0!important;font-size:10px!important;color:var(--online-gold)!important;font-weight:650!important;text-decoration:none}.online-voice-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#eee;font-size:11px;min-height:44px}.online-voice-link small{display:none}.online-voice-link>.icon{height:15px;width:15px}.online-voice-link>.icon:last-child{width:12px;height:12px}.online-voice-link:hover{color:var(--online-gold)}
.online-status-grid{display:flex;gap:34px;align-items:center;padding:14px 0 24px}.online-status-grid>div{display:flex;align-items:baseline;gap:9px}.online-status-label{font-size:9px;color:#85858f;text-transform:uppercase;letter-spacing:.06em}.online-status-value{font:650 13px/1.4 'DM Sans',sans-serif;color:#eee}.online-server-state{margin-right:auto}.online-server-state .online-status-label{display:none}.online-live{display:flex;align-items:center;gap:8px}.online-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#888}.online-live[data-state="online"]::before{background:#69d698}.online-live[data-state="offline"]::before{background:#ff646a}.online-status-note{display:none}.online-session-columns,.online-session{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(80px,.7fr) minmax(150px,1fr) 120px;column-gap:24px;align-items:center}.online-session-columns{padding:15px 0;border-block:1px solid var(--online-line);font-size:8px;letter-spacing:.14em;color:#7f7f89}.online-session-columns>span:last-child{text-align:right}.online-session{padding:24px 0;border-bottom:1px solid var(--online-line)}.online-session h3{font-size:19px;font-weight:700;letter-spacing:-.025em;margin:0}.online-session small{display:block;margin-top:7px;font-size:10px;color:#8b8b95;line-height:1.6}.online-session-players{margin:0;font-size:12px;color:#aaa}.online-session-code{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#eee}.online-copy{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;background:var(--online-gold);color:#141414;padding:12px 17px;font:700 11px/1.4 'DM Sans',sans-serif;border-radius:2px;cursor:pointer}.online-copy.copied{background:#69d698}.online-session-join{justify-self:end;min-width:105px}.online-copy:hover{filter:brightness(1.1)}.online-host-action{font-size:10px;line-height:1.5;color:#999}.online-empty{padding:45px 0 42px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-bottom:1px solid var(--online-line)}.online-empty strong{font-size:26px;line-height:1.25;letter-spacing:-.03em;font-weight:650}.online-empty span{font-size:13px;color:#90909b;line-height:1.7;max-width:420px}.online-empty-guide{display:inline-flex;min-height:40px;align-items:center;color:var(--online-gold);text-decoration:none;font-size:12px;font-weight:650}
.online-how-to{border-top:1px solid var(--online-line);padding-top:42px;margin-top:6px}.online-guide-hint{color:#85858e;font-size:10px;white-space:nowrap}.online-guide-chapters{display:flex;gap:28px;border-bottom:1px solid var(--online-line);margin-bottom:26px}.online-guide-chapters button{display:flex;align-items:center;gap:9px;padding:0 0 14px;min-height:44px;color:#888;border:0;border-bottom:2px solid transparent;background:none;font:650 13px/1.5 'DM Sans',sans-serif}.online-guide-chapters button[aria-pressed="true"]{color:var(--online-gold);border-bottom-color:var(--online-gold)}.online-guide-chapters button>span{font-size:9px;font-weight:400;color:#777}.online-guide-carousel{touch-action:pan-y pinch-zoom}.online-guide-slide[hidden]{display:none}.online-slide-stage{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:38px}.online-slide-art{min-width:0;margin:0}.online-tutorial-photo{display:block;border:0;background:#101011;color:#999;padding:0;width:100%;cursor:zoom-in;text-align:inherit}.online-tutorial-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.online-photo-hint{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:9px;padding:9px 0;background:var(--online-bg)}.online-photo-hint .icon{height:12px;width:12px}.online-slide-copy{padding-top:8px;min-width:0}.online-slide-copy>.online-overline{font-size:8px;color:#8b8b95;margin-bottom:16px}.online-slide-copy h3{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.035em;margin:0 0 19px}.online-slide-copy p{font-size:13px;line-height:1.85;color:#aaaab4;margin:0 0 16px}.online-slide-copy b{color:#eee;font-weight:650}.online-slide-copy p.online-slide-tip{font-size:11px;color:#7f7f8b;line-height:1.8}.online-tutorial-address{display:block;font:12px/1.6 ui-monospace,monospace;color:var(--online-gold);overflow-wrap:anywhere;margin:0 0 12px}.online-slide-copy>.online-copy{margin-bottom:16px}.online-slide-details{border-top:1px solid var(--online-line);padding-top:16px;margin-top:23px}.online-slide-details summary{font-size:11px;color:#bdbdc5;cursor:pointer;line-height:1.7}.online-slide-details[open] summary{margin-bottom:14px}.online-slide-details p{font-size:12px}.online-mode-shortcuts{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.online-mode-shortcuts button{display:flex;gap:9px;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--online-gold);font:650 11px/1.5 'DM Sans',sans-serif}.online-mode-shortcuts .icon{height:13px;width:13px}.online-guide-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 0 8px}.online-guide-controls button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;border:0;background:none;color:#ddd;font:650 12px/1.5 'DM Sans',sans-serif;width:max-content}.online-guide-controls button:disabled{opacity:.25;cursor:default}.online-guide-controls .online-guide-next-button{justify-self:end;color:var(--online-gold)}.online-guide-prev .icon{transform:rotate(180deg)}.online-guide-count{font:10px/1.5 ui-monospace,monospace;color:#555}.online-guide-count [data-guide-counter]{color:#ddd}.online-guide-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.online-guide-progress button{display:flex;align-items:center;gap:8px;border:0;padding:10px 0;background:none;color:#555}.online-guide-progress button span{font:8px/1 ui-monospace,monospace}.online-guide-progress button i{height:2px;flex:1;background:#ffffff15}.online-guide-progress button[aria-current="step"]{color:var(--online-gold)}.online-guide-progress button[aria-current="step"] i{background:var(--online-gold)}.online-tutorial-footnote{font-size:9px;line-height:1.7;color:#666;margin-top:15px}.online-notice{display:flex;align-items:flex-start;gap:14px;border-top:1px solid var(--online-line);padding:25px 0;color:#777;font-size:11px;line-height:1.8}.online-notice>.icon{height:15px;width:15px;margin-top:3px}.online-notice strong{color:#aaa;font-weight:500}.online-notice p{max-width:750px;margin:5px 0 8px}.online-footer-link{display:inline-flex;align-items:center;gap:7px;color:#aaa;font-size:10px;text-decoration:none}.online-footer-link .icon{width:12px;height:12px}.online-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--online-line);padding-top:22px;color:#666;font-size:9px;gap:20px}.online-footer>a{display:flex;align-items:center;gap:8px;color:#999;text-decoration:none}.online-footer .icon{height:12px;width:12px}
.online-image-dialog{width:min(1440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);border:1px solid #ffffff25;border-radius:4px;padding:20px;background:#121213;color:#eee;overflow:auto}.online-image-dialog::backdrop{background:#000d}.online-image-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.online-image-heading h2{font-size:15px;margin:0}.online-image-close{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:#ccc;cursor:pointer}.online-image-close .icon{height:20px;width:20px}.online-image-canvas{max-height:70dvh;overflow:auto;overscroll-behavior:contain}.online-image-canvas img{display:block;width:100%;min-width:720px;height:auto;max-width:none}.online-image-dialog>p{font-size:10px;line-height:1.7;color:#888;margin:14px 0 0}.online-image-dialog :focus-visible{outline:2px solid var(--online-gold);outline-offset:4px}
/* Retain the separate intro dialog, without adding panels to the browser. */
.online-intro-dialog .online-title-row{display:flex;align-items:center}.online-intro-dialog .online-platforms{display:flex;gap:7px}.online-intro-dialog .online-platforms span{font-size:9px;border:1px solid #ffffff25;border-radius:99px;padding:7px 11px;color:#aaa}.online-intro-dialog .online-hero-actions{display:flex;flex-wrap:wrap}.online-intro-dialog .online-hero-link{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#eee;font-size:12px;font-weight:650}.online-intro-dialog .online-hero-link:first-child{background:var(--online-gold);color:#111;padding:13px 17px;border-radius:3px}.online-intro-dialog .online-tutorial-link{color:var(--online-gold)}.online-intro-dialog .online-art{margin:0;border:0;overflow:hidden}.online-intro-dialog .online-server-details strong{display:block}.online-intro-dialog button{cursor:pointer}
.online-intro-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(720px,100%);max-width:100%;max-height:calc(100dvh - 28px);padding:0;border:1px solid #ffffff30;border-bottom:0;border-radius:28px 28px 0 0;background:#171718;color:#f5f5f2;overflow:auto;overscroll-behavior:contain;box-shadow:0 -14px 80px #0006;animation:online-sheet-in .46s cubic-bezier(.22,1,.36,1) both}.online-intro-dialog::backdrop{background:#000b;backdrop-filter:blur(6px);animation:online-dim-in .3s ease both}.online-intro-dialog.is-leaving{animation:online-sheet-out .3s cubic-bezier(.4,0,1,1) both}.online-intro-dialog.is-leaving::backdrop{animation:online-dim-out .3s ease both}.online-sheet-handle{width:48px;height:4px;background:#555;border-radius:4px;margin:13px auto 0}.online-intro-close{position:absolute;right:19px;top:29px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff30;border-radius:50%;background:#222;color:#bbb;cursor:pointer;z-index:1}.online-intro-close .icon{width:18px;height:18px}.online-intro-dialog .online-community{border:0;border-radius:0;background:transparent;overflow:visible}.online-intro-dialog .online-hero{display:flex;flex-direction:column;gap:0;padding:22px 0 0}.online-intro-dialog .online-hero-copy{width:100%;padding:0 30px}.online-intro-dialog .online-title-row{justify-content:flex-start;gap:20px;margin:11px 0 16px}.online-intro-dialog .online-title-row h2{display:flex;gap:10px;margin:0;font:400 46px/1 'Online Display',Impact,sans-serif;letter-spacing:-.02em;white-space:nowrap}.online-intro-dialog .online-title-row h2 em{color:var(--online-red);font-style:italic}.online-intro-dialog .online-platforms{margin-left:auto;margin-right:52px}.online-intro-dialog .online-hero p{margin:0 0 19px;max-width:520px;font-size:14px;line-height:1.6}.online-intro-dialog .online-hero-actions{margin-bottom:24px;align-items:center;gap:24px}.online-intro-dialog .online-art{width:100%;border-radius:0;border-inline:0}.online-intro-dialog .online-art img{height:210px;width:100%;object-fit:cover;object-position:center 45%}.online-intro-dialog .online-official{display:block;padding:20px 30px max(20px,env(safe-area-inset-bottom));border:0}.online-intro-dialog .online-official .online-overline{display:none}.online-intro-dialog .online-official strong{font-size:13px;margin-bottom:4px}.online-intro-dialog .online-address-row{justify-content:flex-start}.online-intro-dialog :is(button,a):focus-visible{outline:2px solid var(--online-gold);outline-offset:3px}body:has(.online-intro-dialog[open]){overflow:hidden}
@keyframes online-sheet-in{from{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes online-sheet-out{to{transform:translateY(100%);opacity:.6}}@keyframes online-dim-in{from{opacity:0}to{opacity:1}}@keyframes online-dim-out{to{opacity:0}}
@media(min-width:900px){.online-intro-dialog{inset:0;margin:auto;max-height:calc(100dvh - 60px);height:max-content;border-bottom:1px solid #ffffff30;border-radius:24px}}

body[data-page="gta-online"] :is(.ask-franklin-launcher,.ask-franklin-panel,.franklin-sheet-dock,.lazy-franklin){display:none!important}
@media(max-width:760px){body[data-page="gta-online"] .online-main{padding:25px 20px 26px}.online-back{margin-bottom:23px;font-size:10px}.online-browser-header{margin-bottom:16px}.online-browser-header h1{font-size:43px}.online-browser-header .online-overline{font-size:8px}.online-about-button{font-size:10px}.online-browser-server{align-items:flex-start;padding-bottom:16px;gap:12px}.online-browser-server>div{display:block;min-width:0}.online-browser-server strong{font-size:12px}.online-browser-server .online-address-row{gap:1px}.online-address{font-size:10px}.online-guide-open{max-width:88px;font-size:10px;line-height:1.6;gap:7px;align-self:center}.online-guide-open .icon{width:12px;height:12px}.online-page-nav{gap:26px;padding-bottom:12px}.online-page-nav a{font-size:12px;gap:7px}.online-page-nav a>span{font-size:9px}.online-page-nav .icon{display:none}.online-section{padding:32px 0;scroll-margin-top:90px}.online-section-head{display:block;margin-bottom:18px}.online-section-head h2{font-size:35px}.online-section-head .online-overline{font-size:8px;margin-bottom:11px}.online-section-head p{font-size:12px;line-height:1.7;margin-top:13px}.online-auto-refresh{margin-top:14px;font-size:9px}.online-session-tools{align-items:center;gap:14px;padding-bottom:10px}.online-version-required{gap:4px;display:flex;flex-direction:column;align-items:flex-start}.online-version-required strong{font-size:10px}.online-update-download-link{font-size:9px!important;min-height:24px}.online-voice-link{font-size:10px;gap:7px}.online-voice-link>.icon:last-child{display:none}.online-status-grid{gap:13px;padding:10px 0 19px;justify-content:space-between}.online-status-grid>div{display:block}.online-status-label{display:block;font-size:7px;letter-spacing:0;line-height:1.4;margin-bottom:5px}.online-server-state{margin-right:0;align-self:center}.online-status-value{font-size:12px}.online-live{gap:6px;font-size:11px}.online-status-grid>div:last-child{display:none}.online-session-columns{display:none}.online-session-list{border-top:1px solid var(--online-line)}.online-session{grid-template-columns:minmax(0,1fr) auto;gap:17px 12px;padding:22px 0}.online-session-host{grid-column:1;grid-row:1}.online-session h3{font-size:19px}.online-session small{font-size:9px;margin-top:5px}.online-session-players{grid-column:2;grid-row:1;text-align:right;font-size:10px}.online-session-code{grid-column:1;grid-row:2;font-size:11px;letter-spacing:.04em}.online-session-join{grid-column:2;grid-row:2;min-height:40px;min-width:90px;padding:10px 13px;font-size:10px}.online-host-action{font-size:9px;max-width:85px}.online-empty{padding:28px 0 24px;gap:11px}.online-empty strong{font-size:23px;max-width:290px}.online-empty span{font-size:12px;line-height:1.75}.online-empty-guide{font-size:11px}.online-how-to{margin-top:0;padding-top:31px}.online-how-to .online-section-head{margin-bottom:22px}.online-guide-hint{display:none}.online-guide-chapters{gap:27px;margin-bottom:22px}.online-guide-chapters button{font-size:12px;padding-bottom:12px;gap:8px}.online-guide-chapters button>span{font-size:8px}.online-slide-stage{display:block}.online-slide-copy{padding-top:22px}.online-slide-copy>.online-overline{font-size:8px;margin-bottom:12px}.online-slide-copy h3{font-size:25px;line-height:1.15;margin-bottom:16px}.online-slide-copy p{font-size:12px;line-height:1.8;margin-bottom:14px}.online-slide-copy p.online-slide-tip{font-size:10px}.online-slide-details{margin-top:18px;padding-top:14px}.online-guide-controls{padding-top:18px;gap:12px}.online-guide-controls button{font-size:11px}.online-guide-count{font-size:10px}.online-guide-progress{gap:9px}.online-tutorial-footnote{font-size:9px;margin-top:14px}.online-notice{padding:23px 0;gap:10px;font-size:10px}.online-notice p{line-height:1.8}.online-footer{font-size:8px}.online-image-dialog{padding:14px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.online-image-heading h2{font-size:13px}.online-intro-dialog{max-height:calc(100dvh - 16px);border-radius:25px 25px 0 0}.online-intro-dialog .online-hero-copy{padding:0 23px}.online-intro-dialog .online-hero{padding-top:22px}.online-intro-dialog .online-title-row{gap:10px;margin:13px 0 17px}.online-intro-dialog .online-title-row h2{font-size:42px;gap:8px}.online-intro-dialog .online-platforms{margin-right:0}.online-intro-dialog .online-platforms span{min-width:0;padding:5px 7px;font-size:8px}.online-intro-dialog .online-eyebrow{font-size:8px;padding-right:42px}.online-intro-dialog .online-hero p{font-size:13px;max-width:320px;line-height:1.65;margin-bottom:20px}.online-intro-dialog .online-hero-actions{gap:20px;margin-bottom:23px}.online-intro-dialog .online-hero-actions .online-hero-link{font-size:11px;gap:9px}.online-intro-dialog .online-art img{height:160px}.online-intro-dialog .online-official{padding:16px 23px max(16px,env(safe-area-inset-bottom))}.online-intro-dialog .online-official strong{font-size:12px}.online-intro-dialog .online-address-row .online-address{font-size:11px}.online-intro-close{top:24px;right:19px;width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.online-intro-dialog,.online-intro-dialog::backdrop,.online-intro-dialog.is-leaving,.online-intro-dialog.is-leaving::backdrop{animation:none!important}html{scroll-behavior:auto!important}}

.online-session-search{display:flex;align-items:center;gap:11px;max-width:400px;margin:0 0 22px;padding:0 0 9px;border-bottom:1px solid #ffffff30;color:#777}.online-session-search .icon{width:15px;height:15px}.online-session-search input{width:100%;min-width:0;min-height:38px;padding:0;border:0;background:none;color:#eee;font:12px/1.5 'DM Sans',sans-serif;outline:none}.online-session-search:focus-within{border-color:var(--online-gold);color:var(--online-gold)}.online-session-search input::placeholder{color:#777}@media(max-width:760px){.online-session-search{max-width:none;margin-bottom:6px}.online-session-search input{font-size:16px;min-height:40px}.online-session-search input::placeholder{font-size:12px}}

/* Visible light sweep and restrained interface motion. */
@supports(background-clip:text) or (-webkit-background-clip:text){.online-browser-header h1 .online-title-gta,.online-home-dialog .gta-online-title-gta{background-image:linear-gradient(101deg,#808080 0%,#808080 35%,#ffffff 50%,#808080 65%,#808080 100%);background-size:200% auto;background-position:150% center;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:online-text-shine 2s linear infinite alternate;filter:none}}
@keyframes online-text-shine{from{background-position:150% center}to{background-position:-50% center}}
.online-page-nav a,.online-guide-open,.online-about-button,.online-empty-guide,.online-footer-link,.online-voice-link{transition:color .24s ease,opacity .24s ease}.online-page-nav a,.online-guide-open{position:relative}.online-page-nav a::after{content:'';position:absolute;bottom:-18px;left:0;right:0;height:2px;background:var(--online-gold);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.online-page-nav a:hover::after,.online-page-nav a:focus-visible::after{transform:scaleX(1)}.online-guide-open .icon,.online-voice-link>.icon:last-child,.online-empty-guide{transition:transform .35s cubic-bezier(.16,1,.3,1),color .25s ease}.online-guide-open:hover .icon{transform:translateX(5px)}.online-voice-link:hover>.icon:last-child{transform:translate(3px,-3px)}.online-empty-guide:hover{transform:translateX(4px)}.online-session{position:relative;isolation:isolate;transition:border-color .35s ease}.online-session::before{content:'';position:absolute;inset:0 -16px;background:linear-gradient(90deg,#ffb0000c,transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:-1}.online-session:hover::before,.online-session:focus-within::before{opacity:1}.online-session:hover{border-bottom-color:#ffb00055}.online-copy,.online-address-copy,.online-guide-controls button{transition:transform .25s cubic-bezier(.16,1,.3,1),color .25s ease,background .25s ease,box-shadow .3s ease}.online-copy:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffb0001c}.online-copy:active,.online-address-copy:active{transform:scale(.94)}.online-copy.copied,.online-address-copy.copied{animation:online-copy-confirm .48s cubic-bezier(.16,1,.3,1)}@keyframes online-copy-confirm{0%{transform:scale(.92)}55%{transform:scale(1.06)}100%{transform:scale(1)}}.online-live[data-state="online"]::before{animation:online-live-pulse 2.8s ease-out infinite}@keyframes online-live-pulse{0%,100%{box-shadow:0 0 0 0 #69d69800}35%{box-shadow:0 0 0 5px #69d69820}75%{box-shadow:0 0 0 10px #69d69800}}.online-guide-chapters button{transition:color .3s ease,border-color .3s ease}.online-guide-progress button i{transition:background .4s ease,box-shadow .4s ease}.online-guide-progress button[aria-current="step"] i{box-shadow:0 0 10px #ffb00030}.online-tutorial-photo{overflow:hidden}.online-tutorial-photo img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease}.online-tutorial-photo .online-photo-hint{position:relative}.online-session-search{transition:border-color .3s ease,color .3s ease}.online-guide-controls button:not(:disabled):hover{transform:translateX(3px)}.online-guide-controls .online-guide-prev:not(:disabled):hover{transform:translateX(-3px)}.online-image-dialog[open]{animation:online-image-enter .35s cubic-bezier(.16,1,.3,1)}@keyframes online-image-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(hover:hover) and (pointer:fine){.online-tutorial-photo:hover img{transform:scale(1.015);filter:brightness(1.07)}}
@media(prefers-reduced-motion:reduce){.online-browser-header h1 .online-title-gta,.online-home-dialog .gta-online-title-gta{animation:none;filter:none;background:none;color:#f5f5f2;-webkit-text-fill-color:#f5f5f2}.online-shell *,.online-shell *::before,.online-shell *::after,.online-intro-dialog *{animation:none!important;transition:none!important}.online-tutorial-photo:hover img,.online-copy:hover,.online-copy:active{transform:none}.online-page-nav a::after{display:none}.online-image-dialog[open]{animation:none}}

/* Italic glyphs need paint room beyond their advance width, especially on iOS. */
.online-browser-header h1,.online-intro-dialog .online-title-row h2{overflow:visible;line-height:1.2}.online-browser-header h1 .online-title-gta,.online-home-dialog .gta-online-title-gta{display:inline-block;line-height:1.2;padding:.08em .18em .09em .06em;margin:-.08em -.18em -.09em -.06em;overflow:visible}.online-intro-dialog .online-title-row{min-width:0;flex-wrap:wrap;row-gap:12px}.online-intro-dialog .online-platforms{flex-shrink:0}
@media(hover:hover){.online-browser-header h1 .online-title-gta:hover,.online-home-dialog .gta-online-title-gta:hover{animation-play-state:paused}}
@media(max-width:760px){.online-intro-dialog{max-height:calc(100svh - 24px);scroll-padding-bottom:24px}.online-intro-dialog .online-official{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.online-intro-dialog .online-title-row h2{flex-shrink:0}}

/* The page intro reuses Home's sheet, video and Safari-stable edge assets. */
.online-home-dialog{position:fixed;inset:auto 22px 20px auto;width:min(430px,calc(100vw - 44px));height:min(690px,calc(100dvh - 110px));max-width:none;max-height:none;padding:0;margin:0;border:0;overflow:visible;background:transparent;color:#eee}.online-home-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}html body .online-home-dialog>.gta-online-menu-promo{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:none!important;--gta-accent:#ffab00;--gta-surface:#171717;--gta-text:#f5f5f5;--gta-muted:#a5a5a5;--gta-line:#ffffff1c}.online-home-dialog .gta-online-sheet-title-row h3{font-family:'Online Display',Impact,sans-serif;font-weight:400;line-height:1.18;overflow:visible}.online-home-dialog .gta-online-title-online{color:#ff2a2a!important;-webkit-text-fill-color:#ff2a2a!important;background:none!important;animation:none!important;padding-right:.16em;margin-right:-.16em;line-height:1.18}.online-home-dialog .gta-online-title-gta{font-style:normal}.online-home-dialog .online-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.online-home-dialog .gta-online-menu-playmark,.online-home-dialog .gta-online-menu-media-placeholder>small{position:relative;z-index:1}.online-home-guide{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:18px;color:var(--gta-text);font-size:11px;font-weight:700;text-decoration:none}.online-home-guide svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.online-home-dialog .gta-online-menu-footer{gap:12px}.online-page-dock{appearance:none;text-align:left;--gta-accent:#ffab00;--gta-surface:#171717;--gta-text:#f5f5f5;--gta-muted:#a5a5a5;--gta-line:#ffffff1c}.online-page-dock .gta-online-dock-copy strong{font-family:'Online Display',Impact,sans-serif;font-weight:400}.online-page-dock .gta-online-dock-hint{grid-column:2;grid-row:1;font-size:9px}.online-page-dock:not(.is-visible){visibility:hidden}.online-page-dock.is-visible{visibility:visible}body[data-page="gta-online"]:has(.online-home-dialog[open]){overflow:hidden}body[data-page="gta-online"] .online-main{padding-bottom:140px}.online-home-dialog .is-dragging{transition:none!important}.online-page-dock.is-dragging{transition:none!important}
@media(min-width:1200px){.online-home-dialog{right:24px;bottom:24px;width:390px;height:auto;max-height:calc(100dvh - 112px)}html body .online-home-dialog>.gta-online-menu-promo{height:auto!important;max-height:calc(100dvh - 112px)!important}.online-home-dialog .gta-online-menu-body{flex:1 1 auto}}
@media(max-width:760px){.online-home-dialog{inset:auto 0 0;width:100%;height:min(78dvh,700px);max-height:calc(100svh - 16px)}html body .online-home-dialog>.gta-online-menu-promo{border-radius:22px 22px 0 0!important}.online-home-dialog .gta-online-menu-copy{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.online-page-dock{padding-left:24px!important;padding-right:24px!important}.online-page-dock .gta-online-dock-hint{grid-column:2;grid-row:1;display:inline!important}.online-home-dialog .gta-online-sheet-title-row{align-items:center;gap:10px}.online-home-dialog .gta-online-sheet-heading{min-width:0}.online-home-dialog .gta-online-platforms{flex-shrink:0}.online-home-dialog .gta-online-sheet-title-row h3{font-size:30px;flex-shrink:0}.online-home-dialog .gta-online-sheet-heading p{font-size:10px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.online-home-dialog .gta-online-title-gta{background:none!important;color:#f5f5f5!important;-webkit-text-fill-color:#f5f5f5!important}}

.online-home-dialog[open]{animation:onlineHomeSheetIn .46s cubic-bezier(.22,1,.36,1)}@keyframes onlineHomeSheetIn{from{transform:translateY(105%);opacity:.5}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.online-home-dialog[open]{animation:none}}

.online-player-region{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 21px;font-size:12px}.online-player-region [data-region-player]{display:flex;align-items:center;gap:9px;color:#aaa}.online-player-region strong{font-size:12px;font-weight:500}.online-player-region button{min-height:40px;padding:6px 0;border:0;background:none;color:var(--online-gold);font:650 11px/1.5 'DM Sans',sans-serif}.online-country-flag{display:inline-block;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:17px;line-height:1;vertical-align:middle;white-space:nowrap;margin-left:3px}.online-region-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #ffffff30;border-radius:12px;background:#171718;color:#f5f5f2;padding:26px;overflow:auto}.online-region-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.online-region-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}.online-region-heading .online-overline{font-size:8px}.online-region-heading h2{font:400 32px/1.2 'Online Display',Impact,sans-serif;margin:8px 0 0;text-transform:uppercase}.online-region-heading button{display:grid;place-items:center;min-width:44px;height:44px;border:0;background:transparent;color:#aaa;cursor:pointer}.online-region-heading .icon{width:19px;height:19px}.online-region-dialog>p{font-size:12px;line-height:1.8;color:#aaa;margin:20px 0}.online-region-dialog label{display:block;font-size:11px;margin-bottom:10px;color:#ddd}.online-region-dialog select{width:100%;min-height:48px;border:1px solid #ffffff30;background:#222;color:#eee;border-radius:4px;padding:10px;font:16px/1.5 'DM Sans',sans-serif;cursor:pointer}.online-region-privacy{font-size:10px;line-height:1.8;color:#888;margin:13px 0 0}.online-region-dialog [data-region-message]{font-size:11px;line-height:1.7;color:#ccc}.online-region-dialog :focus-visible{outline:2px solid var(--online-gold);outline-offset:4px}.online-region-dialog .online-copy{margin-top:7px;min-width:130px}.online-region-dialog button:disabled{opacity:.5;cursor:wait}
.online-player-region [data-region-player]{min-width:0}.online-player-region strong,.online-session h3{overflow-wrap:anywhere}.online-player-region button,.online-country-flag{flex-shrink:0}

/* GTA Online owns its palette, including shared profile controls. */
body[data-page="gta-online"]{--site-accent:#ffab00!important;--accent:#ffab00!important;--palette-color:#ffab00!important;--bg:#0b0b0c!important;--panel:#171718!important;--muted:#a3a3a7!important;--line:#ffffff20!important;--settings-bg:#171718!important;--settings-text:#f5f5f2!important;--settings-muted:#a3a3a7!important;--settings-line:#ffffff24!important;background:#0b0b0c!important}
body[data-page="gta-online"] .profile-sheet,body[data-page="gta-online"] .profile-trigger{--site-accent:#ffab00!important;--accent:#ffab00!important;--bg:#0b0b0c!important;--panel:#171718!important;--line:#ffffff20!important;--muted:#a3a3a7!important;color:#f5f5f2}
/* A solid surface plus an SVG stroke prevents the old conic spotlight leak. */
body[data-page="gta-online"] .online-home-dialog>.gta-online-menu-promo,body[data-page="gta-online"] .online-page-dock{background:#171718!important;background-image:none!important;border:1px solid #ffffff24!important;animation:none!important;filter:none!important;box-shadow:0 24px 70px #0007,inset 0 1px 0 #ffffff08!important}
body[data-page="gta-online"] .online-home-dialog>.gta-online-menu-promo::before,body[data-page="gta-online"] .online-page-dock::before{content:none!important;display:none!important;animation:none!important;background:none!important;filter:none!important}
body[data-page="gta-online"] .gta-online-menu-promo>.online-edge-trace,body[data-page="gta-online"] .online-page-dock>.online-edge-trace{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:21!important;pointer-events:none!important;overflow:hidden!important;border-radius:inherit;transform:none!important}
.online-edge-trace path{fill:none;stroke-width:1.3;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:none;animation:onlineEdgeRun 4.2s linear infinite}.online-edge-tail{stroke:#ffab00;stroke-dasharray:125 875;opacity:.85}.online-edge-head{stroke:#ffe8b0;stroke-dasharray:12 988;opacity:.95}@keyframes onlineEdgeRun{to{stroke-dashoffset:-1000}}
@media(max-width:760px){body[data-page="gta-online"] .online-home-dialog>.gta-online-menu-promo,body[data-page="gta-online"] .online-page-dock{border-bottom:0!important}}
@media(prefers-reduced-motion:reduce){.online-edge-trace path{animation:none;stroke-dashoffset:-250}}