:root{--background:#fff;--hex-size:160px;--hex-gap:8px}@font-face{font-family:font;src:url(../media/font.5f62d3e9.woff2)}@font-face{font-family:cute;src:url(../media/cute.223f1453.ttf)}h1,h2,h3{font-family:font,serif;font-size:18px;font-weight:700}h1{filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(1px 1px #0000004d);font-family:cute,serif;font-size:60px;font-weight:400}.raya-container{color:#ff9fc6;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;margin-top:70px;font-family:font,serif;font-size:15px}.raya-container .right{text-align:right;margin-left:-55px}.raya-container .left{text-align:left;margin-left:55px}.raya-container .dual-container{justify-content:center;display:flex}.raya-container .pinkie{z-index:10;width:300px;display:inline-block}.raya-container .pinkie .project-list li{margin-top:10px}.raya-container .pinkie .project-list li span{font-weight:700}section{margin-top:40px}section img{object-fit:contain;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)drop-shadow(1px 1px #0000004d);max-width:300px;height:auto}section.social{border:2px dashed #ff9fc6;border-radius:30px;margin:40px 45px 0}section.social .soc-head{text-align:center;background-color:#ff9fc6;border-radius:30px 30px 0 0;padding:10px 20px}section.social .socials-container{flex-direction:row;gap:40px;margin-bottom:20px;display:flex}section.social .socials-container .social-left{flex-direction:column;margin-top:20px;margin-left:5px;display:flex}section.social .socials-container .social-right{width:max-content;padding-right:25px}section.social .socials-container .discord-container{justify-content:center;align-items:center;display:flex}section.social .socials-container .discord-container h3{font-size:16px}section.social .socials-container .discord-container .discord-icon{margin-right:10px;transform:rotate(-20deg)}.social-icon{transition:transform .1s;display:inline-block}.social-icon:hover{animation:.5s forwards iconTiltShake}@keyframes iconTiltShake{0%{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(-6deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(12deg)}to{transform:rotate(20deg)}}.animated-dotted-border{position:relative}.animated-dotted-border:after{content:"";background:repeating-linear-gradient(90deg,#ff9fc6 0 1px,#0000 1px 4px);width:100%;height:2px;animation:2s linear infinite dotted-slide;position:absolute;bottom:-3px;left:0}@keyframes dotted-slide{0%{background-position:0 0}to{background-position:8px 0}}.char-black{color:#000}::selection{color:#000;background:0 0}.social-left{flex-direction:column;gap:12px;display:flex;position:relative}.social-left a{width:fit-content;display:inline-flex}.social-hover-popup{z-index:9999;pointer-events:none;color:#ff9fc6;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;background:#fff;border:1px solid #ff9fc6;border-radius:12px;max-width:260px;padding:10px 14px;font-family:font,serif;font-size:14px;line-height:1.4;transition:opacity .22s,transform .22s;position:fixed;transform:translateY(8px)scale(.96);box-shadow:0 8px 24px #00000047}.social-hover-popup span{font-weight:700}.footer{text-align:center;margin-top:80px;margin-bottom:40px;padding:0 55px;font-family:font,serif}.footer div{border-top:2px dashed #ff9fc6;padding-top:15px}.social-hover-popup.visible{opacity:1;transform:translateY(0)scale(1)}.status-container{z-index:9999;pointer-events:none;padding-left:45px;position:fixed;top:20px}.status-container.online .status-ball{background-color:#4caf50}.status-container.dnd .status-ball{background-color:#f44336}.status-container.offline .status-ball{background-color:gray}.status-container.idle .status-ball{background-color:#ff9800}.status-container div{background:#fff;border:2px dashed #ff9fc6;border-radius:20px;padding:2px 14px}.status-container div .status-ball{background-color:gray;border:none;border-radius:50%;width:10px;height:10px;margin-right:8px;padding:0;display:inline-block}.status-container div h3{color:#ff9fc6;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;font-family:font,serif;font-size:14px;font-weight:400;display:inline-block}.cute-border{border-radius:30px;margin:40px 45px 0;padding:20px 40px}.back-to-front:hover{text-decoration:underline}.hex-container{width:calc(var(--hex-size)*3 + var(--hex-gap)*4);flex-wrap:wrap;margin:0 auto 0 25px;display:flex}.hex-container .hex-item{height:200px;font-size:initial;clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);margin:5px;margin-bottom:calc(var(--m) - var(--s)*.2885);background:red;width:160px;transition:transform .2s;display:inline-block}.hex-container .hex-item img{width:unset;height:200px;max-width:unset;margin-left:-20px}.hex-container .hex-item:hover{cursor:pointer;transform:translateY(-5px)}.hex-container .row{height:calc(var(--hex-size)/2 + 80px)}.hex-container .row:nth-child(2n){margin-left:calc((var(--hex-size)/2 + var(--hex-gap)/2)*-1)}.mods-modal-overlay{z-index:1000;background-color:#0000;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:fixed;inset:0}.mods-modal-overlay.visible{background-color:#0009}.mods-modal-panel{opacity:0;background:linear-gradient(#fff7fb 0%,#fff 100%);border:2px solid #ff9fc673;border-radius:24px;width:90%;max-width:560px;padding:1rem 1rem 1.5rem;transition:transform .3s,opacity .3s;position:relative;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 25px 60px #00000080}.mods-modal-panel.visible{opacity:1;transform:translateY(0)scale(1)}.mods-modal-image{object-fit:cover;object-position:center;background:#ffd7e7;border-radius:16px;width:100%;max-height:400px;margin-bottom:1.25rem}.mods-modal-title{color:#ff7bb1;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;margin:0 0 .75rem;font-size:26px}.mods-modal-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.mods-modal-tag{color:#fff;text-shadow:none;background:linear-gradient(135deg,#ff9fc6 0%,#ff6fa8 100%);border-radius:999px;align-items:center;padding:.35rem .8rem;font-size:.8rem;line-height:1;display:inline-flex;box-shadow:0 8px 18px #ff6fa847}.mods-modal-description{color:#8a4a68;text-shadow:none;margin:0;line-height:1.6}.mods-modal-close{color:#fff;cursor:pointer;background:#ff6fa8eb;border:1px solid #fffc;border-radius:999px;width:2.25rem;height:2.25rem;font-size:1rem;line-height:1;position:absolute;top:1rem;right:1rem;box-shadow:0 10px 24px #ff6fa840}.mods-modal-actions{justify-content:flex-end;align-items:center;min-height:2.75rem;margin-top:1.5rem;display:flex}.mods-modal-link{color:#fff;text-shadow:none;background:linear-gradient(135deg,#ff9fc6 0%,#ff6fa8 100%);border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.2rem;font-family:font,serif;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #ff6fa847}.mods-modal-private{color:#b06b8c;text-shadow:none;margin:0;font-style:italic}.cute-nav{float:right;margin-top:-45px;padding-right:3rem}.cute-nav .cute-nav-item{border:2px dashed #ff9fc6;border-radius:20px;padding:5px 10px}.cute-nav .cute-nav-item:hover{color:#fff;box-shadow:none;text-shadow:none;background-color:#ff9fc6;border:2px dashed #fff;transition:background-color .2s,color .2s}@media (max-width:640px){.mods-modal-panel{width:calc(100% - 1.5rem);padding:.75rem .75rem 1.25rem}.mods-modal-image{max-height:280px}.mods-modal-title{font-size:22px}.mods-modal-actions{justify-content:center}}
