:root{font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;font-family:Montserrat,sans-serif,system-ui;font-style:normal}ul.page-view{width:100%}ul.page-view>li{max-height:50vh;overflow-y:auto}ul.page-view>li.active{animation:.15s pageview-fade-in}ul.page-view>li:not(.active){display:none}nav.page-view-nav{gap:var(--spacing);width:100%;padding-top:var(--spacing) 0;background-color:#151b35;display:flex;position:sticky;bottom:0}nav.page-view-nav button{background-color:#232844;justify-content:center;align-items:center;gap:.25rem;width:100%;padding:.5rem;transition:opacity .3s;display:flex;container-type:inline-size}nav.page-view-nav button.disabled{opacity:.6;color:#7e829e;pointer-events:none}@container not (min-width:100px){nav.page-view-nav button span{display:none}}@keyframes pageview-fade-in{0%{opacity:0;transform:scaleY(.75)}to{opacity:1;transform:scaleY(1)}}
:root{font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;font-family:Montserrat,sans-serif,system-ui;font-style:normal}div.modal-background:has(.tutorial-item){z-index:60}section.modal:has(.tutorial-item){min-width:min(100vw,400px);max-width:min(100%,400px)}ul.page-view>li.tutorial-item{height:fit-content;max-height:unset}ul.page-view>li.tutorial-item .img-container{justify-content:center;display:flex}ul.page-view>li.tutorial-item img{width:100%;max-width:80%}ul.page-view>li.tutorial-item p{text-align:center;font-size:.75rem}
:root{font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;font-family:Montserrat,sans-serif,system-ui;font-style:normal}#profile-modal{max-width:min(100vw,460px)}#profile-modal p{font-size:.75rem}.profile-form{gap:var(--spacing);grid-template-columns:1fr 2fr;display:grid}.profile-form .profile-sprite-container{clip-path:polygon(0% 10px,10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%);background-color:#232844;justify-content:center;align-items:center;height:30px;display:flex}.profile-form img{width:96px;height:96px}@media (max-width:240px){.profile-form{grid-template-columns:1fr}}.profile-info{color:#7e829e;gap:5px;margin-bottom:1rem;display:flex}.profile-info svg{width:16px}.transfer-buttons{gap:var(--spacing);grid-template-columns:repeat(2,1fr);display:grid}.transfer-buttons button{background-color:#232844;justify-content:center;align-items:center;gap:.25rem;width:100%;padding:.5rem;display:flex;container-type:inline-size}@media (max-width:240px){.transfer-buttons{grid-template-columns:1fr}}.profile-import-preview{justify-content:center;align-items:center;gap:var(--spacing);margin:.5rem 0;display:flex}.profile-import-preview div:has(>img){background-color:#232844;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.profile-import-preview div:has(>img) img{width:150%;height:150%}.profile-import-preview p{color:#b0b5db}