:root{--lightBlue:#6c9cc6;--tan:rgb(230 219 184);--purple:#b68291;--fontA:"Avenir Next", Avenir, "-apple-system", Helvetica, Arial, sans-serif;--green:#28b3ad;--gap:7px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--tan);font-family:var(--fontA)}a{text-decoration:none;color:inherit}.legal{padding:25px}.legal article{max-width:600px;color:#444;margin:auto}.legal .home-header{width:auto;color:#555;font-size:35px;max-width:400px;margin-bottom:50px}.legal h1,h2,h3,h4{color:var(--lightBlue)}.legal a{color:var(--lightBlue)}.home-wrapper{padding-top:40px;margin:auto}.home-ad{margin-bottom:90px}.home-header{color:var(--lightBlue);font-weight:900;font-size:50px;font-family:var(--fontA);text-align:center;letter-spacing:1px;background:#e4dbbc;border-radius:10px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;padding:10px;width:450px;margin:auto;text-transform:uppercase;margin-bottom:80px}.home-subheader{display:none}h1,h2,h3,h4,h5{margin:0}.home-game{color:var(--lightBlue);font-weight:900;font-family:var(--fontA);text-align:center;letter-spacing:1px;margin:auto}.home-game{display:flex;flex-direction:row;align-items:center;gap:20px;flex-direction:column;margin-bottom:90px}.home-demo{margin:0 40px;display:flex;justify-content:center;align-items:center}.home-demo .game-board canvas{display:none}.home-game .shadow{border-radius:10px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4}.home-game a{color:inherit;text-decoration:none}.home-buttons{margin-top:20px;display:flex;flex-direction:column;gap:10px}.home-button{font-weight:900;font-family:var(--fontA);text-align:center;letter-spacing:1px;background:#e4dbbc;border-radius:10px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;padding:10px 15px;flex-grow:1;font-size:15px}.home-content{display:flex;flex-direction:row;align-items:center}.home-details,.home-scores{width:320px;display:flex;flex-direction:column}.home-game h2{font-size:26px;color:var(--purple);font-weight:900;margin-bottom:15px}.home-details{text-align:right}.home-records{display:flex;flex-direction:column;gap:15px}.home-scores{text-align:left}.set{text-align:left;display:flex;align-items:center;gap:10px}.game-body{display:flex}.game-area{display:flex;height:100vh;flex-grow:1;align-items:center;justify-content:center;gap:10px;flex-direction:column;position:relative}.game-wrapper{padding:30px;background:#e4dbbc;border-radius:20px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;width:max-content;height:max-content}.game-board{display:inline-flex;margin:auto;flex-direction:column;gap:10px;position:relative}.sidebar{width:360px;height:100vh;background:#e4dbbc;display:flex;flex-direction:column;justify-content:space-between;z-index:4;position:relative}.sidebar h1{color:var(--lightBlue);font-weight:900;font-size:26px;font-family:var(--fontA);text-align:center;letter-spacing:1px;background:#e4dbbc;border-radius:10px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;padding:5px;margin:10px;margin-top:10px;margin-bottom:5px}.sidebar .home-records{padding-top:5px}.home-details,.game-details{font-family:var(--fontA);letter-spacing:1px;font-weight:700;color:var(--lightBlue);font-size:14px}.home-records{font-size:14px;font-weight:700;letter-spacing:1px}.home-records *{background:#e4dbbc;position:relative;display:block;padding:5px;z-index:2}.home-records div:before{content:"";position:absolute;bottom:20px;width:100%;height:0;line-height:0;border-bottom:3px dotted;z-index:1}.home-records.game-scores div:before{bottom:10px}.home-records div{display:flex;justify-content:space-between;position:relative;overflow:hidden;background:#e4dbbc;border-radius:10px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;padding:10px 0 10px 10px}.home-records .value,.score-value{padding-right:10px;padding-left:10px}.home-records .text{padding-right:10px}.game-details{padding:5px 25px;font-size:13px;text-align:justify}.game-scores{padding:10px;display:flex;flex-direction:column;align-items:center;gap:7px}.score{display:flex;justify-content:center;align-items:center;width:150px;gap:5px;height:40px;font-family:var(--fontA);color:var(--lightBlue);border-radius:10px;letter-spacing:1px;font-weight:900;background:#e4dbbc;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;border:none}button.score{color:var(--purple);cursor:pointer;opacity:1;transition:opacity 200ms ease}button.score:hover{opacity:.8}.sidebar-footer{color:var(--lightBlue);font-weight:900;font-size:13px;font-family:var(--fontA);text-align:center;letter-spacing:1px;background:#e4dbbc;border-radius:10px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;padding:8px 5px;margin:10px;display:flex;justify-content:center;gap:10px}.home-footer{font-weight:900;font-size:15px;font-family:var(--fontA);text-align:center;letter-spacing:1px;background:#e4dbbc;border-radius:10px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;padding:10px 20px;margin:auto;width:fit-content;margin-top:50px;display:flex;gap:12px;color:var(--purple);justify-content:center;align-items:center;margin-bottom:50px}.home-footer span{font-family:monospace}.hidden{display:none}.sidebar-ad{margin-top:15px;display:flex;justify-content:center;align-items:center}.right-ad{max-width:200px;min-width:185px;height:100vh;border-left:3px solid rgba(255,255,255,.2);background:rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;padding:10px;overflow:hidden}.home-game.grid-game .row{display:flex;gap:10px;z-index:2}.home-game.grid-game .coin{width:50px;height:50px;float:left;cursor:pointer;border-radius:5px;background:#dbd1ad;transition:all 200ms ease;box-shadow:inset 13.21px 13.21px 9px #d7cdaa,inset -13.21px -13.21px 9px #dfd5b0}.home-game.grid-game .coin span{box-shadow:0 0 5px #d68157;background:linear-gradient(90deg,#d68157 0%,#c6603f 100%);width:100%;height:100%;border-radius:5px;pointer-events:none;display:block;opacity:1;transition:opacity 70ms ease}.home-game.grid-game .coin.active span{opacity:0}.peg-game .row{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--size,9),auto)}.peg-game .peg{width:25px;height:25px;border-radius:50%;cursor:pointer;background:#dbd1ad;box-shadow:inset 13.21px 13.21px 9px #d7cdaa,inset -13.21px -13.21px 9px #dfd5b0;transition:all 200ms ease}.peg-game .peg.active{box-shadow:0 0 5px #d68157;background:linear-gradient(90deg,#d68157 0%,#c6603f 100%)}.peg-game .peg.dead{opacity:0;pointer-events:none}.peg-game .game-board{margin:auto;flex-direction:column;gap:var(--gap);position:relative;display:grid;padding:30px;background:#e4dbbc;border-radius:20px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;width:max-content;height:max-content;border-radius:50%;position:relative}.confettiScreen{position:absolute;top:0;left:0;width:100%;height:100%;perspective:800px;overflow:hidden;border-radius:30px;transform:translateZ(0);pointer-events:none;z-index:3}.confetti{height:1em;width:1em;position:absolute;bottom:105%;left:var(--posX);transform-style:preserve-3d;transform:rotate(var(--rotate,0deg));animation:fall var(--speed,5s)cubic-bezier(.45,0,.55,1)infinite var(--delay,0s);font-size:calc(var(--size,1) * .5em)}.confetti span{content:"";position:absolute;inset:0;border-radius:inherit;font-size:20px;animation:flip calc(var(--speed)/5)linear infinite alternate}.rectangle{width:.5em;height:1em}@keyframes fall{to{transform:translate3d(var(--posXDirection,0),calc(105vh + 500%),0)rotate(calc(var(--rotate,0deg) * 2))}}@keyframes flip{to{transform:rotate(calc(var(--rotate,0deg) * -.5))rotateY(-360deg)}}@media screen and (max-width:850px){.home-content{flex-direction:column;gap:30px}.home-details{text-align:center;order:1}.home-scores{order:2}.home-scores h2{display:none}}@media screen and (max-width:550px){.home-header{font-size:35px;width:300px}}.sidebar-footer,.when-big{display:none!important}@media screen and (min-height:780px){.sidebar-footer,.when-big{display:flex!important}}