*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{font-family:Lato,Helvetica Neue,arial,sans-serif;font-weight:800;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#5e6c76;margin:0;font-size:2.9vh;line-height:1.666}.min-h-screen{min-height:100vh}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-gray-900{--tw-gradient-from:#111827;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(17,24,39,0))}.to-gray-800{--tw-gradient-to:#1f2937}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.p-4{padding:1rem}.max-w-md{max-width:28rem}.w-full{width:100%}.bg-gray-800{background-color:#1f2937}.rounded-lg{border-radius:.5rem}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.p-8{padding:2rem}.text-5xl{font-size:3rem;line-height:1}.font-bold{font-weight:700}.text-center{text-align:center}.mb-8{margin-bottom:2rem}.text-white{color:#fff}.space-y-6>*+*{margin-top:1.5rem}.block{display:block}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-gray-300{color:#d1d5db}.mb-2{margin-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.bg-gray-700{background-color:#374151}.border{border-width:1px}.border-gray-600{border-color:#4b5563}.placeholder-gray-400::placeholder{color:#9ca3af}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 3px rgba(59,130,246,.5)}.bg-blue-600{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.disabled\:bg-gray-600:disabled{background-color:#4b5563}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mt-8{margin-top:2rem}.text-gray-400{color:#9ca3af}#full{width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:auto;padding:0;margin:0}.header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1px;background:rgba(42,42,42,.95);border-bottom:2px solid #4a90e2;box-shadow:0 2px 10px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#connection,.btnblue{font-weight:700}.btnblue{background:#f06;color:#fff;border:none;height:40px;line-height:40px;padding:0 1rem;font-size:18px;border-radius:4px;cursor:pointer;transition:background .25s;display:inline-block;vertical-align:middle;text-decoration:none}.btnblue:hover{background:#22272a}#result{flex:1 1;overflow:auto;padding:0;width:100%;max-width:100vw;box-sizing:border-box}table.header{width:100%;padding:0;text-align:center;margin:0}table.hra{width:100%;max-width:100%;border-collapse:collapse;border-spacing:2px;table-layout:fixed;margin:0;overflow:hidden;font-size:clamp(12px,1.8vh,20px)}table.hra td,table.hra th{border:1px solid hsla(0,0%,59%,.8);text-align:center;text-overflow:ellipsis;height:clamp(1.5em,3vh,2.5em);padding:clamp(2px,.5vh,8px);white-space:nowrap;overflow:hidden}table.hra td:first-child,table.hra th:first-child{color:#fff;background:#000}table.hra td:not(:first-child),table.hra td:not(:first-child) div,table.hra th:not(:first-child),table.hra th:not(:first-child) div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}table.hra th{font-weight:700}table.hra th,table.hra th.active,table.hra th.inactiveh{background:#2a2a2a;color:#fff}table.hra th.inactiveh,table.hra th.inactiveh:not(:first-child)>div{position:relative}table.hra th.inactiveh:not(:first-child)>div:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:rgba(42,42,42,.7);pointer-events:none;z-index:0}table.hra th.inactiveh:not(:first-child)>div>*{position:relative;z-index:1}table.hra td{background:#000;cursor:pointer}table.hra td:hover{background:#1a1a1a}table.hra td.fail,table.hra td.ok{background:#4a4a6e;color:#fff}table.hra td.active{background:hsla(0,0%,50%,.3)}table.hra td.fail.active,table.hra td.ok.active{background:#4a4a6e}table.hra td.resultok{animation:flashGreen 1s;position:relative}table.hra td.resultfail{animation:flashRed 1s;position:relative}table.hra td.resultfail:after,table.hra td.resultok:after{content:"";position:absolute;top:2px;right:2px;width:0;height:0;border-style:solid;border-width:0 12px 12px 0;animation:triangleFade 5s}table.hra td.resultok:after{border-color:transparent #4caf50 transparent transparent}table.hra td.resultfail:after{border-color:transparent #f44336 transparent transparent}@keyframes flashGreen{0%{background:#4a4a6e}10%{background:#fff}to{background:#4a4a6e}}@keyframes flashRed{0%{background:#4a4a6e}10%{background:#ffc83c}to{background:#4a4a6e}}@keyframes triangleFade{0%{opacity:1}90%{opacity:1}to{opacity:0}}.activeeffect{animation:pulse .5s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.activefail{color:hsla(0,94%,69%,.4);font-weight:700}.menuLeftok{color:#fff!important;font-weight:700}.menuLeftfail,.menuLeftok{background:#000!important;cursor:default!important}.menuLeftfail{color:#911b1b!important}.sumalabel{background:#000!important;font-weight:900;color:blue!important}.suma{color:#8b6d20!important}.suma,.sumamax{background:#000!important;font-weight:700}.sumamax{color:#2d6815!important}.sumamin{background:#000!important;font-weight:700;color:#911b1b!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);padding:35px;border-radius:16px;max-width:650px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid rgba(74,144,226,.2);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:30px;cursor:pointer;padding:0;width:40px;height:40px;line-height:40px}.modal-close:hover{color:#f44336}.modal-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:40px;animation:iconPulse .5s ease}.modal-icon.error{background:rgba(244,67,54,.2);border:3px solid #f44336;box-shadow:0 0 20px rgba(244,67,54,.4);transition:all .3s ease}.modal-icon.error:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 30px rgba(244,67,54,.6);border-color:#ff9800}.modal-icon.value{background:rgba(74,144,226,.2);border:3px solid #4a90e2;box-shadow:0 0 20px rgba(74,144,226,.4)}@keyframes iconPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.modal-message{text-align:center;color:#ccc;font-size:16px;line-height:1.6;margin:15px 0 25px}.modal-content h2{margin-bottom:20px;color:#fff;font-size:24px;text-align:center}.value-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-gap:10px;gap:10px;margin-top:20px}.value-button{background:#4a90e2;color:#fff;border:none;padding:15px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center}.value-button:hover{background:#357abd;transform:scale(1.05)}.value-button:active{transform:scale(.95)}.value-button.special{background:linear-gradient(135deg,#f44336,#d32f2f);font-weight:700;font-size:20px}.value-button.special:hover{background:linear-gradient(135deg,#d32f2f,#c62828)}.value-button.hods-negative{background:#f44336}.value-button.hods-negative:hover{background:#da190b}.value-button.hods-positive{background:#4caf50}.value-button.hods-positive:hover{background:#45a049}.hods-info{margin:15px 0;padding:15px;background:#1a1a1a;border-radius:4px;border:2px solid #444}.hods-info p{margin:5px 0;color:#fff;text-align:center}.hods-info strong{color:#4a90e2;font-size:20px}.hods-hint{font-size:14px;color:#888;font-style:italic}.hods-section,.value-section{margin:20px 0}.section-label{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;text-align:center}.value-button.selected{background:#ffa726;border:3px solid #ff9800;transform:scale(1.1)}.value-button.selected:hover{background:#fb8c00}.confirm-button:disabled{background:#666;cursor:not-allowed;opacity:.5}.confirm-button:disabled:hover{background:#666;transform:none}.player-input{width:100%;padding:12px;font-size:16px;border:2px solid #444;border-radius:4px;background:#1a1a1a;color:#fff;margin-bottom:20px}.player-input:focus{outline:none;border-color:#4a90e2}.modal-buttons{display:flex;gap:10px;justify-content:center}.cancel-button,.confirm-button{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s;flex:1 1;min-width:0;height:48px;display:flex;align-items:center;justify-content:center}.confirm-button{background:#4caf50;color:#fff}.confirm-button:hover{background:#45a049}.cancel-button{background:#f44336;color:#fff}.cancel-button:hover{background:#da190b}.game-setup{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff}.game-setup h1{font-size:48px;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.setup-form{display:flex;flex-direction:column;gap:20px;min-width:300px}.setup-form label{font-size:18px;font-weight:700}.setup-form input{padding:12px;font-size:16px;border:2px solid #444;border-radius:4px;background:#1a1a1a;color:#fff}.setup-form input:focus{outline:none;border-color:#4a90e2}.setup-form button{padding:12px 24px;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;font-weight:700;transition:all .3s}.setup-form button:hover:not(:disabled){background:#357abd;transform:translateY(-2px)}.setup-form button:disabled{background:#666;cursor:not-allowed;opacity:.5}table.hra td,table.hra th{padding:clamp(4px,1vh,12px)}table.hra td:first-child,table.hra th:first-child{font-weight:900;min-width:3em}@media (max-width:768px){table.hra td,table.hra th{font-size:18px;padding:2px 4px;line-height:1.2}table.hra td:first-child,table.hra th:first-child{font-size:18px;font-weight:700;padding:2px;min-width:55px;width:55px;text-align:center;white-space:nowrap;overflow:hidden;letter-spacing:-.5px}table.hra td:not(:first-child){font-size:18px;font-weight:700;padding:2px 3px}table.hra{border-spacing:1px}.header{padding:1px}.btnblue{height:32px;line-height:32px;padding:0 10px;font-size:12px}.modal{padding:15px;max-height:95vh;overflow-y:auto;width:95vw;max-width:500px}.modal-content{padding:10px}.modal-content h2{font-size:18px;margin-bottom:10px}.modal-icon.value{display:none}.value-buttons{grid-template-columns:repeat(4,1fr);gap:5px}.value-button{padding:6px;font-size:13px;height:38px}.modal-close{font-size:24px;width:32px;height:32px;top:5px;right:5px}.modal-content .hods-section,.modal-content .value-section{margin-bottom:10px}.section-label{font-size:12px;margin-bottom:6px}.modal-buttons{margin-top:10px;gap:8px}.cancel-button,.confirm-button{padding:10px 16px;font-size:14px;height:42px}.hods-info strong{font-size:24px!important}}@media (max-width:768px) and (orientation:landscape){body{overflow:hidden}body:before{content:"📱 Otočte zařízení na výšku pro pokračování";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;z-index:99999;text-align:center;padding:20px;line-height:1.5}body>*{display:none!important}body:before{display:flex!important}}