/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}.TextBase{font-size:16px;color:#fff}.TextBase,.TextXsMuted{font-family:Noto Sans JP;font-weight:400;font-style:normal;line-height:1.5;letter-spacing:0;word-spacing:0;text-shadow:none;text-align:left;text-transform:none;text-decoration:none;vertical-align:baseline;white-space:normal;overflow:visible;text-overflow:clip}.TextXsMuted{font-size:12px;color:#888}.TextSmMono{font-family:Courier New,monospace;font-weight:400;font-style:normal;font-size:14px;line-height:1.5;letter-spacing:0;word-spacing:0;color:#fff;text-shadow:none;text-align:left;text-transform:none;text-decoration:none;vertical-align:baseline;white-space:normal;overflow:visible;text-overflow:clip}.TextMdStrong{font-size:16px;letter-spacing:0}.TextLgEmphasized,.TextMdStrong{font-family:Noto Sans JP;font-weight:700;font-style:normal;line-height:1.5;word-spacing:0;color:#fff;text-shadow:none;text-align:left;text-transform:none;text-decoration:none;vertical-align:baseline;white-space:normal;overflow:visible;text-overflow:clip}.TextLgEmphasized{font-size:20px;letter-spacing:.05em}.TextXlSerif{font-family:Times New Roman,serif;font-weight:400;font-size:28px;line-height:1.5;text-align:left;vertical-align:baseline}.Text2XlCentered,.TextXlSerif{font-style:normal;letter-spacing:0;word-spacing:0;color:#fff;text-shadow:none;text-transform:none;text-decoration:none;white-space:normal;overflow:visible;text-overflow:clip}.Text2XlCentered{font-family:Noto Sans JP;font-weight:700;font-size:32px;line-height:1.3;text-align:center;vertical-align:middle}.TextBlockMuted{font-weight:400;line-height:1.8;color:#888;vertical-align:top;white-space:pre-wrap;overflow:auto;text-overflow:ellipsis}.TextBlockMuted,.TextInlineBold{font-family:Noto Sans JP;font-style:normal;font-size:16px;letter-spacing:0;word-spacing:0;text-shadow:none;text-align:left;text-transform:none;text-decoration:none}.TextInlineBold{font-weight:600;line-height:1.5;color:#fff;vertical-align:baseline;white-space:normal;overflow:visible;text-overflow:clip}.TextOverlayLgShadowed{font-weight:700;font-size:28px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center;vertical-align:middle;white-space:nowrap;overflow:hidden}.TextFloatingSmFramed,.TextOverlayLgShadowed{font-family:Noto Sans JP;font-style:normal;letter-spacing:0;word-spacing:0;color:#fff;text-transform:none;text-decoration:none;text-overflow:ellipsis}.TextFloatingSmFramed{font-weight:400;font-size:14px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2);text-align:left;vertical-align:top;white-space:pre-line;overflow:auto}.TextDimmedItalic{font-style:italic;font-size:16px;color:#888;text-decoration:none}.TextDimmedItalic,.TextUnderlinedXs{font-family:Noto Sans JP;font-weight:400;line-height:1.5;letter-spacing:0;word-spacing:0;text-shadow:none;text-align:left;text-transform:none;vertical-align:baseline;white-space:normal;overflow:visible;text-overflow:clip}.TextUnderlinedXs{font-style:normal;font-size:12px;color:#fff;text-decoration:underline}.TextSmDanger{font-weight:400;font-style:normal;font-size:16px;line-height:1.5;word-spacing:0;color:#f55;text-shadow:none;text-align:left;text-transform:none;text-decoration:none;vertical-align:baseline;white-space:normal;overflow:visible;text-overflow:clip}.LabelBase,.TextSmDanger{font-family:Noto Sans JP;letter-spacing:0}.LabelBase{font-weight:500;background-color:#444;border-width:0;border-style:none;border-radius:4px;padding:16px 8px}.LabelBase,.LabelRounded{font-size:24px;line-height:1.3;color:#fff;box-shadow:none;text-transform:uppercase}.LabelRounded{font-family:Noto Sans JP;font-weight:600;letter-spacing:0;background-color:#3aa8ff;border-width:0;border-style:none;border-radius:999px;padding:24px 8px}.LabelOutlinedWarning{font-size:24px;line-height:1.3;color:#f55;background-color:rgba(0,0,0,0);border:1px solid #f55;border-radius:4px;padding:16px 8px}.ButtonBase,.LabelOutlinedWarning{font-family:Noto Sans JP;font-weight:600;letter-spacing:0;box-shadow:none;text-transform:uppercase}.ButtonBase{font-size:16px;line-height:1.5;color:#fff;background-color:#444;border:1px solid #666;border-radius:4px;padding:8px 4px;text-align:center}.ButtonSmGhost{font-weight:500;font-size:14px;line-height:1.3;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:4px;box-shadow:none}.ButtonMdPrimary,.ButtonSmGhost{font-family:Noto Sans JP;letter-spacing:0;color:#fff;padding:8px 4px;text-transform:uppercase;text-align:center}.ButtonMdPrimary{font-weight:600;font-size:16px;line-height:1.5;background-color:#3aa8ff;border-width:0;border-style:none;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.ButtonLgAccent{font-weight:700;font-size:20px;letter-spacing:.05em;color:#000;background-color:#fc0;border-width:0;border-style:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.3)}.ButtonLgAccent,.ButtonMdSecondary{font-family:Noto Sans JP;line-height:1.5;padding:8px 4px;text-transform:uppercase;text-align:center}.ButtonMdSecondary{font-weight:600;font-size:16px;letter-spacing:0;color:#fff;background-color:#444;border-width:0;border-style:none;border-radius:6px;box-shadow:none}.ButtonSmDanger{font-size:14px;background-color:#f55;border-width:0;border-style:none;border-radius:4px}.ButtonMdSuccess,.ButtonSmDanger{font-family:Noto Sans JP;font-weight:600;line-height:1.5;letter-spacing:0;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);padding:8px 4px;text-transform:uppercase;text-align:center}.ButtonMdSuccess{font-size:16px;background-color:#5f5;border-width:0;border-style:none;border-radius:6px}.IconBase{font-size:12px;color:#fff}.IconBase,.IconSmMuted{background-color:rgba(0,0,0,0);border-width:0;border-style:none;border-radius:0;box-shadow:none;padding:0}.IconSmMuted{font-size:14px;color:#888}.IconLgAccent{font-size:16px;color:#fc0;background-color:rgba(0,0,0,0);border-width:0;border-style:none;border-radius:0;box-shadow:none;padding:0}.IconButtonWrapper{font-size:12px;color:#fff;background-color:#444;border-width:0;border-style:none;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.2);padding:8px}.FieldInputBase{border:1px solid #666;border-radius:6px;transition:border .2s}.FieldInputBase,.FieldInputFocus{font-family:Noto Sans JP;font-weight:400;font-style:normal;font-size:14px;line-height:1.5;letter-spacing:0;color:#fff;background-color:#1a1a1a;box-shadow:none;box-sizing:border-box;padding:12px 16px;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FieldInputFocus{border:1px solid #3aa8ff;border-radius:6px;transition:border-color .2s}.FieldInputError{color:#f55;background-color:#1a1a1a;border:1px solid #f55;border-radius:6px;transition:border .2s}.FieldInputDisabled,.FieldInputError{font-family:Noto Sans JP;font-weight:400;font-style:normal;font-size:14px;line-height:1.5;letter-spacing:0;box-shadow:none;box-sizing:border-box;padding:12px 16px;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FieldInputDisabled{color:#ccc;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;transition:opacity .2s}.FieldTextareaBase{border:1px solid #666;border-radius:6px;transition:border .2s}.FieldTextareaBase,.FieldTextareaFocus{font-family:Noto Sans JP;font-weight:400;font-style:normal;font-size:14px;line-height:1.8;letter-spacing:0;color:#fff;background-color:#1a1a1a;box-shadow:none;box-sizing:border-box;padding:12px 16px;text-align:left;vertical-align:top;white-space:pre-wrap;overflow:auto;text-overflow:ellipsis}.FieldTextareaFocus{border:1px solid #3aa8ff;border-radius:6px;transition:border-color .2s}.FieldTextareaError{color:#f55;background-color:#1a1a1a;border:1px solid #f55;border-radius:6px;transition:border .2s}.FieldTextareaDisabled,.FieldTextareaError{font-family:Noto Sans JP;font-weight:400;font-style:normal;font-size:14px;line-height:1.8;letter-spacing:0;box-shadow:none;box-sizing:border-box;padding:12px 16px;text-align:left;vertical-align:top;white-space:pre-wrap;overflow:auto;text-overflow:ellipsis}.FieldTextareaDisabled{color:#ccc;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;transition:opacity .2s}.FieldSelectBase{border:1px solid #666;border-radius:6px;transition:border .2s}.FieldSelectBase,.FieldSelectFocus{font-family:Noto Sans JP;font-weight:400;font-style:normal;font-size:14px;line-height:1.5;letter-spacing:0;color:#fff;background-color:#1a1a1a;box-shadow:none;box-sizing:border-box;padding:12px 16px;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FieldSelectFocus{border:1px solid #3aa8ff;border-radius:6px;transition:border-color .2s}.FieldSelectError{color:#f55;background-color:#1a1a1a;border:1px solid #f55;border-radius:6px;transition:border .2s}.FieldSelectDisabled,.FieldSelectError{font-family:Noto Sans JP;font-weight:400;font-style:normal;font-size:14px;line-height:1.5;letter-spacing:0;box-shadow:none;box-sizing:border-box;padding:12px 16px;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FieldSelectDisabled{color:#ccc;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;transition:opacity .2s}.header{height:56px;background-color:#2a2a2a;padding-left:1rem;padding-right:1rem;justify-content:space-between;color:#fff;box-sizing:border-box}.header,.overlay{display:flex;align-items:center}.overlay{position:fixed;inset:0;z-index:50;justify-content:center;background-color:rgba(0,0,0,.5)}.modal{background-color:#fff;color:#000;border-radius:.5rem;padding:1.5rem;min-width:300px;max-width:90%;box-sizing:border-box}.fixed-right-component{position:fixed;right:16px;bottom:16px;z-index:1000}.console-area{background:#18191a;border:1.5px solid #333;border-radius:.75rem;padding:1em;overflow-y:auto;box-shadow:0 2px 10px rgba(0,0,0,.16)}.console-area>div{border-bottom:1px solid #333;padding-bottom:2rem;margin-bottom:2rem}.control-panel{background:#101113;border:1.5px solid #333;border-radius:.75rem;padding:1em 1.5em;box-shadow:0 2px 8px rgba(0,0,0,.14);display:flex;justify-content:space-around;align-items:center;gap:1em}.control-panel .FieldInputBase{width:100%}html{font-size:10px;background-color:#000}body{font-family:游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,メイリオ,Meiryo,sans-serif}input,textarea{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Arial,メイリオ,Meiryo,sans-serif}body>.container{display:grid;grid-template-rows:56px 1fr;min-height:100vh;overflow:auto;background-color:#000;margin:0}body>.container>header{width:100%;height:56px;position:fixed;top:0;left:0;z-index:50}body>.container>main{grid-row-start:2}@media(min-width:768px){.pc_none{display:none!important}iframe{width:560px;height:315px}}@media(max-width:767px){.sp_none{display:none!important}iframe{width:auto!important;height:auto!important}}.centered-column-page{display:flex;justify-content:center;width:100%;height:100%;flex-direction:column;align-items:center;padding:4rem 1rem 32px;margin:0 auto;max-width:1024px;box-sizing:border-box}.centered-column-page>button{min-width:50%}.title-page h1{margin-bottom:4rem}.title-page>.TextBase{text-align:center}.title-page .footer{position:absolute;bottom:2.5rem;text-align:center}.title-page .footer .version{margin-bottom:.25rem}.main-menu-page{gap:4rem}.main-menu-page>button{min-width:80%}.login-page{gap:4rem}.login-page h1{margin-bottom:4rem}.login-page>input,.login-page>p{min-width:50%}.register-page{gap:4rem}.register-page h1{margin-bottom:4rem}.register-page>input,.register-page>p{min-width:50%}.create-page{gap:4rem}.create-page>button{min-width:80%}.character-page{gap:2rem}.character-page h1{margin-bottom:2rem}.character-page>input,.character-page>p,.character-page>textarea{min-width:50%}.character-page>textarea{min-height:10rem}.character-page .parameter{margin-bottom:2rem;display:grid;gap:1rem;grid-template-columns:1fr}.character-page .parameter label{display:flex;flex-direction:column}.character-page .parameter label input{width:100%;margin-top:.3rem}@media(min-width:768px){.character-page .parameter{grid-template-columns:repeat(2,1fr)}}.join-page{gap:4rem}.join-page h1{margin-bottom:4rem}.join-page>p{text-align:center}.join-page>input,.join-page>p{min-width:50%}.lobby-page{gap:4rem}.lobby-page>p{min-width:80%}.lobby-page>div{display:flex;flex-direction:column;width:80%}.lobby-page>div>input{min-width:100%}.lobby-page>div>textarea{min-width:100%;min-height:10rem}.lobby-page>div>span{margin-top:1rem;min-width:80%;text-align:end}.lobby-page>button{min-width:80%}.play-page{gap:4rem}.play-page .console-area{min-width:100%;height:65vh;max-height:65vh}.play-page .control-panel{min-width:100%}.end-page{gap:4rem}.end-page>a,.end-page>button{min-width:80%}