{"id":142,"date":"2026-09-08T18:41:17","date_gmt":"2026-09-08T18:41:17","guid":{"rendered":"https:\/\/grandtheftautoclips.com\/?page_id=142"},"modified":"2026-09-14T21:14:54","modified_gmt":"2026-09-14T21:14:54","slug":"quiz","status":"publish","type":"page","link":"https:\/\/grandtheftautoclips.com\/?page_id=142","title":{"rendered":"Quiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"142\" class=\"elementor elementor-142\">\n\t\t\t\t<div class=\"elementor-element elementor-element-022d2cf e-flex e-con-boxed e-con e-parent\" data-id=\"022d2cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b7d3a6 elementor-widget elementor-widget-html\" data-id=\"3b7d3a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<nav\r\n    id=\"gta-top-nav\"\r\n    aria-label=\"Main navigation\"\r\n>\r\n    <div class=\"gta-nav-inner\">\r\n\r\n        <a\r\n            class=\"gta-nav-brand\"\r\n            href=\"https:\/\/grandtheftautoclips.com\/\"\r\n        >\r\n            <img decoding=\"async\"\r\n                class=\"gta-nav-logo\"\r\n                src=\"https:\/\/grandtheftautoclips.com\/wp-content\/uploads\/2026\/08\/PNG-LOgo.png\"\r\n                alt=\"Grand Theft Auto Clips\"\r\n            >\r\n\r\n            <span class=\"gta-nav-brand-text\">\r\n                <span class=\"gta-nav-brand-title\">\r\n                    GRAND THEFT AUTO CLIPS\r\n                <\/span>\r\n\r\n                <span class=\"gta-nav-brand-sub\">\r\n                    COMMUNITY\r\n                <\/span>\r\n            <\/span>\r\n        <\/a>\r\n\r\n\r\n        <div class=\"gta-nav-links\">\r\n\r\n            <a\r\n                class=\"gta-nav-link\"\r\n                href=\"https:\/\/grandtheftautoclips.com\/\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path\r\n                        d=\"M3 11.5L12 4L21 11.5\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M5.5 10V20H18.5V10\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M9.5 20V14H14.5V20\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n                <span>HOME<\/span>\r\n            <\/a>\r\n\r\n\r\n            <a\r\n                class=\"gta-nav-link\"\r\n                href=\"https:\/\/grandtheftautoclips.com\/achievements\/\"\r\n            >\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path\r\n                        d=\"M8 4H16V8C16 11 14.2 13 12 13C9.8 13 8 11 8 8V4Z\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M8 6H4V8C4 10.2 5.8 12 8 12M16 6H20V8C20 10.2 18.2 12 16 12\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M12 13V17M8 20H16M9 17H15V20H9Z\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n                <span>ACHIEVEMENTS<\/span>\r\n            <\/a>\r\n            <a\r\n                class=\"gta-nav-link is-active\" aria-current=\"page\"\r\n                href=\"https:\/\/grandtheftautoclips.com\/?page_id=142\"\r\n            >\r\n                <span>QUIZ<\/span>\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/nav>\r\n\r\n<div id=\"gcquiz\" lang=\"en\">\r\n  <header><img decoding=\"async\" src=\"https:\/\/grandtheftautoclips.com\/wp-content\/uploads\/2026\/08\/cropped-PNG-LOgo.png\" alt=\"Grand Theft Auto Clips\"><div class=\"gc-header-actions\"><span class=\"tag\">GTA V + GTA VI \u00b7 THE QUIZ<\/span><button type=\"button\" class=\"secondary\" id=\"gc-fullscreen\" aria-pressed=\"false\">\u26f6 FULL SCREEN<\/button><\/div><\/header><p id=\"gc-fullscreen-status\" role=\"status\" class=\"hint\" hidden><\/p>\r\n  <section data-screen=\"intro\" class=\"intro\">\r\n    <div><span class=\"tag\">PUT YOUR KNOWLEDGE TO THE TEST<\/span><h2>KNOW THE CITY.<br><em>PROVE YOUR<br>GTA KNOWLEDGE.<\/em><\/h2><p>Welcome to the GTA quiz. From Los Santos to Vice City \u2014 how much do you really know?<\/p><div class=\"facts\"><div><b>30<\/b><small>QUESTIONS<\/small><\/div><div><b>10s<\/b><small>PER QUESTION<\/small><\/div><div><b>8s<\/b><small>ANSWER REVEAL<\/small><\/div><\/div><p class=\"hint\">Your first answer is locked. Choose SHOW ANSWER to skip the remaining question time.<\/p><button data-start>START THE QUIZ \u2192<\/button><\/div>\r\n    <div class=\"brand\"><img decoding=\"async\" src=\"https:\/\/grandtheftautoclips.com\/wp-content\/uploads\/2026\/08\/cropped-PNG-LOgo.png\" alt=\"\"><span>LOS SANTOS TO VICE CITY<\/span><\/div>\r\n  <\/section>\r\n  <section data-screen=\"question\" hidden>\r\n    <div class=\"meta\"><span id=\"gc-count\"><\/span><span id=\"gc-score\"><\/span><\/div>\r\n    <div class=\"timer\"><div class=\"meta\"><span>TIME TO ANSWER<\/span><span id=\"gc-qsec\"><\/span><\/div><div class=\"track\" id=\"gc-qprogress\" role=\"progressbar\" aria-label=\"Seconds left to answer\" aria-valuemin=\"0\" aria-valuemax=\"10\"><div id=\"gc-qbar\"><\/div><\/div><\/div>\r\n    <div class=\"card\"><span class=\"tag\">THE QUESTION<\/span><h3 id=\"gc-question\" tabindex=\"-1\"><\/h3><\/div><div class=\"answers\" id=\"gc-answers\"><\/div>\r\n    <div class=\"actions\"><p id=\"gc-selection\" role=\"status\">SELECT YOUR ANSWER<\/p><button id=\"gc-skip\" hidden>SHOW ANSWER \u2192<\/button><\/div>\r\n  <\/section>\r\n  <section data-screen=\"reveal\" hidden>\r\n    <span class=\"tag\" id=\"gc-reveal-count\"><\/span><h2 class=\"result\" id=\"gc-result\" tabindex=\"-1\"><\/h2><div class=\"card\"><span class=\"tag\">THE CORRECT ANSWER<\/span><h3 id=\"gc-correct\"><\/h3><\/div><p id=\"gc-chosen\" hidden><\/p>\r\n    <div class=\"timer\"><div class=\"meta\"><span id=\"gc-next\"><\/span><span id=\"gc-rsec\"><\/span><\/div><div class=\"track reveal-track\" id=\"gc-rprogress\" role=\"progressbar\" aria-label=\"Seconds left in answer reveal\" aria-valuemin=\"0\" aria-valuemax=\"8\"><div id=\"gc-rbar\"><\/div><\/div><\/div>\r\n  <\/section>\r\n  <section data-screen=\"final\" hidden><span class=\"tag\">QUIZ COMPLETED<\/span><h2 tabindex=\"-1\" id=\"gc-final-heading\">YOUR FINAL <em>SCORE.<\/em><\/h2><div id=\"gc-final-score\" class=\"bigscore\"><\/div><p id=\"gc-details\"><\/p><form id=\"gc-form\"><label for=\"gc-name\">ENTER YOUR NAME<\/label><div class=\"formrow\"><input id=\"gc-name\" maxlength=\"20\" required autocomplete=\"nickname\" placeholder=\"Your player name\"><button id=\"gc-submit\">SUBMIT SCORE \u2192<\/button><\/div><\/form><p id=\"gc-save\" role=\"status\"><\/p><button class=\"secondary\" data-start>PLAY AGAIN \u21bb<\/button><\/section>\r\n  <section class=\"board\" id=\"gc-board\"><div class=\"meta\"><h3>GTA QUIZ <em>LEADERBOARD.<\/em><\/h3><span class=\"tag\">LOCAL<\/span><\/div><p class=\"hint\">Highest score first. Equal scores are ranked by total reaction time. An unanswered question counts as 10 seconds.<\/p><div class=\"tablewrap\"><table><thead><tr><th>RANK<\/th><th>PLAYER<\/th><th>SCORE<\/th><th>TIME<\/th><\/tr><\/thead><tbody id=\"gc-rows\"><\/tbody><\/table><\/div><p id=\"gc-board-status\" class=\"hint\" role=\"status\"><\/p><button class=\"secondary\" id=\"gc-more\" hidden>VIEW TOP 100<\/button><\/section>\r\n  <footer>GRAND THEFT AUTO CLIPS <span>\u00b7<\/span> THE GTA KNOWLEDGE CHALLENGE<\/footer><noscript>Enable JavaScript to play this quiz.<\/noscript>\r\n<\/div>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@400;600;800;900&display=swap');\r\n#gcquiz{--pink:#f320a3;--purple:#9235ff;--muted:#b4aebb;color:#fff;background:radial-gradient(ellipse at 100% 30%,#5a168c38,transparent 58%),radial-gradient(ellipse at 0 100%,#91228516,transparent 55%),#09080c;font:15px\/1.65 Inter,Arial,sans-serif;padding:clamp(22px,5vw,64px);width:100%;position:relative;isolation:isolate;border:1px solid #ffffff12;text-align:left;color-scheme:dark}\r\n#gcquiz *{box-sizing:border-box}#gcquiz [hidden]{display:none!important}#gcquiz header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:48px}#gcquiz header img{width:85px;height:auto}#gcquiz .tag{display:inline-block;font:900 10px\/1.5 Inter,Arial,sans-serif;letter-spacing:2.3px;color:var(--pink);border:1px solid #f320a344;padding:9px 13px}#gcquiz h2,#gcquiz h3,#gcquiz p{padding:0}#gcquiz h2{font:400 clamp(40px,6.3vw,86px)\/1.03 Anton,Impact,'Arial Narrow',sans-serif;letter-spacing:-.8px;color:#fff;margin:22px 0;text-transform:uppercase}#gcquiz em{font-style:normal;background:linear-gradient(100deg,var(--purple),var(--pink));color:var(--pink);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#gcquiz p{color:var(--muted);margin:20px 0}#gcquiz .intro{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}#gcquiz .intro p{max-width:630px}#gcquiz .brand{text-align:center}#gcquiz .brand img{width:90%;max-width:360px;height:auto;filter:drop-shadow(0 0 60px #9b25ef30)}#gcquiz .brand span{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:24px}#gcquiz .facts{display:flex;gap:24px;margin:28px 0;padding:22px;border:1px solid #ffffff1c;background:#ffffff02}#gcquiz .facts>div{flex:1}#gcquiz .facts b{display:block;font:400 40px\/1.2 Anton,Impact,sans-serif}#gcquiz small{display:block;font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--pink)}#gcquiz .hint{font-size:12px;color:var(--muted)}#gcquiz button{min-height:48px;padding:15px 22px;border:1px solid transparent;border-radius:0;background:linear-gradient(110deg,var(--purple),var(--pink));color:white;font:900 11px\/1.5 Inter,Arial,sans-serif;letter-spacing:1px;cursor:pointer;margin:0;text-transform:uppercase}#gcquiz button:hover:not(:disabled){filter:brightness(1.17)}#gcquiz button:disabled{cursor:default}#gcquiz button:focus-visible,#gcquiz input:focus-visible{outline:3px solid #fca6de;outline-offset:4px}#gcquiz h2:focus,#gcquiz h3:focus{outline:none}#gcquiz .secondary{border-color:#ffffff33;background:transparent}#gcquiz .meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;font-weight:900;letter-spacing:1.5px}#gcquiz .timer{margin:24px 0 30px}#gcquiz .track{height:6px;background:#ffffff12;margin-top:12px;overflow:hidden}#gcquiz .track>div{width:100%;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));transform-origin:left}#gcquiz .reveal-track>div{background:linear-gradient(90deg,#7b46fa,#e5a0ff)}#gcquiz .card{background:linear-gradient(120deg,#17131e,#0e0c13);border:1px solid #ffffff20;border-left:3px solid var(--purple);padding:clamp(24px,4vw,44px);min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 18px 50px #0003}#gcquiz .card .tag{border:0;padding:0;margin-bottom:18px}#gcquiz .card h3{font:400 clamp(27px,3.6vw,44px)\/1.2 Anton,Impact,sans-serif;color:#fff;margin:0;overflow-wrap:anywhere}#gcquiz .answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:14px;margin-top:20px}#gcquiz .answer{display:flex;align-items:center;gap:16px;min-height:82px;text-align:left;letter-spacing:0;text-transform:none;font-size:15px;font-weight:600;background:#121016;border:1px solid #ffffff26;padding:16px;color:#fff}#gcquiz .letter{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#ffffff08;border:1px solid #ffffff25;font-weight:900;color:#c785ff}#gcquiz .answer.selected{background:linear-gradient(110deg,#64249e44,#ac186333);border-color:var(--pink)}#gcquiz .selected .letter{background:var(--pink);color:#fff;border-color:var(--pink)}#gcquiz .actions{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:88px}#gcquiz .actions p{font-size:10px;font-weight:800;letter-spacing:1.5px}#gcquiz .result{font-size:clamp(42px,6vw,70px)}#gcquiz .result[data-state=correct]{color:#5aeba1}#gcquiz .result[data-state=wrong]{color:#ff619f}#gcquiz .result[data-state=timeout]{color:#e3b9ff}#gcquiz .bigscore{font:400 90px\/1.2 Anton,Impact,sans-serif;color:#d65bfa}#gcquiz form{max-width:640px;margin:26px 0}#gcquiz label{display:block;font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:10px}#gcquiz .formrow{display:flex;gap:12px}#gcquiz input{min-width:0;flex:1;width:100%;border:1px solid #ffffff35;background:#141018;color:#fff;padding:14px;font:inherit;border-radius:0}#gcquiz .formrow button{flex-shrink:0}#gcquiz .board{margin-top:52px;border:1px solid #ffffff20;padding:clamp(18px,3vw,30px);background:#0c0911bb}#gcquiz .board h3{font:400 clamp(22px,3vw,32px)\/1.2 Anton,Impact,sans-serif;color:#fff;margin:0}#gcquiz .tablewrap{overflow-x:auto}#gcquiz table{width:100%;border-collapse:collapse;background:transparent;color:#fff;font-size:13px;margin:20px 0;border:0}#gcquiz th,#gcquiz td{padding:14px 8px;text-align:left;border:0;border-bottom:1px solid #ffffff15;background:transparent;color:inherit}#gcquiz th{font-size:9px;letter-spacing:1.5px;color:var(--muted)}#gcquiz td:nth-child(2){overflow-wrap:anywhere}#gcquiz td:nth-child(3),#gcquiz td:nth-child(4){white-space:nowrap}#gcquiz tr.current{background:#982de81a}#gcquiz footer{margin-top:32px;font-size:9px;letter-spacing:2px;color:#898190}#gcquiz footer span{color:var(--pink);padding:0 8px}\r\n@media(max-width:650px){#gcquiz .intro{grid-template-columns:1fr;gap:24px}#gcquiz .brand{display:none}#gcquiz header{margin-bottom:30px}#gcquiz header .tag{font-size:8px;letter-spacing:1px}#gcquiz .facts{gap:10px;padding:16px}#gcquiz .facts b{font-size:32px}#gcquiz small{font-size:8px;letter-spacing:.8px}#gcquiz .answers{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}#gcquiz .answer{min-height:70px}#gcquiz .actions{align-items:stretch;flex-direction:column;padding:18px 0;gap:8px}#gcquiz .actions p{margin:0}#gcquiz .formrow{flex-direction:column}#gcquiz .meta{font-size:9px;letter-spacing:1px}#gcquiz .board>.meta{align-items:flex-start}#gcquiz h2{font-size:clamp(40px,10vw,64px)}}\r\n\/* Stable play area: question and reveal always reserve equal space. *\/\r\n#gcquiz section[data-screen=\"question\"],\r\n#gcquiz section[data-screen=\"reveal\"]{min-height:720px}\r\n#gcquiz #gc-chosen{min-height:25px;margin:20px 0}\r\n#gcquiz #gc-chosen[hidden]{display:block!important;visibility:hidden}\r\n@media(max-width:650px){\r\n #gcquiz section[data-screen=\"question\"],\r\n #gcquiz section[data-screen=\"reveal\"]{min-height:980px}\r\n}\r\n\/* Explicit screen layout for page-builder compatibility. *\/\r\n#gcquiz{display:block!important;max-width:100%;min-width:0}\r\n#gcquiz>section[data-screen]{width:100%;float:none;position:relative}\r\n#gcquiz>section[data-screen]:not([hidden]){display:block!important}\r\n#gcquiz>section[data-screen=\"intro\"]:not([hidden]){display:grid!important}\r\n#gcquiz>section[hidden],#gcquiz [hidden]{display:none!important}\r\n#gcquiz #gc-chosen[hidden]{display:block!important;visibility:hidden}\r\n\/* Full viewport width, independent of the Elementor content width. *\/\r\n#gcquiz{\r\n width:var(--gc-viewport-width,100%)!important;\r\n max-width:none!important;\r\n margin-left:var(--gc-viewport-offset,0px)!important;\r\n margin-right:0!important;\r\n padding:clamp(24px,4vw,64px) max(24px,calc((var(--gc-viewport-width,100vw) - 1600px)\/2));\r\n border:0;\r\n}\r\n#gcquiz .intro{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(28px,5vw,90px)}\r\n#gcquiz .intro h2{font-size:clamp(46px,5.4vw,92px)}\r\n#gcquiz .brand img{max-width:410px}\r\n@media(max-width:650px){\r\n #gcquiz{padding:24px 20px}\r\n #gcquiz .intro{grid-template-columns:minmax(0,1fr)}\r\n #gcquiz .intro h2{font-size:clamp(38px,10vw,60px)}\r\n}\r\n#gcquiz .gc-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}\r\n#gcquiz:fullscreen{\r\n width:100%!important;max-width:none!important;height:100%;\r\n margin:0!important;overflow-y:auto;overflow-x:hidden;\r\n padding:clamp(24px,4vw,64px) max(24px,calc((100vw - 1600px)\/2));\r\n}\r\n#gcquiz::backdrop{background:#09080c}\r\n@media(max-width:650px){#gcquiz:fullscreen{padding:24px 20px}#gcquiz .gc-header-actions{gap:8px}#gcquiz #gc-fullscreen{padding:10px 12px;min-height:40px}}\r\n\r\n\/* Page background and top spacing, scoped to the quiz page. *\/\r\nhtml:has(#gcquiz), body:has(#gcquiz) { background:#09080c !important; }\r\nbody:has(#gcquiz) { margin:0 !important; padding:74px 0 0 !important; }\r\nbody:has(#gcquiz) :is(.site-content,.site-main,.entry-content,.page-content):has(#gcquiz),\r\nbody:has(#gcquiz) .elementor:has(#gcquiz),\r\nbody:has(#gcquiz) :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.e-con,.e-con-inner,.elementor-widget-html,.elementor-widget-container):has(#gcquiz) {\r\n    margin-top:0 !important; padding-top:0 !important; background-color:#09080c !important;\r\n}\r\nbody:has(#gcquiz) :is(.entry-header,.page-header) { display:none !important; }\r\n#gcquiz { margin-top:0 !important; min-height:calc(100vh - 74px); }\r\n#gcquiz > header { background:transparent !important; border:0; box-shadow:none; }\r\n#gta-top-nav, #gta-top-nav * { box-sizing:border-box; }\r\n\r\n\r\n#gta-top-nav {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 74px;\r\n\r\n    z-index: 999999;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(5, 5, 9, .97),\r\n            rgba(7, 5, 12, .93)\r\n        );\r\n\r\n    border-bottom: 1px solid rgba(255,255,255,.08);\r\n\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n\r\n    box-shadow:\r\n        0 12px 40px rgba(0,0,0,.30);\r\n}\r\n\r\n#gta-top-nav::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(139,62,255,.30),\r\n            rgba(255,57,166,.65),\r\n            rgba(139,62,255,.30),\r\n            transparent\r\n        );\r\n}\r\n\r\n.gta-nav-inner {\r\n    width: min(1600px, 94vw);\r\n    height: 74px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n}\r\n\r\n.gta-nav-brand {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n\r\n    gap: 13px !important;\r\n\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.gta-nav-logo {\r\n    display: block;\r\n\r\n    width: 57px;\r\n    height: 57px;\r\n\r\n    object-fit: contain;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 0 12px rgba(169,66,255,.25)\r\n        );\r\n}\r\n\r\n.gta-nav-brand-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 3px;\r\n}\r\n\r\n.gta-nav-brand-title {\r\n    color: #fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .7px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gta-nav-brand-sub {\r\n    color: #ff42aa;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 2.1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gta-nav-links {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n}\r\n\r\n.gta-nav-link {\r\n    position: relative;\r\n\r\n    min-height: 42px;\r\n\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    gap: 9px !important;\r\n\r\n    padding: 0 17px !important;\r\n\r\n    color: rgba(255,255,255,.55) !important;\r\n\r\n    border: 1px solid transparent !important;\r\n\r\n    background: transparent !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 9px !important;\r\n\r\n    font-weight: 900 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: 1.7px !important;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        color .2s ease,\r\n        background .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.gta-nav-link svg {\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    flex: 0 0 15px;\r\n}\r\n\r\n.gta-nav-link.is-active {\r\n    color: #fff !important;\r\n\r\n    border-color:\r\n        rgba(201,67,255,.32) !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            100deg,\r\n            rgba(130,59,255,.12),\r\n            rgba(255,54,165,.09)\r\n        ) !important;\r\n\r\n    clip-path:\r\n        polygon(\r\n            6px 0,\r\n            100% 0,\r\n            100% calc(100% - 6px),\r\n            calc(100% - 6px) 100%,\r\n            0 100%,\r\n            0 6px\r\n        );\r\n}\r\n\r\n.gta-nav-link.is-active::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 16px;\r\n    right: 16px;\r\n    bottom: -1px;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #914aff,\r\n            #ff3fa7\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 10px rgba(255,63,167,.30);\r\n}\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n    .gta-nav-link:hover {\r\n        color: #fff !important;\r\n\r\n        border-color:\r\n            rgba(255,255,255,.10) !important;\r\n\r\n        background:\r\n            rgba(255,255,255,.035) !important;\r\n    }\r\n}\r\n\r\n\r\n\r\n.gta-nav-link:focus-visible, .gta-nav-brand:focus-visible { outline:2px solid #fff; outline-offset:3px; }\r\n@media(max-width:1100px) { .gta-nav-brand-text { display:none; } }\r\n@media(max-width:700px) {\r\n\r\n\r\n    body:has(#gcquiz) {\r\n        padding-top: 62px !important;\r\n    }\r\n\r\n    #gta-top-nav {\r\n        height: 62px;\r\n    }\r\n\r\n    .gta-nav-inner {\r\n        width:\r\n            calc(100% - 24px);\r\n\r\n        height: 62px;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n    .gta-nav-logo {\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n\r\n    .gta-nav-brand-text {\r\n        display: none;\r\n    }\r\n\r\n    .gta-nav-links {\r\n        gap: 3px;\r\n    }\r\n\r\n    .gta-nav-link {\r\n        min-height: 38px;\r\n\r\n        padding:\r\n            0 10px !important;\r\n\r\n        gap: 6px !important;\r\n\r\n        font-size:\r\n            7px !important;\r\n\r\n        letter-spacing:\r\n            1.1px !important;\r\n    }\r\n\r\n    .gta-nav-link svg {\r\n        width: 13px;\r\n        height: 13px;\r\n    }\r\n\r\n\r\n    .gta-nav-inner { gap:6px; }\r\n    .gta-nav-link { padding:0 7px !important; letter-spacing:.7px !important; }\r\n    #gcquiz { min-height:calc(100vh - 62px); }\r\n}\r\nbody.admin-bar:has(#gcquiz) #gta-top-nav { top:32px; }\r\n@media(max-width:782px) { body.admin-bar:has(#gcquiz) #gta-top-nav { top:46px; } }\r\n@media(max-width:600px) { body.admin-bar:has(#gcquiz) #gta-top-nav { top:0; } }\r\n\r\n<\/style>\r\n\r\n<script>\r\n(()=>{\r\n'use strict';\r\nconst instances=document.querySelectorAll('#gcquiz');const root=instances[instances.length-1];instances.forEach(element=>{if(element!==root)element.remove();});document.querySelectorAll('#gtac-quiz-host,#gtac-quiz,#gtaQuiz').forEach(element=>element.remove());if(!root||root.dataset.ready)return;root.dataset.ready='true';\r\n\/\/ Align the quiz edges to the actual viewport, excluding its scrollbar.\r\nfunction fitViewport(){\r\n if(!root.isConnected)return;\r\n if(document.fullscreenElement===root)return; const viewport=document.documentElement.clientWidth;\r\n const oldOffset=parseFloat(root.style.getPropertyValue('--gc-viewport-offset'))||0;\r\n const naturalLeft=root.getBoundingClientRect().left-oldOffset;\r\n root.style.setProperty('--gc-viewport-width',viewport+'px');\r\n root.style.setProperty('--gc-viewport-offset',(-naturalLeft)+'px');\r\n}\r\nfitViewport();\r\nlet resizeFrame=0;\r\nwindow.addEventListener('resize',()=>{cancelAnimationFrame(resizeFrame);resizeFrame=requestAnimationFrame(fitViewport);});\r\nwindow.addEventListener('load',fitViewport,{once:true});\r\nrequestAnimationFrame(fitViewport);\r\nconst fullscreenButton=root.querySelector('#gc-fullscreen');\r\nconst fullscreenStatus=root.querySelector('#gc-fullscreen-status');\r\nlet fullscreenBusy=false;\r\nfullscreenButton.addEventListener('click',async()=>{\r\n if(fullscreenBusy)return;\r\n fullscreenBusy=true;fullscreenButton.disabled=true;fullscreenStatus.hidden=true;\r\n try{\r\n  if(document.fullscreenElement===root){await document.exitFullscreen();}\r\n  else if(root.requestFullscreen){await root.requestFullscreen();}\r\n  else{throw new Error('Fullscreen unavailable');}\r\n }catch(error){\r\n  fullscreenStatus.textContent='Full screen is not available here. Try opening the published page in a browser that supports full screen.';\r\n  fullscreenStatus.hidden=false;\r\n }finally{fullscreenBusy=false;fullscreenButton.disabled=false;}\r\n});\r\ndocument.addEventListener('fullscreenchange',()=>{\r\n const active=document.fullscreenElement===root;\r\n fullscreenButton.textContent=active?'\u26f6 EXIT FULL SCREEN':'\u26f6 FULL SCREEN';\r\n fullscreenButton.setAttribute('aria-pressed',String(active));\r\n if(!active)requestAnimationFrame(fitViewport);\r\n});\r\nconst questions=[\r\n[\"How many playable main characters are featured in GTA 5's story?\",[\"Two\",\"Three\",\"Four\",\"Five\"],\"B\"],\r\n[\"In which city does most of GTA 5 take place?\",[\"Liberty City\",\"Vice City\",\"Los Santos\",\"Las Venturas\"],\"C\"],\r\n[\"What is the name of Franklin's dog?\",[\"Chop\",\"Spike\",\"Brutus\",\"Rex\"],\"A\"],\r\n[\"Which protagonist lives in Sandy Shores at the beginning of GTA 5?\",[\"Michael\",\"Franklin\",\"Trevor\",\"Lester\"],\"C\"],\r\n[\"What surname does Michael use during GTA 5?\",[\"Townley\",\"De Santa\",\"Clinton\",\"Philips\"],\"B\"],\r\n[\"Who employs Franklin at the beginning of GTA 5?\",[\"Devin Weston\",\"Steve Haines\",\"Simeon Yetarian\",\"Martin Madrazo\"],\"C\"],\r\n[\"What is the name of Franklin's best friend?\",[\"Wade\",\"Lamar\",\"Jimmy\",\"Ron\"],\"B\"],\r\n[\"What is Franklin's special ability?\",[\"Slowing down time while driving\",\"Becoming invisible\",\"Receiving less damage\",\"Slowing down time while shooting\"],\"A\"],\r\n[\"What is the highest mountain in GTA 5 called?\",[\"Mount Gordo\",\"Mount Josiah\",\"Mount Chiliad\",\"Mount Leonida\"],\"C\"],\r\n[\"Which location is targeted during GTA 5's biggest story heist?\",[\"Maze Bank\",\"Union Depository\",\"Diamond Casino\",\"Pacific Standard Bank\"],\"B\"],\r\n[\"What are the names of GTA 6's central protagonists?\",[\"Jason and Lucia\",\"Michael and Amanda\",\"Tommy and Mercedes\",\"Luis and Catalina\"],\"A\"],\r\n[\"In which fictional state is GTA 6 set?\",[\"San Andreas\",\"Alderney\",\"Leonida\",\"Liberty\"],\"C\"],\r\n[\"Which famous GTA city returns in GTA 6?\",[\"Los Santos\",\"Liberty City\",\"Vice City\",\"Las Venturas\"],\"C\"],\r\n[\"Where was Lucia before beginning her new life with Jason?\",[\"In the Army\",\"In prison\",\"At university\",\"In the police force\"],\"B\"],\r\n[\"What did Jason do before working for local drug runners?\",[\"He worked for the police\",\"He became a racing driver\",\"He served in the Army\",\"He produced music\"],\"C\"],\r\n[\"What is the name of Trevor's company?\",[\"Trevor Philips Industries\",\"Blaine County Imports\",\"Philips Air Freight\",\"Sandy Shores Trading\"],\"A\"],\r\n[\"What is the name of Michael's son?\",[\"Lamar\",\"Jimmy\",\"Wade\",\"Brad\"],\"B\"],\r\n[\"What is the name of Michael's daughter?\",[\"Amanda\",\"Tanisha\",\"Patricia\",\"Tracey\"],\"D\"],\r\n[\"What is Lester's surname?\",[\"Philips\",\"Norton\",\"Crest\",\"Weston\"],\"C\"],\r\n[\"What happens when Trevor activates his special ability?\",[\"Time slows down while driving\",\"The police immediately disappear\",\"Time slows down while aiming\",\"He deals more damage and receives less damage\"],\"D\"],\r\n[\"On which date is GTA 6 officially scheduled for release?\",[\"May 26, 2026\",\"November 19, 2026\",\"December 5, 2026\",\"March 19, 2027\"],\"B\"],\r\n[\"Which platforms are officially confirmed for GTA 6?\",[\"PlayStation 5 and Xbox Series X|S\",\"PlayStation 4 and Xbox One\",\"Nintendo Switch and PlayStation 4\",\"PC and Nintendo Switch\"],\"A\"],\r\n[\"What is Jason's surname in GTA 6?\",[\"Caminos\",\"Hampton\",\"Duval\",\"Bautista\"],\"C\"],\r\n[\"What is Lucia's surname in GTA 6?\",[\"Caminos\",\"Duval\",\"Heder\",\"Priest\"],\"A\"],\r\n[\"What is the name of the prison where Lucia was held?\",[\"Bolingbroke Penitentiary\",\"Liberty State Prison\",\"Vice City Correctional Center\",\"Leonida Penitentiary\"],\"D\"],\r\n[\"Which GTA 6 character is known for investigating conspiracy theories?\",[\"Raul Bautista\",\"Cal Hampton\",\"Boobie Ike\",\"Dre'Quan Priest\"],\"B\"],\r\n[\"Who founded the Only Raw Records music label?\",[\"Brian Heder\",\"Jason Duval\",\"Dre'Quan Priest\",\"Raul Bautista\"],\"C\"],\r\n[\"What are the names of the two members of Real Dimez?\",[\"Bae-Luxe and Roxy\",\"Lucia and Lori\",\"Tracey and Amanda\",\"Mercedes and Catalina\"],\"A\"],\r\n[\"What type of criminal is Raul Bautista?\",[\"A drug runner\",\"A car thief\",\"A cybercriminal\",\"A bank robber\"],\"D\"],\r\n[\"Why does Brian Heder allow Jason to live in one of his properties rent-free?\",[\"Jason is a member of his family\",\"Jason helps with local shakedowns\",\"Jason protects his recording studio\",\"Jason works as his racing driver\"],\"B\"]\r\n];\r\nconst $=id=>root.querySelector('#gc-'+id),letters='ABCD',quizId='gtac-30-user-questions-v1',key='gtac-leaderboard-'+quizId;\r\nlet phase='intro',index=0,selected=null,reaction=10000,score=0,total=0,start=0,deadline=0,frame=0,run='',saved=false,busy=false,all=false,request=0,responses=[];\r\nconst clean=s=>String(s??'').replace(\/[<>\\u0000-\\u001f\\u007f]\/g,'').replace(\/\\s+\/g,' ').trim().slice(0,20);\r\nconst sort=(a,b)=>b.score-a.score||a.totalReactionMs-b.totalReactionMs||a.createdAt-b.createdAt||a.id.localeCompare(b.id);\r\nconst valid=e=>e&&typeof e.id==='string'&&e.quizId===quizId&&typeof e.name==='string'&&clean(e.name)&&Number.isInteger(e.score)&&e.score>=0&&e.score<=30&&Number.isFinite(e.totalReactionMs)&&e.totalReactionMs>=0&&e.totalReactionMs<=450000&&Number.isFinite(e.createdAt);\r\nfunction read(){const raw=localStorage.getItem(key);if(!raw)return [];const data=JSON.parse(raw);if(!Array.isArray(data))throw Error('Invalid data');return data.filter(valid).sort(sort);}\r\n\/\/ Replace these two async methods with WordPress REST calls later.\r\n\/\/ list returns {id,quizId,name,score,totalReactionMs,createdAt}[];\r\n\/\/ submit accepts the same fields plus responses. A global backend must\r\n\/\/ validate answers, timing and sessions server-side, not trust client scores.\r\nconst leaderboardAPI={async list(){return read();},async submit(payload){const rows=read();if(rows.some(e=>e.id===payload.id))return;const {responses,...entry}=payload;if(!valid(entry))throw Error('Invalid score');rows.push(entry);localStorage.setItem(key,JSON.stringify(rows.sort(sort).slice(0,100)));}};\r\nfunction screen(name){phase=name;root.querySelectorAll('[data-screen]').forEach(e=>e.hidden=e.dataset.screen!==name);$('board').hidden=!['intro','final'].includes(name);}\r\nfunction focus(id){$(id).focus({preventScroll:true});}\r\nfunction timer(ms){cancelAnimationFrame(frame);start=performance.now();deadline=start+ms;tick();}\r\nfunction tick(){if(!root.isConnected)return;const left=Math.max(0,deadline-performance.now()),q=phase==='question',r=phase==='reveal';if(!q&&!r)return;const prefix=q?'q':'r';$(prefix+'sec').textContent=Math.ceil(left\/1000)+'s';$(prefix+'bar').style.transform='scaleX('+Math.min(1,left\/(q?10000:8000))+')';$(prefix+'progress').setAttribute('aria-valuenow',Math.ceil(left\/1000));if(left<=0){if(q)reveal();else{index++;index<30?question():finish();}return;}frame=requestAnimationFrame(tick);}\r\nfunction begin(){if(busy)return;cancelAnimationFrame(frame);index=score=total=0;responses=[];run=window.crypto?.randomUUID?window.crypto.randomUUID():Date.now()+'-'+Math.random().toString(36).slice(2);saved=false;all=false;$('form').hidden=false;$('submit').disabled=false;$('name').value='';$('save').textContent='';question();}\r\nfunction question(){screen('question');selected=null;reaction=10000;$('count').textContent='QUESTION '+String(index+1).padStart(2,'0')+' \/ 30';$('score').textContent='SCORE '+score+' \/ 30';$('question').textContent=questions[index][0];$('answers').replaceChildren();$('skip').hidden=true;$('selection').textContent='SELECT YOUR ANSWER';questions[index][1].forEach((text,i)=>{const b=document.createElement('button');b.type='button';b.className='answer';b.setAttribute('aria-pressed','false');const l=document.createElement('span');l.className='letter';l.textContent=letters[i];const t=document.createElement('span');t.textContent=text;b.append(l,t);b.addEventListener('click',()=>choose(i));$('answers').append(b);});focus('question');timer(10000);}\r\nfunction choose(i){if(phase!=='question'||selected!==null)return;const now=performance.now();if(now>=deadline){reveal();return;}selected=i;reaction=Math.min(10000,Math.max(0,now-start));Array.from($('answers').children).forEach((b,j)=>{b.disabled=true;b.classList.toggle('selected',j===i);b.setAttribute('aria-pressed',String(j===i));});$('selection').textContent='ANSWER '+letters[i]+' LOCKED \u00b7 SKIP THE WAIT OR LET THE TIMER FINISH';$('skip').hidden=false;$('skip').focus({preventScroll:true});}\r\nfunction reveal(){if(phase!=='question')return;cancelAnimationFrame(frame);const q=questions[index],answered=selected!==null,correct=answered&&letters[selected]===q[2];if(correct)score++;total+=reaction;responses.push({questionNumber:index+1,answer:answered?letters[selected]:null,reactionMs:reaction});screen('reveal');$('reveal-count').textContent='QUESTION '+String(index+1).padStart(2,'0')+' \/ 30';$('result').textContent=!answered?\"TIME'S UP!\":correct?'\u2713 CORRECT!':'\u2715 WRONG!';$('result').dataset.state=!answered?'timeout':correct?'correct':'wrong';$('correct').textContent=q[2]+'. '+q[1][letters.indexOf(q[2])];$('chosen').hidden=!answered;$('chosen').textContent=answered?'Your answer: '+letters[selected]+'. '+q[1][selected]:'';$('next').textContent=index===29?'YOUR RESULTS IN':'NEXT QUESTION IN';focus('result');timer(8000);}\r\nconst time=ms=>(ms\/1000).toFixed(3)+'s';\r\nfunction finish(){cancelAnimationFrame(frame);screen('final');const skipped=responses.filter(e=>e.answer===null).length;$('final-score').textContent=score+' \/ 30';$('details').textContent=score+' correct \u00b7 '+(30-score-skipped)+' wrong \u00b7 '+skipped+' unanswered \u00b7 Total reaction time: '+time(total);focus('final-heading');board();}\r\nasync function board(){const token=++request;$('board-status').textContent='Loading scores\u2026';try{const entries=(await leaderboardAPI.list()).filter(valid).sort(sort).slice(0,100);if(token!==request)return;$('rows').replaceChildren();if(!entries.length){const tr=document.createElement('tr'),td=document.createElement('td');td.colSpan=4;td.textContent='No scores yet. Set the first highscore.';tr.append(td);$('rows').append(tr);}entries.slice(0,all?100:10).forEach((e,i)=>{const tr=document.createElement('tr');if(e.id===run)tr.className='current';[i+1,clean(e.name),e.score+' \/ 30',time(e.totalReactionMs)].forEach(value=>{const td=document.createElement('td');td.textContent=value;tr.append(td);});$('rows').append(tr);});$('more').hidden=entries.length<=10;$('more').textContent=all?'SHOW TOP 10':'VIEW TOP 100';$('board-status').textContent='Local leaderboard \u00b7 Saved in this browser only \u00b7 Best 100 scores retained.';}catch(e){if(token!==request)return;$('rows').replaceChildren();$('more').hidden=true;$('board-status').textContent='Local storage is unavailable or unreadable. You can still play.';}}\r\n$('form').addEventListener('submit',async e=>{e.preventDefault();if(phase!=='final'||saved||busy)return;const name=clean($('name').value);if(!name){$('save').textContent='Please enter a player name.';$('name').focus();return;}busy=true;$('submit').disabled=true;$('submit').textContent='SAVING\u2026';try{await leaderboardAPI.submit({id:run,quizId,name,score,totalReactionMs:total,createdAt:Date.now(),responses:responses.map(e=>({...e}))});saved=true;$('form').hidden=true;$('save').textContent='Score saved. Find your ranking below.';await board();}catch(e){$('save').textContent='Could not save your score. Browser storage may be blocked or full. Please try again.';}finally{busy=false;$('submit').disabled=saved;$('submit').textContent='SUBMIT SCORE \u2192';}});\r\nroot.querySelectorAll('[data-start]').forEach(b=>b.addEventListener('click',begin));$('skip').addEventListener('click',()=>{if(phase==='question'&&selected!==null)reveal();});$('more').addEventListener('click',()=>{all=!all;board();});document.addEventListener('visibilitychange',()=>{if(!document.hidden&&['question','reveal'].includes(phase)){cancelAnimationFrame(frame);tick();}});window.addEventListener('storage',e=>{if((e.key===key||e.key===null)&&['intro','final'].includes(phase))board();});screen('intro');board();\r\n})();\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GRAND THEFT AUTO CLIPS COMMUNITY HOME ACHIEVEMENTS QUIZ GTA V + GTA VI \u00b7 THE QUIZ\u26f6 FULL SCREEN PUT YOUR KNOWLEDGE TO THE TEST KNOW THE CITY.PROVE YOURGTA KNOWLEDGE. Welcome to the GTA quiz. From Los Santos to Vice City \u2014 how much do you really know? 30QUESTIONS10sPER QUESTION8sANSWER REVEAL Your first answer is locked. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-142","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/pages\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=142"}],"version-history":[{"count":16,"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/pages\/142\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}