@font-face{font-family:FinkHeavy;font-weight:400;src:url(/font/FinkHeavy.woff2) format("woff2")}@font-face{font-family:RodinBokutoh;font-weight:400;src:url(/font/RodinBokutoh.woff2) format("woff2")}@font-face{font-family:Seurat;font-weight:400;src:url(/font/Seurat.woff2) format("woff2")}:root{--color-logo-fg: #fec92e;--color-logo-bg: #87643c;--color-dialog-fg: #867354;--color-dialog-light-bg: #fffbe7;--color-dialog-dark-bg: #ffee9f;--color-dialog-highlight-bg: #ffcf01;--color-shadow: #0000009e}body{margin:0;padding:0}#bg{display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-size:100px;background-repeat:repeat;height:100vh;margin:0;padding:10px}.bg-fall{background-image:url(/image/fall.png)}.bg-spring{background-image:url(/image/spring.png)}.bg-summer{background-image:url(/image/summer.png)}.bg-winter{background-image:url(/image/winter.png)}#content{display:flex;flex-wrap:wrap}#audio{display:flex;flex-direction:column;flex:1;align-items:center;margin-top:10px}h1{margin:0;padding:0}.logo{font-family:FinkHeavy;font-size:xx-large;text-shadow:-1px 1px 2px var(--color-shadow);color:var(--color-logo-fg);background-color:var(--color-logo-bg);padding:25px;text-align:center;flex:min-content}.rbox{display:flex;flex-wrap:wrap;overflow:hidden;border-radius:10px;box-shadow:-4px 4px 5px var(--color-shadow)}.dialog{font-family:RodinBokutoh;color:var(--color-dialog-fg);background-color:var(--color-dialog-light-bg);padding:1em;line-height:1.4;text-align:center;display:flex;flex-direction:column;flex:1}.dialog>*{box-sizing:border-box;flex-basis:50%}.paired{display:flex;gap:1em}.paired>*:nth-child(odd){width:2em;text-align:right}.paired>*:nth-child(2n){flex:1}.dialog select{font:inherit;color:inherit;background-color:var(--color-dialog-dark-bg);text-align:center;border:none}