/* Entry mother04/05/21: independent illustrated layers, real preload progress. */
.r04-loading,.r04-comic{position:absolute;inset:0;width:1080px;height:1920px;color:#082b46;overflow:hidden}
.r04-loading-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.r04-loading-title{position:absolute;left:110px;top:87px;width:926px;height:411px;object-fit:fill;clip-path:polygon(0 43%,2% 34%,4% 33%,4% 8%,10% 6%,13% 4%,17% 5%,19% 0,24% 1%,33% 5%,58% 14%,66% 19%,74% 23%,76% 14%,78% 9%,83% 8%,87% 9%,89% 15%,92% 21%,94% 28%,96% 32%,94% 38%,96% 42%,98% 53%,98% 63%,95% 72%,91% 81%,89% 88%,85.5% 92%,81.9% 92%,81.9% 95.3%,79% 98.5%,74.2% 97%,73.5% 100%,65% 98%,22% 90%,20% 86%,19% 82%,8% 75%,2% 70%,2% 65%,0 60%)}
.r04-load-panel{position:absolute;left:0;right:0;bottom:0;height:412px;background:#fffae9 url('../assets/ui/r04/entry/loading-paper.png') center/100% 100%;border-radius:92px 92px 0 0;overflow:hidden}
.r04-load-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.r04-load-heading{position:absolute;left:96px;top:32px;width:527px;height:78px;object-fit:contain}
.r04-load-status{position:absolute;left:650px;right:44px;top:67px;margin:0;font-size:22px;line-height:1.3;text-align:right;color:#586d79;white-space:nowrap}
.r04-load-track{position:absolute;left:53px;top:123px;width:842px;height:68px}
.r04-track-middle{position:absolute;left:44px;right:44px;top:0;bottom:0;background:transparent url('../assets/ui/r04/entry/progress-middle.png') center/100% 100% no-repeat}
.r04-track-cap{position:absolute;top:0;width:58px;height:68px;object-fit:fill}.r04-cap-left{left:0;transform:scaleX(-1)}.r04-cap-right{right:0}
.r04-load-fill-area{position:absolute;left:6px;right:6px;top:7px;bottom:7px}
.r04-load-fill-area #loadfill{display:block;position:relative;height:100%;width:0;background:transparent url('../assets/ui/r04/entry/progress-fill.png') center/100% 100% no-repeat;border-radius:24px;transition:width .2s ease}
.r04-progress-shoe{position:absolute;right:-42px;top:-34px;width:162px;height:104.5px;object-fit:fill}
.r04-load-percent{position:absolute;left:900px;top:120px;width:135px;font-size:56px;line-height:1.2;text-align:right;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.r04-load-tip{position:absolute;left:40px;top:211px;width:999px;height:156px;object-fit:fill;border-radius:35px}
.r04-comic{background:#fffae9}
.r04-comic-title{position:absolute;left:0;top:0;width:1080px;height:248px;object-fit:contain}
.r04-comic-grid{position:absolute;inset:0;width:1080px;height:1920px}
.r04-comic-cell{position:absolute;overflow:hidden}.r04-comic-cell:nth-child(1){left:14.92px;top:242.3px;width:523.36px;height:693.59px}.r04-comic-cell:nth-child(2){left:542.87px;top:242.3px;width:524.51px;height:693.59px}.r04-comic-cell:nth-child(3){left:14.92px;top:939.33px;width:523.36px;height:659.14px}.r04-comic-cell:nth-child(4){left:542.87px;top:939.33px;width:524.51px;height:659.14px}
.r04-comic-cell img{display:block;width:100%;height:100%;object-fit:contain}.r04-comic-cell.unseen{opacity:.05;filter:grayscale(1)}.r04-comic-cell.seen{opacity:1;filter:none;animation:r04-comic-enter .35s ease both}
.r04-comic>.btn{position:absolute;left:43px;top:1607px;width:998px;height:176px;min-height:176px;flex:none;padding:0;font-size:78px;font-weight:900;color:#082b46;letter-spacing:5px;text-shadow:0 2px #fff3aa}
.r04-comic>.has-mother-art{border-radius:48px}
.r04-entry-button:active .button-art{filter:brightness(.72) saturate(.92)}
.r04-comic-skip{position:absolute;left:355.79px;top:1808.61px;width:368.42px;height:45.93px;border:0;padding:0;background:none}
.r04-comic-skip img{display:block;width:100%;height:100%;object-fit:contain}
.r04-comic-skip:hover{filter:brightness(1.12)}.r04-comic-skip:active{filter:brightness(.72);transform:scale(.96)}
.r04-guide{position:absolute;left:152.65px;top:1123.06px;width:771.29px;height:264.12px;z-index:4;overflow:hidden;border-radius:43px}
.r04-guide-card{display:block;width:100%;height:100%;object-fit:fill}
.r04-guide-done{position:absolute;left:77%;top:73%;width:22%;height:24%;border:0;padding:0;background:none;border-radius:8px}
.r04-guide-done:hover{background:#ffe58433}.r04-guide-done:active{background:#ffd52b77;box-shadow:inset 0 0 0 3px #d6a42c}
.view-game:has(.r04-guide) .dock{height:530px;padding-top:18px;padding-bottom:14px}
.view-game:has(.r04-guide) .news-row{height:68px}
.view-game:has(.r04-guide) .company-tabs{height:104px;margin-top:6px;margin-bottom:8px}
.view-game:has(.r04-guide) .company-tab .company-icon{width:70px;height:70px}
.view-game:has(.r04-guide) .selected-stock{height:112px;border-width:9px;margin-bottom:8px}
.view-game:has(.r04-guide) .stock-top{height:56px}
.view-game:has(.r04-guide) .stock-bottom{height:38px}
.view-game:has(.r04-guide) .trade-buttons{height:85px;margin-bottom:8px}
.view-game:has(.r04-guide) .trade-buttons .btn{height:85px;min-height:85px}
.view-game:has(.r04-guide) .dock>[data-action=advance]{height:91px;min-height:91px}
@keyframes r04-comic-enter{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.r04-comic-cell.seen{animation:none}.r04-load-fill-area #loadfill{transition:none}}
.reduced .r04-comic-cell.seen{animation:none}.reduced .r04-load-fill-area #loadfill{transition:none}
/* 漫画页按钮 r05：母图 05 那颗按钮原件，原位原大小（x44 y1608 992×171）；继续看是同一颗擦掉鞋和字后叠字（11-05 需求方：原来拉伸变形） */
.cm5-btn{position:absolute;left:44px;top:1608px;width:992px;height:171px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .06s}
.cm5-btn>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cm5-btn>strong{position:absolute;left:0;right:0;top:80px;transform:translateY(-50%);text-align:center;font-size:92px;line-height:1;font-weight:900;color:#0c1d33;letter-spacing:6px}
.cm5-btn:active,.cm5-btn.is-down{transform:translateY(4px)}.cm5-btn:active>img,.cm5-btn.is-down>img,.cm5-btn:active>strong,.cm5-btn.is-down>strong{filter:brightness(.86)}