.message-item{border:.0625rem solid var(--base-text-color);height:2rem;color:var(--base-text-color);background:var(--base-background-color);justify-content:center;align-items:center;padding:0 1rem;display:flex}.msg-toast-container{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:min(100dvw - 2rem,48rem);display:flex;position:fixed;top:6rem;left:50%;transform:translate(-50%)}.msg-toast-container .toast-item{opacity:1;transition:all .2s ease-in-out;display:flex;position:absolute}.msg-toast-container .toast-item.visible{animation:.2s ease-out forwards msg-slide-in}.msg-toast-container .toast-item.hidden{animation:.2s ease-out forwards msg-fade-out}@keyframes msg-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes msg-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes msg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes msg-fade-out{0%{opacity:1}to{opacity:0}}.achievement-item{padding:0 calc(.5rem * var(--ratio-font));height:calc(2rem * var(--ratio));justify-content:space-between;align-items:center;gap:calc(1rem * var(--ratio-font));font-size:calc(1rem * var(--ratio-font));color:var(--grade-color);background:var(--background,var(--base-background-color));cursor:pointer;-webkit-user-select:none;user-select:none;border:.0625rem solid var(--grade-color);box-sizing:border-box;transition:all .2s ease-in-out;display:flex}.achievement-item svg{fill:var(--grade-color);stroke:none;width:calc(1.2rem * var(--ratio-font));height:calc(1.2rem * var(--ratio-font));transition:fill .2s ease-in-out}.achievement-item .name{font-weight:700}.achievement-item .description{font-size:calc(.85rem * var(--ratio-font));-webkit-user-select:none;user-select:none}.achievement-item .description:before{content:"[";margin-right:.125rem}.achievement-item .description:after{content:"]";margin-left:.125rem}.achievement-item .description:before,.achievement-item .description:after{color:var(--grade-color)}.achv-toast-container{pointer-events:none;-webkit-user-select:none;user-select:none;width:min(100dvw - 2rem,48rem);position:fixed;top:6rem;left:1rem}.achv-toast-container .toast-item{opacity:1;transition:all .2s ease-in-out;display:flex;position:absolute}.achv-toast-container .toast-item.visible{animation:.2s ease-out forwards achv-slide-in}.achv-toast-container .toast-item.hidden{animation:.2s ease-out forwards achv-fade-out}@keyframes achv-slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes achv-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes achv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes achv-fade-out{0%{opacity:1}to{opacity:0}}.theme-svg{transform-origin:50%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-svg .sun-center,.theme-svg .sun-beams,.theme-svg .mask-cutter-group{transform-origin:50%;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.theme-svg .mask-cutter-group{transform:translate(.75rem,-.75rem)}.theme-svg .sun-center{fill:var(--style-color);transition:fill .2s ease-in-out}.theme-svg .sun-beams{stroke:var(--style-color);transition:stroke .2s ease-in-out}@media (hover:hover){button.theme-toggle-btn:hover .theme-svg .sun-center{fill:var(--style-background)}button.theme-toggle-btn:hover .theme-svg .sun-beams{stroke:var(--style-background)}}button.theme-toggle-btn:active .theme-svg .sun-center{fill:var(--style-background)}button.theme-toggle-btn:active .theme-svg .sun-beams{stroke:var(--style-background)}html[data-theme=dark] .mask-cutter-group{transform:translate(0)}html[data-theme=dark] .theme-svg{transform:rotate(375deg)}html[data-theme=dark] .sun-center{transform:scale(1.5)}html[data-theme=dark] .sun-beams{opacity:0;transform:scale(.6)}button.github-btn svg{width:100%;height:100%;fill:var(--style-color);transition:fill .2s ease-in-out}@media (hover:hover){button.github-btn:hover svg{fill:var(--style-background)}}button.github-btn:active svg{fill:var(--style-background)}.screen.home{gap:5rem}.screen.home .title{flex-direction:column;justify-content:center;align-items:center;display:flex}.screen.home .title .main{font-weight:700}.screen.home>.actions{gap:1rem;width:auto;display:flex;position:fixed;bottom:1rem;right:1rem}.screen.home>.actions>button{width:2.5rem;height:2.5rem;padding:.25rem}.screen.home>.controls{flex-direction:column}.screen.home>.controls>div{flex:1 0;justify-content:center;align-items:center;gap:.5rem;display:flex}.screen.home>.controls>div>button{flex:1 0}.screen.mode{gap:1rem}.screen.mode button{flex-direction:column;gap:.5rem;height:10rem;display:flex}.screen.mode button .name{font-size:3.5rem;font-weight:700}.screen.mode button .description{flex-direction:row;gap:1rem;display:flex}.screen.mode button .description span{font-size:1rem}.screen.mode button .description span:before{content:"["}.screen.mode button .description span:after{content:"]"}.talent{--color:var(--grade-color);height:calc(2rem * var(--ratio));font-size:calc(1rem * var(--ratio-font));color:var(--color);background:var(--background,var(--base-background-color));cursor:pointer;-webkit-user-select:none;user-select:none;border:.0625rem solid var(--grade-color);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;transition:all .2s ease-in-out;display:flex}.talent.selected{--color:var(--base-background-color);--background:var(--grade-color)}@media (hover:hover){.talent.selected:hover{background:oklch(from var(--grade-color) calc(l + .1) c h)}}.talent.selected:active{background:oklch(from var(--grade-color) calc(l + .1) c h);transition:none}@media (hover:hover){.talent:hover{background:oklch(from var(--grade-color) calc(l + .5) c h)}}.talent:active{background:oklch(from var(--grade-color) calc(l + .5) c h);transition:none}.talent .talent-name{font-weight:700}.talent .talent-description{color:oklch(from var(--color) calc(l + .1) c h);font-size:calc(.85rem * var(--ratio-font));-webkit-user-select:none;user-select:none}.talent .talent-description:before{content:"[";margin-right:.125rem}.talent .talent-description:after{content:"]";margin-left:.125rem}.talent .talent-description:before,.talent .talent-description:after{color:var(--color)}@media (hover:hover){html[data-theme=dark] .talent:hover{background:oklch(from var(--grade-color) calc(l - .5) c h)}html[data-theme=dark] .talent.selected:hover{background:oklch(from var(--grade-color) calc(l - .1) c h)}}html[data-theme=dark] .talent:active{background:oklch(from var(--grade-color) calc(l - .5) c h);transition:none}html[data-theme=dark] .talent.selected:active{background:oklch(from var(--grade-color) calc(l - .1) c h);transition:none}html[data-theme=dark] .talent .talent-description{color:oklch(from var(--color) calc(l - .2) c h)}.screen.chara{gap:1rem}.screen.chara>.chara-list{gap:calc(.5rem * var(--ratio));flex-direction:column;display:flex}.screen.chara>.chara-list>.character{border:.0625rem solid var(--base-text-color);box-sizing:border-box;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.screen.chara>.chara-list>.character>.generator>ul>li{text-align:center}.screen.chara>.chara-list>.character>.name{width:100%;font-size:calc(1rem * var(--ratio-font));height:calc(2rem * var(--ratio));justify-content:center;align-items:center;display:flex}.screen.chara>.chara-list>.character.selected{border:.0625rem solid var(--color-primary)}.screen.chara>.chara-list>.character.selected>.name{background-color:var(--color-primary);color:var(--base-background-color)}.screen.chara>.chara-list>.character.selected>.chara-details{height:auto;padding:.5rem}.screen.chara .chara-details{border-top:.0625rem solid var(--base-text-color);box-sizing:border-box;interpolate-size:allow-keywords;flex-direction:column;gap:.5rem;width:100%;height:0;padding:0 .5rem;transition:all .3s ease-in-out;display:flex;overflow-y:hidden}.screen.chara .chara-details>ul.talent-list{flex-direction:column;gap:.5rem;display:flex}.screen.chara .chara-details>ul.properties{flex-direction:row;gap:.5rem;width:100%;font-weight:700;display:flex}.screen.chara .chara-details>ul.properties>li{text-align:center;-webkit-user-select:none;user-select:none;min-width:6rem;color:var(--grade-color);flex-direction:column;flex:1 0;justify-content:space-between;display:flex}.screen.chara .chara-details>ul.properties>li span{border:.0625rem solid var(--grade-color);box-sizing:border-box;justify-content:center;align-items:center;height:2rem;display:flex}.screen.chara .chara-details>ul.properties>li span:first-child{border-bottom:none}.screen.chara .chara-details>ul.properties>li .name{color:var(--base-background-color);background-color:var(--grade-color)}.screen.chara .chara-details>ul.properties>li.charm{order:1}.screen.chara .chara-details>ul.properties>li.intelligence{order:2}.screen.chara .chara-details>ul.properties>li.strength{order:3}.screen.chara .chara-details>ul.properties>li.money{order:4}.screen.talent-pick{flex-direction:column;justify-content:center;gap:1rem;width:100%;display:flex}.screen.talent-pick ul.talent-list{gap:calc(.5rem * var(--ratio));flex-direction:column;display:flex}.screen.talent-pick ul.talent-list li{justify-content:center;align-items:center;gap:1rem;padding:0;display:flex}.screen.talent-pick ul.talent-list li .talent{width:100%}ul.replaced{flex-direction:column;gap:.5rem;display:flex}ul.replaced li{justify-content:center;align-items:center;gap:1rem;width:100%;padding:0;display:flex}ul.replaced li .talent{width:100%}ul.replaced li:not(:first-child){position:relative}ul.replaced li:not(:first-child):before{content:"";box-sizing:border-box;border:.0625rem solid var(--base-text-color);border-left:none;width:.625rem;height:1.5rem;margin-right:-1rem;display:block;position:absolute;top:-1rem;right:0}ul.replaced li:not(:first-child):after{content:"";box-sizing:border-box;border:.0625rem solid var(--base-text-color);transform-origin:0 0;border-bottom:none;border-right:none;width:.375rem;height:.375rem;margin-top:-.03125rem;margin-right:-.6875rem;display:block;position:absolute;top:.5rem;right:0;transform:rotate(-45deg)}.screen.point-allocation{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.screen.point-allocation .allocation-input{height:calc(2rem * var(--ratio));border:.0625rem solid var(--grade-color);color:var(--grade-color);box-sizing:border-box;gap:0;width:100%;transition:all .2s ease-in-out;display:flex}.screen.point-allocation .allocation-input button{--style-color:var(--grade-color);text-align:center;border:none;flex:1 0;height:100%;margin:0;padding:0}.screen.point-allocation .allocation-input input{width:2rem;height:100%;color:var(--grade-color);flex:1 0;font-weight:700;transition:all .2s ease-in-out}.screen.point-allocation .points-detail{min-width:100%;color:var(--color-primary);white-space:nowrap;background:var(--base-background-color);border:.0625rem solid var(--color-primary);box-sizing:border-box;font-size:calc(1rem * var(--ratio-font));flex-direction:column;margin:0;display:flex;position:absolute;top:0;left:0;transform:translateY(-100%)}.screen.point-allocation .points-detail li{height:calc(2rem * var(--ratio));justify-content:space-between;align-items:center;gap:.5rem;padding:0 .5rem;display:flex}.screen.point-allocation .points-detail li:not(:first-child){border-top:.0625rem solid var(--color-primary)}.screen.point-allocation>ul.alloc{width:100%;font-size:calc(1rem * var(--ratio-font));flex-direction:row;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.screen.point-allocation>ul.alloc>li{flex-direction:column;flex:1 0;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.screen.point-allocation>ul.alloc>li>span{width:100%;height:calc(2rem * var(--ratio));color:var(--grade-color);background:var(--base-background-color);border:.0625rem solid var(--grade-color);box-sizing:border-box;border-bottom:none;justify-content:center;align-items:center;font-weight:700;transition:all .2s ease-in-out;display:flex}.screen.point-allocation>ul.alloc>li>span.name{color:var(--base-background-color);background:var(--grade-color)}.screen.point-allocation>ul.alloc>li.left{--left-color:var(--color-error)}.screen.point-allocation>ul.alloc>li.left.left-0{--left-color:var(--color-primary)}.screen.point-allocation>ul.alloc>li.left>span{background:var(--left-color);border:.0625rem solid var(--left-color)}.screen.point-allocation>ul.alloc>li.left>button{--style-color:var(--left-color);font-size:calc(1rem * var(--ratio-font));height:calc(2rem * var(--ratio));flex:1;width:6rem;padding:0}.screen.point-allocation>ul.talent-list{flex-direction:column;gap:.5rem;width:100%;display:flex}.screen.point-allocation>ul.talent-list li{width:100%}.screen.play{gap:1rem;height:calc(100dvh - 2rem)}.screen.play>ul.properties{flex-direction:row;gap:.5rem;width:100%;font-weight:700;display:flex}.screen.play>ul.properties>li{text-align:center;-webkit-user-select:none;user-select:none;min-width:6rem;color:var(--grade-color);flex-direction:column;flex:1 0;justify-content:space-between;display:flex}.screen.play>ul.properties>li span{border:.0625rem solid var(--grade-color);box-sizing:border-box;justify-content:center;align-items:center;height:2rem;display:flex}.screen.play>ul.properties>li span:first-child{border-bottom:none}.screen.play>ul.properties>li .name{color:var(--base-background-color);background-color:var(--grade-color)}.screen.play>ul.properties>li.charm{order:1}.screen.play>ul.properties>li.intelligence{order:2}.screen.play>ul.properties>li.strength{order:3}.screen.play>ul.properties>li.money{order:4}.screen.play>ul.properties>li.spirit{order:5}.screen.play>ul.logs{border:.0625rem solid var(--base-text-color);box-sizing:border-box;flex-direction:column;flex:1 0;gap:.5rem;min-width:32rem;max-width:100%;height:100%;padding:0 .5rem;display:flex}.screen.play>ul.logs>li.log{-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:row;gap:.5rem;width:100%;line-height:2rem;display:flex}.screen.play>ul.logs>li.log>.age{text-align:right;width:3rem;height:2rem;color:var(--color-primary);box-sizing:border-box;flex-shrink:0;font-weight:700}.screen.play>ul.logs>li.log>.content{position:relative}.screen.play>ul.logs>li.log>.content:before{content:"";border:.0625rem solid var(--base-text-color);box-sizing:border-box;pointer-events:none;border-top:none;border-right:none;width:calc(100% + .5rem);height:calc(100% - 2rem);position:absolute;bottom:0;left:-.5rem}.screen.play>ul.logs>li.log>.content .tag,.screen.play>ul.logs>li.log>.content .name{font-weight:700}.screen.play>ul.logs>li:last-child{margin-bottom:2rem}.screen.play ul.log-inner>li{color:var(--grade-color);flex-direction:row;gap:.5rem;display:flex}.screen.play .controls{flex-direction:row;gap:.5rem;width:100%;display:flex}.screen.play .controls>button{min-width:6rem;font-size:calc(1.25rem * var(--ratio-font));height:calc(2.5rem * var(--ratio));flex:1 0}.screen.play>ul.properties>li .value{background-color:var(--base-background-color);transition:background-color .5s;position:relative}.screen.play>ul.properties>li[class*=trend-up] .value:after,.screen.play>ul.properties>li[class*=trend-down] .value:after{content:"";border-style:solid;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards triangle-pop;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.screen.play>ul.properties>li[class*=trend-up] .value:after{border-width:0 .3125rem .375rem;border-color:transparent transparent var(--color-success) transparent}.screen.play>ul.properties>li[class*=trend-down] .value:after{border-width:.375rem .3125rem 0;border-color:var(--color-error) transparent transparent transparent}.screen.play>ul.properties>li[class*=trend-up-1] .value{animation:.5s ease-out forwards flash-success-odd}.screen.play>ul.properties>li[class*=trend-up-0] .value{animation:.5s ease-out forwards flash-success-even}.screen.play>ul.properties>li[class*=trend-down-1] .value{animation:.5s ease-out forwards flash-error-odd}.screen.play>ul.properties>li[class*=trend-down-0] .value{animation:.5s ease-out forwards flash-error-even}@keyframes flash-success-odd{0%{background-color:color-mix(in srgb, var(--color-success) 30%, var(--base-background-color))}to{background-color:var(--base-background-color)}}@keyframes flash-success-even{0%{background-color:color-mix(in srgb, var(--color-success) 30%, var(--base-background-color))}to{background-color:var(--base-background-color)}}@keyframes flash-error-odd{0%{background-color:color-mix(in srgb, var(--color-error) 30%, var(--base-background-color))}to{background-color:var(--base-background-color)}}@keyframes flash-error-even{0%{background-color:color-mix(in srgb, var(--color-error) 30%, var(--base-background-color))}to{background-color:var(--base-background-color)}}@keyframes triangle-pop{0%{opacity:0;transform:translateY(-50%)scale(.5)}to{opacity:1;transform:translateY(-50%)scale(1)}}.screen.summary{gap:1rem}.screen.summary ul.judge-list{flex-direction:row;gap:.125rem;width:100%;display:flex}.screen.summary ul.judge-list>li{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1 0;justify-content:space-between;min-width:4rem;display:flex}.screen.summary ul.judge-list>li span{border:.0625rem solid var(--grade-color);box-sizing:border-box;height:2rem;color:var(--grade-color);flex-direction:row;justify-content:center;align-items:center;font-weight:700;display:flex}.screen.summary ul.judge-list>li span:not(:first-child){border-top:none}.screen.summary ul.judge-list>li .level{background-color:var(--grade-color);color:var(--base-background-color);font-size:.95rem}.screen.summary ul.talent-list{gap:calc(.5rem * var(--ratio));flex-direction:column;width:100%;display:flex}.screen.achv{gap:1rem;width:min(100dvw - 2rem,48rem);height:calc(100dvh - 2rem)}.screen.achv>.stats>.details{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.screen.achv>.stats>.details>div{border:.0625rem solid var(--grade-color);color:var(--grade-color);box-sizing:border-box;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:relative}.screen.achv>.stats>.details>div>span{justify-content:center;align-items:center;display:flex}.screen.achv>.stats>.details>div>.title{height:2.5rem;font-size:1.5rem;font-weight:700}.screen.achv>.stats>.details>div>.value{height:2rem}.screen.achv>.stats>.details>.prg{padding-bottom:.1875rem}.screen.achv>.stats>.details>.prg:before,.screen.achv>.stats>.details>.prg:after{content:"";height:.1875rem;display:block;position:absolute;bottom:0;left:0;transform:translateZ(-1px)}.screen.achv>.stats>.details>.prg:after{width:var(--progress,0%);background:var(--grade-color);transition:width .2s ease-in-out}.screen.achv>.stats>.details>.prg:before{border-top:.0625rem solid var(--grade-color);box-sizing:border-box;width:100%}.screen.achv>.achievement-list{flex:1 0;width:100%}.screen.achv>.achievement-list>ul{box-sizing:border-box;flex:1 0;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;display:grid}.screen.achv>.achievement-list>ul>li.achievement{color:var(--grade-color);border:.0625rem solid var(--grade-color);box-sizing:border-box;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin-right:.0625rem;padding:0 .0625rem;display:flex;position:relative}.screen.achv>.achievement-list>ul>li.achievement>.name{justify-content:center;align-items:center;height:2rem;font-size:1.2rem;font-weight:700;display:flex}.screen.achv>.achievement-list>ul>li.achievement>.description{justify-content:center;align-items:center;height:1.5rem;display:flex}.screen.achv>.achievement-list>ul>li.achievement:before{content:"";background:var(--base-background-color);opacity:.5;width:100%;height:100%;margin:-.0625rem;padding:.0625rem;display:block;position:absolute;top:0;left:0;transform:translateZ(1px)}.screen.achv>.achievement-list>ul>li.achievement.colled:before{background:var(--grade-color);opacity:.15;transform:translateZ(-1px)}.screen.thanks{gap:1rem;height:calc(100dvh - 2rem)}.screen.thanks .person{--style-color:var(--custom-color,var(--base-text-color));color:var(--style-color);background:var(--base-background-color);flex-wrap:wrap;justify-content:center;gap:.5rem;transition:background .2s ease-in-out,color .2s ease-in-out;display:flex}.screen.thanks .person>.name{text-wrap:wrap;word-break:break-all;width:12rem;min-height:2.5rem;text-shadow:-.0625rem -.0625rem .0625rem var(--base-shadow), .0625rem -.0625rem .0625rem var(--base-shadow), -.0625rem .0625rem .0625rem var(--base-shadow), .0625rem .0625rem .0625rem var(--base-shadow), 0 -.0625rem .0625rem var(--base-shadow), 0 .0625rem .0625rem var(--base-shadow), -.0625rem 0 .0625rem var(--base-shadow), .0625rem 0 .0625rem var(--base-shadow);align-items:center;font-size:1.2rem;font-weight:700;display:flex}.screen.thanks .person>.comment{word-break:break-all;white-space:pre-wrap;min-height:2.5rem;text-shadow:-.0625rem -.0625rem .0625rem var(--base-shadow), .0625rem -.0625rem .0625rem var(--base-shadow), -.0625rem .0625rem .0625rem var(--base-shadow), .0625rem .0625rem .0625rem var(--base-shadow), 0 -.0625rem .0625rem var(--base-shadow), 0 .0625rem .0625rem var(--base-shadow), -.0625rem 0 .0625rem var(--base-shadow), .0625rem 0 .0625rem var(--base-shadow);flex:1 0;align-items:center;display:flex}.screen.thanks>.group-1{border:.0625rem solid var(--base-text-color);box-sizing:border-box;flex-direction:column;flex:1;gap:.5rem;padding:.5rem 0;display:flex}.screen.thanks>.group-1>.person{border:.0625rem solid var(--style-color);box-sizing:border-box;margin:0 .5rem;padding:0 .5rem;display:flex}.screen.thanks>.group-1>.person>.comment{word-break:break-all;white-space:pre-wrap;flex:1 0;align-items:center;min-height:2.5rem;padding:0 .5rem;display:flex}.screen.thanks>.group-2{border:.0625rem solid var(--base-text-color);flex:3;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;display:grid}.screen.thanks>.group-2>.person{text-wrap:wrap;word-break:break-all;text-align:center;justify-content:center;align-items:center;margin-right:.0625rem;display:flex}.screen.thanks>.group-2>.person>.name{justify-content:center}.screen.thanks>.group-2>.person>.comment{display:none}.screen{flex-direction:column;justify-content:center;align-items:center;min-width:32rem;max-width:min(100dvw - 2rem,48rem);margin:0;padding:0;display:flex;position:relative}.screen>*{width:100%}.screen>.section{gap:calc(.5rem * var(--ratio));box-sizing:border-box;flex-direction:column;width:100%;padding:0;display:flex}.screen>.section>.title{width:100%;height:calc(2rem * var(--ratio));color:var(--base-text-color);border:.0625rem solid var(--base-text-color);border-bottom:.1875rem solid var(--color-primary);box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:center;align-items:center;font-weight:700;display:flex}.screen>.controls{flex-direction:row;justify-content:center;gap:.5rem;width:100%;display:flex}.screen>.controls>button{flex:1 0}.screen.loading{justify-content:center;align-items:center;display:flex}.screen.loading>*{width:auto}.screen.loading{animation:1.8s ease-in-out infinite pulse}.saving{opacity:0;-webkit-user-select:none;user-select:none;position:fixed;bottom:0;left:0}.saving.active{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--base-text-color:var(--lightningcss-light,#121314)var(--lightningcss-dark,#f9fafb);--base-background-color:var(--lightningcss-light,#f7f7f7)var(--lightningcss-dark,#121314);--base-shadow:var(--lightningcss-light,#00000010)var(--lightningcss-dark,#23456710);--color-grade-0:var(--lightningcss-light,#4e5052)var(--lightningcss-dark,#f9fafb);--color-grade-1:var(--lightningcss-light,#4aa8da)var(--lightningcss-dark,#afe3ff);--color-grade-2:var(--lightningcss-light,#b03fe4)var(--lightningcss-dark,#e09eff);--color-grade-3:var(--lightningcss-light,#ffaf2d)var(--lightningcss-dark,#ffe48d);--color-success:var(--lightningcss-light,#61b700)var(--lightningcss-dark,#b9ff69);--color-info:var(--lightningcss-light,#454ad3)var(--lightningcss-dark,#b5b7ff);--color-error:var(--lightningcss-light,#e42b2b)var(--lightningcss-dark,#ff6969);--color-primary:var(--color-success);--color-secondary:var(--color-info)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.grade-0{--grade-color:var(--color-grade-0)}.grade-1{--grade-color:var(--color-grade-1)}.grade-2{--grade-color:var(--color-grade-2)}.grade-3{--grade-color:var(--color-grade-3)}:root{--ratio:1;--ratio-font:1;color:var(--base-text-color)}html{transition:all .2s ease-in-out}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hide-scrollbar,html{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overflow:auto}:is(.hide-scrollbar,html)::-webkit-scrollbar{display:none}body{background:var(--base-background-color);place-items:center;width:calc(100dvw - 2rem);min-height:calc(100dvh - 2rem);margin:1rem;padding:0;transition:all .2s ease-in-out;display:grid}html,body,button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang SC,Noto Sans SC,Noto Sans CJK SC,Noto Sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.font-mono{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Noto Sans Mono CJK SC,Noto Sans Mono,Noto Code,ui-monospace,monospace}button{--style-color:var(--base-text-color);--style-background:var(--base-background-color);--border-color:var(--style-color);--background-color:var(--style-background);--text-color:var(--style-color);color:var(--text-color);cursor:pointer;box-sizing:border-box;border:var(--border-color) .0625rem solid;background:var(--background-color);font-size:calc(1.2rem * var(--ratio-font));height:calc(2.5rem * var(--ratio));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;padding:0 1rem;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}@media (hover:hover){button:hover{background:var(--style-color);color:var(--style-background)}}button:active{background:var(--style-color);color:var(--style-background);transition:none}button.primary{--style-color:var(--color-primary)}button.secondary{--style-color:var(--color-secondary)}button.info{--style-color:var(--color-info)}button.error{--style-color:var(--color-error)}button.focus{height:calc(3.5rem * var(--ratio));font-size:calc(1.6rem * var(--ratio-font));justify-content:center;align-items:center;font-weight:700;display:flex}ul{margin:0;padding:0;list-style:none}input{font-size:calc(1rem * var(--ratio-font));background:var(--base-background-color);text-align:center;-moz-appearance:textfield;appearance:none;color:var(--base-text-color);border:none;margin:0;padding:0;transition:all .2s ease-in-out}input:focus{outline:none}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (width<=32rem){:root{font-size:2.88vw}}@media screen and (orientation:portrait) and (pointer:coarse){:root{--ratio:1.5;--ratio-font:1.2}}