*,:before,:after{box-sizing:border-box;margin:0;padding:0}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html:has(dialog:modal[open])){overflow:clip}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:inherit;-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit;font-feature-settings:inherit;font-variation-settings:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled,label:has(>:disabled,+:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){block-size:auto;max-inline-size:100%}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;color:inherit;border-block-start:1px solid;block-size:0;overflow:visible}:where(dialog,[popover]){color:inherit;inset:unset;max-width:unset;max-height:unset;overflow:unset;background:0 0;border:none}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(:focus-visible){outline-offset:1px;outline:3px solid canvastext;box-shadow:0 0 0 5px canvas}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important;border:0!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}:root{--primary-color:#353535;--color-white:#ffeed7;--font-bara:"bara", sans-serif;--round-8:8px;--round-4:4px}@font-face{font-family:bara;src:url(/assets/kurobara-gothic-medium-KGmjdLKX.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:bara;src:url(/assets/kurobara-gothic-regular-Bv5tpZnH.ttf)format("truetype");font-weight:400;font-style:normal}html{font-size:62.5%}body{color:var(--primary-color);letter-spacing:.02em;vertical-align:middle;background-color:#faf8f3;background-image:repeating-linear-gradient(#0000 25px,#0000000a 26px 26px,#0000 27px 51px,#0000000a 52px 52px,#0000 53px 77px,#0000000a 78px 78px,#0000 79px 103px,#0000000a 104px 104px,#0000 105px 129px,#0000000a 130px 130px),repeating-linear-gradient(90deg,#0000 25px,#0000000a 26px 26px,#0000 27px 51px,#0000000a 52px 52px,#0000 53px 77px,#0000000a 78px 78px,#0000 79px 103px,#0000000a 104px 104px,#0000 105px 129px,#0000000a 130px 130px);flex-direction:column;margin:0;padding:0;font-family:Noto Sans JP,sans-serif;font-size:1.6rem;font-weight:500;line-height:1.5;display:flex}.container{flex-direction:column;justify-content:center;gap:4rem;max-width:1200px;margin:auto;padding:1rem 1rem 6rem;display:flex}@media (width>=720px){.container{flex-direction:row}}.container section{flex:1}.bara{font-family:var(--font-bara)}h1{text-align:center;padding:2rem;font-size:2.4rem}h2{font-size:2rem;font-weight:400}main{min-height:100vh}button{background:var(--primary-color);color:var(--color-white);text-align:center;border-radius:var(--round-4);border:1px solid var(--primary-color);box-sizing:border-box;width:100%;padding:1rem;transition:all .3s;display:block}button:hover{background:var(--color-white);color:var(--primary-color)}.form-area{flex-direction:column;gap:2rem;display:flex}.form-area select,.form-area input{border-radius:var(--round-4);width:100%;padding:1rem}.form-area label{font-weight:700}.profile-card{width:100%;height:100%;font-family:var(--font-bara);background:url(/images/bg.png) 50%/contain no-repeat;flex-direction:column;gap:60px;padding:80px 50px;display:flex}.profile-card .card-header img{margin:auto}.profile-card .card-content{background:#fff5e7;padding:60px}.profile-card .player-name{border-bottom:1px dashed #9e917c;margin-bottom:40px;padding-bottom:20px;font-size:64px;font-weight:400}.profile-card .answer-list{flex-direction:column;gap:40px;display:flex}.profile-card .answer-list dl{align-items:center;gap:20px;min-height:56px;display:flex}.profile-card .answer-list dl dt{box-sizing:border-box;text-align:center;background:#ffeed7;border:1px solid #9e917c;border-radius:30px;width:380px;min-height:56px;padding:10px 20px;font-size:30px}.profile-card .answer-list dl dd{min-height:56px;font-size:36px}.profile-card .card-footer{text-align:center;margin-top:auto;font-size:26px}.preview-section{flex-direction:column;gap:24px;width:100%;display:flex}.preview-box{aspect-ratio:4/5;width:100%;max-width:420px;overflow:hidden}.preview-card-wrapper{transform-origin:0 0;width:1080px;height:1350px}