*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:#000;max-width:100%;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;overflow:hidden}.app-bg-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#menu-screen{z-index:1;width:100%;max-width:100%;height:100vh;position:relative;overflow:hidden}#menu-screen .resume-entry-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#main{width:100%;max-width:100%;height:100vh}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root,#menu-screen,#main{min-height:100dvh}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent}#menu-screen{height:100dvh}.p3-row,.sc-bar-outer,.sc-info-bar-wrap,.resume-card-wrap{touch-action:manipulation}@media (width<=768px){.p3-name-tag{top:max(12px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left))}.p3-hint{bottom:max(20px, env(safe-area-inset-bottom));right:max(20px, env(safe-area-inset-right))}}@media (width<=520px){.p3-menu{transform-origin:50%;max-width:100vw;padding:20px 12px;transform:scale(.78)}.p3-label-base{font-size:clamp(36px,11vw,80px)!important}.p3-name-tag{font-size:clamp(32px,11vw,76px)}}@media (width<=380px){.p3-menu{transform:scale(.66)}.p3-label-base{font-size:clamp(30px,10vw,56px)!important}}@media (width<=768px){.sc-bar,.sc-bar-red{width:min(88vw,100% - 16px);max-width:calc(100% - 16px)}.sc-right-nav{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.sc-right-nav .sc-nav-btn{font-size:clamp(48px,14vw,100px)}.sc-right-nav .sc-nav-label{font-size:clamp(18px,4.5vw,28px)}.sc-info-bar-wrap{width:auto!important;max-width:92vw!important;left:4vw!important;right:4vw!important}.sc-footer{bottom:max(16px, env(safe-area-inset-bottom));right:max(16px, env(safe-area-inset-right))}}@media (width<=520px){.sc-bar-outer.active .sc-bar,.sc-bar-outer.active .sc-bar-red{height:80px}.sc-bar,.sc-bar-red{height:56px}.sc-char{max-width:110px;left:72px}.sc-role{padding:0 8px;font-size:clamp(24px,7vw,50px)}.sc-main{padding-left:clamp(16px,10vw,78px)}.sc-stats{gap:6px;padding-right:12px}.sc-stat-num{font-size:clamp(18px,5vw,26px)}.sc-info-bar-wrap{height:42px}.sc-info-bar-text{padding:0 8px;font-size:clamp(11px,3vw,19px)}.sc-info-bar-box,.sc-info-bar-count{font-size:clamp(12px,3.2vw,18px)}.sc-info-bar-count{margin-right:6px}}@media (width<=380px){.sc-bar,.sc-bar-red{width:min(94vw,100% - 8px)}.sc-char{max-width:88px;left:58px}.sc-label{letter-spacing:1px;font-size:clamp(13px,4vw,22px)!important}}@media (width<=768px){.sc-main-portrait-shell{width:min(48vw,220px);right:-2vw}.sc-reveal-panel{clip-path:polygon(0 0,100% 0,calc(100% - 48px) 100%,0 100%);width:96vw;height:52vh;top:40vh;left:-2vw}.sc-reveal-lower-bar{width:62%;height:22%;padding-left:14px;font-size:clamp(12px,3.5vw,22px)}.sc-right-nav .sc-nav-btn{font-size:clamp(44px,13vw,100px)}}@media (width<=520px){.sc-main-portrait-shell{opacity:.85;width:min(52vw,200px)}.sc-reveal-panel{top:36vh;transform:rotate(-16deg)}.sc-reveal-panel.mounted{transform:rotate(-16deg)}.sc-reveal-upper-line{font-size:clamp(12px,3.4vw,18px);line-height:1.2}.sc-dim{background:#282d36c7}}@media (width<=380px){.sc-main-portrait-shell{width:46vw}.sc-reveal-panel{height:56vh;top:34vh}}@media (width<=768px){.resume-overlay{-webkit-overflow-scrolling:touch;pointer-events:auto;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden auto}.resume-stack{width:100%;max-width:100%;padding:max(5vh, env(safe-area-inset-top)) 4vw 0;pointer-events:none;flex-shrink:0;position:relative;top:auto;left:auto;transform:none}.resume-list-tag{margin-left:8px;font-size:clamp(48px,14vw,92px)}.resume-card{height:96px}.resume-title{font-size:clamp(32px,9vw,56px)}.resume-rank-number{font-size:clamp(40px,11vw,70px)}.resume-subtitle{font-size:clamp(18px,5vw,28px)}.resume-detail-panel{width:calc(100% - 8vw);max-width:calc(100% - 8vw);min-height:0;max-height:none;margin:10px 4vw max(16px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;pointer-events:auto;flex-shrink:0;position:relative;top:auto;left:auto;right:auto;overflow:hidden auto}.resume-detail-list{max-height:none}}@media (width<=520px){.resume-card-inner{padding:12px 16px 12px 54px}.resume-badge{width:48px;height:58px}.resume-badge-text{font-size:28px}.resume-subtitle-bar{height:30px;left:52px}.resume-detail-row{grid-template-columns:36px minmax(0,1fr) minmax(0,max-content);min-height:50px;padding:0 8px}.resume-detail-bottom{padding:14px}}@media (width<=380px){.resume-card{height:88px}.resume-title{font-size:clamp(28px,8.5vw,44px)}.resume-detail-panel{width:calc(100% - 6vw);max-width:calc(100% - 6vw);margin-left:3vw;margin-right:3vw;padding:12px 10px}}@media (height<=500px) and (orientation:landscape){.p3-menu{transform:scale(.55)}.sc-reveal-panel{height:68vh;top:28vh}.resume-overlay{flex-flow:wrap;align-items:flex-start}.resume-stack{width:48%;padding-top:2vh}.resume-detail-panel{width:48%;max-height:88vh;margin:2vh 2vw}}