*{margin:0;padding:0}html,body{background:#222;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:column;margin:0}.game-main{height:100vh;height:100svh;height:100dvh;min-height:100vh;width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding-top:20px}.wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;width:100%;-webkit-user-select:none;user-select:none}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:#55b9f3;box-shadow:inset 20px 20px 60px #489dcf,inset -20px -20px 60px #62d5ff;overflow:hidden;border:8px solid #55b9f3;padding:32px;max-width:500px;max-height:500px;height:80vw;width:80vw;-webkit-user-select:none;user-select:none}.row{display:flex;justify-content:center;align-items:center;border-top:3px solid #4da8dd;border-bottom:3px solid #4da8dd;width:1000px;-webkit-user-select:none;user-select:none}.circle{border:2px solid #55b9f3;margin:10px;overflow:hidden;cursor:pointer;max-width:55px;max-height:55px;height:8vw;width:8vw;border-radius:100%;background:linear-gradient(145deg,#6ae7ff,#408bb7);box-shadow:7.21px 7.21px 19px #306989,-7.21px -7.21px 19px #7affff;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none}.circle.in{background:linear-gradient(145deg,#4596c57d,#65dcff7d);box-shadow:inset 9.91px 9.91px 15px #4da8dd,inset -9.91px -9.91px 15px #5dcaff7d;pointer-events:none}button{height:50px;width:50px;margin:24px 0;color:#eee;border:none;background:linear-gradient(145deg,#3333337d,#4d4d4d7d);border-radius:100%;box-shadow:5.71px 5.71px 15px #1f1f1f7d,-5.71px -5.71px 15px #3737377d;font-size:36px;text-align:center;cursor:pointer;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none}button:active{background:linear-gradient(145deg,#2323237d,#3333337d);box-shadow:inset 5.71px 5.71px 15px #1f1f1f7d,inset -5.71px -5.71px 15px #3737377d}.flip{animation:flip .5s ease-in both}@keyframes flip{0%{transform:scale(1) rotateY(0)}50%{transform:scale(2.5) rotateY(-90deg)}to{transform:scale(1) rotateY(-180deg)}}.introduction{text-align:center;padding:20px 0 10px;color:#fff;max-width:600px;margin:0 auto}.introduction h1{font-size:24px;font-weight:600;margin-bottom:5px;color:#55b9f3}.introduction .subtitle{font-size:14px;color:#9e9e9e;margin:0 0 15px}.intro-content{font-size:14px;line-height:1.4;color:#ccc;max-width:400px;margin:0 auto}.intro-content p{margin:8px 0}.intro-content strong{color:#55b9f3}.page-footer{width:100%;padding:20px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9e9e9e;font-size:12px;background:#222;border-top:1px solid #333}.footer-content{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-row{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.footer-row span{display:inline-block}.page-footer a{color:#fff;text-decoration:none;transition:color .3s ease}.page-footer a:hover{color:#55b9f3;text-decoration:underline}@media (max-width: 768px){.page-header h1{font-size:20px}.page-header .subtitle{font-size:12px}.footer-row{flex-direction:column;gap:4px}.page-footer{font-size:11px;padding:15px 0}}@media (max-width: 480px){.page-header{padding:15px 0 5px}.page-header h1{font-size:18px}.footer-row span{display:block;text-align:center}}