@import 'https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap';#shutdownBanner{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:rgba(29,41,53,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--background-color);font-family:lexend,helvetica neue,lato,verdana,sans-serif;font-weight:300;text-align:center;padding:18px 28px 22px;font-size:.9rem;line-height:1.7;z-index:10000;opacity:0;transition:opacity .4s ease;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -4px 24px rgba(0,0,0,.3)}#shutdownActions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.shutdown-btn{padding:.55rem 1.3rem;font-size:.875rem;font-weight:600;font-family:lexend,helvetica neue,lato,verdana,sans-serif;border-radius:.5rem;cursor:pointer;transition:opacity .2s ease;text-decoration:none;display:inline-block;line-height:1.4}.shutdown-btn:hover{opacity:.8;background-color:unset}.shutdown-btn-feedback{background-color:var(--secondary-color);color:var(--text-color);border:none}.shutdown-btn-dismiss{background-color:initial;color:var(--background-color);border:1px solid rgba(255,255,255,.35)}.shutdown-btn-stats{background-color:initial;color:var(--background-color);border:1px solid rgba(255,255,255,.35);text-decoration:none}.bannerNote{font-size:.78rem;opacity:.65;margin-top:8px;line-height:1.6}#statsPage{width:100%;max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem;font-family:lexend,helvetica neue,lato,verdana,sans-serif;color:var(--text-color);display:flex;flex-direction:column;align-items:stretch;gap:2.5rem}.statsHeader{text-align:center;display:flex;flex-direction:column;gap:.5rem}.statsHeader h1{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0}.statsSubtitle{font-size:.95rem;font-weight:300;color:var(--text-color);opacity:.7;line-height:1.6;margin:0}.statsBackLink{font-size:.85rem;font-weight:600;color:var(--primary-color);text-decoration:none;align-self:flex-start}.statsBackLink:hover{opacity:.75}.statsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.statCard{background:var(--card-background);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:0 1px 4px var(--shadow-color)}.statCard--highlight{border-color:var(--secondary-color);background:linear-gradient(135deg,#eaf6ff 0%,#fff 100%)}.statCard--challenge{border-color:var(--border-color);opacity:.8}.statNumber{font-size:2rem;font-weight:700;color:var(--primary-color);line-height:1.1}.statNumber--win{color:var(--success-color-text);font-size:1.4rem}.statLabel{font-size:.8rem;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:.04em}.statNote{font-size:.75rem;font-weight:300;color:var(--text-color);opacity:.6;line-height:1.4;margin-top:.1rem}.scoreBracketSection{display:flex;flex-direction:column;gap:.75rem}.scoreBracketSection h2{font-size:1.2rem;font-weight:700;margin:0}.sectionSubtitle{font-size:.82rem;font-weight:300;opacity:.6;margin:0}.bracketRow{display:grid;grid-template-columns:10rem 1fr 5rem;align-items:center;gap:.75rem}.bracketLabel{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bracketBarWrap{background:var(--border-color);border-radius:99px;height:10px;overflow:hidden}.bracketBar{height:100%;background:var(--primary-color);border-radius:99px;min-width:2px;transition:width .3s ease}.bracketMeta{font-size:.8rem;font-weight:600;color:var(--primary-color);text-align:right;white-space:nowrap}.bracketCount{font-weight:300;color:var(--text-color);opacity:.6}.statsFooter{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.85rem;opacity:.7}.statsBackLink--footer{opacity:1;font-size:.9rem}.topPlayersSection{display:flex;flex-direction:column;gap:.75rem}.topPlayersSection h2{font-size:1.2rem;font-weight:700;margin:0}.topPlayersTable{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.topPlayerRow{display:grid;grid-template-columns:2rem 4rem 1fr 1fr 5rem;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.85rem;border-bottom:1px solid var(--border-color)}.topPlayerRow:last-child{border-bottom:none}.topPlayerRow--header{background:var(--pile-background);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--label-text-color)}.topPlayerRow--you{background:linear-gradient(90deg,#eaf6ff 0%,#fff 100%);border-left:3px solid var(--primary-color);font-weight:600}.topPlayerRank{font-weight:700;color:var(--primary-color)}.topPlayerGames{font-weight:700}.topPlayerDate{color:var(--text-color);opacity:.75;font-size:.8rem}.topPlayerSpan{font-size:.8rem}.topPlayerSpan em{color:var(--primary-color);font-style:normal;font-weight:700}@media(max-width:480px){.statsGrid{grid-template-columns:repeat(2,1fr)}.bracketRow{grid-template-columns:7.5rem 1fr 4.5rem;gap:.5rem}.bracketLabel{font-size:.75rem}#statsPage{padding:1.5rem 1rem 3rem}.topPlayerRow{grid-template-columns:2rem 3.5rem 1fr 1fr 4rem;font-size:.78rem;padding:.55rem .75rem}}:root{--primary-color:#3498db;--secondary-color:#58bafc;--background-color:#f8f9fa;--text-color:#1d2935;--border-color:#dfe6e9;--light-border-color:#23232350;--shadow-color:rgba(0, 0, 0, 0.1);--hover-color:#2980b9;--pile-background:#ecf0f1;--card-background:#ffffff;--selected-card:#328bd4d2;--label-text-color:#0000007d;--danger-color:#ff6c6c;--success-color-text:#127d2d;--menu-bg-color:rgb(150, 213, 255)}*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}body,html{display:flex;flex-direction:column;align-items:center;width:100dvw;height:100dvh;position:relative;margin:auto}.confetti{position:fixed;top:0;left:0;width:100%;margin:auto;pointer-events:all;z-index:9999}.confetti::before,.confetti::after{content:'';position:absolute;top:0;left:0;width:100%;overflow:hidden}.confetti-piece{position:absolute;opacity:0;animation:fall linear forwards}@keyframes fall{to{transform:translateY(100vh);opacity:1;pointer-events:all}}.circle{width:10px;height:10px;border-radius:50%}.square{width:10px;height:10px}.triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid}#winLoseWindow{display:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;background-color:#90ee90;color:#006400;z-index:100}#exitLostGameBTN{align-self:end;display:flex;justify-content:center;align-items:center;padding:10px;background-color:var(--danger-color)}#winLoseButtons{display:flex;flex-direction:column;align-items:center;gap:16px;background-color:rgba(255,255,255,.602);z-index:100}h1,h2{margin:.25rem auto;text-align:center}#gameContainer{font-family:lexend,helvetica neue,lato,verdana,sans-serif;font-weight:200;color:var(--text-color);background-color:initial;display:flex;flex-direction:column;align-items:center;max-height:100dvh;max-height:100vh;padding:2px;line-height:1.6;max-width:960px;width:100%}.titleContainer{margin-top:4px;max-width:95dvw;max-width:95vw;width:700px;margin:auto;align-self:flex-start;text-align:start;display:flex;justify-content:space-between;align-items:center}.title{font-size:xx-large;color:var(--text-color);padding:0 0 0 16px;opacity:.5}.title span{font-size:large}#playerArea #cardsLeft{font-size:smaller}.cardsArea{display:flex;width:100%;padding:4px 4px 64px;flex-direction:column;align-items:center;position:relative;margin:auto}.cardsArea h1{margin:auto}.pilesContainer{display:flex;justify-content:center;margin:auto}.pilePairContainer{display:flex;flex-direction:column}.pilePairs{display:flex;gap:2px}.pile{width:120px;height:180px;margin:0 8px;border:2px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;font-weight:700;background-color:var(--pile-background);box-shadow:0 4px 6px var(--shadow-color);transition:transform .3s ease;cursor:pointer}.pile:hover{transform:translateY(-5px)}.pile3::before,.pile4::before{z-index:10;content:'less than';content:'less than';font-style:italic;font-weight:400;font-size:small}.pile1::before,.pile2::before{z-index:10;content:'more than';content:'more than';font-style:italic;font-weight:400;font-size:small}.pilesHelper{font-size:small;font-weight:200;font-stretch:ultra-expanded;margin-top:5px}.pileCouldWork{background-color:#15da6765}.pile span{height:1rem;font-size:small;font-weight:100}.hidden{font-size:inherit;opacity:0;margin:0;padding:0}.endTurnHidden{border:.5px solid #000;background-color:initial;color:transparent;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;margin-right:8px}.msgArea{height:1rem;font-size:inherit;margin:4px auto}#playerCardArea{opacity:0;display:grid;gap:.5rem;margin-bottom:36px;width:100%;max-width:960px;margin:0 auto}#playerCardArea>p{font-size:medium;font-weight:600;grid-column:1/-1;text-align:center}#playersCardContainer{display:grid;align-items:center;margin:0 auto;gap:1rem;grid-template-columns:repeat(3,1fr);grid-template-rows:2fr;width:min-content;margin-bottom:15px}#displayHand{width:fit-content;margin:5px auto;border-radius:10px}.left{background-color:#8ec5fc50;background-image:linear-gradient(90deg,#8ec5fc20 0%,var(--background-color) 40%);padding:2px 5.5rem 2px .5rem}.right{background-color:#8ec5fc50;background-image:linear-gradient(270deg,#8ec5fc20 0%,var(--background-color) 40%);padding:2px .5rem 2px 5.5rem}.card,.cardselected{width:120px;height:180px;border:2px solid var(--border-color);border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:400;cursor:pointer;transition:all .3s ease}.card{background-color:var(--card-background)}.cardselected{background-color:var(--selected-card);color:#fff;transform:translateY(-5px);box-shadow:0 4px 6px var(--shadow-color)}.losingCards{background-color:var(--danger-color)!important}#endTurn:hover{background-color:var(--primary-color)}#endTurn:disabled{height:0;display:none;opacity:0;margin:0;padding:0}#startGameContainer{position:fixed;background-color:var(--background-color);bottom:0;left:0;right:0;width:100dvw;width:100vw;display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:auto;padding:2rem;box-shadow:rgba(0,0,0,.56)0 22px 70px 4px}.titleCard{font-size:65px;position:absolute;transform:translateY(-300px);line-height:75%;color:var(--text-color);display:flex;gap:16px;flex-direction:column;align-items:center}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#000;background-color:var(--secondary-color);border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;margin:8px}.endTurnbBtn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#000;background-color:var(--secondary-color);border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;width:90%;height:fit-content;margin:20px auto}button:hover{background-color:var(--hover-color)}button:disabled{opacity:.5;cursor:not-allowed}label{font-size:1.2rem;font-weight:200}#easyModeCheckContainer{display:flex;justify-content:space-between;align-items:center}.checkboxContainer{display:flex;justify-content:center;align-items:center;margin:1rem auto}.checkbox{width:24px;height:24px;margin:0 1rem}.blurred{filter:blur(10px)}button.dialopOpenBtn{margin:12px;padding:8px 4px;background-color:initial;border:none}button.dialopOpenBtn img{width:75px}dialog{font-size:large;margin:auto;padding:3rem;border-radius:.5rem;border:none;max-width:90%;width:600px;max-height:90vh;overflow-y:auto;background-color:#fff;color:var(--text-color);box-shadow:rgba(0,0,0,.56)0 22px 70px 4px}dialog::backdrop{background-color:#ffffff90}dialog h2{color:var(--primary-color);margin-bottom:1.5rem}dialog nav{display:flex;flex-direction:column;gap:2rem;margin:2rem}dialog nav button{width:100%;padding:.75rem;font-size:1rem;background-color:var(--menu-bg-color);color:var(--text-color);border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;position:relative;font-weight:500}dialog nav button:hover{background-color:var(--primary-color)}.closeDialog{background-color:initial;color:var(--text-color);font-size:1.5rem;border:.5px solid var(--light-border-color);cursor:pointer;padding:.5rem;transition:color .3s ease}.closeDialog:hover{color:var(--text-color)}dialog div{margin:.5rem}dialog ul{list-style-type:none;padding-left:1rem;margin:1.5rem 1rem}dialog li{margin:.75rem 3rem;position:relative;text-wrap:pretty}dialog li::marker{color:var(--primary-color);font-size:1.2em}dialog hr{border:none;border-top:1px solid var(--border-color);margin:1.5rem 0}dialog{padding:2rem;text-align:center;max-width:800px;height:95dvh}#rulesContainer{position:relative}summary{display:none}#copiedSuccess{text-align:center;color:var(--success-color-text)}#isSavedGame{position:fixed;bottom:12px;left:0;right:0;text-align:center;margin:auto;color:var(--text-color);background-color:#ffffff90;pointer-events:none}.cookieWarningInitial{text-align:center;width:100%;margin:auto 1px;font-size:small}time{display:flex;align-items:center;justify-content:center;font-size:small;font-weight:100}u{font-size:xx-large;font-weight:800;margin:1rem auto;display:block}@media(max-width:375px){.pilesContainer{gap:8px!important;justify-content:space-between!important;margin:auto!important}.pile{margin:0 4px!important;margin:0 4px!important}.card,.cardselected{width:55px!important;height:90px!important}.cardsArea{padding-bottom:0!important}#playerCardArea{gap:1px!important;gap:1px!important}#endTurn{margin:10px auto!important}.cookieWarningInitial{font-size:x-small!important}.losingCards{background-color:var(--danger-color)!important;width:30px!important;height:40px!important}#isSavedGame{position:fixed;bottom:12;left:0;right:0;text-align:center;margin:1px auto;font-size:small;color:var(--text-color);background-color:#ffffff90}time{font-size:x-small}}@media(max-width:768px){body{padding:4px}.titleContainer{padding-bottom:8px;width:100%;align-self:flex-start;text-align:start;display:flex;justify-content:space-between}.title span{font-size:small}.pilesContainer{gap:8px;justify-content:space-between;margin:auto}.pile{width:75px;height:115px;font-size:1.7rem}.card,.cardselected{width:65px;height:100px;font-size:1.5rem}.losingCards{background-color:var(--danger-color)!important}#playersCardContainer{grid-template-columns:repeat(3,0fr);grid-template-rows:repeat(2,1fr)}#playerCardArea{gap:4px}.titleCard{font-size:65px;line-height:75%;color:var(--text-color)}#endTurn{margin:15px auto;width:100%}button.dialopOpenBtn{margin:2px;padding:4px;background-color:initial;border:none;border-radius:5px}button.dialopOpenBtn img{width:55px}dialog{padding:.5rem;text-align:center;width:95dvw;height:95dvh}dialog nav button{padding:.6rem;font-size:large}dialog h2{font-size:1.5rem}dialog li{font-size:large}dialog summary{margin:0 auto}.closeDialog{font-size:1.2rem}}@media(min-width:1024px){body{padding:8px}.titleContainer{padding:2px 0;width:100%;align-self:flex-start;text-align:start;display:flex;justify-content:space-between}.title span{font-size:small}.pilesContainer{gap:8px;justify-content:space-between;margin:auto}.pile{width:100px;height:150px;font-size:1.7rem}.card,.cardselected{width:95px;height:125px;font-size:2rem}#playersCardContainer{grid-template-columns:repeat(3,0fr);grid-template-rows:repeat(2,1fr)}#playerCardArea{gap:12px}.titleCard{font-size:75px;line-height:75%;color:var(--text-color)}#endTurn{margin:15px auto;width:100%}button.dialopOpenBtn{margin:12px;padding:8px 4px;background-color:initial;border:none}dialog{padding:2rem;text-align:center;width:95dvw;height:95dvh;font-size:x-large}dialog nav button{padding:.6rem;font-size:xx-large}dialog h2{font-size:1.5rem}dialog li{font-size:large}dialog summary{margin:0 auto}.closeDialog{font-size:1.2rem}}