.HomePage{width:100%;height:100%;min-height:0;min-width:0;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;transition:opacity .4s ease;opacity:1}.HomePage.fade-out{opacity:0}.HomePageBox{background-color:#d9d9d9;border-radius:16px;height:90%;width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 24px #00000014;position:relative;overflow:visible}.BrainSpan{font-size:5rem;font-weight:350;color:#333;margin-bottom:1rem;font-family:JetBrains Mono,monospace;color:#f99b9b;cursor:pointer}.GameDescription{font-size:1.5rem;font-weight:700;color:#f99b9b;margin-bottom:2rem;font-family:Instrument Sans,sans-serif}.PlayNowButton{background-color:#e3bebe;text-decoration:none;color:#652f2f;border-radius:20px;font-size:1.2rem;font-weight:800;padding:1rem 6rem;border:none;font-family:Instrument Sans,sans-serif;transition:background-color .5s ease}.PlayNowButton:hover{background-color:#d1a6a6}.CornerCircle{position:absolute;width:4rem;height:4rem;background:#ea7474;border-radius:50%}.CornerCircle.top-left{top:1rem;left:1rem}.CornerCircle.top-right{top:1rem;right:1rem}.CornerCircle.bottom-left{bottom:1rem;left:1rem}.CornerCircle.bottom-right{bottom:1rem;right:1rem}.GamePage{width:100%;height:100%;min-height:0;min-width:0;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;transition:opacity .4s ease;opacity:1}.GamePageBox{background-color:#d9d9d9;border-radius:16px;height:90%;width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 24px #00000014;position:relative;overflow:visible;gap:2rem}.TheGame{justify-content:top;font-size:5rem;font-weight:350;color:#333;margin-bottom:25rem;font-family:JetBrains Mono,monospace;color:#f99b9b;cursor:pointer}.StartButton{background-color:#e3bebe;text-decoration:none;color:#652f2f;border-radius:10px;font-size:1.2rem;font-weight:800;padding:1rem 3rem;border:none;font-family:Instrument Sans,sans-serif;transition:background-color .5s ease}.StartButton:hover{background-color:#d1a6a6}.SettingsButton{background-color:#e3bebe;text-decoration:none;color:#652f2f;border-radius:10px;font-size:.7rem;font-weight:800;padding:.5rem 2.5rem;border:none;margin-top:-1.5rem;font-family:Instrument Sans,sans-serif;transition:background-color .5s ease}.SettingsButton:hover{background-color:#d1a6a6}.CornerCircle1{position:absolute;width:4rem;height:4rem;background:#ea7474;border-radius:50%}.CornerCircle1.top-left{top:7rem;left:7rem}.CornerCircle1.top-right{top:7rem;right:7rem}.CornerCircle1.bottom-left{bottom:7rem;left:7rem}.CornerCircle1.bottom-right{bottom:7rem;right:7rem}.ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#28282866;z-index:1000}.SettingsModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;padding:2rem 2.5rem;z-index:1001;min-width:320px;max-width:90vw}body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}.AppLayout{display:flex;height:100vh}.Navbar{width:7rem;background-color:#fe8d8d;display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:2rem}.NavLinks{display:flex;flex-direction:column;gap:5rem;overflow:visible;margin-right:.8rem}.Links{writing-mode:vertical-rl;text-orientation:upright;background:#ca6b6b;color:#fff;padding:.5rem .3rem;border-radius:4px;text-align:left;text-decoration:none;display:flex;align-items:flex-end;justify-content:flex-start;font-size:2rem;letter-spacing:.1em;width:120%;max-width:none;border:none;clip-path:polygon(0 0,100% 0,70% 100%,0 100%);transition:ease-in-out .5s}.NavLinks button:hover{background:#c55e5e;transition:ease-in-out .5s;transform:scale(1.2);clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.MainContent{flex:1;display:flex;flex-direction:column;background:#fff;min-height:0}.Header{width:100%;height:7rem;display:flex;flex-direction:column;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.HeaderBar{width:100%;height:33.33%;display:flex}.HeaderBar.top{background:#844d4d;flex:2}.HeaderBar.middle{background:#b67474;flex:2}.HeaderBar.bottom{background:#fcaeae;flex:3}.Ellipse{width:5rem;height:5rem;background:#ea7474;border-radius:50%;margin-bottom:4rem}.PageContent{flex:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100%;width:100%;min-height:0;transition:opacity .4s ease;opacity:1}.PageContent.fade-out{opacity:0}