Area Duel: Grid Championship<\/title>\n\t\n\t<link rel=\"stylesheet\" href=\"wp-content\/plugins\/my-custom-assets\/style.css\">\n<\/head>\n<body>\n\n<div class=\"main-layout\">\n\t<div class=\"info-panel\">\n\t\t<h3>Introduction – Read first<\/h3>\n\t\t<ul>\n\t\t<li>On smaller screens, try zooming out (Ctrl + – | Cmd + -).<\/li>\n\t\t<li>Win the Game by having a higher % of the playing field.<\/li>\n\t\t<li>The playing field is defined by the rectangle to the right.<\/li>\n\t\t<li>Each Game is 4 Rounds.<\/li>\n\t\t<li>Players draw one shape on the playing field per Round.<\/li>\n\t\t<li>Draw by click-and-dragging the cursor to form a shape.<\/li>\n\t\t<li>Overlapping area goes to the Player on Offense (O).<\/li>\n\t\t<li>Drawing is in snake order – first draw flips each Round.<\/li>\n\t\t<li>The scores reset to 0% after each Game.<\/li>\n\t\t<li>A Series is decided by winning the majority of Games.<\/li>\n\t\t<li>Game Settings are described on the other side.<\/li>\n\t\t<\/ul>\n\t<\/div>\n\n\t<div class=\"game-card\">\n\t\t<div class=\"canvas-area\">\n\t\t\t<div id=\"round-indicator\" class=\"round-header\">Game 1, Round 1<\/div>\n\t\t\t<h2 id=\"turn-indicator\">Player 1 is on Offense<\/h2>\n\t\t\t<canvas id=\"gameCanvas\" width=\"361\" height=\"664\"><\/canvas>\n\t\t\t\n\t\t\t<div class=\"controls-container\">\n\t\t\t\t<div id=\"review-btns\" style=\"display:none;\">\n\t\t\t\t\t<button onclick=\"confirmShape()\">Submit<\/button>\n\t\t\t\t\t<button class=\"discard-btn\" onclick=\"discardShape()\">Discard<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<button id=\"action-btn\" onclick=\"nextStep()\" style=\"display:none;\">Next Round<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"scoreboard\">\n\t\t\t<h3>Scoreboard<\/h3>\n\t\t\t<div class=\"series-bar\" id=\"series-tracker\">\n\t\t\t\t<div class=\"series-slot\"><\/div><div class=\"series-slot\"><\/div><div class=\"series-slot\"><\/div>\n\t\t\t\t<div class=\"series-slot\"><\/div><div class=\"series-slot\"><\/div><div class=\"series-slot\"><\/div>\n\t\t\t\t<div class=\"series-slot\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div id=\"score-history\"><\/div>\n\t\t\t<hr style=\"border-top: 2px solid #2d3436; margin: 10px 0;\">\n\t\t\t<div class=\"score-row\" style=\"margin-bottom: 5px; font-size: 0.95rem; justify-content: space-between;\">\n\t\t\t\t<span><strong id=\"label-p1\">P1<\/strong> Total: <span id=\"total-p1\" class=\"p1-text\">0.00<\/span>%<\/span>\n\t\t\t\t<span><strong id=\"label-p2\">P2<\/strong> Total: <span id=\"total-p2\" class=\"p2-text\">0.00<\/span>%<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"settings-container\">\n\t\t\t\t<div class=\"setting-item\"><label>Night Mode:<\/label><select id=\"nightMode\" onchange=\"toggleNightMode()\"><option value=\"off\">Off<\/option><option value=\"on\">On<\/option><\/select><\/div>\n\t\t\t\t<div class=\"setting-item\"><label>Computer Mode:<\/label><select id=\"compMode\" onchange=\"resetSeries()\"><option value=\"off\">Off<\/option><option value=\"on\">On<\/option><\/select><\/div>\n\t\t\t\t<div class=\"setting-item\"><label>Series Length:<\/label><select id=\"seriesLength\" onchange=\"resetSeries()\"><option value=\"1\">1-Game<\/option><option value=\"3\">3-Game<\/option><option value=\"5\">5-Game<\/option><option value=\"7\">7-Game<\/option><\/select><\/div>\n\t\t\t\t<div class=\"setting-item\"><label>Play Style: <button id=\"reroll-btn\" class=\"reroll-btn\" style=\"display:none;\" onclick=\"setupChallenge()\">Re-Roll<\/button><\/label><select id=\"playStyle\" onchange=\"resetSeries()\" onclick=\"handleStyleClick(this)\"><option value=\"normal\">Normal<\/option><option value=\"reverse\">Inverse<\/option><option value=\"challenge\">Challenge<\/option><\/select><\/div>\n\t\t\t\t<div class=\"setting-item\"><label>Play Mode:<\/label><select id=\"playMode\" onchange=\"resetGameInternal()\"><option value=\"normal\">Normal<\/option><option value=\"rollover\">Rollover<\/option><option value=\"aggregate\">Aggregate Mode<\/option><\/select><\/div>\n\t\t\t\t<div class=\"name-container\"><input type=\"text\" id=\"p1Name\" class=\"name-input\" value=\"Player 1\" oninput=\"updateUI()\"><input type=\"text\" id=\"p2Name\" class=\"name-input\" value=\"Player 2\" oninput=\"updateUI()\"><\/div>\n\t\t\t\t<div class=\"picker-container\"><div class=\"hex-picker\" id=\"p1Picker\"><\/div><div class=\"hex-picker\" id=\"p2Picker\"><\/div><\/div>\n\t\t\t\t<div id=\"limit-msg\" class=\"limit-info\" style=\"display:none;\"><span id=\"limit-prefix\">Remaining:<\/span> <span id=\"limit-label-p1\">P1<\/span> <span id=\"p1-limit\">50.00<\/span>% | <span id=\"limit-label-p2\">P2<\/span> <span id=\"p2-limit\">50.00<\/span>%<\/div>\n\t\t<\/div>\n\t\t\t<div id=\"winner-banner\" class=\"winner-box\"><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"info-panel\">\n\t\t<h3>Settings – Read second<\/h3>\n\t\t<ul>\n\t\t\t<li>Night Mode<\/li>\n\t\t\t<div class=\"indent\">On – the background is white<\/div>\n\t\t\t<div class=\"indent\">Off – the background is black<\/div>\n\t\t\t\n\t\t\t<li>Computer Mode<\/li>\n\t\t\t<div class=\"indent\">On – Player 1 plays against the Computer<\/div>\n\t\t\t<div class=\"indent\">Off – Player 1 plays against Player 2<\/div>\n\t\t\t\n\t\t\t<li>Series Length<\/li>\n\t\t\t<div class=\"indent\">1 – Winning 1 Game wins the Series<\/div>\n\t\t\t<div class=\"indent\">3 – Winning 2 Games wins the Series<\/div>\n\t\t\t<div class=\"indent\">5 – Winning 3 Games wins the Series<\/div>\n\t\t\t<div class=\"indent\">7 – Winning 4 Games wins the Series<\/div>\n\t\t\t\n\t\t\t<li>Play Style<\/li>\n\t\t\t<div class=\"indent\">Normal – P1 draws 1st in Game 1, 2nd in Game 2, etc.<\/div>\n\t\t\t<div class=\"indent\">Inverse – P2 draws 1st in Game 1, 2nd in Game 2, etc.<\/div>\n\t\t\t<div class=\"indent\">Challenge – random game situation against Computer<\/div>\n\t\t\t<div class=\"indent\" style=\"font-style: italic;\">(Re-Roll creates a new random game situation)<\/div>\n\t\t\t\t\n\t\t\t<li>Play Mode<\/li>\n\t\t\t<div class=\"indent\">Normal – shape area limit is 50% per Round<\/div>\n\t\t\t<div class=\"indent\">Rollover – shape area limit is score from previous Round<\/div>\n\t\t\t<div class=\"indent\">Aggregate – shape area limit is 200% across the Game<\/div>\n\t\t<\/ul>\n\t<\/div>\n<\/div>\n\n\n<script src=\"wp-content\/plugins\/my-custom-assets\/script.js\"><\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Area Duel: Grid Championship Introduction – Read first On smaller screens, try zooming out (Ctrl + – | Cmd + -). Win the Game by having a higher % of the playing field. The playing field is defined by the rectangle to the right. Each Game is 4 Rounds. Players draw one shape on the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_uag_custom_page_level_css":"","ub_ctt_via":"","footnotes":""},"featured_image_src":null,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"egoanalytics","author_link":"https:\/\/egoanalytics.me\/index.php\/author\/egoanalytics\/"},"uagb_comment_info":0,"uagb_excerpt":"Area Duel: Grid Championship Introduction – Read first On smaller screens, try zooming out (Ctrl + – | Cmd + -). Win the Game by having a higher % of the playing field. The playing field is defined by the rectangle to the right. Each Game is 4 Rounds. Players draw one shape on the…","_links":{"self":[{"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/pages\/7474"}],"collection":[{"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/comments?post=7474"}],"version-history":[{"count":67,"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/pages\/7474\/revisions"}],"predecessor-version":[{"id":7580,"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/pages\/7474\/revisions\/7580"}],"wp:attachment":[{"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/media?parent=7474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\t\n\t\n\tArea Duel: Grid Championship<\/title>\n\t\n\t<link rel=\"stylesheet\" href=\"wp-content\/plugins\/my-custom-assets\/style.css\">\n<\/head>\n<body>\n\n<div class=\"main-layout\">\n\t<div class=\"info-panel\">\n\t\t<h3>Introduction – Read first<\/h3>\n\t\t<ul>\n\t\t<li>On smaller screens, try zooming out (Ctrl + – | Cmd + -).<\/li>\n\t\t<li>Win the Game by having a higher % of the playing field.<\/li>\n\t\t<li>The playing field is defined by the rectangle to the right.<\/li>\n\t\t<li>Each Game is 4 Rounds.<\/li>\n\t\t<li>Players draw one shape on the playing field per Round.<\/li>\n\t\t<li>Draw by click-and-dragging the cursor to form a shape.<\/li>\n\t\t<li>Overlapping area goes to the Player on Offense (O).<\/li>\n\t\t<li>Drawing is in snake order – first draw flips each Round.<\/li>\n\t\t<li>The scores reset to 0% after each Game.<\/li>\n\t\t<li>A Series is decided by winning the majority of Games.<\/li>\n\t\t<li>Game Settings are described on the other side.<\/li>\n\t\t<\/ul>\n\t<\/div>\n\n\t<div class=\"game-card\">\n\t\t<div class=\"canvas-area\">\n\t\t\t<div id=\"round-indicator\" class=\"round-header\">Game 1, Round 1<\/div>\n\t\t\t<h2 id=\"turn-indicator\">Player 1 is on Offense<\/h2>\n\t\t\t<canvas id=\"gameCanvas\" width=\"361\" height=\"664\"><\/canvas>\n\t\t\t\n\t\t\t<div class=\"controls-container\">\n\t\t\t\t<div id=\"review-btns\" style=\"display:none;\">\n\t\t\t\t\t<button onclick=\"confirmShape()\">Submit<\/button>\n\t\t\t\t\t<button class=\"discard-btn\" onclick=\"discardShape()\">Discard<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<button id=\"action-btn\" onclick=\"nextStep()\" style=\"display:none;\">Next Round<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"scoreboard\">\n\t\t\t<h3>Scoreboard<\/h3>\n\t\t\t<div class=\"series-bar\" id=\"series-tracker\">\n\t\t\t\t<div class=\"series-slot\"><\/div><div class=\"series-slot\"><\/div><div class=\"series-slot\"><\/div>\n\t\t\t\t<div class=\"series-slot\"><\/div><div class=\"series-slot\"><\/div><div class=\"series-slot\"><\/div>\n\t\t\t\t<div class=\"series-slot\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div id=\"score-history\"><\/div>\n\t\t\t<hr style=\"border-top: 2px solid #2d3436; margin: 10px 0;\">\n\t\t\t<div class=\"score-row\" style=\"margin-bottom: 5px; font-size: 0.95rem; justify-content: space-between;\">\n\t\t\t\t<span><strong id=\"label-p1\">P1<\/strong> Total: <span id=\"total-p1\" class=\"p1-text\">0.00<\/span>%<\/span>\n\t\t\t\t<span><strong id=\"label-p2\">P2<\/strong> Total: <span id=\"total-p2\" class=\"p2-text\">0.00<\/span>%<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"settings-container\">\n\t\t\t\t<div class=\"setting-item\"><label>Night Mode:<\/label><select id=\"nightMode\" onchange=\"toggleNightMode()\"><option value=\"off\">Off<\/option><option value=\"on\">On<\/option><\/select><\/div>\n\t\t\t\t<div class=\"setting-item\"><label>Computer Mode:<\/label><select id=\"compMode\" onchange=\"resetSeries()\"><option value=\"off\">Off<\/option><option value=\"on\">On<\/option><\/select><\/div>\n\t\t\t\t<div class=\"setting-item\"><label>Series Length:<\/label><select id=\"seriesLength\" onchange=\"resetSeries()\"><option value=\"1\">1-Game<\/option><option value=\"3\">3-Game<\/option><option value=\"5\">5-Game<\/option><option value=\"7\">7-Game<\/option><\/select><\/div>\n\t\t\t\t<div class=\"setting-item\"><label>Play Style: <button id=\"reroll-btn\" class=\"reroll-btn\" style=\"display:none;\" onclick=\"setupChallenge()\">Re-Roll<\/button><\/label><select id=\"playStyle\" onchange=\"resetSeries()\" onclick=\"handleStyleClick(this)\"><option value=\"normal\">Normal<\/option><option value=\"reverse\">Inverse<\/option><option value=\"challenge\">Challenge<\/option><\/select><\/div>\n\t\t\t\t<div class=\"setting-item\"><label>Play Mode:<\/label><select id=\"playMode\" onchange=\"resetGameInternal()\"><option value=\"normal\">Normal<\/option><option value=\"rollover\">Rollover<\/option><option value=\"aggregate\">Aggregate Mode<\/option><\/select><\/div>\n\t\t\t\t<div class=\"name-container\"><input type=\"text\" id=\"p1Name\" class=\"name-input\" value=\"Player 1\" oninput=\"updateUI()\"><input type=\"text\" id=\"p2Name\" class=\"name-input\" value=\"Player 2\" oninput=\"updateUI()\"><\/div>\n\t\t\t\t<div class=\"picker-container\"><div class=\"hex-picker\" id=\"p1Picker\"><\/div><div class=\"hex-picker\" id=\"p2Picker\"><\/div><\/div>\n\t\t\t\t<div id=\"limit-msg\" class=\"limit-info\" style=\"display:none;\"><span id=\"limit-prefix\">Remaining:<\/span> <span id=\"limit-label-p1\">P1<\/span> <span id=\"p1-limit\">50.00<\/span>% | <span id=\"limit-label-p2\">P2<\/span> <span id=\"p2-limit\">50.00<\/span>%<\/div>\n\t\t<\/div>\n\t\t\t<div id=\"winner-banner\" class=\"winner-box\"><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"info-panel\">\n\t\t<h3>Settings – Read second<\/h3>\n\t\t<ul>\n\t\t\t<li>Night Mode<\/li>\n\t\t\t<div class=\"indent\">On – the background is white<\/div>\n\t\t\t<div class=\"indent\">Off – the background is black<\/div>\n\t\t\t\n\t\t\t<li>Computer Mode<\/li>\n\t\t\t<div class=\"indent\">On – Player 1 plays against the Computer<\/div>\n\t\t\t<div class=\"indent\">Off – Player 1 plays against Player 2<\/div>\n\t\t\t\n\t\t\t<li>Series Length<\/li>\n\t\t\t<div class=\"indent\">1 – Winning 1 Game wins the Series<\/div>\n\t\t\t<div class=\"indent\">3 – Winning 2 Games wins the Series<\/div>\n\t\t\t<div class=\"indent\">5 – Winning 3 Games wins the Series<\/div>\n\t\t\t<div class=\"indent\">7 – Winning 4 Games wins the Series<\/div>\n\t\t\t\n\t\t\t<li>Play Style<\/li>\n\t\t\t<div class=\"indent\">Normal – P1 draws 1st in Game 1, 2nd in Game 2, etc.<\/div>\n\t\t\t<div class=\"indent\">Inverse – P2 draws 1st in Game 1, 2nd in Game 2, etc.<\/div>\n\t\t\t<div class=\"indent\">Challenge – random game situation against Computer<\/div>\n\t\t\t<div class=\"indent\" style=\"font-style: italic;\">(Re-Roll creates a new random game situation)<\/div>\n\t\t\t\t\n\t\t\t<li>Play Mode<\/li>\n\t\t\t<div class=\"indent\">Normal – shape area limit is 50% per Round<\/div>\n\t\t\t<div class=\"indent\">Rollover – shape area limit is score from previous Round<\/div>\n\t\t\t<div class=\"indent\">Aggregate – shape area limit is 200% across the Game<\/div>\n\t\t<\/ul>\n\t<\/div>\n<\/div>\n\n\n<script src=\"wp-content\/plugins\/my-custom-assets\/script.js\"><\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Area Duel: Grid Championship Introduction – Read first On smaller screens, try zooming out (Ctrl + – | Cmd + -). Win the Game by having a higher % of the playing field. The playing field is defined by the rectangle to the right. Each Game is 4 Rounds. Players draw one shape on the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_uag_custom_page_level_css":"","ub_ctt_via":"","footnotes":""},"featured_image_src":null,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"egoanalytics","author_link":"https:\/\/egoanalytics.me\/index.php\/author\/egoanalytics\/"},"uagb_comment_info":0,"uagb_excerpt":"Area Duel: Grid Championship Introduction – Read first On smaller screens, try zooming out (Ctrl + – | Cmd + -). Win the Game by having a higher % of the playing field. The playing field is defined by the rectangle to the right. Each Game is 4 Rounds. Players draw one shape on the…","_links":{"self":[{"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/pages\/7474"}],"collection":[{"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/comments?post=7474"}],"version-history":[{"count":67,"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/pages\/7474\/revisions"}],"predecessor-version":[{"id":7580,"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/pages\/7474\/revisions\/7580"}],"wp:attachment":[{"href":"https:\/\/egoanalytics.me\/index.php\/wp-json\/wp\/v2\/media?parent=7474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}