{"id":1468,"date":"2026-07-08T06:19:20","date_gmt":"2026-07-08T06:19:20","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=1468"},"modified":"2026-07-08T06:55:13","modified_gmt":"2026-07-08T06:55:13","slug":"mind-arena","status":"publish","type":"page","link":"https:\/\/stadiaorg.com\/de\/mind-arena\/","title":{"rendered":"Arena"},"content":{"rendered":"\n<div id=\"sv-arena-page\">\n\n<style>\n#sv-arena-page{\n  width:100%;\n  max-width:none;\n  margin:0 auto;\n  padding:0 0 100px;\n  background:#ffffff;\n  color:#0f172a;\n  font-family:Arial,Helvetica,sans-serif;\n  overflow:hidden;\n}\n\n#sv-arena-page *{\n  box-sizing:border-box;\n}\n\nbody:has(#sv-arena-page) .entry-content,\nbody:has(#sv-arena-page) .wp-block-post-content,\nbody:has(#sv-arena-page) main,\nbody:has(#sv-arena-page) .site-main{\n  width:100% !important;\n  max-width:none !important;\n  margin-left:auto !important;\n  margin-right:auto !important;\n  padding-left:0 !important;\n  padding-right:0 !important;\n}\n\n#sv-arena-page .sv-wrap{\n  width:min(1380px,94vw);\n  margin:0 auto;\n  padding:0 28px;\n}\n\n\/* HERO *\/\n#sv-arena-page .sv-hero{\n  padding:90px 0 76px;\n  background:\n    radial-gradient(circle at 80% 24%,rgba(106,92,255,.18),transparent 34%),\n    radial-gradient(circle at 12% 18%,rgba(225,29,72,.10),transparent 30%),\n    linear-gradient(180deg,#ffffff,#f8fafc);\n  border-radius:0 0 46px 46px;\n}\n\n#sv-arena-page .sv-hero-grid{\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);\n  gap:54px;\n  align-items:center;\n}\n\n#sv-arena-page .sv-kicker{\n  display:inline-flex;\n  padding:10px 16px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  margin-bottom:22px;\n}\n\n#sv-arena-page h1{\n  margin:0 0 22px;\n  font-size:74px;\n  line-height:.98;\n  letter-spacing:-.06em;\n  font-weight:900;\n  color:#0f172a;\n}\n\n#sv-arena-page .sv-lead{\n  max-width:780px;\n  margin:0 0 22px;\n  color:#334155;\n  font-size:23px;\n  line-height:1.6;\n}\n\n#sv-arena-page .sv-sub{\n  max-width:760px;\n  margin:0 0 34px;\n  color:#64748b;\n  font-size:18px;\n  line-height:1.8;\n}\n\n#sv-arena-page .sv-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n#sv-arena-page .sv-btn{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n  min-height:54px;\n  padding:14px 24px;\n  border-radius:18px;\n  background:#6a5cff;\n  color:#ffffff !important;\n  text-decoration:none !important;\n  border:none;\n  cursor:pointer;\n  font-size:15px;\n  font-weight:900;\n  box-shadow:0 18px 42px rgba(106,92,255,.22);\n}\n\n#sv-arena-page .sv-btn-dark{\n  background:#0f172a;\n  box-shadow:0 18px 42px rgba(15,23,42,.18);\n}\n\n#sv-arena-page .sv-btn-light{\n  background:#ffffff;\n  color:#0f172a !important;\n  border:1px solid #e2e8f0;\n  box-shadow:0 14px 34px rgba(15,23,42,.08);\n}\n\n#sv-arena-page .sv-hero-card{\n  padding:34px;\n  border-radius:38px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 28px 80px rgba(15,23,42,.12);\n}\n\n#sv-arena-page .sv-hero-card-main{\n  padding:30px;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.18),transparent 38%),\n    linear-gradient(180deg,#f8fafc,#ffffff);\n  border:1px solid #e2e8f0;\n  margin-bottom:16px;\n}\n\n#sv-arena-page .sv-hero-card-main strong{\n  display:block;\n  margin-bottom:10px;\n  font-size:32px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n}\n\n#sv-arena-page .sv-hero-card-main span{\n  display:block;\n  color:#64748b;\n  font-size:16px;\n  line-height:1.7;\n}\n\n#sv-arena-page .sv-mini-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n}\n\n#sv-arena-page .sv-mini{\n  padding:16px;\n  border-radius:20px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n}\n\n#sv-arena-page .sv-mini strong{\n  display:block;\n  font-size:15px;\n  margin-bottom:6px;\n}\n\n#sv-arena-page .sv-mini span{\n  color:#64748b;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\/* ADS *\/\n#sv-arena-page .sv-ad-strip{\n  margin:44px auto 0;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n}\n\n#sv-arena-page .sv-ad{\n  min-height:132px;\n  padding:24px;\n  border-radius:26px;\n  border:1px dashed #93c5fd;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.10),transparent 40%),\n    #ffffff;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  text-align:center;\n  box-shadow:0 12px 34px rgba(15,23,42,.05);\n}\n\n#sv-arena-page .sv-ad strong{\n  display:block;\n  margin-bottom:8px;\n  font-size:18px;\n}\n\n#sv-arena-page .sv-ad span{\n  color:#64748b;\n  font-size:14px;\n  line-height:1.55;\n}\n\n\/* SECTION *\/\n#sv-arena-page .sv-section-title{\n  margin:86px auto 42px;\n  max-width:940px;\n  text-align:center;\n}\n\n#sv-arena-page .sv-section-title h2{\n  margin:0 0 16px;\n  font-size:54px;\n  line-height:1.05;\n  letter-spacing:-.05em;\n}\n\n#sv-arena-page .sv-section-title p{\n  max-width:820px;\n  margin:0 auto;\n  color:#64748b;\n  font-size:19px;\n  line-height:1.75;\n}\n\n\/* GAME GRID *\/\n#sv-arena-page .sv-games-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:26px;\n  align-items:start;\n}\n\n#sv-arena-page .sv-game-card{\n  padding:28px;\n  border-radius:34px;\n  border:1px solid #e2e8f0;\n  background:#ffffff;\n  box-shadow:0 22px 58px rgba(15,23,42,.08);\n}\n\n#sv-arena-page .sv-game-card h3{\n  margin:0 0 10px;\n  font-size:30px;\n  line-height:1.1;\n  letter-spacing:-.035em;\n}\n\n#sv-arena-page .sv-game-card p{\n  margin:0 0 22px;\n  color:#64748b;\n  font-size:15px;\n  line-height:1.7;\n}\n\n#sv-arena-page .sv-game-head{\n  display:flex;\n  justify-content:space-between;\n  gap:16px;\n  align-items:flex-start;\n  margin-bottom:18px;\n}\n\n#sv-arena-page .sv-score{\n  padding:10px 14px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:13px;\n  font-weight:900;\n  white-space:nowrap;\n}\n\n\/* CHESS *\/\n#sv-arena-page .sv-chess-layout{\n  display:grid;\n  grid-template-columns:minmax(0,360px) minmax(220px,1fr);\n  gap:18px;\n  align-items:start;\n}\n\n#svArenaChessBoard{\n  width:100%;\n  max-width:360px;\n  aspect-ratio:1\/1;\n  display:grid;\n  grid-template-columns:repeat(8,1fr);\n  grid-template-rows:repeat(8,1fr);\n  border:3px solid #0f172a;\n  border-radius:14px;\n  overflow:hidden;\n  background:#f8fafc;\n}\n\n#svArenaChessBoard .sq{\n  width:100%;\n  height:100%;\n  aspect-ratio:1\/1;\n  min-width:0;\n  min-height:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:30px;\n  line-height:1;\n  cursor:pointer;\n  user-select:none;\n  padding:0 !important;\n  margin:0 !important;\n}\n\n#svArenaChessBoard .light{\n  background:#f3d7a5;\n}\n\n#svArenaChessBoard .dark{\n  background:#b9855a;\n}\n\n#svArenaChessBoard .selected{\n  outline:4px solid #6a5cff;\n  outline-offset:-4px;\n}\n\n#svArenaChessBoard .legal{\n  box-shadow:inset 0 0 0 5px rgba(34,197,94,.45);\n}\n\n#sv-arena-page .sv-side-box{\n  padding:16px;\n  border-radius:18px;\n  border:1px solid #e2e8f0;\n  background:#f8fafc;\n  margin-bottom:10px;\n}\n\n#sv-arena-page .sv-side-box strong{\n  display:block;\n  margin-bottom:7px;\n  font-size:14px;\n}\n\n#sv-arena-page .sv-side-box span{\n  color:#334155;\n  font-size:14px;\n  line-height:1.5;\n}\n\n#sv-arena-page .sv-game-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:14px;\n}\n\n#sv-arena-page .sv-small-btn{\n  min-height:42px;\n  padding:10px 15px;\n  border-radius:14px;\n  background:#0f172a;\n  color:#ffffff;\n  font-size:13px;\n  font-weight:900;\n  border:none;\n  cursor:pointer;\n}\n\n#sv-arena-page .sv-small-btn.light{\n  background:#ffffff;\n  color:#0f172a;\n  border:1px solid #e2e8f0;\n}\n\n\/* SUDOKU *\/\n#svSudokuGrid{\n  width:min(100%,378px);\n  aspect-ratio:1\/1;\n  display:grid;\n  grid-template-columns:repeat(9,1fr);\n  grid-template-rows:repeat(9,1fr);\n  border:3px solid #0f172a;\n  border-radius:14px;\n  overflow:hidden;\n  background:#0f172a;\n}\n\n#svSudokuGrid input{\n  width:100%;\n  height:100%;\n  min-width:0;\n  min-height:0;\n  border:1px solid #cbd5e1;\n  text-align:center;\n  font-size:20px;\n  font-weight:800;\n  color:#0f172a;\n  background:#ffffff;\n  outline:none;\n  padding:0 !important;\n  margin:0 !important;\n  border-radius:0 !important;\n}\n\n#svSudokuGrid input:nth-child(3n){\n  border-right:2px solid #0f172a;\n}\n\n#svSudokuGrid input:nth-child(n+19):nth-child(-n+27),\n#svSudokuGrid input:nth-child(n+46):nth-child(-n+54){\n  border-bottom:2px solid #0f172a;\n}\n\n#svSudokuGrid input.fixed{\n  background:#eef2ff;\n  color:#4f46e5;\n}\n\n#svSudokuGrid input.ok{\n  background:#ecfdf5;\n}\n\n#svSudokuGrid input.bad{\n  background:#fff1f2;\n}\n\n\/* MEMORY *\/\n#svMemoryGrid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  max-width:420px;\n}\n\n#svMemoryGrid .mem-card{\n  aspect-ratio:1\/1;\n  border-radius:18px;\n  border:1px solid #e2e8f0;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:34px;\n  font-weight:900;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  cursor:pointer;\n  user-select:none;\n  box-shadow:0 12px 28px rgba(15,23,42,.06);\n}\n\n#svMemoryGrid .mem-card.open,\n#svMemoryGrid .mem-card.done{\n  background:#ffffff;\n}\n\n\/* REACTION *\/\n#svReactionBox{\n  width:100%;\n  min-height:260px;\n  border-radius:28px;\n  background:#eef2ff;\n  border:1px solid #c4b5fd;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  cursor:pointer;\n  padding:24px;\n  color:#4f46e5;\n  font-weight:900;\n  font-size:24px;\n  line-height:1.25;\n}\n\n#svReactionBox.wait{\n  background:#fff7ed;\n  border-color:#fdba74;\n  color:#c2410c;\n}\n\n#svReactionBox.go{\n  background:#ecfdf5;\n  border-color:#86efac;\n  color:#15803d;\n}\n\n#svReactionBox.too-soon{\n  background:#fff1f2;\n  border-color:#fda4af;\n  color:#be123c;\n}\n\n\/* PRIVACY \/ AD NOTICE *\/\n#sv-arena-page .sv-privacy-note{\n  margin-top:46px;\n  padding:26px 30px;\n  border-radius:28px;\n  background:#f8fafc;\n  border:1px solid #e2e8f0;\n  color:#475569;\n  font-size:15px;\n  line-height:1.75;\n}\n\n#sv-arena-page .sv-privacy-note strong{\n  display:block;\n  margin-bottom:8px;\n  color:#0f172a;\n  font-size:18px;\n}\n\n\/* MONETIZATION *\/\n#sv-arena-page .sv-monetize{\n  margin-top:90px;\n  padding:58px;\n  border-radius:42px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.14),transparent 34%),\n    linear-gradient(180deg,#f8fafc,#ffffff);\n  border:1px solid #e2e8f0;\n  text-align:center;\n}\n\n#sv-arena-page .sv-monetize h2{\n  margin:0 0 16px;\n  font-size:48px;\n  letter-spacing:-.04em;\n}\n\n#sv-arena-page .sv-monetize p{\n  max-width:820px;\n  margin:0 auto 28px;\n  color:#64748b;\n  line-height:1.75;\n  font-size:18px;\n}\n\n@media(max-width:1200px){\n  #sv-arena-page .sv-hero-grid,\n  #sv-arena-page .sv-games-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-arena-page h1{\n    font-size:58px;\n  }\n\n  #sv-arena-page .sv-ad-strip{\n    grid-template-columns:1fr;\n  }\n}\n\n@media(max-width:760px){\n  #sv-arena-page .sv-wrap{\n    width:100%;\n    padding:0 16px;\n  }\n\n  #sv-arena-page .sv-hero{\n    padding:58px 0 62px;\n  }\n\n  #sv-arena-page h1{\n    font-size:42px;\n  }\n\n  #sv-arena-page .sv-lead{\n    font-size:19px;\n  }\n\n  #sv-arena-page .sv-mini-grid,\n  #sv-arena-page .sv-chess-layout{\n    grid-template-columns:1fr;\n  }\n\n  #sv-arena-page .sv-section-title h2,\n  #sv-arena-page .sv-monetize h2{\n    font-size:36px;\n  }\n\n  #sv-arena-page .sv-btn{\n    width:100%;\n  }\n\n  #svArenaChessBoard{\n    max-width:100%;\n  }\n\n  #svArenaChessBoard .sq{\n    font-size:24px;\n  }\n\n  #svMemoryGrid{\n    grid-template-columns:repeat(4,1fr);\n  }\n}\n<\/style>\n\n<div class=\"sv-wrap\">\n\n  <section class=\"sv-hero\">\n    <div class=\"sv-hero-grid\">\n\n      <div>\n        <div class=\"sv-kicker\">Mind Arena<\/div>\n\n        <h1>\n          Train focus,<br>\n          patience and strategy.\n        <\/h1>\n\n        <p class=\"sv-lead\">\n          A calmer arena for small cognitive games: chess, sudoku, memory and reaction.\n        <\/p>\n\n        <p class=\"sv-sub\">\n          Stadia is not only conversation. It is also attention, decision-making and mental clarity.\n          The Arena gives visitors a reason to return, play and stay longer.\n        <\/p>\n\n        <div class=\"sv-actions\">\n          <a class=\"sv-btn\" href=\"#chess\">Play Chess \u2192<\/a>\n          <a class=\"sv-btn sv-btn-dark\" href=\"#sudoku\">Sudoku \u2192<\/a>\n          <a class=\"sv-btn sv-btn-light\" href=\"\/find-the-right-voices\/\">Find the Right Voices \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-hero-card\">\n        <div class=\"sv-hero-card-main\">\n          <strong>Games create return visits.<\/strong>\n          <span>\n            The Arena can become a simple engagement layer: play, focus, return, and discover Stadia\u2019s deeper conversation paths.\n          <\/span>\n        <\/div>\n\n        <div class=\"sv-mini-grid\">\n          <div class=\"sv-mini\">\n            <strong>Focus<\/strong>\n            <span>Attention and patience.<\/span>\n          <\/div>\n          <div class=\"sv-mini\">\n            <strong>Strategy<\/strong>\n            <span>Choice and consequence.<\/span>\n          <\/div>\n          <div class=\"sv-mini\">\n            <strong>Return<\/strong>\n            <span>Reasons to revisit.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sv-ad-strip\">\n      <div class=\"sv-ad\">\n        <strong>Advertising Space 1<\/strong>\n        <span>For sponsors, education tools, apps or personal development services.<\/span>\n      <\/div>\n\n      <div class=\"sv-ad\">\n        <strong>Advertising Space 2<\/strong>\n        <span>Premium placement for chess, learning, focus or productivity partners.<\/span>\n      <\/div>\n\n      <div class=\"sv-ad\">\n        <strong>Advertising Space 3<\/strong>\n        <span>Future AdSense, sponsor banner, affiliate block or newsletter promotion.<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"sv-section-title\">\n    <h2>Choose your arena.<\/h2>\n    <p>\n      Each game is simple, fast and useful: a small mental reset before returning to conversation, growth and direction.\n    <\/p>\n  <\/section>\n\n  <section class=\"sv-games-grid\">\n\n    <!-- CHESS -->\n    <div class=\"sv-game-card\" id=\"chess\">\n      <div class=\"sv-game-head\">\n        <div>\n          <h3>\u265f Chess Arena<\/h3>\n          <p>Play a legal chess game against a simple built-in algorithm.<\/p>\n        <\/div>\n        <div class=\"sv-score\">Strategy<\/div>\n      <\/div>\n\n      <div class=\"sv-chess-layout\" id=\"svArenaChessApp\">\n        <div id=\"svArenaChessBoard\"><\/div>\n\n        <div>\n          <div class=\"sv-side-box\">\n            <strong>Status<\/strong>\n            <span id=\"svArenaChessStatus\">Loading&#8230;<\/span>\n          <\/div>\n\n          <div class=\"sv-side-box\">\n            <strong>Saved Wins<\/strong>\n            <span id=\"svArenaChessWins\">0<\/span>\n          <\/div>\n\n          <div class=\"sv-side-box\">\n            <strong>Last Move<\/strong>\n            <span id=\"svArenaChessLast\">No moves yet<\/span>\n          <\/div>\n\n          <div class=\"sv-side-box\">\n            <strong>How to play<\/strong>\n            <span>Click a white piece, then click a highlighted legal square.<\/span>\n          <\/div>\n\n          <div class=\"sv-game-buttons\">\n            <button class=\"sv-small-btn\" id=\"svArenaChessReset\" type=\"button\">Reset Game<\/button>\n            <button class=\"sv-small-btn light\" id=\"svArenaChessClearWins\" type=\"button\">Clear Wins<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- SUDOKU -->\n    <div class=\"sv-game-card\" id=\"sudoku\">\n      <div class=\"sv-game-head\">\n        <div>\n          <h3>\ud83d\udd22 Sudoku<\/h3>\n          <p>Complete the grid. The page checks your entries against a fixed beginner puzzle.<\/p>\n        <\/div>\n        <div class=\"sv-score\" id=\"svSudokuScore\">0 \/ 81<\/div>\n      <\/div>\n\n      <div id=\"svSudokuGrid\"><\/div>\n\n      <div class=\"sv-game-buttons\">\n        <button class=\"sv-small-btn\" id=\"svSudokuCheck\" type=\"button\">Check Sudoku<\/button>\n        <button class=\"sv-small-btn light\" id=\"svSudokuReset\" type=\"button\">Reset<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- MEMORY -->\n    <div class=\"sv-game-card\" id=\"memory\">\n      <div class=\"sv-game-head\">\n        <div>\n          <h3>\ud83e\udde0 Memory<\/h3>\n          <p>Find all matching pairs. A simple exercise for attention and recall.<\/p>\n        <\/div>\n        <div class=\"sv-score\" id=\"svMemoryScore\">0 pairs<\/div>\n      <\/div>\n\n      <div id=\"svMemoryGrid\"><\/div>\n\n      <div class=\"sv-game-buttons\">\n        <button class=\"sv-small-btn\" id=\"svMemoryReset\" type=\"button\">New Memory Game<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- REACTION -->\n    <div class=\"sv-game-card\" id=\"reaction\">\n      <div class=\"sv-game-head\">\n        <div>\n          <h3>\u26a1 Reaction Test<\/h3>\n          <p>Wait until the box turns green, then click as fast as possible.<\/p>\n        <\/div>\n        <div class=\"sv-score\" id=\"svReactionBest\">Best: \u2014<\/div>\n      <\/div>\n\n      <div id=\"svReactionBox\">Click to start<\/div>\n\n      <div class=\"sv-game-buttons\">\n        <button class=\"sv-small-btn light\" id=\"svReactionReset\" type=\"button\">Reset Best<\/button>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-ad-strip\">\n    <div class=\"sv-ad\">\n      <strong>Native Sponsor Block<\/strong>\n      <span>\u201cSupported by\u2026\u201d text, sponsor logo, or educational partner.<\/span>\n    <\/div>\n\n    <div class=\"sv-ad\">\n      <strong>Affiliate \/ Course Space<\/strong>\n      <span>Future links to learning tools, books, games, concentration apps.<\/span>\n    <\/div>\n\n    <div class=\"sv-ad\">\n      <strong>Premium Banner<\/strong>\n      <span>Reserved area for paid visibility, newsletter promotion or sponsor placement.<\/span>\n    <\/div>\n  <\/section>\n\n  <section class=\"sv-privacy-note\">\n    <strong>Advertising and consent notice<\/strong>\n    <span>\n      This page may include advertising, sponsor placements or partner messages.\n      Some advertising services may use cookies or similar technologies and may require user consent depending on privacy settings and applicable regulations.\n    <\/span>\n  <\/section>\n\n  <section class=\"sv-monetize\">\n    <h2>Advertising and sponsor spaces<\/h2>\n    <p>\n      Game pages can increase time on site and return visits. These spaces can later be used for sponsor placements,\n      partner messages, affiliate links, newsletter promotion or advertising services that respect user consent choices.\n    <\/p>\n\n    <div class=\"sv-actions\" style=\"justify-content:center;\">\n      <a class=\"sv-btn\" href=\"\/find-the-right-voices\/\">Find the Right Voices \u2192<\/a>\n      <a class=\"sv-btn sv-btn-dark\" href=\"\/open-conversation\/\">Open Conversation \u2192<\/a>\n      <a class=\"sv-btn sv-btn-light\" href=\"\/growth-profile-test\/\">Growth Profile \u2192<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function(){\n\n  function loadChessJs(callback){\n    if(window.Chess){\n      callback();\n      return;\n    }\n\n    var s=document.createElement(\"script\");\n    s.src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/chess.js\/0.10.3\/chess.min.js\";\n    s.onload=callback;\n    s.onerror=function(){\n      var st=document.getElementById(\"svArenaChessStatus\");\n      if(st){st.textContent=\"Chess engine could not load.\";}\n    };\n    document.head.appendChild(s);\n  }\n\n  document.addEventListener(\"DOMContentLoaded\",function(){\n\n    \/* CHESS *\/\n    var chessRoot=document.getElementById(\"svArenaChessApp\");\n\n    if(chessRoot){\n      loadChessJs(function(){\n        var game=new Chess();\n        var selected=null;\n        var winAlreadySaved=false;\n\n        var symbols={\n          wp:\"\u2659\",wn:\"\u2658\",wb:\"\u2657\",wr:\"\u2656\",wq:\"\u2655\",wk:\"\u2654\",\n          bp:\"\u265f\",bn:\"\u265e\",bb:\"\u265d\",br:\"\u265c\",bq:\"\u265b\",bk:\"\u265a\"\n        };\n\n        var boardEl=document.getElementById(\"svArenaChessBoard\");\n        var statusEl=document.getElementById(\"svArenaChessStatus\");\n        var winsEl=document.getElementById(\"svArenaChessWins\");\n        var lastEl=document.getElementById(\"svArenaChessLast\");\n        var resetBtn=document.getElementById(\"svArenaChessReset\");\n        var clearWinsBtn=document.getElementById(\"svArenaChessClearWins\");\n\n        if(!boardEl || !statusEl || !winsEl || !lastEl){\n          return;\n        }\n\n        function squareName(row,col){\n          return \"abcdefgh\"[col]+(8-row);\n        }\n\n        function getStoredWins(){\n          return parseInt(localStorage.getItem(\"svArenaChessWins\") || \"0\",10);\n        }\n\n        function setStoredWins(value){\n          localStorage.setItem(\"svArenaChessWins\",String(value));\n          winsEl.textContent=String(value);\n        }\n\n        function addWin(){\n          if(winAlreadySaved){return;}\n          winAlreadySaved=true;\n          setStoredWins(getStoredWins()+1);\n        }\n\n        function updateStatus(){\n          if(game.in_checkmate()){\n            if(game.turn()===\"b\"){\n              statusEl.textContent=\"Checkmate. You win!\";\n              addWin();\n            }else{\n              statusEl.textContent=\"Checkmate. Algorithm wins.\";\n            }\n            return;\n          }\n\n          if(game.in_draw()){\n            statusEl.textContent=\"Draw.\";\n            return;\n          }\n\n          if(game.in_check()){\n            statusEl.textContent=game.turn()===\"w\" ? \"White in check.\" : \"Black in check.\";\n            return;\n          }\n\n          statusEl.textContent=game.turn()===\"w\" ? \"White to move\" : \"Algorithm thinking...\";\n        }\n\n        function draw(){\n          boardEl.innerHTML=\"\";\n          var b=game.board();\n\n          for(var r=0;r<8;r++){\n            for(var c=0;c<8;c++){\n              var sq=document.createElement(\"div\");\n              var name=squareName(r,c);\n              var piece=b[r][c];\n\n              sq.className=\"sq \"+(((r+c)%2===0) ? \"light\" : \"dark\");\n              sq.dataset.square=name;\n              sq.innerHTML=piece ? symbols[piece.color+piece.type] : \"\";\n\n              sq.addEventListener(\"click\",function(){\n                clickSquare(this.dataset.square);\n              });\n\n              boardEl.appendChild(sq);\n            }\n          }\n\n          updateStatus();\n        }\n\n        function clearMarks(){\n          boardEl.querySelectorAll(\".sq\").forEach(function(s){\n            s.classList.remove(\"selected\");\n            s.classList.remove(\"legal\");\n          });\n        }\n\n        function markMoves(square){\n          var moves=game.moves({square:square,verbose:true});\n          moves.forEach(function(m){\n            var el=boardEl.querySelector('[data-square=\"'+m.to+'\"]');\n            if(el){el.classList.add(\"legal\");}\n          });\n        }\n\n        function clickSquare(square){\n          if(game.game_over() || game.turn()!==\"w\"){return;}\n\n          var piece=game.get(square);\n\n          if(!selected){\n            if(!piece || piece.color!==\"w\"){return;}\n            selected=square;\n            clearMarks();\n\n            var selectedEl=boardEl.querySelector('[data-square=\"'+square+'\"]');\n            if(selectedEl){selectedEl.classList.add(\"selected\");}\n\n            markMoves(square);\n            return;\n          }\n\n          var move=null;\n\n          try{\n            move=game.move({from:selected,to:square,promotion:\"q\"});\n          }catch(e){\n            move=null;\n          }\n\n          selected=null;\n          clearMarks();\n\n          if(move){\n            lastEl.textContent=move.from+\" \u2192 \"+move.to;\n            draw();\n\n            if(!game.game_over()){\n              setTimeout(aiMove,500);\n            }\n          }\n        }\n\n        function aiMove(){\n          if(game.game_over() || game.turn()!==\"b\"){return;}\n\n          var moves=game.moves({verbose:true});\n\n          if(!moves.length){\n            draw();\n            return;\n          }\n\n          var mateMoves=moves.filter(function(m){return m.san.indexOf(\"#\")>-1;});\n          var checkMoves=moves.filter(function(m){return m.san.indexOf(\"+\")>-1;});\n          var captureMoves=moves.filter(function(m){return m.captured;});\n\n          var pool=mateMoves.length ? mateMoves : checkMoves.length ? checkMoves : captureMoves.length ? captureMoves : moves;\n          var chosen=pool[Math.floor(Math.random()*pool.length)];\n\n          game.move(chosen);\n          lastEl.textContent=chosen.from+\" \u2192 \"+chosen.to;\n          draw();\n        }\n\n        function resetGame(){\n          game.reset();\n          selected=null;\n          winAlreadySaved=false;\n          lastEl.textContent=\"No moves yet\";\n          draw();\n        }\n\n        if(resetBtn){resetBtn.addEventListener(\"click\",resetGame);}\n        if(clearWinsBtn){clearWinsBtn.addEventListener(\"click\",function(){setStoredWins(0);});}\n\n        winsEl.textContent=String(getStoredWins());\n        draw();\n      });\n    }\n\n    \/* SUDOKU *\/\n    var sudokuGrid=document.getElementById(\"svSudokuGrid\");\n    var sudokuScore=document.getElementById(\"svSudokuScore\");\n    var sudokuCheck=document.getElementById(\"svSudokuCheck\");\n    var sudokuReset=document.getElementById(\"svSudokuReset\");\n\n    var puzzle=[\n      \"530070000\",\n      \"600195000\",\n      \"098000060\",\n      \"800060003\",\n      \"400803001\",\n      \"700020006\",\n      \"060000280\",\n      \"000419005\",\n      \"000080079\"\n    ];\n\n    var solution=[\n      \"534678912\",\n      \"672195348\",\n      \"198342567\",\n      \"859761423\",\n      \"426853791\",\n      \"713924856\",\n      \"961537284\",\n      \"287419635\",\n      \"345286179\"\n    ];\n\n    function buildSudoku(){\n      if(!sudokuGrid){return;}\n\n      sudokuGrid.innerHTML=\"\";\n\n      for(var r=0;r<9;r++){\n        for(var c=0;c<9;c++){\n          var value=puzzle[r][c];\n          var input=document.createElement(\"input\");\n          input.maxLength=1;\n          input.inputMode=\"numeric\";\n          input.dataset.r=r;\n          input.dataset.c=c;\n\n          if(value!==\"0\"){\n            input.value=value;\n            input.disabled=true;\n            input.className=\"fixed\";\n          }\n\n          input.addEventListener(\"input\",function(){\n            this.value=this.value.replace(\/[^1-9]\/g,\"\").slice(0,1);\n            this.classList.remove(\"ok\",\"bad\");\n            updateSudokuScore();\n          });\n\n          sudokuGrid.appendChild(input);\n        }\n      }\n\n      updateSudokuScore();\n    }\n\n    function updateSudokuScore(){\n      if(!sudokuGrid || !sudokuScore){return;}\n      var filled=0;\n      sudokuGrid.querySelectorAll(\"input\").forEach(function(i){\n        if(i.value){filled++;}\n      });\n      sudokuScore.textContent=filled+\" \/ 81\";\n    }\n\n    function checkSudoku(){\n      if(!sudokuGrid){return;}\n\n      sudokuGrid.querySelectorAll(\"input\").forEach(function(input){\n        if(input.classList.contains(\"fixed\")){return;}\n\n        var r=parseInt(input.dataset.r,10);\n        var c=parseInt(input.dataset.c,10);\n\n        input.classList.remove(\"ok\",\"bad\");\n\n        if(!input.value){return;}\n\n        if(input.value===solution[r][c]){\n          input.classList.add(\"ok\");\n        }else{\n          input.classList.add(\"bad\");\n        }\n      });\n\n      updateSudokuScore();\n    }\n\n    if(sudokuCheck){sudokuCheck.addEventListener(\"click\",checkSudoku);}\n    if(sudokuReset){sudokuReset.addEventListener(\"click\",buildSudoku);}\n    buildSudoku();\n\n    \/* MEMORY *\/\n    var memoryGrid=document.getElementById(\"svMemoryGrid\");\n    var memoryScore=document.getElementById(\"svMemoryScore\");\n    var memoryReset=document.getElementById(\"svMemoryReset\");\n\n    var memoryOpen=[];\n    var memoryDone=0;\n    var memoryLocked=false;\n\n    function shuffle(arr){\n      for(var i=arr.length-1;i>0;i--){\n        var j=Math.floor(Math.random()*(i+1));\n        var t=arr[i];\n        arr[i]=arr[j];\n        arr[j]=t;\n      }\n      return arr;\n    }\n\n    function buildMemory(){\n      if(!memoryGrid){return;}\n\n      memoryGrid.innerHTML=\"\";\n      memoryOpen=[];\n      memoryDone=0;\n      memoryLocked=false;\n\n      var icons=[\"\ud83d\udd25\",\"\ud83e\udded\",\"\ud83d\udcac\",\"\ud83c\udf31\",\"\u265f\ufe0f\",\"\u26a1\",\"\ud83e\udde0\",\"\ud83c\udf0d\"];\n      var deck=shuffle(icons.concat(icons));\n\n      deck.forEach(function(icon){\n        var card=document.createElement(\"div\");\n        card.className=\"mem-card\";\n        card.dataset.icon=icon;\n        card.textContent=\"?\";\n\n        card.addEventListener(\"click\",function(){\n          if(memoryLocked || card.classList.contains(\"done\") || card.classList.contains(\"open\")){\n            return;\n          }\n\n          card.classList.add(\"open\");\n          card.textContent=card.dataset.icon;\n          memoryOpen.push(card);\n\n          if(memoryOpen.length===2){\n            memoryLocked=true;\n\n            if(memoryOpen[0].dataset.icon===memoryOpen[1].dataset.icon){\n              memoryOpen[0].classList.add(\"done\");\n              memoryOpen[1].classList.add(\"done\");\n              memoryDone++;\n              memoryOpen=[];\n              memoryLocked=false;\n              if(memoryScore){memoryScore.textContent=memoryDone+\" pairs\";}\n            }else{\n              setTimeout(function(){\n                memoryOpen.forEach(function(c){\n                  c.classList.remove(\"open\");\n                  c.textContent=\"?\";\n                });\n                memoryOpen=[];\n                memoryLocked=false;\n              },650);\n            }\n          }\n        });\n\n        memoryGrid.appendChild(card);\n      });\n\n      if(memoryScore){memoryScore.textContent=\"0 pairs\";}\n    }\n\n    if(memoryReset){memoryReset.addEventListener(\"click\",buildMemory);}\n    buildMemory();\n\n    \/* REACTION *\/\n    var reactionBox=document.getElementById(\"svReactionBox\");\n    var reactionBest=document.getElementById(\"svReactionBest\");\n    var reactionReset=document.getElementById(\"svReactionReset\");\n    var reactionTimer=null;\n    var reactionStart=0;\n    var reactionState=\"idle\";\n\n    function getBestReaction(){\n      return localStorage.getItem(\"svReactionBest\") || \"\";\n    }\n\n    function setBestReaction(v){\n      localStorage.setItem(\"svReactionBest\",String(v));\n      if(reactionBest){reactionBest.textContent=\"Best: \"+v+\" ms\";}\n    }\n\n    function updateBestReaction(){\n      var b=getBestReaction();\n      if(reactionBest){reactionBest.textContent=b ? \"Best: \"+b+\" ms\" : \"Best: \u2014\";}\n    }\n\n    function resetReactionBox(){\n      if(!reactionBox){return;}\n      reactionBox.className=\"\";\n      reactionBox.textContent=\"Click to start\";\n      reactionState=\"idle\";\n      clearTimeout(reactionTimer);\n    }\n\n    if(reactionBox){\n      reactionBox.addEventListener(\"click\",function(){\n        if(reactionState===\"idle\"){\n          reactionState=\"wait\";\n          reactionBox.className=\"wait\";\n          reactionBox.textContent=\"Wait for green...\";\n          var delay=1200+Math.floor(Math.random()*2600);\n\n          reactionTimer=setTimeout(function(){\n            reactionState=\"go\";\n            reactionStart=Date.now();\n            reactionBox.className=\"go\";\n            reactionBox.textContent=\"Click now!\";\n          },delay);\n\n          return;\n        }\n\n        if(reactionState===\"wait\"){\n          clearTimeout(reactionTimer);\n          reactionState=\"idle\";\n          reactionBox.className=\"too-soon\";\n          reactionBox.textContent=\"Too soon. Click to try again.\";\n          return;\n        }\n\n        if(reactionState===\"go\"){\n          var score=Date.now()-reactionStart;\n          reactionBox.className=\"\";\n          reactionBox.textContent=\"Your reaction: \"+score+\" ms. Click to try again.\";\n          reactionState=\"idle\";\n\n          var best=getBestReaction();\n          if(!best || score<parseInt(best,10)){\n            setBestReaction(score);\n          }\n        }\n      });\n    }\n\n    if(reactionReset){\n      reactionReset.addEventListener(\"click\",function(){\n        localStorage.removeItem(\"svReactionBest\");\n        updateBestReaction();\n        resetReactionBox();\n      });\n    }\n\n    updateBestReaction();\n\n  });\n})();\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mind Arena Train focus, patience and strategy. A calmer arena for small cognitive games: chess, sudoku, memory and reaction. Stadia is not only conversation. It is also attention, decision-making and mental clarity. The Arena gives visitors a reason to return, play and stay longer. Play Chess \u2192 Sudoku \u2192 Find the Right Voices \u2192 Games [&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-1468","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/comments?post=1468"}],"version-history":[{"count":2,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1468\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/pages\/1468\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/stadiaorg.com\/de\/wp-json\/wp\/v2\/media?parent=1468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}