*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"\200b";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details > summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}body{background:rgb(0,0,0);background:-moz-linear-gradient(121deg,rgba(0,0,0,1) 0%,rgba(82,11,11,1) 52%,rgba(152,54,54,1) 100%);background:-webkit-linear-gradient(121deg,rgba(0,0,0,1) 0%,rgba(82,11,11,1) 52%,rgba(152,54,54,1) 100%);background:linear-gradient(121deg,rgba(0,0,0,1) 0%,rgba(82,11,11,1) 52%,rgba(152,54,54,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#983636",GradientType=1);background-size:400% 400%;animation:gradient 15s ease infinite;color:#fff;font-family:Rubik,sans-serif;text-shadow:1px 2px #570d0d;margin:40px}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}li{padding:5px}h1{text-shadow:3px 2px #570d0d;font-size:40px}h1,h3{color:#f0f8ff}h2{color:#fff}button{border:0px;transition-duration:.4s;text-shadow:2px 2px #570d0d;background-color:#ffffff1f;border-radius:5px;color:#fff;font-weight:600}button:hover{transform:scale(1.05)}footer{margin-top:auto;width:100%}@media (max-width: 600px){.pcard,.ccard{margin-left:-100px}}.howtoplay{padding-left:20px}#start{background-color:#cfcece33;border-radius:7px;padding:1px 10px;border:2px solid white}#btngame:hover,#btnstart:hover{background-color:#ff8e16da;color:#fff}#btngame,#btnstart{font-size:20px;background-color:#ffffff1f;padding:10px;border:1px solid white;margin-left:10px}#btnarrowdiv{position:relative;top:32px}#btnprevious,#btnnext{border:1px solid white;background-color:#ffffff1f;color:#f0f8ff;margin:0 2px}#btnprevious:hover,#btnnext:hover{background-color:#ff8e16da;color:#fff}svg{pointer-events:none}.icon-inner{pointer-events:none}ion-icon{pointer-events:none}.btnarrow{background-color:#fff0}.howtoplay{display:flex;gap:20px;margin-right:20px}.instruction-page{background-color:#cfcece40;border-radius:5px;padding:1px 20px;margin:0 10px 20px}.summary{padding:1px 20px}#gameboard-2P{display:grid;width:100%;height:100%;grid-template-rows:auto auto auto;gap:10px;border:2px solid white;border-radius:10px;justify-items:center;background-image:url(https://images.unsplash.com/photo-1546484396-fb3fc6f95f98?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8ZGFyayUyMHdvb2QlMjBiYWNrZ3JvdW5kfGVufDB8fDB8fA%3D%3D&w=1000&q=80);background-size:cover}#playertwoname{border:1px solid white;border-radius:5px;font-size:20px;text-align:center;font-weight:600;width:500px;margin:20px auto;background-color:#570d0dc5;padding:2px}#playeronename{border:1px solid white;border-radius:5px;font-size:20px;text-align:center;font-weight:600;width:500px;margin:20px auto;background-color:#570d0de4;padding:2px}#computer-cardstack{grid-row:1/2;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:30px 40px 0 80px}#player-cardstack{grid-row:3/4;display:flex;flex-direction:row;flex-wrap:wrap;padding:auto;margin:0 40px 30px 80px}@keyframes blink{0%{box-shadow:1px 1px 20px 5px #ffffffb7}50%{box-shadow:none}to{box-shadow:1px 1px 20px 5px #ffffffb7}}@-webkit-keyframes blink{0%{box-shadow:1px 1px 20px 5px #ffffffb7}50%{box-shadow:0 0}to{box-shadow:1px 1px 20px 5px #ffffffb7}}.backlight{-webkit-animation:blink 1.2s linear infinite;-moz-animation:blink 1.2s linear infinite;-ms-animation:blink 1.2s linear infinite;-o-animation:blink 1.2s linear infinite;animation:blink 1.2s linear infinite}#draw-pile{padding:20px;border:3px solid white;border-radius:10px;background-color:#570d0d;block-size:fit-content;font-weight:700;width:160px;height:190px;text-align:center;text-shadow:3px 3px rgb(0,0,0)}#pile{grid-row:2/3;display:flex;margin:10px auto;gap:20px;justify-content:center}#discard-pile{grid-row:2/3;border:1px dotted white;border-radius:10px;block-size:fit-content;font-weight:700;width:160px;height:190px;position:relative}.discard{border:3px solid white;background-color:#8989894d;transition:transform .2s;border-radius:10px;text-align:center;width:160px;height:190px;position:absolute}.discard:hover{box-shadow:5px 5px 20px 5px #ffffffb7;transform:scale(1.2);background-color:#acababe8}.dcardname{font-size:20px;font-weight:600;pointer-events:none}.dcardtext{font-size:15px;pointer-events:none}#btndrawdiv{padding:15px}#btndraw{background-color:#ffffff45;position:absolute;margin-top:60px;padding:5px 10px;border:1px solid white}#btndraw:hover{background-color:#ff8e16da}#btnstart{margin:20px 0}.ccard{border:3px solid white;background-color:#570d0d;padding:20px;border-radius:10px;text-align:center;margin-left:-50px;width:160px;height:190px;font-weight:700;text-shadow:3px 3px rgb(0,0,0)}.hoverler:hover{box-shadow:5px 5px 20px 5px #ffffffb7;transform:scale(1.2)}.cardname{pointer-events:none}.pcard{border:3px solid white;background-color:#898989e8;transition:transform .2s;border-radius:10px;text-align:center;margin:0 10px 0 -50px;width:160px;height:190px;padding:0 5px}.pcard:hover{box-shadow:5px 5px 20px 5px #ffffffb7;transform:scale(1.2);background-color:#acababe8}.pcardname{font-size:20px;font-weight:600;pointer-events:none}.pcardtext{font-size:15px;pointer-events:none}#prompt{background-color:#898989;border:1px solid white;border-radius:5px;position:absolute;height:200px;width:300px;top:350px;text-align:center;padding-top:50px}#btnquestion{display:flex;gap:15px;justify-content:center}#yes,#no{padding:5px 10px;border:1px solid white}#yes:hover,#no:hover{background-color:#ff8e16da}#prompttwo{background-color:#898989;border:1px solid white;border-radius:5px;position:absolute;height:300px;width:600px;top:350px;text-align:center;padding-top:50px}#texttwo{font-size:40px;font-weight:700}#btnprompttwo{padding:5px 10px;border:1px solid white}#btnprompttwo:hover{background-color:#ff8e16da}#promptthree{background-color:#898989e6;border:1px solid white;border-radius:5px;position:absolute;height:450px;width:800px;top:350px;text-align:center;font-size:large;overflow:auto;display:inline-block}#textthree{font-size:40px;font-weight:700}#btnpromptthree{padding:5px 10px;border:1px solid white}#btnpromptthree:hover{background-color:#ff8e16da}.hide{display:none}.flexbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.stfdisplaytext{font-weight:800;font-size:30px}.stfcard{border:3px solid white;background-color:#898989e8;transition:transform .2s;margin:0 10px 20px 0;border-radius:10px;width:160px;height:180px;padding:0 5px}.stfcard:hover{box-shadow:5px 5px 20px 5px #ffffffb7;transform:scale(1.2);background-color:#acababe8}.stfcardname{font-size:20px;font-weight:600;pointer-events:none}.stfcardtext{font-size:15px;pointer-events:none}