@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap);*{font-family:Noto Sans JP,sans-serif}.App{background-color:#fff;color:#000;height:100vh;text-align:center;width:100%}body{margin:0;padding:0}nav{align-items:center;border-bottom:1px solid #d3d6da;display:flex;height:50px;justify-content:center;padding:0 20px}nav,nav>h1{margin:auto}nav>h1{color:#000;font-size:35px;text-align:center}.nav-left,.nav-right{align-items:center;display:flex;gap:1vw;justify-content:flex-start;margin:0;padding:0;width:50px}.nav-right{justify-content:flex-end!important}.nav-left>a,.nav-right>a{display:flex}.nav-left>button,.nav-right>button{background:transparent;border:0;cursor:pointer;display:flex;margin:0;padding:0}.game{align-items:center;display:grid;grid-template-rows:1fr;height:calc(100% - 55px);margin:0 auto;max-width:500px;width:100%}.imageContent{padding:10px}.imageBox-full{align-items:center;display:flex;justify-content:center;min-height:300px;overflow:hidden}.imageBox-grid{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden}.imageCanvas{border-radius:5px;max-height:100%;max-width:100%}.resultBoard{grid-gap:5px;display:grid;grid-template-columns:repeat(6,1fr);justify-items:center;padding:10px 20px}.Guess{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:15px 0}.square{border:2px solid #d3d6da;border-radius:15%;box-sizing:border-box;display:inline-flex;width:80%}.square:before{content:"";padding-bottom:100%}.inputrow{display:flex;margin:5px;width:95%}.selectlist{grid-gap:5px;display:grid!important;grid-template-columns:2.5fr 3.5fr}.selectlist>select{border-radius:5px;font-size:medium;padding:5px 0;width:100%}.selectlist>select,.selectlist>select:active{border:1px solid #000}.submitlist{justify-content:space-evenly}.submitlist>button{background:#fff;border:1px solid #000;border-radius:5px;box-shadow:0 2px 2px rgb(0,0,0/80%);font-size:large;padding:10px 0;width:45%}.submitlist>button:active{background:#000;color:#fff}#skip{background:#cfcfcf!important;border:5px solid #f6f7f8!important;outline:1px solid #d3d6da!important}#correct{background:#97e390!important;border:#6aaa64}#almost{background:#fcdf67!important;border:#ffd93a}#error{background:#ccc!important;border:silver}.overlay{align-items:center;background-color:hsla(0,0%,100%,.5);display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3000}.show{display:flex;position:fixed}.content{align-items:center;-webkit-animation:SlideIn .2s;animation:SlideIn .2s;background-color:#fff;border:1px solid #f6f7f8;border-radius:8px;box-shadow:0 4px 23px 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;max-height:90%;max-width:500px;overflow-y:auto;padding:16px;position:relative;width:90%}.content h2{margin:2px}.content-countdown{display:flex;flex-direction:row;justify-content:center;margin-bottom:15px}.content-countdown>span{margin-right:5px}@-webkit-keyframes SlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes SlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.closebtn{background:#fff;border:0;cursor:pointer;height:35px;position:absolute;right:16px;top:16px;width:35px}.content>img{width:95%}.cardname{align-items:center;border-bottom:1px solid #ececec;display:flex;flex-direction:column;width:100%}.btnlist,.cardname{justify-content:center;padding:10px 0}.btnlist{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;width:95%}.sharebtn{align-items:center;background:#6aaa64;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:50px;justify-content:center;margin:5px;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:95%}.sharebtn>span{padding:0 15px}.sharebtn:hover{background:rgba(106,170,100,.8)}.xtweet{background:#183153!important}.xtweet:hover{background:rgba(14,49,83,.8)!important}.bsky{background:#64c0fc!important}.bsky:hover{background:rgba(100,192,252,.8)!important}.toaster{left:50%;pointer-events:none;position:absolute;top:10%;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:5000}.toaster-content{align-items:center;-webkit-animation:SlideIn .2s;animation:SlideIn .2s;background-color:#ffc107;border:1px solid #ffc107;border-radius:8px;box-shadow:0 4px 23px 0 rgba(0,0,0,.2);box-sizing:border-box;color:#f6f7f8;display:flex;flex-direction:column;justify-content:center;max-height:90%;overflow-y:auto;padding:16px;position:relative;width:100%}.statistic-container{display:grid;grid-template-columns:repeat(4,1fr);margin:15px 0;width:80%}.Tech-container{border-bottom:1px solid #ececec;display:flex;flex-direction:column;gap:5px;padding:10px 0;text-align:start;width:100%}.Tech-container>p{margin:0}.square-container{grid-gap:5px;display:grid;gap:5px;grid-template-rows:1fr 1fr 1fr 1fr;padding:10px 0;text-align:start}.square-Tech-container{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:1fr 6.5fr}.square-Tech-container>p{margin:0}.stat{text-align:center}.stat>h4{margin:2px}.graph-container{align-items:center;border-top:1px solid #ececec;display:flex;flex-direction:column;justify-content:center;margin:10px 0;width:100%}.graph-container>span{font-size:large;margin:10px 0}.guess-distribution{width:80%}.graph{align-items:center;display:flex;font-size:14px;height:20px;line-height:20px;padding-bottom:4px;width:100%}.graph-bar{height:100%;padding-left:4px;width:100%}.bar{background:#787c7e;display:flex;height:100%;justify-content:flex-end;position:relative;width:20px}.bar-num{color:ivory;padding-right:5px}@media screen and (max-width:500px){.App{height:auto!important}nav{padding:0 10px}nav h1{font-size:20px}.game{height:auto!important;justify-content:normal!important}.content{padding-top:50px;text-align:center}.statistic-container{width:auto}.imageBox-full,.imageBox-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin:8px 16px}.btnlist{grid-template-columns:1fr}}
/*# sourceMappingURL=main.c99d232a.css.map*/