*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;overflow:hidden}#menu-screen{width:100vw;height:100vh;min-height:100dvh;position:relative;overflow:hidden}#menu-screen video,#menu-screen .screen-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#main{width:100vw;height:100vh;min-height:100dvh}.bgm-hud{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:inherit;appearance:none;cursor:pointer;text-align:left;background:#00000094;border:1px solid #ffffff47;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:6px 8px;font-family:Bebas Neue,sans-serif;display:flex;position:fixed;bottom:16px;left:18px;box-shadow:0 8px 22px #0000008c}.bgm-hud:focus-visible{outline-offset:2px;outline:2px solid #7dd4fcf2}.bgm-row{letter-spacing:1.8px;color:#ffffffeb;align-items:center;gap:6px;font-size:15px;line-height:1;display:flex}.bgm-key{color:#fff;background:#000000b8;border:1px solid #ffffff8c;border-radius:4px;padding:2px 7px;font-size:12px}.bgm-title{letter-spacing:1px;color:#d6f5ffdb;font-size:12px}.bgm-title-wrap{width:250px;overflow:hidden}.bgm-title-marquee{letter-spacing:1px;color:#d6f5ffe6;white-space:nowrap;will-change:transform;width:max-content;font-size:12px;animation:11s linear infinite bgm-title-scroll}@keyframes bgm-title-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (width<=1024px){#menu-screen,#main{height:100dvh}.p3-menu{transform-origin:50%;transform:scale(.86);padding:clamp(12px,2.5vw,24px)!important}.p3-name-tag{font-size:clamp(56px,9vw,94px)!important;top:clamp(6px,2vw,14px)!important;left:clamp(8px,2vw,18px)!important;transform:rotate(12deg)!important}.p3-hint{bottom:max(12px, env(safe-area-inset-bottom))!important;right:clamp(10px,2.5vw,18px)!important}.resume-stack{gap:8px!important;width:min(92vw,740px)!important;top:clamp(12px,3vh,28px)!important;left:clamp(8px,2vw,18px)!important;transform:none!important}.resume-detail-panel{width:min(90vw,680px)!important;right:clamp(8px,2vw,16px)!important}.sc-root{justify-content:flex-start!important;gap:4px!important;padding-top:clamp(12px,4vh,34px)!important}.sc-bar,.sc-bar-red{width:min(88vw,760px)!important}.sc-char{max-width:clamp(88px,16vw,130px)!important;left:clamp(56px,8vw,86px)!important}.sc-main{padding-left:clamp(54px,10vw,90px)!important}.sc-label{letter-spacing:clamp(1px,.7vw,3px)!important;font-size:clamp(18px,3.2vw,24px)!important}.sc-role{font-size:clamp(30px,5vw,40px)!important}.sc-stats{gap:clamp(4px,1vw,8px)!important;padding-right:clamp(8px,2vw,16px)!important}.sc-stat-num{font-size:clamp(16px,2.5vw,22px)!important}.sc-right-nav{top:clamp(8px,2.5vh,22px)!important;right:clamp(8px,2vw,16px)!important}.sc-right-nav .sc-nav-btn{-webkit-text-stroke:1px #000!important;font-size:clamp(52px,8.5vw,84px)!important}.sc-right-nav .sc-nav-label{letter-spacing:1px!important;font-size:clamp(18px,2.8vw,24px)!important}.sc-info-bar-wrap{height:clamp(38px,5.2vh,46px)!important;left:52%!important}}@media (width<=768px){body{overscroll-behavior:none;overflow:hidden}.p3-menu{transform:scale(.66)}.p3-row{transform-origin:50%}.p3-name-tag{letter-spacing:1px!important;font-size:clamp(44px,10vw,68px)!important;line-height:.9!important}.p3-hint{gap:2px!important;font-size:11px!important}.p3-hint-row{letter-spacing:1px!important;font-size:10px!important}.bgm-hud{left:10px;bottom:max(10px, env(safe-area-inset-bottom))}.resume-overlay{padding-bottom:max(20px, env(safe-area-inset-bottom));overflow:hidden auto}.resume-stack{width:min(96vw,620px)!important;margin:10px auto 0!important;position:relative!important;top:0!important;left:0!important}.resume-list-tag{margin-left:8px!important;font-size:clamp(46px,12vw,76px)!important}.resume-card{height:clamp(72px,13vw,96px)!important}.resume-card-inner{padding:10px 14px 10px 44px!important}.resume-badge{width:clamp(34px,8vw,48px)!important;height:clamp(44px,10vw,62px)!important;left:-7px!important}.resume-badge-text{font-size:clamp(24px,5.5vw,32px)!important}.resume-title{font-size:clamp(24px,7vw,40px)!important}.resume-rank-label{font-size:clamp(16px,3.8vw,24px)!important}.resume-rank-number{font-size:clamp(34px,8.5vw,54px)!important}.resume-subtitle-bar{height:clamp(22px,5vw,30px)!important;padding:0 10px!important;bottom:8px!important;left:42px!important;right:8px!important}.resume-subtitle{font-size:clamp(14px,3.4vw,22px)!important}.resume-detail-panel{width:min(96vw,620px)!important;min-height:0!important;margin:12px auto 24px!important;padding:14px 12px!important;position:relative!important;top:0!important;right:0!important}.resume-detail-top{grid-template-columns:44px 1fr auto!important;gap:8px!important;min-height:64px!important;padding:0 10px!important}.resume-detail-top-index{font-size:clamp(28px,6vw,38px)!important}.resume-detail-top-title{font-size:clamp(22px,5vw,32px)!important}.resume-detail-top-progress{font-size:clamp(24px,6vw,36px)!important}.resume-detail-row{grid-template-columns:34px 1fr auto!important;gap:8px!important;min-height:44px!important;padding:0 8px!important}.resume-detail-row-index{font-size:clamp(18px,4vw,24px)!important}.resume-detail-row-title{font-size:clamp(16px,3.9vw,22px)!important}.resume-detail-status{padding:4px 8px!important;font-size:clamp(14px,3.2vw,18px)!important}.resume-detail-bottom-title{font-size:clamp(20px,4.8vw,28px)!important}.resume-detail-bullet{font-size:clamp(14px,3.6vw,18px)!important}.sc-root{gap:3px!important;padding-top:10px!important}.sc-bar,.sc-bar-red{width:min(96vw,560px)!important;height:clamp(48px,8.5vh,58px)!important}.sc-bar-outer.active .sc-bar,.sc-bar-outer.active .sc-bar-red{height:clamp(62px,10vh,72px)!important}.sc-bar-content{padding:0 8px!important}.sc-role{padding:0 8px 0 4px!important;font-size:clamp(22px,4.8vw,30px)!important}.sc-main{padding-left:clamp(44px,11vw,66px)!important}.sc-main-top{gap:6px!important}.sc-icon{width:20px!important;font-size:clamp(14px,3vw,18px)!important}.sc-label{letter-spacing:1px!important;font-size:clamp(14px,3.6vw,18px)!important}.sc-stats{display:none!important}.sc-char{max-width:clamp(62px,14vw,88px)!important;left:clamp(34px,8vw,50px)!important}.sc-info-bar-wrap{width:auto!important;height:clamp(34px,5.8vh,40px)!important;left:2.5%!important;right:2.5%!important}.sc-info-bar-icon{margin-left:8px!important}.sc-info-bar-text{letter-spacing:1px!important;padding:0 8px!important;font-size:clamp(14px,3.2vw,18px)!important}.sc-info-bar-box{padding:0 8px!important;font-size:clamp(12px,2.8vw,16px)!important}.sc-info-bar-count{margin-right:10px!important;font-size:clamp(13px,3vw,16px)!important}.sc-right-nav{gap:3px!important;top:6px!important;left:8px!important;right:auto!important}.sc-right-nav .sc-nav-btn{-webkit-text-stroke:1px #000!important;padding:0 2px!important;font-size:clamp(36px,9vw,52px)!important}.sc-right-nav .sc-nav-label,.sc-right-nav .sc-nav-dot{display:none!important}.sc-right-nav .sc-nav-arrow{font-size:16px!important}.sc-main-portrait-shell{width:56vw!important;right:-12vw!important}.sc-reveal-panel{width:96vw!important;height:56vh!important;top:42vh!important;left:-22vw!important;transform:translate(0)rotate(-14deg)!important}.sc-reveal-upper-line{padding:0 12px!important;font-size:clamp(13px,3.2vw,16px)!important;line-height:1.1!important}.sc-reveal-lower-bar{width:60%!important;padding-left:10px!important;font-size:clamp(14px,3.2vw,17px)!important}.sc-footer{bottom:max(8px, env(safe-area-inset-bottom))!important;gap:2px!important;right:8px!important}.sc-footer-row{letter-spacing:1px!important;gap:5px!important;font-size:10px!important}.sc-footer-key{padding:1px 4px!important;font-size:9px!important}}@media (width<=430px){.p3-menu{transform:scale(.54)}.p3-name-tag{font-size:clamp(34px,10vw,48px)!important}.sc-main-portrait-shell{width:62vw!important;right:-16vw!important}.sc-reveal-panel{width:122vw!important;height:52vh!important;top:45vh!important;left:-34vw!important}}