﻿:root{--menu-width: 50vw;--menu-border: solid .2rem #689F38;--menu-border-radius: 10px 0 0 10px;--menu-background-color: #DCEDC8}@media screen and (max-width: 512px){:root{--menu-width: 90%}}.game__container{width:100%;height:100%}.image_container{width:100%;height:100%;background-color:#fff}.image_container__image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:object-position .2s;transition:object-position .2s, -o-object-position .2s}.image_container__image--open{-o-object-position:left top;object-position:left top}.image_container__image--close{-o-object-position:center top;object-position:center top}.menu_container{position:absolute;height:95%;top:2.5%;width:var(--menu-width);border:var(--menu-border);border-radius:var(--menu-border-radius);background-color:var(--menu-background-color);transition:right .2s;z-index:1000}.menu_container__inner{height:100%;overflow-x:hidden;overflow-y:auto}.menu_container--close{right:calc(-1 * var(--menu-width))}.menu_container--open{right:0}.menu_container__tab{display:inline-block;position:absolute;text-align:center;transform-origin:left top;transform:rotate(-90deg);width:5rem;height:3rem;top:7rem;left:-2.2rem;font-size:1.4rem;color:#000;line-height:2rem;background-color:var(--menu-background-color);border:var(--menu-border);border-width:.2rem .2rem 0 .2rem;border-radius:10px 10px 0 0}.info-accordion.Mui-expanded{position:sticky;top:0;z-index:2}.info-accordion.Mui-expanded .MuiButtonBase-root.Mui-expanded{min-height:32px}.info-accordion.Mui-expanded .MuiButtonBase-root.Mui-expanded .MuiAccordionSummary-content.Mui-expanded{margin:10px 0 0}.info_table{width:100%;table-layout:auto;border-collapse:collapse}.info_table td,.info_table th{padding:2px;vertical-align:top}.info_table th{width:1%;white-space:nowrap;font-size:clamp(12px, 2.6vw, 16px)}.info_table .info_table__narrow_head{width:40px}.info_table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}@media screen and (max-width: 540px){.info_table .info_table__icon_head,.info_table .info_table__metric_head{vertical-align:middle}}.click_effect{position:absolute}.click_effect__inner{position:absolute;color:red;animation:popup .3s linear forwards}@keyframes popup{0%{top:0}to{top:-5rem}}.still_image_history{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem 3%}@media screen and (max-width: 780px){.still_image_history{grid-template-columns:repeat(2, minmax(0, 1fr));gap:.75rem 4%}}.still_image_history__image_container{position:relative;width:100%;aspect-ratio:16/9;background:#dcdcdc;cursor:pointer}.still_image_history__image_container__image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.still_image_history__image_container__score{position:absolute;display:inline-block;left:50%;top:50%;transform:translate(-50%, -50%);max-width:calc(100% - .75rem);color:#fff;white-space:nowrap;text-align:center}.still_image_history__image_container__score--medium{font-size:.85em}.still_image_history__image_container__score--small{font-size:.7em}.still_image_history__image_container__score--xsmall{font-size:.55em}.still_image_history__image_container__score--xxsmall{font-size:.4em}@media screen and (max-width: 780px){.still_image_history__image_container__score{white-space:normal;overflow-wrap:anywhere;line-height:1.2}}.debug__input_container,.debug__button_container{display:flex;gap:1rem;margin-bottom:1rem}@media screen and (max-width: 780px){.debug__input_container,.debug__button_container{flex-direction:column;gap:.5rem}}.notification{--notification-width: 40vw;position:absolute;left:50%;transform:translate(-50%);width:var(--notification-width);height:5vh;line-height:5vh;transition:top 1s ease}.notification__inner{position:absolute;width:100%;top:0;transition:top 1s ease;background-color:#dcedc8;text-align:center;border-radius:1rem;border:1px solid #A5D6A7}.notification__inner--bonus{background:linear-gradient(45deg, #b67b03, #daaf08 45%, #fee9a0 70%, #daaf08 85%, #b67b03 90%, #b67b03);border:0}.notification__inner--processing{background:#fe9;border:1px solid #ffd700}.notification__inner--save{background:linear-gradient(45deg, #2196f3, #21cbf3);border:0;color:#fff}.notification__inner--game_clear{background:linear-gradient(135deg, gold, orange, #ff8c00, tomato, #ff4500);border:0;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,0.3);box-shadow:0 4px 8px #ff450066}.notification__inner--item{background:linear-gradient(135deg, #8e2de2, #4a00e0);border:0;color:#fff}@starting-style{.notification__inner{top:-5vh}}.notification--hiding .notification__inner{top:-5vh}@media screen and (max-width: 780px){.notification{--notification-width: 90vw}}.notification_list{position:absolute;top:0;left:0;width:100%;z-index:1100}@media screen and (min-width: 780px){.notification_list--open{width:50%}}.bonus_window{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80vw;height:80vh;z-index:1100;transition:top .3s ease}.bonus_window__iframe{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:512px;max-height:80%;border:none}.bonus_window--hide{top:-200vh}.item_list{display:grid;grid-template-columns:minmax(0, 1fr);gap:.5rem;padding:0}.item_list--1_columns{grid-template-columns:minmax(0, 1fr)}.item_list--2_columns{grid-template-columns:repeat(2, minmax(0, 1fr))}.item_list--3_columns{grid-template-columns:repeat(3, minmax(0, 1fr))}.item{border:1px solid #999999;box-sizing:border-box}.item--unavailable{background-color:#dcdcdc}.item__image{width:7vw;height:7vw}.save__button_container{display:flex;gap:1rem}@media screen and (max-width: 780px){.save__button_container{flex-direction:column;gap:.5rem}}html,body,#root,.App{height:100%;margin:0;font-size:100%}.text-outline{text-shadow:black 1px 1px 0,black -1px 1px 0,black 1px -1px 0,black -1px -1px 0}.text-outline-white{text-shadow:white 1px 1px 0,white -1px 1px 0,white 1px -1px 0,white -1px -1px 0}body{overflow:hidden}.App{background-color:#dcedc8}.setup__container{width:100%;height:100%;position:relative}.setup__thumbnail{-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top;width:100%;height:100%}.setup__message{position:absolute;color:#fff;font-size:5vw;left:50%;top:70%;transform:translate(-50%, -50%);animation:blink .5s ease-in-out infinite alternate}.setup__refuse_window{position:absolute;left:50%;top:48%;transform:translate(-50%, -50%);width:80vw;max-width:540px;padding:1.2rem 1.4rem;box-sizing:border-box;z-index:2}.setup__refuse_message{margin:0;color:#fff;line-height:1.6;text-align:center;font-size:14px}@media screen and (min-width: 637px){.setup__refuse_message{font-size:2.2vw}}@media screen and (min-width: 820px){.setup__refuse_message{font-size:18px}}@keyframes blink{0%{opacity:0}to{opacity:1}}.new:before{position:absolute;width:1rem;height:1rem;background-color:#ef5350;border:1px solid #fff;border-radius:.5rem;top:0;right:0;transform:translate(40%, -40%);z-index:1;content:""}img{vertical-align:top}.window{background-color:#00000080;border:solid 2px #fff;border-radius:10px}@media screen and (max-width: 780px){.window{border:solid 1px #fff;border-radius:5px}}.close_button{position:absolute;top:1vw;right:1vw;border:solid 2px #fff;border-radius:50%;color:#fff;font-size:2vw;line-height:1.7vw;width:2vw;height:2vw;text-align:center;box-sizing:content-box;z-index:1}@media screen and (max-width: 800px){.close_button{font-size:1rem;line-height:1rem;width:1.2rem;height:1.2rem}}@media screen and (min-width: 1040px){.close_button{font-size:1.3rem;line-height:1.3rem;width:1.5rem;height:1.5rem}}@media screen and (max-width: 780px){.close_button{border:solid 1px #fff}}.close_button:after{content:"×"}
