@font-face{font-family:"SHS";src:url(/fonts/SourceHanSansJP-VF.otf.woff2)}@font-face{font-family:"Source Code Pro";src:url(/fonts/SourceCodePro-Medium.otf)}@font-face{font-family:"Shinonome";src:url(/fonts/JF-Dot-Shinonome14.ttf);font-weight:normal}@font-face{font-family:"Shinonome";src:url(/fonts/JF-Dot-Shinonome14B.ttf);font-weight:bold}h1,h2{margin-left:calc(var(--4th-total)*-1);padding-left:var(--heading-padding);box-shadow:var(--1st-total) 0 0 0 var(--1st-color),var(--2nd-total) 0 0 0 var(--2nd-color),var(--3rd-total) 0 0 0 var(--3rd-color),var(--4th-total) 0 0 0 var(--4th-color);transition:box-shadow .3s ease,padding-left .3s ease}h1:hover,h2:hover{box-shadow:calc(var(--4th-total)/4) 0 0 0 var(--1st-color),calc(var(--4th-total)/2) 0 0 0 var(--2nd-color),calc(var(--4th-total)/4*3) 0 0 0 var(--3rd-color),calc(var(--4th-total)) 0 0 0 var(--4th-color);padding-left:calc(var(--heading-padding)*1.5)}.thumbnail-icon{margin:15pt auto 15pt auto;display:block;position:relative;width:200pt}.work-example{width:100%;height:200pt;aspect-ratio:4/3;object-fit:cover;mask-image:linear-gradient(to bottom, #000 80%, rgba(0,0,0,0) 100%)}.work-detail{--padding: 15pt;padding:var(--padding);width:calc(100% - var(--padding)*2)}.work-card-container{background-color:var(--card-color);margin-bottom:30pt;border-radius:10pt;outline:1px solid var(--border);overflow:hidden;transition:transform .2s ease-out}.work-card-container:hover{transform:scale(1.03)}.work-card-text-container p{font-size:1em}.work-title-jp{font-weight:400;line-height:0;color:color-mix(in srgb, var(--text-color), rgba(0,0,0,0) 30%)}.work-title-en{font-weight:900;font-size:2em;line-height:0;margin-top:.9em}.difficulty{width:fit-content;border-radius:50vh;padding:0 10pt 0 10pt;margin:5pt;font-size:.9em;outline:1px solid;outline-color:color-mix(in srgb, var(--color), rgba(0,0,0,0) 60%);background-color:color-mix(in srgb, var(--color), rgba(0,0,0,0) 80%);color:var(--color);font-weight:300;text-align:center}.easy{--color: var(--4th-color)}.normal{--color: var(--1st-color)}.hard{--color: var(--2nd-color)}.lunatic{--color: var(--3rd-color)}.logo_text{text-align:center;color:var(--text-color);font-family:"Source Code Pro";font-size:1.5em}