body{background-color:#252421}.page-container{max-width:1400px;margin:0 auto;padding:2.8vw 0;position:relative;background-image:url(/images/background.jpg);background-size:cover}.table-container{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr);gap:.8vw;width:75%;margin:2.8vw auto}.hand-container{display:grid;grid-template-columns:repeat(4,1fr);gap:3.3vw;width:50%;margin:0 auto}@media (min-width: 1400px){.page-container{padding:40px 0}.table-container{gap:11.2px;margin:40px aoto}.hand-container{gap:42px}}.card-slot{position:relative;aspect-ratio:5 / 7;background-color:rgba(217,217,217,.1);border-radius:5px;perspective:1000px}.table-container .card-slot{background-color:unset}.card-slot img{position:absolute;display:block;width:100%;border-radius:5px;transition:transform .2s;backface-visibility:hidden;cursor:pointer}.player img{cursor:grab}.moving,.dragging{position:absolute;display:block;border-radius:5px}.moving{transition:left 1s,top 1s}.dragging{z-index:1000;cursor:grabbing;opacity:.9;transition:transform .2s}.card-back{transform:rotateY(180deg)}.card-inner{transition:transform .6s;transform-style:preserve-3d}.overlay{position:absolute;top:-2px;left:-2px;width:100%;height:100%;opacity:0;border-radius:5px;pointer-events:none;transition:opacity .3s,box-shadow .3s,background-color .3s}.highlight-all .overlay{border:2px dashed #4a90e2;background-color:rgba(74,144,226,.1);box-shadow:0 0 10px rgba(74,144,226,.2);opacity:1}.highlight .overlay{border:2px dashed #0056b3;background-color:rgba(0,86,179,.2);box-shadow:0 0 15px rgba(0,86,179,.4);opacity:1}.right .overlay{border-color:#28a745;background-color:rgba(40,167,69,.2);box-shadow:0 0 15px rgba(40,167,69,.4);opacity:1;animation:pulse-green .4s 2}.wrong .overlay{border-color:#c0392b;background-color:rgba(192,57,43,.2);box-shadow:0 0 15px rgba(192,57,43,.4);opacity:1;animation:pulse-red .4s 2}.draw{position:absolute;bottom:2.8%;left:3.3%;width:10.75%}.draw-deck{position:absolute;bottom:0;left:0;width:16.8%}.draw-deck img{display:block;width:100%}.discard{position:absolute;bottom:2.8%;right:3.3%;width:10.75%}.discard-deck{position:absolute;bottom:0;right:0;width:16.8%}.discard-deck img{display:block;width:100%}.gray{filter:grayscale(100%)}.card-slot:hover{z-index:100}.table-container img:hover{transform:scale(2)}.computer img:hover{transform:translateY(50%) scale(2)}.player img:hover{transform:translateY(-50%) scale(2)}.draw img:hover{transform:translate(50%,-50%) scale(2)}.discard img:hover{transform:translate(-50%,-50%) scale(2)}.controls{position:absolute;top:2.8vw;right:1.4%;width:10%;min-width:100px;display:flex;flex-direction:column;align-items:flex-end;gap:1vw;z-index:10}@media (min-width: 1400){.controls{gap:15px}}.buttons{width:100%;display:flex;justify-content:space-between}.btn{width:25%;padding:3px;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center}.btn:hover{background-color:#e5e5e5}.bi{width:100%}#language{font-size:16px}@media (max-width: 992px){#language,.slider-label{font-size:14px}}.slider-container{position:relative;width:100%}.slider{width:100%;margin:0;-webkit-appearance:none;appearance:none;height:6px;background:#ddd;border-radius:3px;outline:none;cursor:pointer;transition:background-color .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;transition:transform .2s}.slider:hover{background:#ccc}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-container .slider-label{position:absolute;color:#ddd}.slider-container .easy{top:20px;left:0}.slider-container .hard{top:20px;right:0}.modal{display:none;position:absolute;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.3);align-items:center;justify-content:center}.modal-content{background-color:#fefefe;padding:1.25em;border:1px solid #888;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative}@media (max-width: 768px){.modal-content{font-size:14px}}@media (max-width: 576px){.modal-content{font-size:12px}}.close{color:#aaa;position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none}#rules .modal-content{width:80%;max-width:500px;animation-name:animate-top;animation-duration:.4s}#rules ol{padding-left:1.25em}#rules li{margin-top:.5em}#result .modal-content{width:60%;max-width:400px;opacity:.9;animation-name:animate-center;animation-duration:.4s}#result h1{font-size:3em;text-align:center}.disable-pointer{pointer-events:none}.turn-indicator{position:absolute;top:2.8vw;left:0;perspective:1000px;width:25%}.turn-label{height:3.5vw;position:relative;transform-style:preserve-3d;transition:transform .6s}.face{position:absolute;width:100%;text-align:center;line-height:3.5vw;backface-visibility:hidden;opacity:.5;font-weight:700;color:#fefefe;font-size:24px}@media (min-width: 1400px){.turn-label{height:50px}.face{line-height:50px}.turn-indicator,.controls{top:40px}}@media (max-width: 1200px){.face{font-size:20px}}@media (max-width: 992px){.face{font-size:16px}}@media (max-width: 768px){.face{font-size:14px}}@media (max-width: 576px){.face{font-size:12px}}.front{transform:rotateX(0)}.back,.turn-label.flipped{transform:rotateX(180deg)}@keyframes animate-top{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animate-center{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes pulse-green{0%{box-shadow:0 0 15px rgba(40,167,69,.4)}50%{box-shadow:0 0 25px rgba(40,167,69,.6)}to{box-shadow:0 0 15px rgba(40,167,69,.4)}}@keyframes pulse-red{0%{box-shadow:0 0 15px rgba(192,57,43,.4)}50%{box-shadow:0 0 25px rgba(192,57,43,.6)}to{box-shadow:0 0 15px rgba(192,57,43,.4)}}@keyframes pulse-blue{0%{box-shadow:0 0 15px rgba(0,86,179,.4)}50%{box-shadow:0 0 25px rgba(0,86,179,.6)}to{box-shadow:0 0 15px rgba(0,86,179,.4)}}