@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/fonts/inter-v13-latin-regular.woff2) format("woff2"),url(/assets/fonts/inter-v13-latin-regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/fonts/inter-v13-latin-500.woff2) format("woff2"),url(/assets/fonts/inter-v13-latin-500.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/assets/fonts/inter-v13-latin-600.woff2) format("woff2"),url(/assets/fonts/inter-v13-latin-600.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/assets/fonts/inter-v13-latin-700.woff2) format("woff2"),url(/assets/fonts/inter-v13-latin-700.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(/assets/fonts/inter-v13-latin-800.woff2) format("woff2"),url(/assets/fonts/inter-v13-latin-800.ttf) format("truetype")}body,html{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#fffae9;color:#23232a;height:100vh}.glassy{background-color:#b7aea033;border:1px solid rgba(183,174,160,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-thumb{background:#fffcf3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff4d0}@keyframes bounceIn{0%{transform:scale(-.95) rotate(3deg)}50%{transform:scale(1.02) rotate(-3deg)}to{transform:scale(1) rotate(0)}}header{display:flex;justify-content:center;align-items:center;gap:1rem;height:10vh;-webkit-user-select:none;user-select:none}header svg{font-size:26pt;background-color:#fffae9}header h1{margin:0;padding:2rem 1rem;background-color:#fffae9}header *{z-index:2}@media screen and (max-width: 500px){header svg{font-size:18pt}header h1{font-size:1.5rem}}main{height:80vh;overflow-y:scroll}main *{z-index:2}footer{height:10vh;display:flex;justify-content:space-between;align-items:center;margin:0 2rem;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:1rem}.footer-left{display:flex;gap:1rem}.footer-home{display:flex;align-items:center;padding:0 .5rem;height:3rem;justify-content:center;color:#23232a;cursor:pointer}.footer-home svg{font-size:22pt}.footer-info{display:flex;padding:0 1rem;height:3rem;align-items:center;gap:1rem;cursor:pointer;text-decoration:none}.footer-info img{width:3rem}.footer-info h2{margin:0;color:#23232a}.footer-legal{display:flex;padding:0 1rem;height:3rem;align-items:center;gap:1rem}.footer-legal a{text-decoration:none;color:#23232a;font-weight:600}.footer-legal a:hover{text-decoration:underline}.ingame{cursor:not-allowed}.ingame a{pointer-events:none}footer *{z-index:2}@media screen and (max-width: 700px){footer{justify-content:center}}@media screen and (max-width: 628px){.footer-info{display:none}}.background svg{position:absolute;animation:moveUp 40s ease-in-out infinite alternate;color:#b04256;z-index:0}.background svg:nth-child(2n){animation:moveUp 50s ease-in-out infinite alternate-reverse;color:#42b0b0}.background svg:nth-child(3n+4){color:#b0a542}.background svg:nth-child(4n+5){color:#a93fab}.background svg:nth-child(7n+6){color:#23232a}@keyframes moveUp{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-80vh) rotate(45deg)}}.home-page{display:flex;justify-content:space-around;align-items:center;height:100%;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.home-page .info-area{padding:1rem 1.5rem;width:21rem;animation:bounceIn .7s ease-out}.home-page .info-area h2{margin:0}.home-page .info-area .donate a{text-decoration:none;color:#42b0b0}.home-page .info-area .donate a:hover{text-decoration:underline}.home-page .info-area .info-area-inner{padding:.5rem .6rem}.home-page .action-area{display:flex;gap:1rem}.github-link{display:flex;padding:.5rem 1rem;align-items:center;justify-content:center;gap:1rem;text-decoration:none;color:#23232a;transition:.2s}.github-link img{width:2.5rem}.github-link h2{margin:0;font-size:1.28rem}.github-link:hover{transform:scale(1.02)}.github-link:active{transform:rotate(-3deg) scale(.95)}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;width:10rem;height:8.5rem;gap:1rem;color:#23232a;text-decoration:none;transition:.2s;animation:bounceIn .7s ease-out}.action-btn svg{font-size:38pt}.action-btn h2{margin:0;text-align:center}.action-btn:hover{transform:scale(1.02) translateY(-.5rem)}.action-btn:active{transform:scale(.95) translateY(.5rem)}.create-btn .gear{display:none;padding:1rem;font-size:22pt}.create-btn:hover .gear{display:block}.create-btn:hover svg:not(.gear){display:none}@media screen and (max-width: 1130px){.create-btn{display:none}}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#d3d3d380;z-index:10;display:flex;justify-content:center;align-items:center}.dialog{position:absolute;z-index:11;padding:0 0 1rem;animation:dialogFade .3s}.dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;gap:4rem}.dialog .dialog-sub{display:flex;align-items:center;gap:1rem}.dialog .dialog-sub h2{margin:0;color:#42b0b0}.dialog .dialog-sub hr{width:100%;margin:0;border:1px solid #42B0B0;border-radius:1rem}.dialog .dialog-title{display:flex;align-items:center;gap:1rem}.dialog .dialog-content{margin:0 1rem;display:flex;flex-direction:column;gap:.5rem;max-height:23rem;overflow-y:scroll;overflow-x:hidden}.dialog .dialog-content h3{margin:0;color:#42b0b0}.dialog .dialog-item{display:flex;align-items:center;justify-content:space-between}.dialog .dialog-item .dialog-left{display:flex;align-items:center;gap:1rem}.dialog .dialog-item .dialog-right{display:flex;align-items:center;gap:1rem;margin-right:.5rem}.dialog .dialog-item h2{margin:0}.dialog .dialog-item input{width:5rem;padding:.5rem;color:#23232a;font-weight:600;font-size:16pt}.dialog svg{font-size:18pt}.dialog svg:nth-child(2){color:#b04256;cursor:pointer}.dialog-closed{opacity:0;animation:dialogFadeOut .3s;display:none}.demand-area{display:flex;justify-content:right}@keyframes dialogFadeOut{0%{transform:scale(1);opacity:1;display:block}to{transform:scale(0);opacity:0;display:none}}@keyframes dialogFade{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.btn{display:flex;align-items:center;gap:1rem;color:#23232a;padding:.7rem 1.5rem;border-radius:.5rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:.2s}.btn:hover{transform:scale(1.03) rotate(2deg)}.btn:active{transform:scale(.95) rotate(-2deg)}.legal-page{display:flex;flex-direction:column;gap:1rem;margin-left:10vh;margin-right:10vh;margin-top:5rem}.legal-page h1{margin:0;color:#42b0b0;font-weight:800;font-size:2.5rem}.legal-page h2{margin:0;font-weight:800;font-size:2rem}.legal-page h3{margin:0;font-weight:800;font-size:1.5rem}.legal-page h4{margin:0;font-weight:800;font-size:1.3rem}.legal-page p{margin:0;color:#23232a;font-weight:500;font-size:1.2rem}.legal-page a{color:#42b0b0;text-decoration:none}.legal-page a:hover{text-decoration:underline}@media screen and (max-width: 600px){.legal-page{margin-left:2rem;margin-right:2rem;margin-top:2rem}.legal-page h1{font-size:2rem}.legal-page h2{font-size:1.5rem}.legal-page h3{font-size:1.2rem}.legal-page h4,.legal-page p{font-size:1rem}}.create-page{display:flex;align-items:center;justify-content:center;gap:15vw;height:100%}.create-page .info-area{width:40rem;-webkit-user-select:none;user-select:none}.create-page .info-area h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.create-page .info-area span{padding:.1rem .3rem;color:#42b0b0;background-color:#23232a;-webkit-user-select:text;user-select:text}.create-page .qr-area{background-color:#fff;padding:1rem;border-radius:1rem}.create-page .qr-area svg{width:12rem;height:12rem}.create-page *{z-index:2}.join-page{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:1rem}.join-page .waiting-icon{font-size:3rem}.join-page .capital{padding:1rem;margin-bottom:2rem;top:10vh;-webkit-user-select:none;user-select:none}.join-page .capital h2,.join-page .capital h3{margin:0}.join-page .capital .in-red{color:#b04256}.join-page .capital .in-green{color:#42b056}.join-page input{padding:.8rem 1rem;width:16rem;font-size:1rem;color:#23232a}.join-page .input-area h3{margin:0 0 .5rem;font-size:1.2rem}.join-page .game-end{text-align:center}.error{width:16rem;height:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;border:2px solid #B04256;color:#b04256;border-radius:.5rem}.error svg{font-size:1.2rem}.error p{margin:0;padding:0;font-size:1.2rem;font-weight:600}.game-page{height:100%;display:flex;align-items:center;justify-content:center}.game-page .hint{text-align:center;font-size:28pt;font-weight:700;width:50rem;animation:fadeHint 6s ease-in 1;-webkit-user-select:none;user-select:none}.game-page .hint span{color:#42b0b0}@keyframes fadeHint{0%{transform:scale(1)}65%{transform:scale(1)}70%{transform:scale(1.2)}to{transform:scale(0)}}.waiting-state{display:flex;width:100%;justify-content:space-around}.waiting-state .waiting-area{display:flex;flex-direction:column;justify-content:center;width:21rem;text-align:center;-webkit-user-select:none;user-select:none}.waiting-state .waiting-area svg{font-size:4rem}.waiting-state .waiting-area span{color:#42b0b0;animation:rotateHue 5s linear infinite}.waiting-state .info-area{width:20rem;animation:bounceIn .7s ease-out}.waiting-state .info-area .info-area-content{padding:1rem;animation:fadeTextInOut 15s linear infinite;-webkit-user-select:none;user-select:none}.waiting-state .info-area h2{margin:0}.waiting-state .info-area p{margin-bottom:0}.waiting-state .info-area span{color:#42b0b0;font-weight:800}.waiting-state .info-area .progress-bar{margin:0 .05rem;height:.4rem;background-color:#23232a;width:100%;border-radius:0 5px 5px;transition:width .5s ease-out;animation:progressDown 15s linear infinite}@keyframes fadeTextInOut{0%{opacity:0;transform:scale(.7) translate(3rem) rotate(5deg)}3%{opacity:1;transform:scale(1)}97%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7) translate(-3rem) rotate(-5deg)}}@keyframes progressDown{0%{width:100%}98%{width:0}to{width:100%}}@keyframes rotateHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.calculate-state{display:flex;flex-direction:column;justify-content:center;align-items:center}.calculate-state-inner{display:flex;align-items:start;gap:2rem}.calculate-container{display:flex;flex-direction:column;gap:1rem;-webkit-user-select:none;user-select:none;align-items:center}.calculate-container .current-round{padding:1rem 2rem}.calculate-container .current-round h2{font-size:18pt;font-weight:700;margin:0}.calculate-container .button-area{display:flex;gap:1rem}.calculate-container .btn{animation:roundIn .8s ease-out}.calculate-container .round{max-width:63rem;display:flex;padding:1rem 2rem;transition:1s ease-in-out;animation:roundIn .7s ease-out}.calculate-container .round .round-item{width:14rem}.calculate-container .round .round-item h2,.calculate-container .round .round-item p{margin:0}.calculate-container .round .round-item:nth-child(1){width:18rem}.calculate-container .round .round-item:nth-child(1) h2{width:18rem;text-overflow:ellipsis;overflow:hidden}.calculate-container .round-red{color:#b04256}.calculate-container .round-green{color:#42b056}.customer{display:flex;padding:1rem;align-items:center;gap:.5rem;transition:1s ease-in-out}.customer svg{font-size:28pt}.customer .customer-item{-webkit-user-select:none;user-select:none}.customer .customer-item h2,.customer .customer-item p{margin:0}@keyframes roundIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@media screen and (max-width: 1300px){.calculate-container .round{max-width:50rem}.round-item:nth-child(4){display:none}}.end-page{display:grid;place-items:center}.end-content{width:65rem;display:flex;flex-direction:column;gap:1rem}.end-content .end-header{display:flex;align-items:center;justify-content:space-between}.end-content .end-header h2{margin:0}.end-content .end-actions{display:flex;gap:1rem}.end-content .group{display:flex;padding:1rem 2rem;-webkit-user-select:none;user-select:none}.end-content .group .group-item{width:12rem}.end-content .group .group-item h2,.end-content .group .group-item p{margin:0}.end-content .group .group-item:nth-child(1){width:18rem}.end-content .group .group-item:nth-child(1) h2{width:18rem;text-overflow:ellipsis;overflow:hidden}.end-content .group-red{color:#b04256}.end-content .group-green{color:#42b056}