:root{--items: 5;--duration: 4s;--blue-primary: blue;--blue-secondary: lightblue;--blue-third: #E4F0FA;--blue-fourth: #92C2E9;--blue-dark: #1d0556;--black-primary: black;--black-opaque: rgba(0,0,0,.75);--white-primary: white;--beige-primary: beige;--sand-primary: #ff933b;--main-font-color: var(--black-primary);--group-head-color: var(--white-primary);--group-background: var(--blue-primary);--panel-background: var(--blue-secondary);--popup-background: var(--beige-primary);--opaque-background: var(--black-opaque);--main-background: var(--blue-third);--chat-background: var(--blue-fourth);--panel-tint: var(--blue-secondary);--top-layered-waves: url(../svg/toplayeredwaves.svg);--mid-layered-waves: url(../svg/watercurve.svg);--bottom-layered-waves: url(../svg/watertosand.svg);--cat-background: url(../images/catbackground.png);--chat-dark-no-text: url(../svg/chat-dark-no-text.svg);--chat-dark-text: url(../svg/chat-dark-text.svg);--chat-light-no-text: url(../svg/chat-light-no-text.svg);--chat-light-text: url(../svg/chat-light-text.svg);--sun-icon: url(../svg/sun.svg);--moon-icon: url(../svg/moon.svg);--radius-xsm: .2rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 2rem;--space-xs: .5rem;--space-sm: .1rem;--space-md: 2rem;--space-lg: 4rem;--space-mlg: 6rem;--space-xlg: 8rem;--space-xxlg: 16rem;--hd-lg: clamp(1.8rem, 6vw, 5rem);--hd-md: clamp(1.2rem, 3vw, 4rem);--hd-sm: clamp(.8rem, 2vw, 3rem);--p-md:clamp(.6rem, 1.5vw, 2rem);--bold-md: 500;--group-width: clamp(12rem, 28vw, 24rem);--group-border: 0rem;--panel-percent-width: 80%;--group-ratio: 1 / 2.5;--panel-ratio: 4 / 3;--chat-open-icon: var(--chat-light-text);--chat-closed-icon: var(--chat-light-no-text);--brightness-icon: var(--sun-icon)}[data-theme=dark]{--blue-primary: #081E77;--blue-secondary: #4D70B0;--blue-third: #10192B;--blue-fourth: #92C2E9;--blue-dark: #1d0556;--black-primary: #BDBBCF;--black-opaque: rgba(0,0,0,.75);--white-primary: white;--beige-primary: beige;--sand-primary: #583925;--main-font-color: var(--black-primary);--group-head-color: var(--white-primary);--group-background: var(--blue-primary);--panel-background: var(--blue-secondary);--popup-background: var(--blue-dark);--opaque-background: var(--black-opaque);--main-background: var(--blue-third);--chat-background: var(--blue-secondary);--panel-tint: var(--blue-dark);--top-layered-waves: url(../svg/layered-water-dark.svg);--mid-layered-waves: url(../svg/wave-water-dark.svg);--bottom-layered-waves: url(../svg/sand-dark.svg);--cat-background: url(../images/catbackground-dark.webp);--group-border: var(--radius-xsm);--group-border-color: var(--black-primary);--chat-open-icon: var(--chat-dark-text);--chat-closed-icon: var(--chat-dark-no-text);--brightness-icon: var(--moon-icon)}[data-theme=light]{--blue-primary: blue;--blue-secondary: lightblue;--blue-third: #E4F0FA;--blue-fourth: #92C2E9;--blue-dark: #1d0556;--black-primary: black;--black-opaque: rgba(0,0,0,.75);--white-primary: white;--beige-primary: beige;--sand-primary: #ff933b;--main-font-color: var(--black-primary);--group-head-color: var(--white-primary);--group-background: var(--blue-primary);--panel-background: var(--blue-secondary);--popup-background: var(--beige-primary);--opaque-background: var(--black-opaque);--main-background: var(--blue-third);--chat-background: var(--blue-fourth);--panel-tint: var(--blue-secondary);--top-layered-waves: url(../svg/toplayeredwaves.svg);--mid-layered-waves: url(../svg/watercurve.svg);--bottom-layered-waves: url(../svg/watertosand.svg);--cat-background: url(../images/catbackground.png);--chat-open-icon: var(--chat-light-text);--chat-closed-icon: var(--chat-light-no-text);--brightness-icon: var(--sun-icon);--group-border: 0rem}.flex,.group{display:flex;gap:var(--flex-gap, var(--space-md))}.flex-col,.group{flex-direction:column}.flex-center,.group{justify-content:center;align-items:center}.flex-row{flex-direction:row}.group,.panel-cont{border-radius:var(--custom-radius, var(--radius-lg))}body{margin:0;color:var( --main-font-color );background-image:var(--cat-background)}.group{background-color:var(--group-background);width:var(--group-width);aspect-ratio:var(--group-ratio);color:var(--group-head-color);border:var(--group-border) solid var(--group-border-color)}.group-name-display{font-size:var(--hd-sm);margin:0}.panel-cont{position:relative;width:var(--panel-percent-width);overflow:hidden}.panel-cont:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--panel-tint);opacity:.54;pointer-events:none}.panel{width:100%;aspect-ratio:var(--panel-ratio);background-color:var(--panel-background);display:block}.form-panel label{flex:0 0 30%;text-align:right;font-size:var(--p-md)}.form-panel input,.form-panel textarea{flex:1}.form-panel{display:flex;gap:var(--space-xlg);width:50vw}h1{font-size:var(--hd-lg)}h2{font-size:var(--hd-md)}h3{font-size:var(--p-md)}#opaque-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--opaque-background);display:flex;justify-content:center;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:5}#opaque-overlay.is-active{opacity:1;pointer-events:auto;color:#fff}#popup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:70vh;background-color:var(--popup-background);border-radius:var(--radius-md);padding:var(--space-md);overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:5;border:var(--radius-xsm) solid var(--black-primary)}#popup-container.is-active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.is-hidden{opacity:0;pointer-events:none}.is-visible{opacity:1;pointer-events:auto}body,input,textarea,button{font-family:Bricolage Grotesque,sans-serif}section{margin:var(--margin-gap, var(--space-sm)) 0;position:relative;justify-content:center}#introduction-section{gap:var(--flex-gap, var(--space-mlg));margin:var(--space-md) 0 var(--space-sm) 0}#my-name{margin-left:var(--space-md)}#self-statement-section{margin:var(--space-xlg) 0;gap:var(--space-xlg)}.roles-viewport{display:flex;font-size:var(--hd-lg);box-sizing:content-box;height:90px;padding:10px;border-radius:8px;gap:var(--space-med)}#self-statement-intro-text{margin:-2px}.roles{overflow:hidden;position:relative;color:#d95252}.role{display:block;height:100%;padding-left:6px;font-size:var(--hd-lg);animation:slide var(--duration) infinite}@keyframes slide{10%{transform:translateY(-102%)}25%{transform:translateY(-100%)}35%{transform:translateY(-202%)}50%{transform:translateY(-200%)}60%{transform:translateY(-302%)}75%{transform:translateY(-300%)}85%{transform:translateY(-402%)}to{transform:translateY(-400%)}}#mii-container{aspect-ratio:1/1}.spacer{aspect-ratio:960/300;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0%;z-index:-1}.layer1{background-image:var(--top-layered-waves)}.layer2{aspect-ratio:960/480;background-image:var(--bottom-layered-waves)}.layer3{background-image:var(--mid-layered-waves);aspect-ratio:960/800}#bright-toggle{background-image:var(--brightness-icon)}#chat-toggle{background-image:var(--chat-open-icon)}.icons{display:flex;position:fixed;top:2rem;right:5%;z-index:2}.icon{width:5rem;aspect-ratio:1;background-repeat:no-repeat;background-size:contain;cursor:pointer}.dev-summary:before{content:"▸";transition:transform .2s ease}.dev-sect[open] .dev-summary:before{transform:rotate(90deg)}.dev-sect{border:1px solid #aaaaaa;border-radius:4px;padding:.5em .5em 0;cursor:pointer}.dev-summary{font-weight:700;margin:-.5em -.5em 0;padding:.5em;align-items:center;display:flex}.dev-summary .dev-date{margin-left:auto;padding-right:2rem}.dev-summary .dev-title{margin-left:1rem}.dev-sect[open]{padding:.5em}.dev-sect[open] .dev-summary{border-bottom:1px solid #aaaaaa;margin-bottom:.5em}.speech-bubble{position:relative;background:var(--chat-background);color:var(--black-primary);padding:1.5rem 2rem;border-radius:1.5rem;width:20vw;font-family:Nintendo DS BIOS,sans-serif;font-size:var(--hd-sm);min-height:5rem;max-height:15rem;border:var(--radius-xsm) solid var(--black-primary);overflow-y:auto}.is-removed{display:none}.nintendo-font{font-family:Nintendo DS BIOS,sans-serif;margin-left:2%}