#root{max-width:100vw;margin:0 auto;padding:2rem;text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.game-console{width:100%;max-width:1200px;margin:0 auto;padding:20px;display:flex;align-items:center;gap:20px}.screen-container{position:relative;background-color:#d8d8d8;border-radius:20px;padding:40px;overflow:hidden;aspect-ratio:16/9;min-height:500px;flex:1;box-shadow:0 0 20px #0000004d}.stream-background{position:absolute;top:0;left:0;width:100%;height:100%}.stream-top{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%20viewBox='0%200%20720%20320'%3e%3cdefs%3e%3clinearGradient%20id='gradient'%20x1='0'%20x2='0'%20y1='0'%20y2='1'%3e%3cstop%20offset='0%25'%20style='stop-color:%20lightgreen'%20/%3e%3cstop%20offset='25%25'%20style='stop-color:%20palegreen'%20/%3e%3cstop%20offset='100%25'%20style='stop-color:%20white'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23gradient)'%20d='M0,256L30,245.3C60,235,120,213,180,181.3C240,149,300,107,360,117.3C420,128,480,192,540,208C600,224,660,192,720,160C780,128,840,96,900,106.7C960,117,1020,171,1080,170.7C1140,171,1200,117,1260,90.7C1320,64,1380,64,1410,64L1440,64L1440,0L1410,0C1380,0,1320,0,1260,0C1200,0,1140,0,1080,0C1020,0,960,0,900,0C840,0,780,0,720,0C660,0,600,0,540,0C480,0,420,0,360,0C300,0,240,0,180,0C120,0,60,0,30,0L0,0Z'%3e%3c/path%3e%3c/svg%3e");background-size:200% 100%;background-repeat:no-repeat;opacity:.5;animation:streamFlow 20s linear infinite alternate}.stream-bottom{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%20viewBox='0%200%20720%20320'%3e%3cdefs%3e%3clinearGradient%20id='gradient'%20x1='0'%20x2='0'%20y1='0'%20y2='1'%3e%3cstop%20offset='0%25'%20style='stop-color:%20white'%20/%3e%3cstop%20offset='75%25'%20style='stop-color:%20palegreen'%20/%3e%3cstop%20offset='100%25'%20style='stop-color:%20lightgreen'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23gradient)'%20d='M0,256L34.3,256C68.6,256,137,256,206,218.7C274.3,181,343,107,411,112C480,117,549,203,617,208C685.7,213,754,139,823,106.7C891.4,75,960,85,1029,112C1097.1,139,1166,181,1234,181.3C1302.9,181,1371,139,1406,117.3L1440,96L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z'%3e%3c/path%3e%3c/svg%3e");background-size:200% 100%;background-repeat:no-repeat;opacity:.25;animation:streamFlow 60s linear infinite alternate}.content{position:relative;z-index:1;height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.controller{width:150px;height:auto;display:flex;align-items:center;justify-content:center}.controller img{width:100%;height:auto;transition:transform .2s ease}.controller:hover img{transform:scale(1.05)}.controller.left img{transform-origin:right center}.controller.right img{transform-origin:left center}@keyframes streamFlow{0%{background-position:0% 0%}to{background-position:100% 0%}}@media(max-width:1024px){.game-console{max-width:900px}.controller{width:120px}}@media(max-width:768px){#root{padding:.5rem}.game-console{flex-direction:column;gap:12px;padding:8px}.screen-container{width:100%;padding:16px;min-height:400px;order:1}.controller{width:100px;order:2}.game-console{display:flex;flex-direction:column}.controller.left,.controller.right{margin:0}.game-console>.controller.left,.game-console>.controller.right{display:none}.game-console:after{content:none}.controllers-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin:0 auto;padding:0 16px}.d-pad{width:100px;height:100px}.d-pad-button{width:32px;height:32px}.d-pad-button.up{left:34px}.d-pad-button.right{top:34px}.d-pad-button.down{left:34px}.d-pad-button.left{top:34px}.d-pad-center{top:34px;left:34px;width:32px;height:32px}}@media(max-width:480px){.screen-container{padding:12px;min-height:300px}.d-pad{width:80px;height:80px}.d-pad-button{width:26px;height:26px}.d-pad-button.up{left:27px}.d-pad-button.right{top:27px}.d-pad-button.down{left:27px}.d-pad-button.left{top:27px}.d-pad-center{top:27px;left:27px;width:26px;height:26px}}.career-content{width:100%;height:100%;display:flex;flex-direction:column;gap:32px;padding:24px;color:#333;animation:fadeInUp .3s ease;overflow-y:auto}.career-section{display:flex;flex-direction:column;gap:20px}.career-section-title{font-size:20px;font-weight:600;color:#333;margin:0;padding-bottom:8px;border-bottom:2px solid rgba(100,108,255,.2)}.career-item{background-color:#ffffff1a;border-radius:12px;padding:16px;transition:all .2s ease}.career-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.career-title{font-size:16px;font-weight:600}.career-title a{color:#646cff;text-decoration:none;transition:color .2s ease}.career-title a:hover{color:#535bf2}.former-name{font-size:12px;color:#666;margin-left:8px}.career-duration{font-size:14px;color:#666}.career-details{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin:0;padding-left:16px;font-size:14px;line-height:1.4}.career-detail-item{width:100%;text-align:left;margin:2px 0;padding:0}.career-content::-webkit-scrollbar{width:8px}.career-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.career-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.career-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.hobby-content{width:100%;height:100%;padding:16px;color:#333;animation:fadeIn .3s ease;overflow-y:auto;overflow-x:hidden}.hobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;animation:fadeInUp .3s ease}.hobby-item{display:flex;flex-direction:column;gap:6px;padding:10px;background-color:#ffffff1a;border-radius:8px;transition:all .2s ease;width:100%}.hobby-item:hover{background-color:#fff3}.hobby-header{display:flex;align-items:center;gap:12px}.hobby-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#646cff;flex-shrink:0}.hobby-content{flex:1;display:flex;flex-direction:column;gap:4px;width:100%}.hobby-primary{font-size:14px;font-weight:600}.hobby-secondary{font-size:12px;color:#666;line-height:1.4;padding:0 8px;text-align:left;word-break:break-word}.hobby-content::-webkit-scrollbar{width:8px}.hobby-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.hobby-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.hobby-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.profile-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:32px;color:#333;animation:fadeInUp .3s ease}.profile-top-section{width:100%;display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:24px}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.profile-info-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:8px}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-name{font-size:24px;font-weight:600;margin:0}.profile-info-row{display:flex;align-items:center;gap:8px;font-size:14px}.profile-description{font-size:14px;text-align:center;max-width:80%}.profile-social-links{display:flex;gap:24px;margin-top:8px}.profile-social-links a{color:#333;transition:color .2s ease}.profile-social-links a:hover{color:#646cff}.info-base{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;background-color:#ffffff1a}.info-page{position:absolute;width:100%;height:100%;transition:transform .5s ease;background-color:transparent}.info-page.show{transform:translateY(0)}.info-page.hide{transform:translateY(100%)}.images-page{background-color:#ffffff1a;z-index:1}.details-page{background-color:#fffffff2;z-index:2}.info-images-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:8px}.info-image{width:100%;height:100%;object-fit:contain;border-radius:8px}.info-images{width:100%;height:100%;display:flex;gap:8px;padding:8px}.info-images .info-image{flex:1;width:calc(50% - 4px);height:100%;object-fit:contain}.page-toggle-button{position:absolute;left:50%;width:64px;height:64px;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#646cff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.page-toggle-button:hover{background:#fff3;color:#535bf2}.page-toggle-button.top{top:0;transform:translate(-50%);border-radius:0 0 16px 16px}.page-toggle-button.bottom{bottom:24px;transform:translate(-50%);border-radius:16px}.info-content{height:calc(100% - 64px);margin-top:64px;padding:16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.info-title{font-size:20px;font-weight:600;color:#333;margin:0}.info-description{font-size:14px;color:#666;line-height:1.4}.info-description p{margin:2px 0}.info-divider{height:1px;background-color:#0000001a;margin:4px 0}.info-bottom-container{display:flex;justify-content:space-between;align-items:center;gap:16px}.info-skills{display:flex;flex-wrap:wrap;gap:6px;flex:1}.skill-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background-color:#646cff1a;color:#646cff;border:1px solid #646cff}.info-links{display:flex;gap:12px;padding-left:8px;border-left:1px solid rgba(0,0,0,.1)}.info-link{color:#333;transition:color .2s ease}.info-link:hover{color:#646cff}.info-content::-webkit-scrollbar{width:8px}.info-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.info-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.info-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.skill-content{width:100%;height:100%;display:flex;flex-direction:column;gap:24px;padding:24px;color:#333;animation:fadeInUp .3s ease;overflow-y:auto}.skill-category{display:flex;flex-direction:column;gap:12px}.skill-category-title{font-size:18px;font-weight:600;color:#333;text-align:left;margin-bottom:4px}.skill-groups{display:flex;flex-direction:column;gap:8px}.skill-group{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.skill-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;transition:all .2s ease;height:22px}.skill-chip.primary{background-color:#646cff1a;color:#646cff;border:1px solid #646cff}.skill-chip.secondary{background-color:#5252521a;color:#525252;border:1px solid #525252}.skill-chip.disabled{opacity:.5;cursor:not-allowed}.skill-content::-webkit-scrollbar{width:8px}.skill-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.skill-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.skill-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.work-content{width:100%;height:100%;position:relative;overflow:hidden;background-color:#ffffff0d;border-radius:16px}.work-image-container{position:absolute;top:50%;left:50%;transform-origin:center;transition:all 2s ease;pointer-events:none;width:240px;height:240px;overflow:hidden;border:2px solid}.work-image-container.circle{border-radius:50%}.work-image-container.square{border-radius:16px}.work-image{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:all 2s ease}.work-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;align-items:flex-end;padding:24px;animation:fadeInScale 1s ease}.work-more-text{font-size:16px;color:#00000080;font-style:italic;text-shadow:0 0 10px rgba(255,255,255,.5);margin-right:48px;margin-bottom:48px}.d-pad{position:relative;width:120px;height:120px}.d-pad-button{position:absolute;background-color:#333;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.d-pad-button:hover{background-color:#444}.d-pad-button:active{background-color:#555;transform:scale(.95)}.d-pad-button .arrow{width:0;height:0;border-style:solid;border-color:transparent}.d-pad-button.up .arrow{border-width:0 8px 12px 8px;border-bottom-color:#111;margin-top:4px}.d-pad-button.right .arrow{border-width:8px 0 8px 12px;border-left-color:#111;margin-left:4px}.d-pad-button.down .arrow{border-width:12px 8px 0 8px;border-top-color:#111;margin-bottom:4px}.d-pad-button.left .arrow{border-width:8px 12px 8px 0;border-right-color:#111;margin-right:4px}.d-pad-button.up{top:0;left:40px;width:40px;height:40px;border-radius:8px 8px 0 0}.d-pad-button.right{top:40px;right:0;width:40px;height:40px;border-radius:0 8px 8px 0}.d-pad-button.down{bottom:0;left:40px;width:40px;height:40px;border-radius:0 0 8px 8px}.d-pad-button.left{top:40px;left:0;width:40px;height:40px;border-radius:8px 0 0 8px}.d-pad-center{position:absolute;top:40px;left:40px;width:40px;height:40px;background-color:#333;border-radius:8px;pointer-events:none}@media(max-width:768px){.d-pad{width:100px;height:100px}.d-pad-button{width:32px;height:32px}.d-pad-button.up .arrow{border-width:0 6px 9px 6px}.d-pad-button.right .arrow{border-width:6px 0 6px 9px}.d-pad-button.down .arrow{border-width:9px 6px 0 6px}.d-pad-button.left .arrow{border-width:6px 9px 6px 0}.d-pad-button.up{left:34px}.d-pad-button.right{top:34px}.d-pad-button.down{left:34px}.d-pad-button.left{top:34px}.d-pad-center{top:34px;left:34px;width:32px;height:32px}}@media(max-width:480px){.d-pad{width:80px;height:80px}.d-pad-button{width:26px;height:26px}.d-pad-button.up .arrow{border-width:0 5px 7px 5px}.d-pad-button.right .arrow{border-width:5px 0 5px 7px}.d-pad-button.down .arrow{border-width:7px 5px 0 5px}.d-pad-button.left .arrow{border-width:5px 7px 5px 0}.d-pad-button.up{left:27px}.d-pad-button.right{top:27px}.d-pad-button.down{left:27px}.d-pad-button.left{top:27px}.d-pad-center{top:27px;left:27px;width:26px;height:26px}}.d-pad-button.left:disabled,.d-pad-button.right:disabled{opacity:.5;cursor:not-allowed}.d-pad-button.left:disabled:hover,.d-pad-button.right:disabled:hover{background-color:#333}.d-pad-button.left:disabled:active,.d-pad-button.right:disabled:active{transform:none}.d-pad-button.up:disabled,.d-pad-button.down:disabled{opacity:.5;cursor:not-allowed}.d-pad-button.up:disabled:hover,.d-pad-button.down:disabled:hover{background-color:#333}.d-pad-button.up:disabled:active,.d-pad-button.down:disabled:active{transform:none}.content-display{position:absolute;top:80px;right:20px;bottom:20px;left:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:12px;animation:fadeIn .3s ease;padding:20px}.content-icon{font-size:48px;color:#333;margin-bottom:16px}.content-label{font-size:24px;font-weight:500;color:#333}@media(max-width:768px){.content-display{left:60px}}@media(max-width:480px){.content-display{left:44px}}.menu-container{position:absolute;top:10px;left:20px;display:flex;flex-direction:row;gap:10px;padding:10px}.menu-item{display:flex;align-items:center;gap:12px;padding:8px;border:none;border-radius:8px;background-color:#ffffff1a;color:#333;cursor:pointer;transition:all .2s ease;min-width:40px;width:fit-content}.menu-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.menu-item:hover{background-color:#fff3}.menu-item.active{background-color:#ffffff4d;box-shadow:0 2px 4px #0000001a}.menu-item.active .menu-icon{transform:scale(1.2)}.menu-label{font-size:14px;font-weight:500;white-space:nowrap;animation:fadeInLeft .2s ease}@media(max-width:768px){.menu-container{top:4px;left:8px;gap:6px;padding:6px}.menu-item{padding:6px;min-width:32px;height:32px}.menu-icon{transform:scale(.9)}.menu-label{display:none}.menu-item.active .menu-icon{transform:scale(1.1)}}@media(max-width:480px){.menu-container{top:2px;left:4px;gap:4px;padding:4px}.menu-item{padding:4px;min-width:28px;height:28px}.menu-icon{transform:scale(.8)}.menu-item.active .menu-icon{transform:scale(1)}}.submenu-container{position:absolute;left:20px;top:60px;display:flex;flex-direction:column;gap:10px;padding:10px;animation:slideDown .2s ease}.submenu-item{display:flex;align-items:center;gap:12px;padding:8px 16px;border:none;border-radius:8px;background-color:#ffffff1a;color:#333;cursor:pointer;transition:all .2s ease;width:fit-content;min-width:160px;animation:fadeInUp .2s ease backwards}.submenu-item:nth-child(1){animation-delay:.1s}.submenu-item:nth-child(2){animation-delay:.2s}.submenu-item:nth-child(3){animation-delay:.3s}.submenu-item:nth-child(4){animation-delay:.4s}.submenu-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.submenu-item:hover{background-color:#fff3}.submenu-item.active{background-color:#ffffff4d;box-shadow:0 2px 4px #0000001a}.submenu-item.active .submenu-icon{transform:scale(1.1)}.submenu-label{font-size:14px;font-weight:500;white-space:nowrap}@media(max-width:768px){.submenu-container{left:8px;top:60px;padding:4px;gap:8px}.submenu-item{padding:8px;min-width:auto;width:40px;height:40px;justify-content:center;border-radius:8px}.submenu-label{display:none}.submenu-icon{margin:0}.submenu-icon svg{width:20px;height:20px}.submenu-item:hover{transform:scale(1.1)}}@media(max-width:480px){.submenu-container{left:4px;top:50px;gap:4px}.submenu-item{width:32px;height:32px;padding:4px}.submenu-icon svg{width:16px;height:16px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}