body{font-family:sans-serif;background-image:url(/desk.svg);background-repeat:repeat;background-size:auto;background-color:#1b4d3e;min-height:100vh}:focus{outline:none;box-shadow:none}:active{outline:none;box-shadow:none}body,html{margin:0;padding:0;overflow:hidden;touch-action:none}.game-board{touch-action:none}h1{text-align:center;margin-bottom:40px}.pile{width:10vw;height:15vw;position:absolute}#init-pile{position:fixed;bottom:calc((100vw - 27px) * -3 / 20 + 20px);left:50%}#init-pile .pile{top:0;left:0}#top-pile{position:fixed;left:0;top:0;right:0;display:flex;align-items:center;justify-content:space-evenly}#top-pile .pile{position:relative}.fixed .front .frontmain{width:100%;height:100%;background-color:#88888880}#top-pile .pile .card{top:calc(var(--ifix, 0) * 5vw + var(--ifree, 0) * 6vw);left:0}#bottom-left-pile{position:fixed;left:0;bottom:6vw}#bottom-left-pile .pile{top:-12vw;left:calc(var(--i, 0) * 3vw)}#bottom-right-pile{position:fixed;left:0;bottom:22vw}#bottom-right-pile .pile{top:-12vw;left:calc(var(--i, 0) * 3vw)}.card{width:10vw;height:15vw;border-radius:5px;position:absolute;cursor:pointer;transition:transform .3s,top .2s,left .2s;transform-style:preserve-3d;box-shadow:2px 2px 5px #0003}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-size:contain;background-repeat:no-repeat;background-position:center}.card-face.front,.card.flipped{transform:rotateY(180deg)}#deck-pile .card{top:calc(var(--i, 0) * 0);left:calc(var(--i, 0) * 0)}#buttonContainer{position:fixed;bottom:6vw;right:6vw;width:28vw;height:7vw}#buttonContainer button{position:absolute;bottom:0;right:0;width:50px;height:50px;border:none;border-radius:50%;background-color:#007bff;color:#fff;font-size:18px;cursor:pointer;transition:transform .3s ease,opacity .3s ease}#buttonContainer button:not(.main){opacity:0;pointer-events:none}#buttonContainer.expanded .btn1{transform:translate(-200px);opacity:1;pointer-events:auto}#buttonContainer.expanded .btn2{transform:translate(-150px);opacity:1;pointer-events:auto}#buttonContainer.expanded .btn3{transform:translate(-50px);opacity:1;pointer-events:auto}#buttonContainer.expanded .btn4{transform:translate(-100px);opacity:1;pointer-events:auto}#buttonContainer .main{opacity:1;pointer-events:auto}#btns{position:fixed;bottom:0;left:0;right:0;display:flex;padding:2vw}.icon-button{border-radius:50%;border:none;background:radial-gradient(circle at 30% 30%,#4f665b,#2c3a33);box-shadow:0 4px 8px #0006;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;justify-content:center;align-items:center;padding:0}.icon-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000080}.icon-button:active{transform:scale(.95)}.icon-button svg{width:5vw;height:5vw;fill:#fff}canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}#logo-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:999}#logo-container.hidden{pointer-events:none;opacity:.25}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}.floating{animation:float 3s ease-in-out infinite}#overlay{position:relative;width:100vw;height:100vh}#overlay.hidden{z-index:-1}#gamemessage{position:absolute;bottom:6vw;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:.85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;font-size:14px;font-style:italic;color:#fffc;text-align:center}#home button{background:linear-gradient(145deg,#2c3732,#26302c);color:#fff;padding:16px 32px;margin:12px 0;font-size:18px;font-weight:700;border:1px solid rgba(120,255,180,.4);border-radius:16px;box-shadow:inset 2px 2px 5px #0009,inset -2px -2px 5px #ffffff0d,0 4px 6px #00000080;transition:all .3s ease;display:flex;align-items:center}#home button svg{margin-right:.5em;opacity:.8}#home button:hover{background:linear-gradient(145deg,#36413c,#303a36);border-color:#78ffb4cc;box-shadow:0 0 10px #78ffb44d,0 4px 8px #000000b3;cursor:pointer}#home button:active{background:linear-gradient(145deg,#1e2823,#19231e);box-shadow:inset 2px 2px 5px #000c,inset -2px -2px 5px #78ffb433}#home{display:flex;flex-direction:column;align-items:center;justify-content:center}.leaderboard-container{display:none;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:10vw;right:10vw;top:10vw;bottom:10vw;color:#fff}.title{text-align:center;font-size:22px;margin-bottom:16px;font-weight:700}.top-three{display:flex;justify-content:center;align-items:flex-end;margin-bottom:20px;position:relative}.top-user{text-align:center;margin:0 8px;position:relative}.top-user img{border-radius:50%;border:2px solid #ffd700}.top-user.first img{width:80px;height:80px;border-width:3px}.top-user.second img,.top-user.third img{width:60px;height:60px}.top-user .nickname{font-size:14px;margin-top:6px;font-weight:500;white-space:nowrap}.list{background:#ffffff0d;border-radius:12px;padding:8px}.list-item{display:flex;align-items:center;min-width:70vw;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.list-item:last-child{border-bottom:none}.rank{width:24px;text-align:center;font-weight:700;color:gold;font-size:14px}.info{flex:1;padding-left:6px;overflow:hidden}.info .name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info .time{font-size:11px;opacity:.6}.steps{width:50px;text-align:right;font-weight:700}.your-rank{margin-top:16px;background:#ffffff14;border-radius:12px;padding:12px;text-align:center;font-size:15px;font-weight:700;color:#0fc}.home-game-button{margin-top:20px;display:block;width:100%;padding:12px 0;background:linear-gradient(135deg,#0fc,#0cf);color:#1a1a1a;font-size:16px;font-weight:700;border:none;border-radius:12px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.random-game-button:active{transform:scale(.96);box-shadow:0 2px 8px #0003 inset}