{"id":966,"date":"2026-09-17T15:21:33","date_gmt":"2026-09-17T15:21:33","guid":{"rendered":"https:\/\/www.pochoden.cz\/wordpress\/?page_id=966"},"modified":"2026-09-18T02:08:31","modified_gmt":"2026-09-18T02:08:31","slug":"celorocni-hra","status":"publish","type":"page","link":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/","title":{"rendered":"Celoro\u010dn\u00ed hra"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"cs\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@600;800&#038;family=Montserrat:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <!-- KNIHOVNY PRO SUPABASE A EMAILJS -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@supabase\/supabase-js@2\"><\/script>\n    <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\n    \n    <style>\n        :root {\n            --pompeii-bg: #fdfbf7;\n            --marble-white: #ffffff;\n            --roman-gold: #c5a059;\n            --text-dark: #2c241d;\n            --text-muted: #5a5047;\n            --team-modra: #3b82f6;\n            --team-zluta: #eab308;\n            --team-cervena: #ef4444;\n            --team-zelena: #22c55e;\n            --team-cerna: #334155;\n            --error-red: #dc2626;\n            --error-bg: #fff5f5;\n        }\n\n        @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n        @keyframes fadeOnly { from { opacity: 0; } to { opacity: 1; } }\n        @keyframes buildPop {\n            0% { transform: rotate(45deg) rotateX(-60deg) scale(0.8); filter: brightness(1.5); }\n            50% { transform: rotate(45deg) rotateX(-60deg) scale(1.1); filter: brightness(1.2); }\n            100% { transform: rotate(45deg) rotateX(-60deg) scale(1); filter: brightness(1); }\n        }\n\n        .animate-up { opacity: 0; animation: fadeInUp 0.8s ease-out forwards; }\n        .animate-fade { opacity: 0; animation: fadeOnly 0.8s ease-out forwards; } \n        \n        .delay-1 { animation-delay: 0.1s; }\n        .delay-2 { animation-delay: 0.3s; }\n        .delay-3 { animation-delay: 0.5s; }\n\n        .pompeii-app-background {\n            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999;\n            background-color: var(--pompeii-bg);\n            background-image: radial-gradient(circle at center, #ffffff 0%, #f4eee3 100%);\n            overflow-y: auto; font-family: 'Montserrat', sans-serif; color: var(--text-dark); scroll-behavior: smooth;\n        }\n\n        .pompeii-topbar { position: fixed; top: 0; left: 0; width: 100%; padding: 20px 30px; z-index: 10000001; pointer-events: none; display: flex; justify-content: space-between; align-items: center; }\n        .back-to-site { pointer-events: auto; background: #fff; border: 1px solid var(--roman-gold); color: var(--roman-gold); padding: 10px 20px; border-radius: 30px; font-size: 0.85rem; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.08); }\n        .back-to-site:hover { background: var(--roman-gold); color: #fff; transform: translateY(-2px); }\n\n        .pompeii-content-layer { position: relative; max-width: 1000px; margin: 100px auto 80px auto; padding: 0 20px; display: flex; flex-direction: column; align-items: center; z-index: 10; }\n        .pompeii-content-layer * { box-sizing: border-box; }\n\n        .game-hero { text-align: center; margin-bottom: 20px; }\n        .game-title { font-family: 'Cinzel', serif; font-size: 3rem; color: var(--text-dark); margin: 0 0 10px 0; text-transform: uppercase; }\n        .game-subtitle { color: var(--roman-gold); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; }\n        \n        .story-section { background: #fff; border: 1px solid var(--marble-border); border-radius: 12px; padding: 30px 40px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.04); margin-bottom: 50px; border-top: 4px solid var(--roman-gold); position: relative; overflow: hidden; }\n        .story-section::before { content: \"\\f02d\"; font-family: \"Font Awesome 6 Free\"; font-weight: 900; position: absolute; top: -20px; right: -20px; font-size: 8rem; color: rgba(197, 160, 89, 0.05); z-index: 0; transform: rotate(-15deg); }\n        .story-content { position: relative; z-index: 1; }\n        .story-content p { font-size: 1.05rem; line-height: 1.7; color: var(--text-muted); margin-bottom: 15px; }\n        .story-content p:last-child { margin-bottom: 0; }\n\n        \/* --- MAPA A OVL\u00c1DAC\u00cd PANEL --- *\/\n        .interactive-map-container { position: relative; width: 100%; background-image: url('https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/09\/u2962981474_Isometric_view_of_an_ancient_Roman_city-building__75f86dfe-4498-4162-be2e-17896a44b68e_1.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; aspect-ratio: 16 \/ 9; border-radius: 12px; box-shadow: 0 25px 60px rgba(0,0,0,0.25); border: 4px solid var(--roman-gold); overflow: hidden; transition: box-shadow 0.3s ease; }\n        .interactive-map-container.is-fullscreen { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100vw !important; height: calc(100vw * (9 \/ 16)) !important; max-height: 100vh !important; max-width: calc(100vh * (16 \/ 9)) !important; border-radius: 0 !important; border: none !important; z-index: 15000000 !important; box-shadow: 0 0 0 9999px rgba(0,0,0,0.95) !important; margin: 0 !important; }\n        \n        .map-controls-panel { position: absolute; top: 15px; right: 15px; background: rgba(44, 36, 29, 0.85); border: 2px solid var(--roman-gold); border-radius: 40px; display: flex; padding: 6px; gap: 5px; z-index: 100; box-shadow: 0 5px 15px rgba(0,0,0,0.3); backdrop-filter: blur(4px); }\n        .map-control-btn { background: transparent; color: #e5e7eb; border: none; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; transition: 0.2s; }\n        .map-control-btn:hover { background: rgba(255,255,255,0.15); color: var(--roman-gold); }\n\n        .parcel-plot { position: absolute; width: 12%; aspect-ratio: 1; background: rgba(255, 255, 255, 0.15); border: 2px dashed rgba(255, 255, 255, 0.6); transform: rotateX(60deg) rotate(-45deg); cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; }\n        .parcel-plot:hover { background: rgba(255, 255, 255, 0.3); border-style: solid; border-color: #fff; box-shadow: 0 0 15px rgba(255,255,255,0.5); }\n        \n        .team-marker { transform: rotate(45deg) rotateX(-60deg); font-size: 2rem; text-shadow: 0 4px 8px rgba(0,0,0,0.6); color: #fff; transition: transform 0.3s ease; }\n        .parcel-plot:hover .team-marker { transform: rotate(45deg) rotateX(-60deg) translateY(-10px) scale(1.1); }\n\n        #plot-modra   { top: 71.5%; left: 33%; border-color: var(--team-modra); }\n        #plot-zluta   { top: 61.5%; left: 45%; border-color: var(--team-zluta); }\n        #plot-cervena { top: 81.5%; left: 44.5%; border-color: var(--team-cervena); }\n        #plot-zelena  { top: 71%; left: 56.5%; border-color: var(--team-zelena); }\n        #plot-cerna   { top: 61.5%; left: 21.5%; border-color: var(--team-cerna); }\n\n        .building-layer { position: absolute; top: -120%; left: -60%; width: 220%; height: 220%; background-size: contain; background-repeat: no-repeat; background-position: bottom center; pointer-events: none; opacity: 0; transform: rotate(45deg) rotateX(-60deg); transition: opacity 0.4s ease; }\n        .building-layer.visible { opacity: 1; animation: buildPop 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\n\n        .pompeii-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); backdrop-filter: blur(8px); z-index: 10000000; display: none; align-items: center; justify-content: center; padding: 20px; }\n        \n        \/* OPRAVA: Modal u\u017e nep\u0159ete\u010de z obrazovky, d\u00e1 se v n\u011bm scrollovat *\/\n        .pompeii-modal-content { background: var(--marble-white); border: 4px solid var(--roman-gold); border-radius: 16px; max-width: 500px; width: 100%; padding: 35px; position: relative; color: var(--text-dark); box-shadow: 0 20px 50px rgba(0,0,0,0.5); max-height: 85vh; overflow-y: auto; }\n        \n        .modal-close { position: absolute; top: 15px; right: 20px; font-size: 2rem; cursor: pointer; color: var(--text-muted); transition: 0.2s; }\n        .modal-close:hover { color: var(--roman-gold); }\n        .modal-title { font-family: 'Cinzel', serif; font-size: 2rem; margin: 0 0 5px 0; }\n        .modal-subtitle { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 25px; text-transform: uppercase; font-weight: 600; }\n\n        .pompeii-section-title { font-family: 'Cinzel', serif; font-size: 2.2rem; color: var(--text-dark); text-align: center; margin: 80px 0 35px 0; width: 100%; }\n        .pompeii-section-title i { color: var(--roman-gold); margin-right: 10px; }\n\n        .rules-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; width: 100%; }\n        .rule-card { background: #fff; border: 1px solid var(--marble-border); border-radius: 12px; padding: 30px 25px; box-shadow: 0 10px 25px rgba(0,0,0,0.03); border-top: 5px solid var(--roman-gold); transition: transform 0.3s ease; }\n        .rule-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.06); }\n        .rule-card h3 { font-family: 'Cinzel', serif; color: var(--text-dark); margin-top: 0; display: flex; align-items: center; gap: 12px; font-size: 1.3rem; }\n        .rule-card p { color: var(--text-muted); line-height: 1.6; margin: 0; font-size: 0.95rem; }\n\n        \/* --- F\u00c1ZE STAVBY --- *\/\n        .stages-timeline { display: flex; flex-direction: column; gap: 25px; width: 100%; margin-bottom: 50px; }\n        .stage-row { background: #fff; border: 1px solid var(--marble-border); border-radius: 12px; padding: 25px 30px; box-shadow: 0 10px 25px rgba(0,0,0,0.03); display: flex; align-items: center; gap: 30px; border-left: 5px solid var(--roman-gold); transition: transform 0.3s ease; }\n        .stage-row:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0,0,0,0.06); }\n        .stage-img-box { width: 150px; height: 150px; min-width: 150px; display: flex; align-items: center; justify-content: center; position: relative; }\n        .stage-img-box img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.15)); transition: transform 0.3s ease; }\n        .stage-row:hover .stage-img-box img { transform: scale(1.08); }\n        .stage-info h3 { font-family: 'Cinzel', serif; font-size: 1.3rem; color: var(--text-dark); margin: 0 0 8px 0; display: flex; align-items: center; gap: 10px; }\n        .stage-info h3 span { background: rgba(197, 160, 89, 0.15); color: var(--roman-gold); font-size: 0.8rem; padding: 3px 10px; border-radius: 20px; }\n        .stage-info p { color: var(--text-muted); line-height: 1.6; margin: 0; font-size: 0.95rem; }\n        @media(max-width: 650px) { .stage-row { flex-direction: column; text-align: center; } .stage-info h3 { justify-content: center; flex-wrap: wrap; } }\n\n        \/* --- ODEVZD\u00c1V\u00c1N\u00cd \u00daKOL\u016e --- *\/\n        .task-section { width: 100%; background: #fff; border: 1px solid var(--marble-border); border-radius: 12px; padding: 40px; box-shadow: 0 10px 25px rgba(0,0,0,0.03); margin-bottom: 50px; border-top: 5px solid var(--roman-gold); }\n        .task-form-grid { display: flex; flex-direction: column; gap: 10px; max-width: 700px; margin: 0 auto; }\n        \n        .task-step-title { font-family: 'Montserrat', sans-serif; font-weight: 700; color: var(--text-dark); font-size: 1.05rem; margin: 25px 0 5px 0; border-bottom: 2px solid #f4eee3; padding-bottom: 8px; }\n        .task-step-desc { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 15px; line-height: 1.5; }\n\n        .team-selection-grid { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-bottom: 10px; }\n        .team-radio { cursor: pointer; position: relative; }\n        .team-radio input[type=\"radio\"] { display: none; }\n        .team-badge { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px; border-radius: 16px; border: 2px solid transparent; transition: all 0.3s ease; opacity: 0.5; filter: grayscale(50%); width: 110px; }\n        .team-radio:hover .team-badge { opacity: 0.8; transform: translateY(-3px); filter: grayscale(20%); }\n        .team-radio input[type=\"radio\"]:checked + .team-badge { opacity: 1; border-color: var(--roman-gold); background: #fdfbf7; box-shadow: 0 8px 15px rgba(197, 160, 89, 0.15); transform: translateY(-5px); filter: grayscale(0%); }\n        \n        .team-icon-circle { width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #fff; box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 4px 8px rgba(0,0,0,0.15); border: 3px solid #e5e5e5; transition: 0.3s; }\n        .team-radio[data-team=\"modra\"] .team-icon-circle { background: linear-gradient(135deg, #3b82f6, #1e3a8a); border-color: #bfdbfe; }\n        .team-radio[data-team=\"zluta\"] .team-icon-circle { background: linear-gradient(135deg, #eab308, #854d0e); border-color: #fef08a; }\n        .team-radio[data-team=\"cervena\"] .team-icon-circle { background: linear-gradient(135deg, #ef4444, #7f1d1d); border-color: #fecaca; }\n        .team-radio[data-team=\"zelena\"] .team-icon-circle { background: linear-gradient(135deg, #22c55e, #14532d); border-color: #bbf7d0; }\n        .team-radio[data-team=\"cerna\"] .team-icon-circle { background: linear-gradient(135deg, #475569, #0f172a); border-color: #cbd5e1; }\n        .team-radio input[type=\"radio\"]:checked + .team-badge .team-icon-circle { border-color: var(--roman-gold); }\n        .team-badge span { font-weight: 700; font-size: 0.85rem; color: var(--text-dark); text-align: center; }\n\n        .input-group { display: flex; flex-direction: column; gap: 8px; text-align: left; position: relative; }\n        .input-group.row { flex-direction: row; align-items: center; gap: 15px; background: #fdfbf7; padding: 15px; border-radius: 8px; border: 1px solid #eee; transition: all 0.3s ease; }\n        .input-group label { font-weight: 700; color: var(--text-dark); font-size: 0.9rem; }\n        \n        .task-input { padding: 12px 18px; border: 2px solid #ddd; border-radius: 8px; font-family: 'Montserrat', sans-serif; font-size: 1rem; width: 100%; transition: 0.3s; background: #fff; }\n        .task-input:focus { border-color: var(--roman-gold); outline: none; box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.1); }\n        textarea.task-input { resize: vertical; min-height: 120px; }\n        \n        .number-badge { background: var(--roman-gold); color: #fff; width: 35px; height: 35px; min-width: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-family: 'Cinzel', serif; font-size: 1.1rem; }\n        \n        \/* --- Vlastn\u00ed rozbalovac\u00ed menu (Select pro Jm\u00e9no) --- *\/\n        .custom-name-dropdown { position: relative; width: 100%; user-select: none; }\n        .custom-name-selected { padding: 14px 18px; background: #f9f9f9; border: 2px solid #ddd; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; font-weight: 500; font-family: 'Montserrat', sans-serif; color: #999; cursor: not-allowed; transition: 0.3s; font-size: 1rem; }\n        .custom-name-selected.active { background: #fff; border-color: #ddd; color: var(--text-dark); cursor: pointer; }\n        .custom-name-selected.active:hover { border-color: var(--roman-gold); }\n        .custom-name-options { position: absolute; top: 110%; left: 0; width: 100%; background: #fff; border: 1px solid var(--marble-border); border-radius: 8px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); list-style: none; padding: 0; margin: 0; display: none; z-index: 100; max-height: 250px; overflow-y: auto; }\n        .custom-name-options.show { display: block; animation: fadeIn 0.2s ease; }\n        .custom-name-options li { padding: 12px 18px; display: flex; align-items: center; gap: 12px; cursor: pointer; border-bottom: 1px solid #f9f7f4; transition: 0.2s; font-weight: 500; font-size: 1rem; color: var(--text-dark); }\n        .custom-name-options li:hover { background: #faf8f5; padding-left: 23px; color: var(--roman-gold); }\n        .custom-name-options li:last-child { border-bottom: none; }\n\n        .task-submit-btn { background: var(--roman-gold); color: #fff; border: none; padding: 16px; border-radius: 8px; font-weight: 700; font-size: 1.1rem; cursor: pointer; transition: 0.3s; margin-top: 20px; width: 100%; }\n        .task-submit-btn:hover:not(:disabled) { background: #a68446; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3); }\n        .task-submit-btn:disabled { background: #888; cursor: not-allowed; }\n\n        .input-error { border-color: var(--error-red) !important; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important; background-color: var(--error-bg) !important; }\n        @media(max-width: 650px) { .team-selection-grid { gap: 5px; } .team-badge { width: 95px; padding: 8px; } }\n\n        \/* --- TABULKA A Z\u00c1LO\u017dKY --- *\/\n        .leaderboard-container { width: 100%; background: #fff; border: 1px solid var(--marble-border); border-radius: 12px; padding: 30px; box-shadow: 0 10px 25px rgba(0,0,0,0.03); }\n        .leaderboard-tabs { display: flex; gap: 15px; margin-bottom: 25px; border-bottom: 2px solid var(--marble-border); padding-bottom: 15px; flex-wrap: wrap; }\n        .tab-btn { background: transparent; border: 2px solid transparent; color: var(--text-muted); font-size: 1.05rem; font-weight: 700; padding: 10px 25px; border-radius: 30px; cursor: pointer; transition: 0.3s; font-family: 'Montserrat', sans-serif; }\n        .tab-btn:hover { color: var(--roman-gold); }\n        .tab-btn.active { background: rgba(197, 160, 89, 0.1); border-color: var(--roman-gold); color: var(--roman-gold); }\n        .leaderboard-controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }\n        .filter-wrapper { display: flex; align-items: center; gap: 15px; }\n        .filter-label { font-weight: 700; color: var(--roman-gold); text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; }\n        .custom-dropdown { position: relative; width: 230px; user-select: none; }\n        .dropdown-selected { padding: 12px 18px; background: #fff; border: 2px solid var(--roman-gold); border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-weight: 600; color: var(--text-dark); transition: 0.2s; }\n        .dropdown-selected:hover { box-shadow: 0 4px 12px rgba(197, 160, 89, 0.15); }\n        .dropdown-options { position: absolute; top: 110%; left: 0; width: 100%; background: #fff; border: 1px solid var(--marble-border); border-radius: 8px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); list-style: none; padding: 0; margin: 0; display: none; z-index: 100; overflow: hidden; }\n        .dropdown-options.show { display: block; animation: fadeIn 0.2s ease; }\n        .dropdown-options li { padding: 12px 18px; display: flex; align-items: center; gap: 12px; cursor: pointer; border-bottom: 1px solid #f9f7f4; transition: 0.2s; font-weight: 500; font-size: 0.95rem; }\n        .dropdown-options li:hover { background: #faf8f5; padding-left: 23px; color: var(--roman-gold); }\n        .dropdown-options li:last-child { border-bottom: none; }\n        .team-dot { width: 14px; height: 14px; border-radius: 50%; display: inline-block; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.1); }\n        .leaderboard-table-wrapper { overflow-x: auto; border-radius: 8px; border: 1px solid var(--marble-border); }\n        .leaderboard-table { width: 100%; border-collapse: collapse; min-width: 500px; }\n        .leaderboard-table th, .leaderboard-table td { padding: 15px; text-align: left; border-bottom: 1px solid #eee; }\n        .leaderboard-table th { background: rgba(197, 160, 89, 0.1); font-family: 'Cinzel', serif; font-weight: bold; }\n        .leaderboard-table tr:hover { background: #faf8f5; }\n        .leaderboard-table tr:last-child td { border-bottom: none; }\n\n        \/* --- KNIHA FORM --- *\/\n        .book-section { width: 100%; background: linear-gradient(135deg, #ffffff 0%, #f4eee3 100%); border: 2px solid var(--roman-gold); border-radius: 12px; padding: 50px 30px; text-align: center; box-shadow: 0 15px 30px rgba(197, 160, 89, 0.1); margin-bottom: 40px; position: relative; }\n        .book-section h3 { font-family: 'Cinzel', serif; font-size: 1.8rem; margin: 0 0 15px 0; color: var(--text-dark); }\n        .book-section p { color: var(--text-muted); max-width: 600px; margin: 0 auto 25px auto; line-height: 1.6; }\n        \n        .book-form { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; transition: 0.3s; }\n        .book-input { padding: 14px 20px; border: 2px solid #ddd; border-radius: 30px; width: 100%; max-width: 350px; font-family: 'Montserrat', sans-serif; font-size: 1rem; }\n        .book-input:focus { border-color: var(--roman-gold); outline: none; }\n        .book-input.error { border-color: var(--error-red); box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15); }\n\n        .book-btn { background: #207d20; color: #fff; border: none; padding: 14px 30px; border-radius: 30px; font-weight: 700; cursor: pointer; transition: 0.3s; font-family: 'Montserrat', sans-serif; font-size: 1rem; }\n        .book-btn:hover:not(:disabled) { background: #155c15; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(32, 125, 32, 0.3); }\n        .book-btn:disabled { background: #888; cursor: not-allowed; }\n\n        .book-success-msg { display: none; background: #eaf5ea; border: 2px solid #207d20; padding: 30px; border-radius: 12px; color: #155c15; max-width: 500px; margin: 0 auto; }\n        .book-success-msg i { font-size: 3rem; margin-bottom: 15px; color: #207d20; }\n        .book-success-msg h4 { font-family: 'Cinzel', serif; font-size: 1.5rem; margin: 0 0 10px 0; }\n        .book-success-msg p { margin: 0; color: #155c15; }\n\n        .error-inline-box { display: none; width: 100%; margin: 15px auto 0 auto; padding: 15px; background-color: var(--error-bg); border: 1px solid #ffcccc; border-radius: 8px; color: #cc0000; font-size: 0.95rem; text-align: left; align-items: start; gap: 12px; max-width: 700px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); animation: fadeIn 0.4s ease; }\n        .error-inline-box i { margin-top: 3px; font-size: 1.2rem; }\n        .error-inline-box strong { font-weight: 700; color: #b30000; }\n\n        body.pompeii-active { overflow: hidden !important; }\n    <\/style>\n<\/head>\n<body>\n\n<audio id=\"bg-music\" loop>\n    <source src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/09\/alex-morgan-mystery-548639.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n\n<div class=\"pompeii-app-background\" id=\"app-background\">\n    <div class=\"pompeii-topbar\">\n        <a href=\"https:\/\/www.pochoden.cz\/wordpress\/\" class=\"back-to-site\"><i class=\"fas fa-arrow-left\"><\/i> Zp\u011bt na web odd\u00edlu<\/a>\n    <\/div>\n\n    <div class=\"pompeii-content-layer\">\n        \n        <div class=\"game-hero animate-up\">\n            <div class=\"game-subtitle\">Celoro\u010dn\u00ed hra 2026\/27<\/div>\n            <h1 class=\"game-title\">Pozdvi\u017een\u00ed v Pompej\u00edch<\/h1>\n        <\/div>\n\n        <div class=\"story-section animate-up delay-1\">\n            <div class=\"story-content\">\n                <p>Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd <strong>Kouzeln\u00fd atlas<\/strong>. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem <em>Roma<\/em> a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed.<\/p>\n                <p>Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed <strong>slou\u017e\u00edc\u00ed<\/strong>. Bydl\u00edme na pr\u00e1zdn\u00fdch parcel\u00e1ch v centru m\u011bsta a na\u0161\u00edm \u00fakolem je do konce dubna zvelebit a <strong>odkoupit na\u0161e domy<\/strong>. Pl\u0148te z\u00e1ludn\u00e9 \u00fakoly, \u010dt\u011bte knihu, z\u00edsk\u00e1vejte mince a vybudujte honosnou vilu d\u0159\u00edv, ne\u017e se probud\u00ed hroziv\u00fd Vesuv, kter\u00fd u\u017e te\u010f zlov\u011bstn\u011b dun\u00ed na obzoru!<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"interactive-map-container animate-fade delay-2\" id=\"game-map\">\n            \n            <div class=\"map-controls-panel\">\n                <button class=\"map-control-btn\" id=\"music-toggle\" title=\"Zapnout\/Vypnout hudbu\">\n                    <i class=\"fas fa-volume-mute\"><\/i>\n                <\/button>\n                <button class=\"map-control-btn\" onclick=\"toggleMapFullscreen()\" title=\"Zv\u011bt\u0161it na celou obrazovku\">\n                    <i class=\"fas fa-expand\"><\/i>\n                <\/button>\n            <\/div>\n\n            <div class=\"parcel-plot\" id=\"plot-modra\" onclick=\"openTeamModal('modra')\">\n                <div class=\"team-marker\" style=\"color: var(--team-modra);\"><i class=\"fas fa-child\"><\/i><\/div>\n                <div class=\"building-layer\" id=\"building-modra\"><\/div>\n            <\/div>\n            <div class=\"parcel-plot\" id=\"plot-zluta\" onclick=\"openTeamModal('zluta')\">\n                <div class=\"team-marker\" style=\"color: var(--team-zluta);\"><i class=\"fas fa-sun\"><\/i><\/div>\n                <div class=\"building-layer\" id=\"building-zluta\"><\/div>\n            <\/div>\n            <div class=\"parcel-plot\" id=\"plot-cervena\" onclick=\"openTeamModal('cervena')\">\n                <div class=\"team-marker\" style=\"color: var(--team-cervena);\"><i class=\"fas fa-fire\"><\/i><\/div>\n                <div class=\"building-layer\" id=\"building-cervena\"><\/div>\n            <\/div>\n            <div class=\"parcel-plot\" id=\"plot-zelena\" onclick=\"openTeamModal('zelena')\">\n                <div class=\"team-marker\" style=\"color: var(--team-zelena);\"><i class=\"fas fa-tree\"><\/i><\/div>\n                <div class=\"building-layer\" id=\"building-zelena\"><\/div>\n            <\/div>\n            <div class=\"parcel-plot\" id=\"plot-cerna\" onclick=\"openTeamModal('cerna')\">\n                <div class=\"team-marker\" style=\"color: var(--team-cerna);\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                <div class=\"building-layer\" id=\"building-cerna\"><\/div>\n            <\/div>\n        <\/div>\n\n        <h2 class=\"pompeii-section-title animate-up delay-3\"><i class=\"fas fa-scroll\"><\/i> O \u010dem je hra?<\/h2>\n        <div class=\"rules-grid animate-up delay-3\">\n            <div class=\"rule-card\"><h3><i class=\"fas fa-book-open\"><\/i> Kni\u017en\u00ed \u00fakoly<\/h3><p>B\u011bhem roku \u010dteme spole\u010dn\u011b knihu Kouzeln\u00fd atlas: \u0158\u00edm. Ka\u017ed\u00fd m\u011bs\u00edc pln\u00ed\u0161 tematick\u00e9 kni\u017en\u00ed \u00fakoly, za kter\u00e9 z\u00edsk\u00e1v\u00e1\u0161 zlat\u00e9 mince do spole\u010dn\u00e9 pokladnice dru\u017einy.<\/p><\/div>\n            <div class=\"rule-card\"><h3><i class=\"fas fa-users\"><\/i> T\u00fdmov\u00e9 v\u00fdzvy<\/h3><p>Nejde jen o \u010dten\u00ed! Minci m\u016f\u017ee\u0161 z\u00edskat i za \u00fa\u010dast v t\u00fdmov\u00fdch v\u00fdzv\u00e1ch a odd\u00edlov\u00fdch anket\u00e1ch. T\u00edm tvo\u0159\u00edte bezpe\u010dnostn\u00ed pol\u0161t\u00e1\u0159 pro koupi domu.<\/p><\/div>\n            <div class=\"rule-card\"><h3><i class=\"fas fa-hammer\"><\/i> Stavba vily<\/h3><p>Ka\u017ed\u00e1 nasb\u00edran\u00e1 mince se ihned prop\u00ed\u0161e na mapu. Z pr\u00e1zdn\u00e9 parcely postupn\u011b vybudujete honosnou \u0159\u00edmskou vilu s l\u00e1zn\u011bmi, kterou si v dubnu koup\u00edte!<\/p><\/div>\n        <\/div>\n\n        <!-- KRONIKA STAVBY -->\n        <h2 class=\"pompeii-section-title\"><i class=\"fas fa-hammer\"><\/i> Kronika stavby vily<\/h2>\n        <div class=\"stages-timeline\">\n            <div class=\"stage-row\"><div class=\"stage-img-box\"><img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"1. F\u00e1ze\"><\/div><div class=\"stage-info\"><h3>1. F\u00e1ze: Vym\u011b\u0159en\u00ed a z\u00e1klady <span>0 % \u2013 24 % minc\u00ed<\/span><\/h3><p>Pozemek je vyty\u010den. Pomoc\u00ed d\u0159ev\u011bn\u00fdch kol\u00edk\u016f a prov\u00e1zk\u016f jste vym\u011b\u0159ili p\u016fdorys va\u0161\u00ed budouc\u00ed vily. Za\u010d\u00edn\u00e1 se s kop\u00e1n\u00edm z\u00e1klad\u016f a nav\u00e1\u017een\u00edm prvn\u00edch kamenn\u00fdch blok\u016f.<\/p><\/div><\/div>\n            <div class=\"stage-row\"><div class=\"stage-img-box\"><img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/09\/2.png\" alt=\"2. F\u00e1ze\"><\/div><div class=\"stage-info\"><h3>2. F\u00e1ze: Prvn\u00ed zdi a le\u0161en\u00ed <span>25 % \u2013 49 % minc\u00ed<\/span><\/h3><p>Hrub\u00e1 stavba se d\u00e1v\u00e1 do pohybu! Kolem rostouc\u00edch kamenn\u00fdch zd\u00ed vyrostlo robustn\u00ed d\u0159ev\u011bn\u00e9 le\u0161en\u00ed. R\u00fdsuj\u00ed se prvn\u00ed klenby a vstupy do m\u00edstnost\u00ed.<\/p><\/div><\/div>\n            <div class=\"stage-row\"><div class=\"stage-img-box\"><img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/09\/3.png\" alt=\"3. F\u00e1ze\"><\/div><div class=\"stage-info\"><h3>3. F\u00e1ze: Patro a krovy <span>50 % \u2013 74 % minc\u00ed<\/span><\/h3><p>Vila roste do v\u00fd\u0161ky. D\u011bln\u00edci vybudovali kamenn\u00e9 schodi\u0161t\u011b a usazuj\u00ed masivn\u00ed d\u0159ev\u011bn\u00e9 tr\u00e1my pro budouc\u00ed st\u0159echu. St\u011bny v p\u0159\u00edzem\u00ed u\u017e maj\u00ed sv\u016fj pevn\u00fd tvar.<\/p><\/div><\/div>\n            <div class=\"stage-row\"><div class=\"stage-img-box\"><img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/09\/4.png\" alt=\"4. F\u00e1ze\"><\/div><div class=\"stage-info\"><h3>4. F\u00e1ze: Om\u00edtky a balkony <span>75 % \u2013 99 % minc\u00ed<\/span><\/h3><p>D\u016fm z\u00edsk\u00e1v\u00e1 svou tv\u00e1\u0159. Hrub\u00fd k\u00e1men miz\u00ed pod hladkou om\u00edtkou, p\u0159ibyl honosn\u00fd d\u0159ev\u011bn\u00fd balkon a st\u0159echa u\u017e v\u00e1s ochr\u00e1n\u00ed p\u0159ed italsk\u00fdm sluncem. Chyb\u00ed jen detaily!<\/p><\/div><\/div>\n            <div class=\"stage-row\" style=\"border-left-color: #207d20;\"><div class=\"stage-img-box\"><img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/09\/5.png\" alt=\"5. F\u00e1ze\"><\/div><div class=\"stage-info\"><h3>5. F\u00e1ze: Hotov\u00e1 \u0159\u00edmsk\u00e1 vila <span>100 %+ (Spln\u011bno!)<\/span><\/h3><p>Je dobojov\u00e1no! Va\u0161e vila stoj\u00ed v pln\u00e9 kr\u00e1se. Zdob\u00ed ji elegantn\u00ed plachty v barv\u00e1ch va\u0161\u00ed dru\u017einy, okrasn\u00e9 rostliny a amfory. Nyn\u00ed jste plnopr\u00e1vn\u00fdmi obyvateli Pompej\u00ed!<\/p><\/div><\/div>\n        <\/div>\n\n        <!-- Z\u00c1PISN\u00cdK SLOU\u017d\u00cdC\u00cdHO (P\u0159esunut\u00fd pod stavbu) -->\n        <h2 class=\"pompeii-section-title\"><i class=\"fas fa-feather-alt\"><\/i> Z\u00e1pisn\u00edk slou\u017e\u00edc\u00edho (\u00dakoly)<\/h2>\n        <div class=\"task-section\" id=\"task-section-container\">\n            <div style=\"text-align: center; margin-bottom: 10px;\">\n                <p style=\"color: var(--text-muted); line-height: 1.6;\">Zde odevzd\u00e1vej sv\u00e9 m\u011bs\u00ed\u010dn\u00ed \u00fakoly z knihy. Po odesl\u00e1n\u00ed tvou odpov\u011b\u010f zkontroluje spr\u00e1vce (vedouc\u00ed) a pokud je v po\u0159\u00e1dku, p\u0159ip\u00ed\u0161e ti zla\u0165\u00e1k na stavbu vily!<\/p>\n            <\/div>\n            \n            <form class=\"task-form-grid\" id=\"task-submission-form\" onsubmit=\"event.preventDefault();\">\n                \n                <div class=\"task-step-title\">Krok 1: Vyber svou dru\u017einu<\/div>\n                <div class=\"team-selection-grid\">\n                    <label class=\"team-radio\" data-team=\"modra\">\n                        <input type=\"radio\" name=\"task_team\" value=\"modra\" required=\"\">\n                        <div class=\"team-badge\">\n                            <div class=\"team-icon-circle\"><i class=\"fas fa-child\"><\/i><\/div>\n                            <span>Modr\u00e1 dru\u017eina<\/span>\n                        <\/div>\n                    <\/label>\n                    <label class=\"team-radio\" data-team=\"zluta\">\n                        <input type=\"radio\" name=\"task_team\" value=\"zluta\" required=\"\">\n                        <div class=\"team-badge\">\n                            <div class=\"team-icon-circle\"><i class=\"fas fa-sun\"><\/i><\/div>\n                            <span>\u017dlut\u00e1 dru\u017eina<\/span>\n                        <\/div>\n                    <\/label>\n                    <label class=\"team-radio\" data-team=\"cervena\">\n                        <input type=\"radio\" name=\"task_team\" value=\"cervena\" required=\"\">\n                        <div class=\"team-badge\">\n                            <div class=\"team-icon-circle\"><i class=\"fas fa-fire\"><\/i><\/div>\n                            <span>\u010cerven\u00e1 dru\u017eina<\/span>\n                        <\/div>\n                    <\/label>\n                    <label class=\"team-radio\" data-team=\"zelena\">\n                        <input type=\"radio\" name=\"task_team\" value=\"zelena\" required=\"\">\n                        <div class=\"team-badge\">\n                            <div class=\"team-icon-circle\"><i class=\"fas fa-tree\"><\/i><\/div>\n                            <span>Zelen\u00e1 dru\u017eina<\/span>\n                        <\/div>\n                    <\/label>\n                    <label class=\"team-radio\" data-team=\"cerna\">\n                        <input type=\"radio\" name=\"task_team\" value=\"cerna\" required=\"\">\n                        <div class=\"team-badge\">\n                            <div class=\"team-icon-circle\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                            <span>\u010cern\u00e1 dru\u017eina<\/span>\n                        <\/div>\n                    <\/label>\n                <\/div>\n\n                <div class=\"task-step-title\">Krok 2: Najdi sv\u00e9 jm\u00e9no<\/div>\n                <div class=\"task-step-desc\">Zobrazena jsou pouze jm\u00e9na z va\u0161\u00ed dru\u017einy. Nejd\u0159\u00edve zvolte barvu dru\u017einy naho\u0159e.<\/div>\n                \n                <div class=\"input-group\">\n                    <div class=\"custom-name-dropdown\" id=\"name-custom-dropdown\">\n                        <div class=\"custom-name-selected\" id=\"name-dropdown-selected\">\n                            <span id=\"name-dropdown-text\">&#8212; Nejprve vyber dru\u017einu &#8212;<\/span> \n                            <i class=\"fas fa-chevron-down\"><\/i>\n                        <\/div>\n                        <ul class=\"custom-name-options\" id=\"name-dropdown-options\">\n                            <!-- Na\u010dte se automaticky po v\u00fdb\u011bru dru\u017einy ze Supabase -->\n                        <\/ul>\n                    <\/div>\n                    <input type=\"hidden\" id=\"task-name\" required=\"\">\n                <\/div>\n\n                <div class=\"task-step-title\">Krok 3: Kontroln\u00ed ot\u00e1zka na ov\u011b\u0159en\u00ed identity<\/div>\n                <div class=\"task-step-desc\">Tento \u00fadaj ov\u011b\u0159\u00ed, \u017ee jsi to opravdu ty. M\u00e1\u0161 jen 3 pokusy.<\/div>\n                <div class=\"input-group row\" id=\"birthday-group\">\n                    <div class=\"number-badge\">1<\/div>\n                    <label for=\"task-birthday\" style=\"margin: 0; flex-grow: 1;\">Jak\u00fd den v m\u011bs\u00edci jsi se narodil(a)? (Nap\u0159. 15)<\/label>\n                    <input type=\"number\" id=\"task-birthday\" class=\"task-input\" min=\"1\" max=\"31\" placeholder=\"Den\" required=\"\" style=\"width: 90px; text-align: center;\">\n                <\/div>\n                \n                <div class=\"error-inline-box\" id=\"task-error-msg\">\n                    <i class=\"fas fa-exclamation-triangle\"><\/i>\n                    <div id=\"task-error-text\"><strong>Chyba:<\/strong> Nespr\u00e1vn\u00fd \u00fadaj.<\/div>\n                <\/div>\n\n                <div class=\"task-step-title\" style=\"margin-top: 30px;\">Odpov\u011b\u010f na \u00fakol:<\/div>\n                <div class=\"input-group\">\n                    <textarea id=\"task-answer\" class=\"task-input\" placeholder=\"Zde rozepi\u0161 svou odpov\u011b\u010f na aktu\u00e1ln\u00ed kni\u017en\u00ed \u00fakol...\" required=\"\"><\/textarea>\n                <\/div>\n\n                <button type=\"submit\" class=\"task-submit-btn\"><i class=\"fas fa-paper-plane\"><\/i> Odeslat \u00fakol vedouc\u00edmu<\/button>\n            <\/form>\n        <\/div>\n\n        <h2 class=\"pompeii-section-title\"><i class=\"fas fa-trophy\"><\/i> \u017deb\u0159\u00ed\u010dek<\/h2>\n        <div class=\"leaderboard-container\">\n            <div class=\"leaderboard-tabs\"><button class=\"tab-btn active\" id=\"btn-tab-teams\" onclick=\"switchTab('teams')\"><i class=\"fas fa-users\"><\/i> Po\u0159ad\u00ed dru\u017ein<\/button><button class=\"tab-btn\" id=\"btn-tab-indiv\" onclick=\"switchTab('individuals')\"><i class=\"fas fa-user\"><\/i> Po\u0159ad\u00ed slou\u017e\u00edc\u00edch<\/button><\/div>\n            <div class=\"leaderboard-controls\" id=\"indiv-controls\" style=\"display: none;\">\n                <div class=\"leaderboard-desc\">Aktu\u00e1ln\u00ed po\u0159ad\u00ed jednotlivc\u016f podle z\u00edskan\u00fdch minc\u00ed.<\/div>\n                <div class=\"filter-wrapper\"><label class=\"filter-label\"><i class=\"fas fa-filter\"><\/i> Filtr:<\/label>\n                    <div class=\"custom-dropdown\" id=\"teamFilterDropdown\">\n                        <div class=\"dropdown-selected\" id=\"dropdownSelected\"><span><span class=\"team-dot\" style=\"background: transparent; border-color: #ccc;\"><\/span> V\u0161echny dru\u017einy<\/span> <i class=\"fas fa-chevron-down\"><\/i><\/div>\n                        <ul class=\"dropdown-options\" id=\"dropdownOptions\">\n                            <li data-value=\"all\" data-color=\"transparent\"><span class=\"team-dot\" style=\"background: transparent; border-color: #ccc;\"><\/span> V\u0161echny dru\u017einy<\/li>\n                            <li data-value=\"modra\" data-color=\"#3b82f6\"><span class=\"team-dot\" style=\"background: #3b82f6;\"><\/span> Modr\u00e1 dru\u017eina<\/li>\n                            <li data-value=\"zluta\" data-color=\"#eab308\"><span class=\"team-dot\" style=\"background: #eab308;\"><\/span> \u017dlut\u00e1 dru\u017eina<\/li>\n                            <li data-value=\"cervena\" data-color=\"#ef4444\"><span class=\"team-dot\" style=\"background: #ef4444;\"><\/span> \u010cerven\u00e1 dru\u017eina<\/li>\n                            <li data-value=\"zelena\" data-color=\"#22c55e\"><span class=\"team-dot\" style=\"background: #22c55e;\"><\/span> Zelen\u00e1 dru\u017eina<\/li>\n                            <li data-value=\"cerna\" data-color=\"#334155\"><span class=\"team-dot\" style=\"background: #334155;\"><\/span> \u010cern\u00e1 dru\u017eina<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"leaderboard-table-wrapper\"><table class=\"leaderboard-table\"><thead id=\"table-head\"><\/thead><tbody id=\"leaderboard-tbody\"><\/tbody><\/table><\/div>\n        <\/div>\n\n        <h2 class=\"pompeii-section-title\"><i class=\"fas fa-atlas\"><\/i> Chyb\u00ed ti kniha?<\/h2>\n        <div class=\"book-section\" id=\"book-section-anchor\">\n            <div id=\"book-content-wrap\">\n                <h3>Z\u00edskej Kouzeln\u00fd atlas<\/h3>\n                <p>E-knihu nelze nahr\u00e1t ve\u0159ejn\u011b na web, ale r\u00e1di ti za\u0161leme PDF verzi pro tvou \u010dte\u010dku nebo po\u010d\u00edta\u010d. Zadej sv\u016fj e-mail a my ti ji obratem po\u0161leme.<\/p>\n                <form class=\"book-form\" id=\"book-request-form\" onsubmit=\"event.preventDefault();\">\n                    <input type=\"email\" id=\"book-email\" class=\"book-input\" placeholder=\"Tv\u016fj e-mail (nap\u0159. jmeno@email.cz)\" required>\n                    <button type=\"submit\" class=\"book-btn\"><i class=\"fas fa-paper-plane\"><\/i> Odeslat PDF<\/button>\n                <\/form>\n            <\/div>\n            <div class=\"book-success-msg animate-up\" id=\"book-success-msg\">\n                <i class=\"fas fa-check-circle\"><\/i>\n                <h4>Svitek \u00fasp\u011b\u0161n\u011b odesl\u00e1n!<\/h4>\n                <p>PDF Kouzeln\u00e9ho atlasu je na cest\u011b do tv\u00e9 e-mailov\u00e9 schr\u00e1nky. M\u016f\u017ee\u0161 se pustit do \u010dten\u00ed.<\/p>\n            <\/div>\n            <div class=\"error-inline-box\" id=\"book-error-msg\" style=\"display: none;\">\n                <i class=\"fas fa-exclamation-triangle\"><\/i>\n                <div>\n                    <strong>Tento<\/strong> e-mail u\u017e byl pou\u017eit.<br>Zkontroluj pros\u00edm svou schr\u00e1nku (v\u010detn\u011b slo\u017eky Spam).\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"pompeii-modal\" id=\"teamModal\" onclick=\"if(event.target === this) closeModal()\">\n    <div class=\"pompeii-modal-content\">\n        <span class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/span>\n        <h2 class=\"modal-title\" id=\"modal-team-name\">N\u00e1zev dru\u017einy<\/h2>\n        <div class=\"modal-subtitle\" id=\"modal-team-status\">Stav stavby<\/div>\n        <table class=\"members-table\"><thead><tr><th>Slou\u017e\u00edc\u00ed<\/th><th style=\"text-align: right;\">Mince<\/th><\/tr><\/thead><tbody id=\"modal-members-list\"><\/tbody><\/table>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ =========================================================================\n    \/\/ \u010c\u00c1ST 1: VIZU\u00c1LN\u00cd FUNKCE A PANEL MAPY\n    \/\/ =========================================================================\n    document.body.classList.add('pompeii-active');\n    const appBg = document.getElementById('app-background');\n\n    const bgMusic = document.getElementById('bg-music');\n    const musicToggle = document.getElementById('music-toggle');\n    let isMusicPlaying = false;\n    bgMusic.volume = 0.4;\n\n    musicToggle.addEventListener('click', () => {\n        if (isMusicPlaying) {\n            bgMusic.pause();\n            musicToggle.innerHTML = '<i class=\"fas fa-volume-mute\"><\/i>';\n        } else {\n            bgMusic.play().catch(e => console.log(\"Hudba ne\u0161la p\u0159ehr\u00e1t:\", e));\n            musicToggle.innerHTML = '<i class=\"fas fa-volume-up\"><\/i>';\n        }\n        isMusicPlaying = !isMusicPlaying;\n    });\n\n    function toggleMapFullscreen() {\n        const mapContainer = document.getElementById('game-map');\n        const icon = document.querySelector('.expand-map-btn i');\n        if(!mapContainer) return;\n        \n        mapContainer.classList.toggle('is-fullscreen');\n        if (mapContainer.classList.contains('is-fullscreen')) {\n            if(icon) { icon.classList.remove('fa-expand'); icon.classList.add('fa-compress'); }\n            appBg.style.overflow = 'hidden'; \n        } else {\n            if(icon) { icon.classList.remove('fa-compress'); icon.classList.add('fa-expand'); }\n            appBg.style.overflow = 'auto';\n        }\n    }\n\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape') {\n            const mapContainer = document.getElementById('game-map');\n            const modal = document.getElementById('teamModal');\n            if (mapContainer && mapContainer.classList.contains('is-fullscreen')) toggleMapFullscreen();\n            if (modal && modal.style.display === 'flex') closeModal();\n        }\n    });\n\n    document.querySelector('.back-to-site').addEventListener('click', function() {\n        document.body.classList.remove('pompeii-active');\n    });\n\n    const dropdownBtn = document.getElementById('dropdownSelected'), optionsList = document.getElementById('dropdownOptions');\n    dropdownBtn.addEventListener('click', () => optionsList.classList.toggle('show'));\n    document.addEventListener('click', (e) => { if (!document.getElementById('teamFilterDropdown').contains(e.target)) optionsList.classList.remove('show'); });\n    optionsList.querySelectorAll('li').forEach(opt => { opt.addEventListener('click', () => { currentFilter = opt.getAttribute('data-value'); dropdownBtn.innerHTML = `<span><span class=\"team-dot\" style=\"background: ${opt.getAttribute('data-color')}; ${currentFilter === 'all' ? 'border-color: #ccc;' : ''}\"><\/span> ${opt.innerText}<\/span> <i class=\"fas fa-chevron-down\"><\/i>`; optionsList.classList.remove('show'); renderTable(); }); });\n\n\n    \/\/ =========================================================================\n    \/\/ \u010c\u00c1ST 2: INICIALIZACE SUPABASE A EMAILJS (NAPOJEN\u00cd NA \u017dIV\u00c1 DATA)\n    \/\/ =========================================================================\n    let supabaseApp = null;\n    try {\n        if (window.supabase) {\n            const supabaseUrl = 'https:\/\/vzcmyjjaycxyotfznkxk.supabase.co';\n            const supabaseKey = 'sb_publishable_wnBIPdlhbJMyCKC7eDAlcw_KttV09Ve'; \n            supabaseApp = window.supabase.createClient(supabaseUrl, supabaseKey);\n        }\n    } catch (e) { console.error(\"Chyba Supabase:\", e); }\n\n    try {\n        if (window.emailjs) emailjs.init(\"8Li65D43xZuAuCCkX\");\n    } catch (e) { console.error(\"Chyba EmailJS:\", e); }\n\n    \/\/ Glob\u00e1ln\u00ed objekt, kam si ulo\u017e\u00edme data ze Supabase\n    const dbData = {\n        modra: { name: 'Modr\u00e1 dru\u017eina', color: '#3b82f6', coins: 0, totalNeeded: 0, imgStage1: '', imgStage2: '', imgStage3: '', imgStage4: '', members: [] },\n        zluta: { name: '\u017dlut\u00e1 dru\u017eina', color: '#eab308', coins: 0, totalNeeded: 0, imgStage1: '', imgStage2: '', imgStage3: '', imgStage4: '', members: [] },\n        cervena: { name: '\u010cerven\u00e1 dru\u017eina', color: '#ef4444', coins: 0, totalNeeded: 0, imgStage1: '', imgStage2: '', imgStage3: '', imgStage4: '', members: [] },\n        zelena: { name: 'Zelen\u00e1 dru\u017eina', color: '#22c55e', coins: 0, totalNeeded: 0, imgStage1: '', imgStage2: '', imgStage3: '', imgStage4: '', members: [] },\n        cerna: { name: '\u010cern\u00e1 dru\u017eina', color: '#334155', coins: 0, totalNeeded: 0, imgStage1: '', imgStage2: '', imgStage3: '', imgStage4: '', members: [] }\n    };\n\n    \/\/ FUNKCE: NA\u010cTEN\u00cd HR\u00c1\u010c\u016e ZE SUPABASE\n    async function loadPlayersData() {\n        if (!supabaseApp) return;\n        \n        try {\n            const { data: players, error } = await supabaseApp.from('players').select('*');\n            if (error) throw error;\n            \n            \/\/ Vy\u010dist\u00edme p\u0159edchoz\u00ed data\n            Object.values(dbData).forEach(team => {\n                team.coins = 0;\n                team.members = [];\n                team.totalNeeded = 1; \/\/ Ochrana proti chyb\u011b d\u011blen\u00ed nulou\n            });\n\n            \/\/ Rozt\u0159\u00edd\u00edme hr\u00e1\u010de do dru\u017ein a se\u010dteme mince\n            players.forEach(p => {\n                if(dbData[p.team_id]) {\n                    dbData[p.team_id].members.push({\n                        name: p.player_name,\n                        coins: p.coins,\n                        birthDay: p.birth_day\n                    });\n                    dbData[p.team_id].coins += p.coins;\n                }\n            });\n\n            \/\/ --- V\u00ddPO\u010cET C\u00cdLOV\u00c9 \u010c\u00c1STKY ---\n            \/\/ ZDE SI M\u016e\u017dE\u0160 ZM\u011aNIT N\u00c1SOBEK MINC\u00cd NA JEDNOHO \u010cLENA:\n            const COINS_PER_PLAYER = 15; \n            \n            Object.values(dbData).forEach(team => {\n                if (team.members.length > 0) {\n                    team.totalNeeded = team.members.length * COINS_PER_PLAYER;\n                } else {\n                    team.totalNeeded = COINS_PER_PLAYER; \/\/ V\u00fdchoz\u00ed stav pro pr\u00e1zdnou dru\u017einu\n                }\n            });\n            \n            \/\/ A\u017e kdy\u017e m\u00e1me sta\u017een\u00e1 data a spo\u010d\u00edtan\u00e9 c\u00edle, p\u0159ekresl\u00edme mapu a \u017eeb\u0159\u00ed\u010dek\n            updateMapGraphics();\n            renderTable();\n            \n        } catch (e) {\n            console.error(\"Chyba p\u0159i na\u010d\u00edt\u00e1n\u00ed dat o hr\u00e1\u010d\u00edch:\", e);\n        }\n    }\n\n    \/\/ Spu\u0161t\u011bn\u00ed ihned po na\u010dten\u00ed str\u00e1nky\n    window.addEventListener('DOMContentLoaded', () => {\n        loadPlayersData();\n    });\n\n    function updateMapGraphics() {\n        for (const [key, data] of Object.entries(dbData)) {\n            const buildingLayer = document.getElementById(`building-${key}`);\n            if(!buildingLayer) continue;\n            const percent = (data.coins \/ data.totalNeeded) * 100;\n            let stageImg = '';\n            if (percent >= 100) stageImg = data.imgStage4;\n            else if (percent >= 75) stageImg = data.imgStage3;\n            else if (percent >= 50) stageImg = data.imgStage2;\n            else if (percent >= 25) stageImg = data.imgStage1;\n\n            if (stageImg) {\n                if (buildingLayer.style.backgroundImage !== `url(\"${stageImg}\")`) {\n                    buildingLayer.style.backgroundImage = `url('${stageImg}')`;\n                    buildingLayer.classList.remove('visible');\n                    void buildingLayer.offsetWidth; \n                    buildingLayer.classList.add('visible');\n                }\n            } else {\n                buildingLayer.classList.remove('visible');\n                buildingLayer.style.backgroundImage = '';\n            }\n        }\n    }\n\n    function openTeamModal(teamKey) {\n        const data = dbData[teamKey];\n        document.getElementById('modal-team-name').innerText = data.name;\n        document.getElementById('modal-team-name').style.color = data.color;\n        document.getElementById('modal-team-status').innerText = `Mince: ${data.coins} \/ ${data.totalNeeded} pot\u0159ebn\u00fdch k odkupu`;\n        const list = document.getElementById('modal-members-list');\n        list.innerHTML = data.members.map(m => `<tr><td>${m.name}<\/td><td style=\"text-align: right; font-weight: bold;\">${m.coins} <i class=\"fas fa-coins\" style=\"color:var(--roman-gold)\"><\/i><\/td><\/tr>`).join('');\n        document.getElementById('teamModal').style.display = 'flex';\n    }\n\n    function closeModal() { document.getElementById('teamModal').style.display = 'none'; }\n\n    let currentTab = 'teams', currentFilter = 'all';\n    function switchTab(tab) {\n        currentTab = tab;\n        document.getElementById('btn-tab-teams').classList.remove('active');\n        document.getElementById('btn-tab-indiv').classList.remove('active');\n        if (tab === 'teams') {\n            document.getElementById('btn-tab-teams').classList.add('active');\n            document.getElementById('indiv-controls').style.display = 'none';\n        } else {\n            document.getElementById('btn-tab-indiv').classList.add('active');\n            document.getElementById('indiv-controls').style.display = 'flex';\n        }\n        renderTable();\n    }\n    \n    function renderTable() {\n        const thead = document.getElementById('table-head'), tbody = document.getElementById('leaderboard-tbody');\n        tbody.innerHTML = '';\n        if (currentTab === 'teams') {\n            thead.innerHTML = `<tr><th style=\"width: 50px;\">#<\/th><th>Dru\u017eina<\/th><th>Pokrok k vile<\/th><th style=\"text-align: right;\">Mince celkem<\/th><\/tr>`;\n            let teamsArray = Object.values(dbData).sort((a, b) => b.coins - a.coins);\n            teamsArray.forEach((t, i) => { tbody.innerHTML += `<tr><td><strong>${i + 1}.<\/strong><\/td><td><span style=\"color: ${t.color}; font-weight: 700;\">${t.name}<\/span><\/td><td style=\"color: var(--text-muted); font-size: 0.9rem;\">C\u00edl: ${t.totalNeeded} minc\u00ed<\/td><td style=\"text-align: right; font-weight: bold; color: var(--roman-gold); font-size: 1.1rem;\">${t.coins} <i class=\"fas fa-coins\"><\/i><\/td><\/tr>`; });\n        } else {\n            thead.innerHTML = `<tr><th style=\"width: 50px;\">#<\/th><th>Jm\u00e9no<\/th><th>Dru\u017eina<\/th><th style=\"text-align: right;\">Nasb\u00edran\u00e9 mince<\/th><\/tr>`;\n            let allMembers = [];\n            for (const [k, d] of Object.entries(dbData)) { if (currentFilter === 'all' || currentFilter === k) d.members.forEach(m => allMembers.push({ n: m.name, tn: d.name, tc: d.color, c: m.coins })); }\n            allMembers.sort((a, b) => b.c - a.c).forEach((m, i) => { tbody.innerHTML += `<tr><td><strong>${i + 1}.<\/strong><\/td><td>${m.n}<\/td><td><span style=\"color: ${m.tc}; font-weight: 700;\">${m.tn}<\/span><\/td><td style=\"text-align: right; font-weight: bold; color: var(--roman-gold);\">${m.c} <i class=\"fas fa-coins\"><\/i><\/td><\/tr>`; });\n        }\n    }\n\n\n    \/\/ =========================================================================\n    \/\/ \u010c\u00c1ST 3: LOGIKA \u00daKOL\u016e - VLASTN\u00cd DROPDOWN JM\u00c9N A 3 POKUSY\n    \/\/ =========================================================================\n    const teamRadios = document.querySelectorAll('input[name=\"task_team\"]');\n    const nameDropdownWrap = document.getElementById('name-custom-dropdown');\n    const nameDropdownSelected = document.getElementById('name-dropdown-selected');\n    const nameDropdownText = document.getElementById('name-dropdown-text');\n    const nameDropdownOptions = document.getElementById('name-dropdown-options');\n    const taskNameHidden = document.getElementById('task-name');\n\n    let isNameDropdownEnabled = false;\n\n    \/\/ Otev\u0159en\u00ed custom dropdownu pro jm\u00e9no\n    nameDropdownSelected.addEventListener('click', () => {\n        if (isNameDropdownEnabled) {\n            nameDropdownOptions.classList.toggle('show');\n        }\n    });\n\n    \/\/ Zav\u0159en\u00ed p\u0159i kliknut\u00ed jinam\n    document.addEventListener('click', (e) => {\n        if (!nameDropdownWrap.contains(e.target)) {\n            nameDropdownOptions.classList.remove('show');\n        }\n    });\n\n    \/\/ Jakmile se vybere dru\u017eina, napln\u00ed a odemkne se n\u00e1\u0161 hez\u010d\u00ed Dropdown daty ze Supabase (ulo\u017een\u00fdmi v dbData)\n    teamRadios.forEach(radio => {\n        radio.addEventListener('change', (e) => {\n            const selectedTeam = e.target.value;\n            \/\/ Nyn\u00ed bereme \u010dleny z aktu\u00e1ln\u00edch \u017eiv\u00fdch dat\n            const members = dbData[selectedTeam].members; \n            \n            nameDropdownOptions.innerHTML = '';\n            taskNameHidden.value = '';\n            nameDropdownText.textContent = '-- Nyn\u00ed vyber sv\u00e9 jm\u00e9no --';\n            \n            nameDropdownSelected.classList.add('active');\n            isNameDropdownEnabled = true;\n\n            \/\/ Se\u0159adit abecedn\u011b\n            members.sort((a, b) => a.name.localeCompare(b.name, 'cs')).forEach(m => {\n                const li = document.createElement('li');\n                li.textContent = m.name;\n                li.addEventListener('click', () => {\n                    taskNameHidden.value = m.name;\n                    nameDropdownText.textContent = m.name;\n                    nameDropdownOptions.classList.remove('show');\n                });\n                nameDropdownOptions.appendChild(li);\n            });\n        });\n    });\n\n    \/\/ Zpracov\u00e1n\u00ed odesl\u00e1n\u00ed\n    document.getElementById('task-submission-form').addEventListener('submit', async function(e) {\n        e.preventDefault();\n        \n        if (!supabaseApp) {\n            alert(\"Spojen\u00ed s datab\u00e1z\u00ed moment\u00e1ln\u011b nefunguje. Zkus to pros\u00edm znovu.\");\n            return;\n        }\n\n        const teamRadio = document.querySelector('input[name=\"task_team\"]:checked');\n        const playerName = taskNameHidden.value; \n        const birthDay = parseInt(document.getElementById('task-birthday').value, 10);\n        const answer = document.getElementById('task-answer').value.trim();\n        \n        const errorMsg = document.getElementById('task-error-msg');\n        const errorText = document.getElementById('task-error-text');\n        const bdayInput = document.getElementById('task-birthday');\n        const btn = this.querySelector('.task-submit-btn');\n        const originalBtnHTML = btn.innerHTML;\n\n        const lockoutMsg = `<strong>Zablokov\u00e1no!<\/strong> Pro tento m\u011bs\u00edc jsi vy\u010derpal(a) v\u0161echny 3 pokusy pro odevzd\u00e1n\u00ed \u00fakolu.<br><br>Odevzdej pros\u00edm sv\u016fj \u00fakol na e-mail: <a href=\"mailto:michal.hudec300@gmail.com?subject=celoro\u010dn\u00ed hra\" style=\"color:#b30000; text-decoration:underline; font-weight:600;\">michal.hudec300@gmail.com<\/a> s p\u0159edm\u011btem <strong>celoro\u010dn\u00ed hra<\/strong>.`;\n\n        errorMsg.style.display = 'none';\n        bdayInput.classList.remove('input-error');\n\n        if (!teamRadio || !playerName) {\n            bdayInput.classList.add('input-error');\n            errorText.innerHTML = `<strong>Chyba:<\/strong> Nezapome\u0148 si vybrat dru\u017einu a sv\u00e9 jm\u00e9no ze seznamu.`;\n            errorMsg.style.display = 'flex';\n            return;\n        }\n\n        const teamId = teamRadio.value;\n\n        \/\/ KONTROLA LIMITU \n        const date = new Date();\n        const monthKey = `${date.getFullYear()}_${date.getMonth()}`;\n        const storageKey = `pompeii_attempts_${monthKey}_${playerName}`;\n        let attempts = parseInt(localStorage.getItem(storageKey) || '0', 10);\n\n        if (attempts >= 3) {\n            bdayInput.classList.add('input-error');\n            errorText.innerHTML = lockoutMsg;\n            errorMsg.style.display = 'flex';\n            return;\n        }\n\n        \/\/ KONTROLA DNE NAROZEN\u00cd Z DB\n        const memberData = dbData[teamId].members.find(m => m.name === playerName);\n        if (memberData && memberData.birthDay !== birthDay) {\n            attempts++;\n            localStorage.setItem(storageKey, attempts.toString());\n            const remaining = 3 - attempts;\n            \n            bdayInput.classList.add('input-error');\n            if (remaining > 0) {\n                errorText.innerHTML = `<strong>\u0160patn\u00fd den narozen\u00ed!<\/strong> Zadal(a) jsi chybn\u00fd \u00fadaj. Zb\u00fdvaj\u00ed ti <strong>${remaining}<\/strong> pokusy.`;\n            } else {\n                errorText.innerHTML = lockoutMsg;\n            }\n            errorMsg.style.display = 'flex';\n            return;\n        }\n\n        btn.innerHTML = '<i class=\"fas fa-hourglass-half\"><\/i> Odes\u00edl\u00e1m...';\n        btn.disabled = true;\n\n        try {\n            const { error } = await supabaseApp.from('task_submissions').insert([\n                { player_name: playerName, team_id: teamId, answer: answer, birth_day: birthDay }\n            ]);\n            if (error) throw error;\n            \n            localStorage.removeItem(storageKey);\n            \n            document.getElementById('task-section-container').innerHTML = `\n                <div style=\"text-align: center; color: #207d20; padding: 20px;\">\n                    <i class=\"fas fa-check-circle\" style=\"font-size: 3rem; margin-bottom: 15px;\"><\/i>\n                    <h3 style=\"font-family: 'Cinzel', serif; font-size: 1.5rem; margin-bottom: 10px;\">\u00dakol \u00fasp\u011b\u0161n\u011b odevzd\u00e1n!<\/h3>\n                    <p style=\"color: var(--text-muted);\">Tv\u00e1 odpov\u011b\u010f byla p\u0159ed\u00e1na spr\u00e1vc\u016fm. Pokud je v po\u0159\u00e1dku, brzy se mince p\u0159ip\u00ed\u0161e na mapu.<\/p>\n                <\/div>\n            `;\n        } catch (err) {\n            console.error(err);\n            bdayInput.classList.add('input-error');\n            errorText.innerHTML = `<strong>Nastala chyba:<\/strong> ${err.message || 'Nepoda\u0159ilo se spojit s datab\u00e1z\u00ed.'}`;\n            errorMsg.style.display = 'flex';\n            btn.innerHTML = originalBtnHTML;\n            btn.disabled = false;\n        }\n    });\n\n\n    \/\/ =========================================================================\n    \/\/ \u010c\u00c1ST 4: ODESL\u00c1N\u00cd KNIHY A KONTROLA DUPLICIT\n    \/\/ =========================================================================\n    document.getElementById('book-request-form').addEventListener('submit', async function(e) {\n        e.preventDefault(); \n        \n        if (!supabaseApp || !window.emailjs) {\n            alert(\"Syst\u00e9m pro odes\u00edl\u00e1n\u00ed knih moment\u00e1ln\u011b odpo\u010d\u00edv\u00e1. Zkontroluj si p\u0159ipojen\u00ed nebo adblocker.\");\n            return;\n        }\n\n        const emailInput = document.getElementById('book-email');\n        const email = emailInput.value.trim();\n        const btn = this.querySelector('.book-btn');\n        const originalBtnHTML = btn.innerHTML;\n        const errorMsg = document.getElementById('book-error-msg');\n        \n        errorMsg.style.display = 'none';\n        emailInput.classList.remove('error');\n        btn.innerHTML = '<i class=\"fas fa-hourglass-half\"><\/i> Ov\u011b\u0159uji e-mail...';\n        btn.disabled = true;\n\n        try {\n            const { data, error } = await supabaseApp\n                .from('sent_books')\n                .select('email')\n                .eq('email', email);\n                \n            if (error) throw error;\n\n            if (data.length > 0) {\n                errorMsg.style.display = 'flex';\n                emailInput.classList.add('error');\n                btn.innerHTML = originalBtnHTML;\n                btn.disabled = false;\n                return;\n            }\n\n            btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Odes\u00edl\u00e1m svitek...';\n            const templateParams = { book_email: email };\n            \n            await emailjs.send('service_awrbwnd', 'template_6xwxpbw', templateParams);\n\n            const { error: insertError } = await supabaseApp\n                .from('sent_books')\n                .insert([{ email: email }]);\n                \n            if (insertError) throw insertError;\n\n            document.getElementById('book-content-wrap').style.display = 'none';\n            document.getElementById('book-success-msg').style.display = 'block';\n\n        } catch (err) {\n            console.error('Chyba p\u0159i odes\u00edl\u00e1n\u00ed e-mailu:', err);\n            alert('Bohov\u00e9 se zlob\u00ed a spojen\u00ed se p\u0159eru\u0161ilo. Zkus to pros\u00edm za chv\u00edli znovu.');\n            btn.innerHTML = originalBtnHTML;\n            btn.disabled = false;\n        }\n    });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Zp\u011bt na web odd\u00edlu Celoro\u010dn\u00ed hra 2026\/27 Pozdvi\u017een\u00ed v Pompej\u00edch Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd Kouzeln\u00fd atlas. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem Roma a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed. Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed slou\u017e\u00edc\u00ed&#8230;.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-966","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Zp\u011bt na web odd\u00edlu Celoro\u010dn\u00ed hra 2026\/27 Pozdvi\u017een\u00ed v Pompej\u00edch Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd Kouzeln\u00fd atlas. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem Roma a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed. Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed slou\u017e\u00edc\u00ed.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Pochode\u0148 Unho\u0161\u0165 - Pochoden\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Celoro\u010dn\u00ed hra - Pochode\u0148 Unho\u0161\u0165\" \/>\n\t\t<meta property=\"og:description\" content=\"Zp\u011bt na web odd\u00edlu Celoro\u010dn\u00ed hra 2026\/27 Pozdvi\u017een\u00ed v Pompej\u00edch Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd Kouzeln\u00fd atlas. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem Roma a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed. Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed slou\u017e\u00edc\u00ed.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/02\/Navrh-bez-nazvu-3.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/02\/Navrh-bez-nazvu-3.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-17T15:21:33+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-18T02:08:31+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Celoro\u010dn\u00ed hra - Pochode\u0148 Unho\u0161\u0165\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Zp\u011bt na web odd\u00edlu Celoro\u010dn\u00ed hra 2026\/27 Pozdvi\u017een\u00ed v Pompej\u00edch Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd Kouzeln\u00fd atlas. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem Roma a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed. Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed slou\u017e\u00edc\u00ed.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/02\/Navrh-bez-nazvu-3.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/celorocni-hra\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/celorocni-hra\\\/#listItem\",\"name\":\"Celoro\\u010dn\\u00ed hra\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/celorocni-hra\\\/#listItem\",\"position\":2,\"name\":\"Celoro\\u010dn\\u00ed hra\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/#organization\",\"name\":\"Pochode\\u0148 Unho\\u0161\\u0165\",\"description\":\"Pochoden\",\"url\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Navrh-bez-nazvu-3.png\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/celorocni-hra\\\/#organizationLogo\",\"width\":520,\"height\":520},\"image\":{\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/celorocni-hra\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/celorocni-hra\\\/#webpage\",\"url\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/celorocni-hra\\\/\",\"name\":\"Celoro\\u010dn\\u00ed hra - Pochode\\u0148 Unho\\u0161\\u0165\",\"description\":\"Zp\\u011bt na web odd\\u00edlu Celoro\\u010dn\\u00ed hra 2026\\\/27 Pozdvi\\u017een\\u00ed v Pompej\\u00edch Na p\\u016fd\\u011b klubovny jsme objevili star\\u00fd, prachem zapadan\\u00fd Kouzeln\\u00fd atlas. Sta\\u010dilo se dotknout str\\u00e1nky s n\\u00e1pisem Roma a propadli jsme se \\u010dasem! Ocitli jsme se v roce 79 n. l. v ru\\u0161n\\u00fdch ulic\\u00edch starov\\u011bk\\u00fdch Pompej\\u00ed. Zde, hluboko v minulosti, se z n\\u00e1s stali hrd\\u00ed slou\\u017e\\u00edc\\u00ed.\",\"inLanguage\":\"cs-CZ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/celorocni-hra\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-17T15:21:33+00:00\",\"dateModified\":\"2026-09-18T02:08:31+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/\",\"name\":\"Pochode\\u0148 Unho\\u0161\\u0165\",\"description\":\"Pochoden\",\"inLanguage\":\"cs-CZ\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.pochoden.cz\\\/wordpress\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Celoro\u010dn\u00ed hra - Pochode\u0148 Unho\u0161\u0165","description":"Zp\u011bt na web odd\u00edlu Celoro\u010dn\u00ed hra 2026\/27 Pozdvi\u017een\u00ed v Pompej\u00edch Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd Kouzeln\u00fd atlas. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem Roma a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed. Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed slou\u017e\u00edc\u00ed.","canonical_url":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.pochoden.cz\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/www.pochoden.cz\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/#listItem","name":"Celoro\u010dn\u00ed hra"}},{"@type":"ListItem","@id":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/#listItem","position":2,"name":"Celoro\u010dn\u00ed hra","previousItem":{"@type":"ListItem","@id":"https:\/\/www.pochoden.cz\/wordpress#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.pochoden.cz\/wordpress\/#organization","name":"Pochode\u0148 Unho\u0161\u0165","description":"Pochoden","url":"https:\/\/www.pochoden.cz\/wordpress\/","logo":{"@type":"ImageObject","url":"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/02\/Navrh-bez-nazvu-3.png","@id":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/#organizationLogo","width":520,"height":520},"image":{"@id":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/#webpage","url":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/","name":"Celoro\u010dn\u00ed hra - Pochode\u0148 Unho\u0161\u0165","description":"Zp\u011bt na web odd\u00edlu Celoro\u010dn\u00ed hra 2026\/27 Pozdvi\u017een\u00ed v Pompej\u00edch Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd Kouzeln\u00fd atlas. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem Roma a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed. Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed slou\u017e\u00edc\u00ed.","inLanguage":"cs-CZ","isPartOf":{"@id":"https:\/\/www.pochoden.cz\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/#breadcrumblist"},"datePublished":"2026-09-17T15:21:33+00:00","dateModified":"2026-09-18T02:08:31+00:00"},{"@type":"WebSite","@id":"https:\/\/www.pochoden.cz\/wordpress\/#website","url":"https:\/\/www.pochoden.cz\/wordpress\/","name":"Pochode\u0148 Unho\u0161\u0165","description":"Pochoden","inLanguage":"cs-CZ","publisher":{"@id":"https:\/\/www.pochoden.cz\/wordpress\/#organization"}}]},"og:locale":"cs_CZ","og:site_name":"Pochode\u0148 Unho\u0161\u0165 - Pochoden","og:type":"article","og:title":"Celoro\u010dn\u00ed hra - Pochode\u0148 Unho\u0161\u0165","og:description":"Zp\u011bt na web odd\u00edlu Celoro\u010dn\u00ed hra 2026\/27 Pozdvi\u017een\u00ed v Pompej\u00edch Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd Kouzeln\u00fd atlas. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem Roma a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed. Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed slou\u017e\u00edc\u00ed.","og:url":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/","og:image":"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/02\/Navrh-bez-nazvu-3.png","og:image:secure_url":"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/02\/Navrh-bez-nazvu-3.png","article:published_time":"2026-09-17T15:21:33+00:00","article:modified_time":"2026-09-18T02:08:31+00:00","twitter:card":"summary_large_image","twitter:title":"Celoro\u010dn\u00ed hra - Pochode\u0148 Unho\u0161\u0165","twitter:description":"Zp\u011bt na web odd\u00edlu Celoro\u010dn\u00ed hra 2026\/27 Pozdvi\u017een\u00ed v Pompej\u00edch Na p\u016fd\u011b klubovny jsme objevili star\u00fd, prachem zapadan\u00fd Kouzeln\u00fd atlas. Sta\u010dilo se dotknout str\u00e1nky s n\u00e1pisem Roma a propadli jsme se \u010dasem! Ocitli jsme se v roce 79 n. l. v ru\u0161n\u00fdch ulic\u00edch starov\u011bk\u00fdch Pompej\u00ed. Zde, hluboko v minulosti, se z n\u00e1s stali hrd\u00ed slou\u017e\u00edc\u00ed.","twitter:image":"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/02\/Navrh-bez-nazvu-3.png"},"aioseo_meta_data":{"post_id":"966","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-09-17 15:21:33","updated":"2026-09-18 02:08:31","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.pochoden.cz\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCeloro\u010dn\u00ed hra\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.pochoden.cz\/wordpress"},{"label":"Celoro\u010dn\u00ed hra","link":"https:\/\/www.pochoden.cz\/wordpress\/celorocni-hra\/"}],"_links":{"self":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/comments?post=966"}],"version-history":[{"count":40,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/966\/revisions"}],"predecessor-version":[{"id":1033,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/966\/revisions\/1033"}],"wp:attachment":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/media?parent=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}