\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2<\/title>\n <style>\n :root { --ink:#14213d; --paper:#fffdf7; --blue:#2563eb; --red:#e5484d; --yellow:#facc15; --muted:#64748b; }\n * { box-sizing:border-box; }\n body { margin:0; min-height:100vh; color:var(--ink); font:16px\/1.5 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; background:linear-gradient(135deg,#eff6ff 0%,#fffdf7 48%,#fef3c7 100%); }\n main { width:min(1080px,94vw); margin:auto; padding:32px 0 44px; }\n header { display:flex; gap:20px; align-items:start; justify-content:space-between; margin-bottom:22px; }\n h1 { margin:0; font-size:clamp(2rem,5vw,3.4rem); line-height:1; letter-spacing:-.04em; }\n .subtitle { margin:.55rem 0 0; color:var(--muted); max-width:670px; }\n .badge { white-space:nowrap; border:2px solid var(--ink); border-radius:999px; padding:7px 12px; font-weight:800; background:#fff; }\n .game { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }\n .board-card,.panel { border:2px solid var(--ink); border-radius:20px; background:rgba(255,255,255,.86); box-shadow:7px 7px 0 rgba(20,33,61,.13); }\n .board-card { padding:12px; }\n svg { display:block; width:100%; height:auto; min-height:530px; background:#fffef9; border-radius:13px; }\n .road { stroke:#1e3a8a; stroke-width:10; stroke-linecap:round; cursor:pointer; transition:stroke .16s,stroke-width .16s,filter .16s; outline:none; }\n .road:hover,.road:focus { stroke:#f59e0b; stroke-width:15; filter:drop-shadow(0 2px 1px #fef3c7); }\n .road.p1 { stroke:var(--blue); }\n .road.p2 { stroke:var(--red); }\n .road.p1:hover,.road.p1:focus,.road.p2:hover,.road.p2:focus { stroke-width:10; cursor:not-allowed; }\n .town { fill:var(--yellow); stroke:#854d0e; stroke-width:3; }\n .town.win { fill:#86efac; stroke:#15803d; stroke-width:7; animation:pulse .75s ease-in-out infinite alternate; }\n @keyframes pulse { to { r:17; } }\n .town-label { font-size:16px; font-weight:800; fill:#475569; pointer-events:none; }\n .panel { padding:18px; }\n h2 { font-size:1.05rem; margin:0 0 8px; }\n .status { margin:0 0 15px; padding:13px; border-radius:12px; font-weight:800; background:#eef2ff; border-left:7px solid var(--blue); }\n .status.p2 { background:#fff1f2; border-color:var(--red); }\n .status.win { background:#ecfdf5; border-color:#16a34a; }\n .players { display:grid; gap:9px; margin:0 0 16px; }\n label { font-size:.87rem; font-weight:700; }\n input { width:100%; border:1.5px solid #94a3b8; border-radius:9px; padding:8px 9px; margin-top:3px; font:inherit; }\n .legend { display:grid; gap:8px; padding:12px 0; border-top:1px solid #cbd5e1; border-bottom:1px solid #cbd5e1; }\n .key { display:flex; align-items:center; gap:8px; font-weight:700; }\n .dot { width:16px; height:16px; border-radius:50%; border:2px solid var(--ink); }\n .p1dot { background:var(--blue); } .p2dot { background:var(--red); } .towndot { background:var(--yellow); }\n button { width:100%; margin-top:17px; padding:11px 14px; border:2px solid var(--ink); border-radius:10px; color:var(--ink); background:var(--yellow); font:inherit; font-weight:850; cursor:pointer; box-shadow:3px 3px 0 var(--ink); }\n button:hover { transform:translate(-1px,-1px); box-shadow:5px 5px 0 var(--ink); } button:active { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink); }\n .rules { margin-top:20px; padding:18px 20px; border-left:6px solid var(--yellow); background:#fffbeb; border-radius:12px; }\n .rules p { margin:.25rem 0; }\n .tip { font-size:.9rem; color:var(--muted); margin-top:14px; }\n @media (max-width:780px) { main { padding-top:22px; } header { display:block; } .badge { display:inline-block; margin-top:15px; } .game { grid-template-columns:1fr; } svg { min-height:420px; } }\n <\/style>\n<\/head>\n<body>\n <main>\n <header>\n <div><h1>\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 & \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2<\/h1><p class=\"subtitle\">\u0388\u03bd\u03b1 \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae\u03c2 \u03b3\u03b9\u03b1 \u03b4\u03cd\u03bf \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2. \u0394\u03b9\u03b5\u03ba\u03b4\u03af\u03ba\u03b7\u03c3\u03b5 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03cd\u03c1\u03b3\u03b7\u03c3\u03b5 \u03c4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03c4\u03c1\u03b9\u03ce\u03bd \u03b4\u03c1\u03cc\u03bc\u03c9\u03bd \u03c3\u03b5 \u03bc\u03af\u03b1 \u03c0\u03cc\u03bb\u03b7.<\/p><\/div>\n <div class=\"badge\">2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2 \u00b7 9 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9<\/div>\n <\/header>\n <section class=\"game\" aria-label=\"\u03a0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9 \u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2\">\n <div class=\"board-card\">\n <svg viewBox=\"0 0 700 560\" role=\"img\" aria-labelledby=\"board-title board-desc\">\n <title id=\"board-title\">\u03a7\u03ac\u03c1\u03c4\u03b7\u03c2 \u03bc\u03b5 \u03c0\u03cc\u03bb\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03bd\u03ad\u03b1 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2<\/title><desc id=\"board-desc\">\u0395\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03ad\u03bd\u03b1\u03bd \u03ac\u03b2\u03b1\u03c6\u03bf \u03b4\u03c1\u03cc\u03bc\u03bf. \u039d\u03b9\u03ba\u03ac \u03bf \u03c0\u03c1\u03ce\u03c4\u03bf\u03c2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ac \u03c4\u03c1\u03b5\u03b9\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03bf\u03b9 \u03bf\u03c0\u03bf\u03af\u03bf\u03b9 \u03c0\u03b5\u03c1\u03bd\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03c0\u03cc\u03bb\u03b7.<\/desc>\n <g id=\"roads\">\n <line class=\"road\" id=\"r1\" x1=\"350\" y1=\"45\" x2=\"350\" y2=\"500\" tabindex=\"0\" role=\"button\" aria-label=\"\u039a\u03b5\u03bd\u03c4\u03c1\u03b9\u03ba\u03cc\u03c2 \u03ba\u03ac\u03b8\u03b5\u03c4\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r2\" x1=\"350\" y1=\"45\" x2=\"230\" y2=\"185\" tabindex=\"0\" role=\"button\" aria-label=\"\u0395\u03c0\u03ac\u03bd\u03c9 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03cc\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r3\" x1=\"350\" y1=\"45\" x2=\"470\" y2=\"185\" tabindex=\"0\" role=\"button\" aria-label=\"\u0395\u03c0\u03ac\u03bd\u03c9 \u03b4\u03b5\u03be\u03b9\u03cc\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r4\" x1=\"230\" y1=\"185\" x2=\"470\" y2=\"185\" tabindex=\"0\" role=\"button\" aria-label=\"\u0395\u03c0\u03ac\u03bd\u03c9 \u03bf\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r5\" x1=\"230\" y1=\"185\" x2=\"535\" y2=\"240\" tabindex=\"0\" role=\"button\" aria-label=\"\u0394\u03b9\u03b1\u03b3\u03ce\u03bd\u03b9\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03b4\u03b5\u03be\u03b9\u03ac\"><\/line>\n <line class=\"road\" id=\"r6\" x1=\"470\" y1=\"185\" x2=\"165\" y2=\"240\" tabindex=\"0\" role=\"button\" aria-label=\"\u0394\u03b9\u03b1\u03b3\u03ce\u03bd\u03b9\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ac\"><\/line>\n <line class=\"road\" id=\"r7\" x1=\"165\" y1=\"240\" x2=\"535\" y2=\"240\" tabindex=\"0\" role=\"button\" aria-label=\"\u039c\u03b5\u03c3\u03b1\u03af\u03bf\u03c2 \u03bf\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r8\" x1=\"165\" y1=\"240\" x2=\"350\" y2=\"500\" tabindex=\"0\" role=\"button\" aria-label=\"\u039a\u03ac\u03c4\u03c9 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03cc\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r9\" x1=\"535\" y1=\"240\" x2=\"350\" y2=\"500\" tabindex=\"0\" role=\"button\" aria-label=\"\u039a\u03ac\u03c4\u03c9 \u03b4\u03b5\u03be\u03b9\u03cc\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <\/g>\n <g id=\"towns\">\n <circle class=\"town\" id=\"A\" cx=\"350\" cy=\"45\" r=\"11\"><\/circle><text class=\"town-label\" x=\"365\" y=\"50\">\u0391<\/text>\n <circle class=\"town\" id=\"B\" cx=\"350\" cy=\"115\" r=\"11\"><\/circle><text class=\"town-label\" x=\"365\" y=\"120\">\u0392<\/text>\n <circle class=\"town\" id=\"C\" cx=\"230\" cy=\"185\" r=\"11\"><\/circle><text class=\"town-label\" x=\"210\" y=\"177\">\u0393<\/text>\n <circle class=\"town\" id=\"D\" cx=\"470\" cy=\"185\" r=\"11\"><\/circle><text class=\"town-label\" x=\"484\" y=\"177\">\u0394<\/text>\n <circle class=\"town\" id=\"E\" cx=\"350\" cy=\"205\" r=\"11\"><\/circle><text class=\"town-label\" x=\"365\" y=\"210\">\u0395<\/text>\n <circle class=\"town\" id=\"F\" cx=\"165\" cy=\"240\" r=\"11\"><\/circle><text class=\"town-label\" x=\"144\" y=\"265\">\u0396<\/text>\n <circle class=\"town\" id=\"G\" cx=\"535\" cy=\"240\" r=\"11\"><\/circle><text class=\"town-label\" x=\"548\" y=\"265\">\u0397<\/text>\n <circle class=\"town\" id=\"H\" cx=\"350\" cy=\"500\" r=\"11\"><\/circle><text class=\"town-label\" x=\"365\" y=\"505\">\u0398<\/text>\n <\/g>\n <\/svg>\n <\/div>\n <aside class=\"panel\">\n <h2>\u03a0\u03af\u03bd\u03b1\u03ba\u03b1\u03c2 \u03c0\u03b1\u03b9\u03c7\u03bd\u03b9\u03b4\u03b9\u03bf\u03cd<\/h2>\n <p id=\"status\" class=\"status\" aria-live=\"polite\">\u03a3\u03b5\u03b9\u03c1\u03ac \u03ad\u03c7\u03b5\u03b9 \u03bf \u03a0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 1.<\/p>\n <div class=\"players\">\n <label>\u039c\u03c0\u03bb\u03b5 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2<input id=\"name1\" maxlength=\"20\" value=\"\u03a0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 1\"><\/label>\n <label>\u039a\u03cc\u03ba\u03ba\u03b9\u03bd\u03bf\u03c2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2<input id=\"name2\" maxlength=\"20\" value=\"\u03a0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 2\"><\/label>\n <\/div>\n <div class=\"legend\"><div class=\"key\"><span class=\"dot p1dot\"><\/span>\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03c4\u03bf\u03c5 \u03bc\u03c0\u03bb\u03b5 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7<\/div><div class=\"key\"><span class=\"dot p2dot\"><\/span>\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03c4\u03bf\u03c5 \u03ba\u03cc\u03ba\u03ba\u03b9\u03bd\u03bf\u03c5 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7<\/div><div class=\"key\"><span class=\"dot towndot\"><\/span>\u03a0\u03cc\u03bb\u03b5\u03b9\u03c2<\/div><\/div>\n <button id=\"reset\" type=\"button\">\u039d\u03ad\u03b1 \u03c0\u03b1\u03c1\u03c4\u03af\u03b4\u03b1<\/button>\n <p class=\"tip\">\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1\u03bd \u03b4\u03c1\u03cc\u03bc\u03bf \u03bc\u03b5 <kbd>Tab<\/kbd> \u03ba\u03b1\u03b9 <kbd>Enter<\/kbd>.<\/p>\n <\/aside>\n <\/section>\n <section class=\"rules\"><strong>\u039a\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2.<\/strong><p>\u039f\u03b9 \u03ba\u03af\u03c4\u03c1\u03b9\u03bd\u03b5\u03c2 \u03ba\u03bf\u03c5\u03ba\u03ba\u03af\u03b4\u03b5\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03cc\u03bb\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03b5\u03bd\u03bd\u03ad\u03b1 \u03b5\u03c5\u03b8\u03b5\u03af\u03b5\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9. \u039a\u03ac\u03b8\u03b5 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2, \u03bc\u03b5 \u03c4\u03b7 \u03c3\u03b5\u03b9\u03c1\u03ac \u03c4\u03bf\u03c5, \u03c7\u03c1\u03c9\u03bc\u03b1\u03c4\u03af\u03b6\u03b5\u03b9 \u03ad\u03bd\u03b1\u03bd \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf \u03b4\u03c1\u03cc\u03bc\u03bf. \u039f \u03c0\u03c1\u03ce\u03c4\u03bf\u03c2 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03c7\u03c1\u03c9\u03bc\u03b1\u03c4\u03af\u03c3\u03b5\u03b9 <strong>\u03c4\u03c1\u03b5\u03b9\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03c0\u03bf\u03c5 \u03c6\u03c4\u03ac\u03bd\u03bf\u03c5\u03bd \u03ae \u03c0\u03b5\u03c1\u03bd\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03c0\u03cc\u03bb\u03b7<\/strong>, \u03ba\u03b5\u03c1\u03b4\u03af\u03b6\u03b5\u03b9.<\/p><\/section>\n <\/main>\n <script>\n const roads = {\n r1:['A','B','E','H'], r2:['A','C'], r3:['A','D'], r4:['C','D'], r5:['C','G'], r6:['D','F'], r7:['F','G'], r8:['F','H'], r9:['G','H']\n };\n const state = { player:1, owned:{}, over:false };\n const name = p => (document.getElementById('name'+p).value.trim() || `\u03a0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 ${p}`);\n const status = document.getElementById('status');\n function renderStatus(message, kind='') { status.textContent = message; status.className = 'status '+kind; }\n function checkWin(player) {\n const counts = {};\n Object.entries(state.owned).forEach(([road,owner]) => { if (owner === player) roads[road].forEach(town => counts[town]=(counts[town]||0)+1); });\n return Object.entries(counts).find(([,total]) => total >= 3)?.[0];\n }\n function claim(road) {\n if (state.over || state.owned[road]) return;\n state.owned[road] = state.player;\n document.getElementById(road).classList.add('p'+state.player);\n const winningTown = checkWin(state.player);\n if (winningTown) {\n state.over = true;\n document.getElementById(winningTown).classList.add('win');\n renderStatus(`\u039d\u03af\u03ba\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd\/\u03c4\u03b7\u03bd ${name(state.player)}! \u03a4\u03c1\u03b5\u03b9\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9 \u03c3\u03c5\u03bd\u03b1\u03bd\u03c4\u03ce\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03cc\u03bb\u03b7 ${winningTown}.`, 'win');\n return;\n }\n if (Object.keys(state.owned).length === 9) { state.over = true; renderStatus('\u0399\u03c3\u03bf\u03c0\u03b1\u03bb\u03af\u03b1: \u03c7\u03c1\u03c9\u03bc\u03b1\u03c4\u03af\u03c3\u03c4\u03b7\u03ba\u03b1\u03bd \u03cc\u03bb\u03bf\u03b9 \u03bf\u03b9 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9.', 'win'); return; }\n state.player = state.player === 1 ? 2 : 1;\n renderStatus(`\u03a3\u03b5\u03b9\u03c1\u03ac \u03ad\u03c7\u03b5\u03b9 \u03bf\/\u03b7 ${name(state.player)}.`, state.player === 2 ? 'p2' : '');\n }\n document.querySelectorAll('.road').forEach(el => {\n el.addEventListener('click', () => claim(el.id));\n el.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); claim(el.id); } });\n });\n document.getElementById('reset').addEventListener('click', () => {\n state.player=1; state.owned={}; state.over=false;\n document.querySelectorAll('.road').forEach(el => el.classList.remove('p1','p2'));\n document.querySelectorAll('.town').forEach(el => el.classList.remove('win'));\n renderStatus(`\u03a3\u03b5\u03b9\u03c1\u03ac \u03ad\u03c7\u03b5\u03b9 \u03bf\/\u03b7 ${name(1)}.`);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2 \u0394\u03c1\u03cc\u03bc\u03bf\u03b9 & \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2 \u0388\u03bd\u03b1 \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae\u03c2 \u03b3\u03b9\u03b1 \u03b4\u03cd\u03bf \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2. \u0394\u03b9\u03b5\u03ba\u03b4\u03af\u03ba\u03b7\u03c3\u03b5 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03cd\u03c1\u03b3\u03b7\u03c3\u03b5 \u03c4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03c4\u03c1\u03b9\u03ce\u03bd \u03b4\u03c1\u03cc\u03bc\u03c9\u03bd \u03c3\u03b5 \u03bc\u03af\u03b1 \u03c0\u03cc\u03bb\u03b7. 2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2 \u00b7 9 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9 \u03a7\u03ac\u03c1\u03c4\u03b7\u03c2 \u03bc\u03b5 \u03c0\u03cc\u03bb\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03bd\u03ad\u03b1 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2\u0395\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03ad\u03bd\u03b1\u03bd \u03ac\u03b2\u03b1\u03c6\u03bf \u03b4\u03c1\u03cc\u03bc\u03bf. \u039d\u03b9\u03ba\u03ac \u03bf \u03c0\u03c1\u03ce\u03c4\u03bf\u03c2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ac \u03c4\u03c1\u03b5\u03b9\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03bf\u03b9 \u03bf\u03c0\u03bf\u03af\u03bf\u03b9 \u03c0\u03b5\u03c1\u03bd\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03c0\u03cc\u03bb\u03b7. \u0391 \u0392 … <a href=\"https:\/\/presswiki.allmath.gr\/wpwiki18\/2026\/11\/15\/09\/00\/02\/9550\/\" class=\"more-link\">\u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<span class=\"screen-reader-text\"> “JAM”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[937,767],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/posts\/9550"}],"collection":[{"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/comments?post=9550"}],"version-history":[{"count":3,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/posts\/9550\/revisions"}],"predecessor-version":[{"id":9554,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/posts\/9550\/revisions\/9554"}],"wp:attachment":[{"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/media?parent=9550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/categories?post=9550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/tags?post=9550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9550,"date":"2026-11-15T09:00:02","date_gmt":"2026-11-15T09:00:02","guid":{"rendered":"https:\/\/presswiki.allmath.gr\/wpwiki18\/?p=9550"},"modified":"2026-11-15T09:04:42","modified_gmt":"2026-11-15T09:04:42","slug":"jam","status":"publish","type":"post","link":"https:\/\/presswiki.allmath.gr\/wpwiki18\/2026\/11\/15\/09\/00\/02\/9550\/","title":{"rendered":"JAM"},"content":{"rendered":"\n\n\n\n \n \n \n \u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2<\/title>\n <style>\n :root { --ink:#14213d; --paper:#fffdf7; --blue:#2563eb; --red:#e5484d; --yellow:#facc15; --muted:#64748b; }\n * { box-sizing:border-box; }\n body { margin:0; min-height:100vh; color:var(--ink); font:16px\/1.5 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; background:linear-gradient(135deg,#eff6ff 0%,#fffdf7 48%,#fef3c7 100%); }\n main { width:min(1080px,94vw); margin:auto; padding:32px 0 44px; }\n header { display:flex; gap:20px; align-items:start; justify-content:space-between; margin-bottom:22px; }\n h1 { margin:0; font-size:clamp(2rem,5vw,3.4rem); line-height:1; letter-spacing:-.04em; }\n .subtitle { margin:.55rem 0 0; color:var(--muted); max-width:670px; }\n .badge { white-space:nowrap; border:2px solid var(--ink); border-radius:999px; padding:7px 12px; font-weight:800; background:#fff; }\n .game { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }\n .board-card,.panel { border:2px solid var(--ink); border-radius:20px; background:rgba(255,255,255,.86); box-shadow:7px 7px 0 rgba(20,33,61,.13); }\n .board-card { padding:12px; }\n svg { display:block; width:100%; height:auto; min-height:530px; background:#fffef9; border-radius:13px; }\n .road { stroke:#1e3a8a; stroke-width:10; stroke-linecap:round; cursor:pointer; transition:stroke .16s,stroke-width .16s,filter .16s; outline:none; }\n .road:hover,.road:focus { stroke:#f59e0b; stroke-width:15; filter:drop-shadow(0 2px 1px #fef3c7); }\n .road.p1 { stroke:var(--blue); }\n .road.p2 { stroke:var(--red); }\n .road.p1:hover,.road.p1:focus,.road.p2:hover,.road.p2:focus { stroke-width:10; cursor:not-allowed; }\n .town { fill:var(--yellow); stroke:#854d0e; stroke-width:3; }\n .town.win { fill:#86efac; stroke:#15803d; stroke-width:7; animation:pulse .75s ease-in-out infinite alternate; }\n @keyframes pulse { to { r:17; } }\n .town-label { font-size:16px; font-weight:800; fill:#475569; pointer-events:none; }\n .panel { padding:18px; }\n h2 { font-size:1.05rem; margin:0 0 8px; }\n .status { margin:0 0 15px; padding:13px; border-radius:12px; font-weight:800; background:#eef2ff; border-left:7px solid var(--blue); }\n .status.p2 { background:#fff1f2; border-color:var(--red); }\n .status.win { background:#ecfdf5; border-color:#16a34a; }\n .players { display:grid; gap:9px; margin:0 0 16px; }\n label { font-size:.87rem; font-weight:700; }\n input { width:100%; border:1.5px solid #94a3b8; border-radius:9px; padding:8px 9px; margin-top:3px; font:inherit; }\n .legend { display:grid; gap:8px; padding:12px 0; border-top:1px solid #cbd5e1; border-bottom:1px solid #cbd5e1; }\n .key { display:flex; align-items:center; gap:8px; font-weight:700; }\n .dot { width:16px; height:16px; border-radius:50%; border:2px solid var(--ink); }\n .p1dot { background:var(--blue); } .p2dot { background:var(--red); } .towndot { background:var(--yellow); }\n button { width:100%; margin-top:17px; padding:11px 14px; border:2px solid var(--ink); border-radius:10px; color:var(--ink); background:var(--yellow); font:inherit; font-weight:850; cursor:pointer; box-shadow:3px 3px 0 var(--ink); }\n button:hover { transform:translate(-1px,-1px); box-shadow:5px 5px 0 var(--ink); } button:active { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink); }\n .rules { margin-top:20px; padding:18px 20px; border-left:6px solid var(--yellow); background:#fffbeb; border-radius:12px; }\n .rules p { margin:.25rem 0; }\n .tip { font-size:.9rem; color:var(--muted); margin-top:14px; }\n @media (max-width:780px) { main { padding-top:22px; } header { display:block; } .badge { display:inline-block; margin-top:15px; } .game { grid-template-columns:1fr; } svg { min-height:420px; } }\n <\/style>\n<\/head>\n<body>\n <main>\n <header>\n <div><h1>\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 & \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2<\/h1><p class=\"subtitle\">\u0388\u03bd\u03b1 \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae\u03c2 \u03b3\u03b9\u03b1 \u03b4\u03cd\u03bf \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2. \u0394\u03b9\u03b5\u03ba\u03b4\u03af\u03ba\u03b7\u03c3\u03b5 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03cd\u03c1\u03b3\u03b7\u03c3\u03b5 \u03c4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03c4\u03c1\u03b9\u03ce\u03bd \u03b4\u03c1\u03cc\u03bc\u03c9\u03bd \u03c3\u03b5 \u03bc\u03af\u03b1 \u03c0\u03cc\u03bb\u03b7.<\/p><\/div>\n <div class=\"badge\">2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2 \u00b7 9 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9<\/div>\n <\/header>\n <section class=\"game\" aria-label=\"\u03a0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9 \u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2\">\n <div class=\"board-card\">\n <svg viewBox=\"0 0 700 560\" role=\"img\" aria-labelledby=\"board-title board-desc\">\n <title id=\"board-title\">\u03a7\u03ac\u03c1\u03c4\u03b7\u03c2 \u03bc\u03b5 \u03c0\u03cc\u03bb\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03bd\u03ad\u03b1 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2<\/title><desc id=\"board-desc\">\u0395\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03ad\u03bd\u03b1\u03bd \u03ac\u03b2\u03b1\u03c6\u03bf \u03b4\u03c1\u03cc\u03bc\u03bf. \u039d\u03b9\u03ba\u03ac \u03bf \u03c0\u03c1\u03ce\u03c4\u03bf\u03c2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ac \u03c4\u03c1\u03b5\u03b9\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03bf\u03b9 \u03bf\u03c0\u03bf\u03af\u03bf\u03b9 \u03c0\u03b5\u03c1\u03bd\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03c0\u03cc\u03bb\u03b7.<\/desc>\n <g id=\"roads\">\n <line class=\"road\" id=\"r1\" x1=\"350\" y1=\"45\" x2=\"350\" y2=\"500\" tabindex=\"0\" role=\"button\" aria-label=\"\u039a\u03b5\u03bd\u03c4\u03c1\u03b9\u03ba\u03cc\u03c2 \u03ba\u03ac\u03b8\u03b5\u03c4\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r2\" x1=\"350\" y1=\"45\" x2=\"230\" y2=\"185\" tabindex=\"0\" role=\"button\" aria-label=\"\u0395\u03c0\u03ac\u03bd\u03c9 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03cc\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r3\" x1=\"350\" y1=\"45\" x2=\"470\" y2=\"185\" tabindex=\"0\" role=\"button\" aria-label=\"\u0395\u03c0\u03ac\u03bd\u03c9 \u03b4\u03b5\u03be\u03b9\u03cc\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r4\" x1=\"230\" y1=\"185\" x2=\"470\" y2=\"185\" tabindex=\"0\" role=\"button\" aria-label=\"\u0395\u03c0\u03ac\u03bd\u03c9 \u03bf\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r5\" x1=\"230\" y1=\"185\" x2=\"535\" y2=\"240\" tabindex=\"0\" role=\"button\" aria-label=\"\u0394\u03b9\u03b1\u03b3\u03ce\u03bd\u03b9\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03b4\u03b5\u03be\u03b9\u03ac\"><\/line>\n <line class=\"road\" id=\"r6\" x1=\"470\" y1=\"185\" x2=\"165\" y2=\"240\" tabindex=\"0\" role=\"button\" aria-label=\"\u0394\u03b9\u03b1\u03b3\u03ce\u03bd\u03b9\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ac\"><\/line>\n <line class=\"road\" id=\"r7\" x1=\"165\" y1=\"240\" x2=\"535\" y2=\"240\" tabindex=\"0\" role=\"button\" aria-label=\"\u039c\u03b5\u03c3\u03b1\u03af\u03bf\u03c2 \u03bf\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03bf\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r8\" x1=\"165\" y1=\"240\" x2=\"350\" y2=\"500\" tabindex=\"0\" role=\"button\" aria-label=\"\u039a\u03ac\u03c4\u03c9 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03cc\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <line class=\"road\" id=\"r9\" x1=\"535\" y1=\"240\" x2=\"350\" y2=\"500\" tabindex=\"0\" role=\"button\" aria-label=\"\u039a\u03ac\u03c4\u03c9 \u03b4\u03b5\u03be\u03b9\u03cc\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c2\"><\/line>\n <\/g>\n <g id=\"towns\">\n <circle class=\"town\" id=\"A\" cx=\"350\" cy=\"45\" r=\"11\"><\/circle><text class=\"town-label\" x=\"365\" y=\"50\">\u0391<\/text>\n <circle class=\"town\" id=\"B\" cx=\"350\" cy=\"115\" r=\"11\"><\/circle><text class=\"town-label\" x=\"365\" y=\"120\">\u0392<\/text>\n <circle class=\"town\" id=\"C\" cx=\"230\" cy=\"185\" r=\"11\"><\/circle><text class=\"town-label\" x=\"210\" y=\"177\">\u0393<\/text>\n <circle class=\"town\" id=\"D\" cx=\"470\" cy=\"185\" r=\"11\"><\/circle><text class=\"town-label\" x=\"484\" y=\"177\">\u0394<\/text>\n <circle class=\"town\" id=\"E\" cx=\"350\" cy=\"205\" r=\"11\"><\/circle><text class=\"town-label\" x=\"365\" y=\"210\">\u0395<\/text>\n <circle class=\"town\" id=\"F\" cx=\"165\" cy=\"240\" r=\"11\"><\/circle><text class=\"town-label\" x=\"144\" y=\"265\">\u0396<\/text>\n <circle class=\"town\" id=\"G\" cx=\"535\" cy=\"240\" r=\"11\"><\/circle><text class=\"town-label\" x=\"548\" y=\"265\">\u0397<\/text>\n <circle class=\"town\" id=\"H\" cx=\"350\" cy=\"500\" r=\"11\"><\/circle><text class=\"town-label\" x=\"365\" y=\"505\">\u0398<\/text>\n <\/g>\n <\/svg>\n <\/div>\n <aside class=\"panel\">\n <h2>\u03a0\u03af\u03bd\u03b1\u03ba\u03b1\u03c2 \u03c0\u03b1\u03b9\u03c7\u03bd\u03b9\u03b4\u03b9\u03bf\u03cd<\/h2>\n <p id=\"status\" class=\"status\" aria-live=\"polite\">\u03a3\u03b5\u03b9\u03c1\u03ac \u03ad\u03c7\u03b5\u03b9 \u03bf \u03a0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 1.<\/p>\n <div class=\"players\">\n <label>\u039c\u03c0\u03bb\u03b5 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2<input id=\"name1\" maxlength=\"20\" value=\"\u03a0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 1\"><\/label>\n <label>\u039a\u03cc\u03ba\u03ba\u03b9\u03bd\u03bf\u03c2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2<input id=\"name2\" maxlength=\"20\" value=\"\u03a0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 2\"><\/label>\n <\/div>\n <div class=\"legend\"><div class=\"key\"><span class=\"dot p1dot\"><\/span>\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03c4\u03bf\u03c5 \u03bc\u03c0\u03bb\u03b5 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7<\/div><div class=\"key\"><span class=\"dot p2dot\"><\/span>\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03c4\u03bf\u03c5 \u03ba\u03cc\u03ba\u03ba\u03b9\u03bd\u03bf\u03c5 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7<\/div><div class=\"key\"><span class=\"dot towndot\"><\/span>\u03a0\u03cc\u03bb\u03b5\u03b9\u03c2<\/div><\/div>\n <button id=\"reset\" type=\"button\">\u039d\u03ad\u03b1 \u03c0\u03b1\u03c1\u03c4\u03af\u03b4\u03b1<\/button>\n <p class=\"tip\">\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1\u03bd \u03b4\u03c1\u03cc\u03bc\u03bf \u03bc\u03b5 <kbd>Tab<\/kbd> \u03ba\u03b1\u03b9 <kbd>Enter<\/kbd>.<\/p>\n <\/aside>\n <\/section>\n <section class=\"rules\"><strong>\u039a\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2.<\/strong><p>\u039f\u03b9 \u03ba\u03af\u03c4\u03c1\u03b9\u03bd\u03b5\u03c2 \u03ba\u03bf\u03c5\u03ba\u03ba\u03af\u03b4\u03b5\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03cc\u03bb\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03b5\u03bd\u03bd\u03ad\u03b1 \u03b5\u03c5\u03b8\u03b5\u03af\u03b5\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9. \u039a\u03ac\u03b8\u03b5 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2, \u03bc\u03b5 \u03c4\u03b7 \u03c3\u03b5\u03b9\u03c1\u03ac \u03c4\u03bf\u03c5, \u03c7\u03c1\u03c9\u03bc\u03b1\u03c4\u03af\u03b6\u03b5\u03b9 \u03ad\u03bd\u03b1\u03bd \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf \u03b4\u03c1\u03cc\u03bc\u03bf. \u039f \u03c0\u03c1\u03ce\u03c4\u03bf\u03c2 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03c7\u03c1\u03c9\u03bc\u03b1\u03c4\u03af\u03c3\u03b5\u03b9 <strong>\u03c4\u03c1\u03b5\u03b9\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03c0\u03bf\u03c5 \u03c6\u03c4\u03ac\u03bd\u03bf\u03c5\u03bd \u03ae \u03c0\u03b5\u03c1\u03bd\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03c0\u03cc\u03bb\u03b7<\/strong>, \u03ba\u03b5\u03c1\u03b4\u03af\u03b6\u03b5\u03b9.<\/p><\/section>\n <\/main>\n <script>\n const roads = {\n r1:['A','B','E','H'], r2:['A','C'], r3:['A','D'], r4:['C','D'], r5:['C','G'], r6:['D','F'], r7:['F','G'], r8:['F','H'], r9:['G','H']\n };\n const state = { player:1, owned:{}, over:false };\n const name = p => (document.getElementById('name'+p).value.trim() || `\u03a0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 ${p}`);\n const status = document.getElementById('status');\n function renderStatus(message, kind='') { status.textContent = message; status.className = 'status '+kind; }\n function checkWin(player) {\n const counts = {};\n Object.entries(state.owned).forEach(([road,owner]) => { if (owner === player) roads[road].forEach(town => counts[town]=(counts[town]||0)+1); });\n return Object.entries(counts).find(([,total]) => total >= 3)?.[0];\n }\n function claim(road) {\n if (state.over || state.owned[road]) return;\n state.owned[road] = state.player;\n document.getElementById(road).classList.add('p'+state.player);\n const winningTown = checkWin(state.player);\n if (winningTown) {\n state.over = true;\n document.getElementById(winningTown).classList.add('win');\n renderStatus(`\u039d\u03af\u03ba\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd\/\u03c4\u03b7\u03bd ${name(state.player)}! \u03a4\u03c1\u03b5\u03b9\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9 \u03c3\u03c5\u03bd\u03b1\u03bd\u03c4\u03ce\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03cc\u03bb\u03b7 ${winningTown}.`, 'win');\n return;\n }\n if (Object.keys(state.owned).length === 9) { state.over = true; renderStatus('\u0399\u03c3\u03bf\u03c0\u03b1\u03bb\u03af\u03b1: \u03c7\u03c1\u03c9\u03bc\u03b1\u03c4\u03af\u03c3\u03c4\u03b7\u03ba\u03b1\u03bd \u03cc\u03bb\u03bf\u03b9 \u03bf\u03b9 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9.', 'win'); return; }\n state.player = state.player === 1 ? 2 : 1;\n renderStatus(`\u03a3\u03b5\u03b9\u03c1\u03ac \u03ad\u03c7\u03b5\u03b9 \u03bf\/\u03b7 ${name(state.player)}.`, state.player === 2 ? 'p2' : '');\n }\n document.querySelectorAll('.road').forEach(el => {\n el.addEventListener('click', () => claim(el.id));\n el.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); claim(el.id); } });\n });\n document.getElementById('reset').addEventListener('click', () => {\n state.player=1; state.owned={}; state.over=false;\n document.querySelectorAll('.road').forEach(el => el.classList.remove('p1','p2'));\n document.querySelectorAll('.town').forEach(el => el.classList.remove('win'));\n renderStatus(`\u03a3\u03b5\u03b9\u03c1\u03ac \u03ad\u03c7\u03b5\u03b9 \u03bf\/\u03b7 ${name(1)}.`);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0394\u03c1\u03cc\u03bc\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2 \u0394\u03c1\u03cc\u03bc\u03bf\u03b9 & \u03a0\u03cc\u03bb\u03b5\u03b9\u03c2 \u0388\u03bd\u03b1 \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae\u03c2 \u03b3\u03b9\u03b1 \u03b4\u03cd\u03bf \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2. \u0394\u03b9\u03b5\u03ba\u03b4\u03af\u03ba\u03b7\u03c3\u03b5 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03cd\u03c1\u03b3\u03b7\u03c3\u03b5 \u03c4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03c4\u03c1\u03b9\u03ce\u03bd \u03b4\u03c1\u03cc\u03bc\u03c9\u03bd \u03c3\u03b5 \u03bc\u03af\u03b1 \u03c0\u03cc\u03bb\u03b7. 2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2 \u00b7 9 \u03b4\u03c1\u03cc\u03bc\u03bf\u03b9 \u03a7\u03ac\u03c1\u03c4\u03b7\u03c2 \u03bc\u03b5 \u03c0\u03cc\u03bb\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03bd\u03ad\u03b1 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2\u0395\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03ad\u03bd\u03b1\u03bd \u03ac\u03b2\u03b1\u03c6\u03bf \u03b4\u03c1\u03cc\u03bc\u03bf. \u039d\u03b9\u03ba\u03ac \u03bf \u03c0\u03c1\u03ce\u03c4\u03bf\u03c2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ac \u03c4\u03c1\u03b5\u03b9\u03c2 \u03b4\u03c1\u03cc\u03bc\u03bf\u03c5\u03c2 \u03bf\u03b9 \u03bf\u03c0\u03bf\u03af\u03bf\u03b9 \u03c0\u03b5\u03c1\u03bd\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03c0\u03cc\u03bb\u03b7. \u0391 \u0392 … <a href=\"https:\/\/presswiki.allmath.gr\/wpwiki18\/2026\/11\/15\/09\/00\/02\/9550\/\" class=\"more-link\">\u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<span class=\"screen-reader-text\"> “JAM”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[937,767],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/posts\/9550"}],"collection":[{"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/comments?post=9550"}],"version-history":[{"count":3,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/posts\/9550\/revisions"}],"predecessor-version":[{"id":9554,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/posts\/9550\/revisions\/9554"}],"wp:attachment":[{"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/media?parent=9550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/categories?post=9550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presswiki.allmath.gr\/wpwiki18\/wp-json\/wp\/v2\/tags?post=9550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}