/* V89 · applied exclusively while HTML data-ui-mode="tablet". */
@media screen{html[data-ui-mode="tablet"],html[data-ui-mode="tablet"] body{background:#352a55;}
html[data-ui-mode="tablet"] body{background:radial-gradient(ellipse at 50% 50%,#67549b 0%,#3c305f 72%,#30264e 100%);}
html[data-ui-mode="tablet"] #game{
    width:100vw!important;
    max-width:min(100vw,980px)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:none!important;
    margin-inline:auto;
    background:
      radial-gradient(ellipse 55% 44% at 1% 26%,rgba(235,163,225,.2),transparent 90%),
      radial-gradient(ellipse 55% 40% at 100% 70%,rgba(160,205,255,.22),transparent 90%),
      #58467e;
  }
html[data-ui-mode="tablet"] #game > #canvas{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:min(100%,56.25dvh);
    height:100%;
  }
html[data-ui-mode="tablet"] #hud,html[data-ui-mode="tablet"] #actions,html[data-ui-mode="tablet"] #levelTitle,html[data-ui-mode="tablet"] #deadlineHud,html[data-ui-mode="tablet"] #footerHint,html[data-ui-mode="tablet"] #quotaHud,html[data-ui-mode="tablet"] #armPenalty,html[data-ui-mode="tablet"] #message{
    left:50%!important;
    right:auto!important;
    width:min(94%,53dvh);
    transform:translateX(-50%);
  }
html[data-ui-mode="tablet"] #game #actions{left:50%!important;right:auto!important;width:min(95%,54dvh);transform:translateX(-50%)!important;gap:8px;}
html[data-ui-mode="tablet"] #actions button{padding-inline:7px;font-size:12px;}
html[data-ui-mode="tablet"] #levelTitle{width:min(84%,47dvh);}
html[data-ui-mode="tablet"] #deadlineHud{width:min(87%,49dvh);}
html[data-ui-mode="tablet"] #footerHint{width:min(85%,49dvh);}
html[data-ui-mode="tablet"] #message{width:min(82%,47dvh);}
html[data-ui-mode="tablet"] #overlay.route-view #card,html[data-ui-mode="tablet"] .journey-stage{width:100%!important;}
html[data-ui-mode="tablet"] .journey-header{padding:24px clamp(32px,5vw,56px) 16px;}
html[data-ui-mode="tablet"] .journey-header .journey-logo{font-size:12px;letter-spacing:1.6px;}
html[data-ui-mode="tablet"] .journey-heading-row h2{font-size:clamp(32px,4.2vw,39px);}
html[data-ui-mode="tablet"] .journey-header p{font-size:13px;}
html[data-ui-mode="tablet"] .journey-heading-row .journey-total{font-size:13px;padding:7px 13px;}
html[data-ui-mode="tablet"] .journey-heading-row .journey-total strong{font-size:21px;}
html[data-ui-mode="tablet"] .oe-corner-actions{gap:11px;}
html[data-ui-mode="tablet"] .oe-corner-actions button{min-height:38px;}
html[data-ui-mode="tablet"] .journey-content{width:100%;}
html[data-ui-mode="tablet"] .route-stage-band{height:300px;}
html[data-ui-mode="tablet"] .route-stage-band .stage-light{width:280px;height:240px;top:30px;left:3%;}
html[data-ui-mode="tablet"] .route-stage-band.side-right .stage-light{left:auto;right:3%;}
html[data-ui-mode="tablet"] .route-stage-band:not(.route-mystery):not(.route-money) .stage-vignette.map-scene-wrap{
    width:236px!important;
    height:208px!important;
    top:30px!important;
    left:calc(28.2% - 118px)!important;
    right:auto!important;
    border-radius:29px!important;
  }
html[data-ui-mode="tablet"] .route-stage-band.side-right:not(.route-mystery):not(.route-money) .stage-vignette.map-scene-wrap{
    left:auto!important;
    right:calc(27.7% - 118px)!important;
  }
html[data-ui-mode="tablet"] .route-stage-band:not(.route-mystery):not(.route-money) .route-node{
    top:211px!important;
    left:28.2%!important;
    width:88px!important;
    height:88px!important;
    font-size:30px!important;
  }
html[data-ui-mode="tablet"] .route-stage-band.side-right:not(.route-mystery):not(.route-money) .route-node{left:72.3%!important;}
html[data-ui-mode="tablet"] .route-stage-band:not(.route-mystery):not(.route-money) .stage-art-stars{
    top:0!important;
    left:calc(28.2% - 106px)!important;
    right:auto!important;
    font-size:27px!important;
    line-height:30px;
    gap:3px!important;
  }
html[data-ui-mode="tablet"] .route-stage-band.side-right:not(.route-mystery):not(.route-money) .stage-art-stars{
    left:auto!important;
    right:calc(27.7% - 106px)!important;
  }
html[data-ui-mode="tablet"] .route-glass-detail{
    left:53%;
    width:40%;
    max-width:none;
    min-height:216px;
    padding:20px 19px 16px;
    border-radius:29px;
    gap:8px;
  }
html[data-ui-mode="tablet"] .side-right .route-glass-detail{left:7%;}
html[data-ui-mode="tablet"] .glass-top{font-size:11px;}
html[data-ui-mode="tablet"] .glass-top span:last-child{max-width:130px;}
html[data-ui-mode="tablet"] .glass-title{font-size:24px;}
html[data-ui-mode="tablet"] .glass-numbers{font-size:13px;}
html[data-ui-mode="tablet"] .glass-stars{font-size:13px;}
html[data-ui-mode="tablet"] .route-glass-detail p{font-size:12px!important;line-height:1.45!important;min-height:30px;}
html[data-ui-mode="tablet"] .route-glass-play{font-size:15px;padding:12px 6px;}
html[data-ui-mode="tablet"] .route-money .money-gate-art{
    top:28px;
    left:calc(28.2% - 116px);
    right:auto;
    width:232px;height:217px;
  }
html[data-ui-mode="tablet"] .route-money.side-right .money-gate-art{left:auto;right:calc(27.7% - 116px);}
html[data-ui-mode="tablet"] .route-money .route-node{left:28.2%;top:208px;width:88px;height:88px;}
html[data-ui-mode="tablet"] .route-money.side-right .route-node{left:72.3%;}
html[data-ui-mode="tablet"] .route-mystery .mystery-gate{
    top:33px;
    left:calc(28.2% - 111px);
    right:auto;
    width:222px;height:220px;
  }
html[data-ui-mode="tablet"] .route-mystery.side-right .mystery-gate{left:auto;right:calc(27.7% - 111px);}
html[data-ui-mode="tablet"] .route-mystery .route-node{left:28.2%;top:210px;width:88px;height:88px;}
html[data-ui-mode="tablet"] .route-mystery.side-right .route-node{left:72.3%;}
html[data-ui-mode="tablet"] .mystery-cloud{top:8px;}
html[data-ui-mode="tablet"] .journey-dock{
    margin:8px clamp(24px,4vw,48px) max(14px,env(safe-area-inset-bottom));
    padding:15px 18px 14px;
    border-radius:29px;
  }
html[data-ui-mode="tablet"] .journey-dock-title{padding-bottom:11px;}
html[data-ui-mode="tablet"] .journey-dock-title strong{font-size:14px;}
html[data-ui-mode="tablet"] .journey-dock-title>span:last-child{font-size:12px;}
html[data-ui-mode="tablet"] .review-start-row{gap:12px;margin-bottom:12px;}
html[data-ui-mode="tablet"] .journey-dock .review-start{min-height:54px;font-size:17px;}
html[data-ui-mode="tablet"] .journey-dock .review-help{flex-basis:132px;min-height:54px;font-size:14px;}
html[data-ui-mode="tablet"] .journey-dock .route-extra{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;}
html[data-ui-mode="tablet"] .journey-dock .route-extra .mode-btn{min-height:62px;gap:5px;padding:8px;}
html[data-ui-mode="tablet"] .journey-dock .route-extra #bossRoomEntry{grid-column:auto;min-height:62px;flex-direction:column;gap:5px;}
html[data-ui-mode="tablet"] .journey-dock .route-extra #bossRoomEntry b{font-size:0!important;}
html[data-ui-mode="tablet"] .journey-dock .route-extra #bossRoomEntry b::after{content:"打工人泄压室";font-size:12px;}
html[data-ui-mode="tablet"] .journey-dock .route-extra .mode-btn span{font-size:23px;}
html[data-ui-mode="tablet"] .journey-dock .route-extra .mode-btn b{font-size:12px;line-height:1.25;}
html[data-ui-mode="tablet"] .journey-dock .scene-pick{font-size:11px;}
html[data-ui-mode="tablet"] .journey-dock .route-audio-test{font-size:11px;}
html[data-ui-mode="tablet"] #overlay:not(.route-view):not(.results-view) #card{max-width:min(100%,620px);}
html[data-ui-mode="tablet"] .oe-sheet{width:min(100%,520px);}}