/* V89 · applied exclusively while HTML data-ui-mode="tablet". */
@media screen{html[data-ui-mode="tablet"] #game #hud{
    top:max(18px,env(safe-area-inset-top))!important;
    left:50%!important;right:auto!important;
    width:min(94%,730px)!important;
    transform:translateX(-50%)!important;
    gap:clamp(5px,1.2vw,11px);
    align-items:stretch;
    z-index:5;
  }
html[data-ui-mode="tablet"] #game #hud .stat{
    min-width:0;min-height:84px;
    padding:9px 5px 7px;
    border-radius:17px;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
    box-shadow:0 5px 11px rgba(45,35,76,.30);
  }
html[data-ui-mode="tablet"] #hud small{font-size:clamp(10px,1.3vw,12px)!important;line-height:1.35;}
html[data-ui-mode="tablet"] #hud b{font-size:clamp(19px,2.6vw,24px)!important;line-height:1.2;margin-top:3px;}
html[data-ui-mode="tablet"] #hud #score{font-size:11px!important;}
html[data-ui-mode="tablet"] #hud #starHud{font-size:12px!important;line-height:1.1;}
html[data-ui-mode="tablet"] #game #levelTitle{
    top:128px!important;left:50%!important;right:auto!important;
    width:min(83%,600px)!important;transform:translateX(-50%)!important;
    padding:7px 9px;
    background:rgba(255,248,221,.92)!important;
    color:#49375e!important;
    text-shadow:none!important;font-size:18px!important;line-height:1.15;
    border-radius:15px;z-index:5;
  }
html[data-ui-mode="tablet"] #levelTitle span{color:#6b5886!important;opacity:1!important;line-height:1.3;}
html[data-ui-mode="tablet"] #game #deadlineHud{
    top:179px!important;left:50%!important;right:auto!important;
    width:min(87%,625px)!important;transform:translateX(-50%)!important;
    z-index:5;
  }
html[data-ui-mode="tablet"] #deadlineLabel{font-size:11px!important;letter-spacing:.5px;}
html[data-ui-mode="tablet"] #deadlineHud #progress{height:12px!important;}
html[data-ui-mode="tablet"] #game #quotaHud{
    top:221px!important;left:50%!important;right:auto!important;
    width:min(85%,610px)!important;transform:translateX(-50%)!important;
    border-radius:13px;font-size:12px;min-height:31px;
    z-index:4;
  }
html[data-ui-mode="tablet"] #game #actions{
    left:50%!important;right:auto!important;bottom:max(23px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;width:min(94%,735px)!important;
    display:flex;flex-wrap:nowrap;gap:clamp(5px,1vw,10px);
  }
html[data-ui-mode="tablet"] #game #actions button{
    min-width:0;min-height:47px;padding:10px 4px!important;
    font-size:clamp(12px,1.5vw,15px)!important;
    border-radius:14px;flex:1 1 auto;
    white-space:nowrap;
  }
html[data-ui-mode="tablet"] #game #actions #volumeOpenGame{flex:0 0 49px!important;width:49px!important;min-width:49px;font-size:19px!important;}
html[data-ui-mode="tablet"] #game #footerHint{
    bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px))!important;
    left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;
    width:min(89%,670px)!important;
    font-size:clamp(11px,1.4vw,13px)!important;
    line-height:1.4;
  }
html[data-ui-mode="tablet"] #game #message{font-size:clamp(18px,2.3vw,24px)!important;}
html[data-ui-mode="tablet"] #game #armPenalty{font-size:11px!important;}
html[data-ui-mode="tablet"] #overlay:not(.route-view):not(.results-view){
    display:grid;place-items:center;
    padding:clamp(16px,3vw,40px)!important;
  }
html[data-ui-mode="tablet"] #overlay:not(.route-view):not(.results-view).hide{display:none!important;}
html[data-ui-mode="tablet"] #overlay:not(.route-view):not(.results-view) #card{
    width:min(100%,650px)!important;max-width:650px!important;
    height:auto!important;max-height:min(88dvh,970px)!important;
    overflow-y:auto!important;
    padding:clamp(20px,3vw,31px)!important;
    border-radius:28px!important;
    background:#fff7e6!important;color:#4b3d65!important;
  }
html[data-ui-mode="tablet"] #overlay.results-view{padding:clamp(16px,2.5vw,32px) 20px 45px!important;}
html[data-ui-mode="tablet"] #overlay.results-view #card{
    max-width:650px!important;width:min(100%,650px)!important;
    margin:0 auto 24px!important;
    padding:clamp(20px,3vw,34px)!important;
    border-radius:28px!important;
    height:auto!important;
    box-shadow:0 8px 23px rgba(44,30,68,.2)!important;
  }
html[data-ui-mode="tablet"] #overlay.results-view #card .play,html[data-ui-mode="tablet"] #overlay:not(.route-view):not(.results-view) #card .play{
    min-height:49px;font-size:clamp(14px,1.8vw,17px);
  }
html[data-ui-mode="tablet"] #overlay.results-view #card .hero{font-size:46px;}
html[data-ui-mode="tablet"] #overlay.results-view #card h2{font-size:clamp(22px,3vw,30px);}
html[data-ui-mode="tablet"] #exitConfirm .exit-modal{width:min(90%,520px);max-height:85%;overflow-y:auto;padding:26px;border-radius:25px;}
html[data-ui-mode="tablet"] #real-tutorial-hint{
    top:max(12px,env(safe-area-inset-top))!important;
    left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;
    width:min(90vw,640px)!important;
    padding:13px 18px;
    max-height:min(33vh,250px);
    overflow-y:auto;
    border-radius:20px;
  }
html[data-ui-mode="tablet"] #real-tutorial-hint .tr-title{font-size:16px;}
html[data-ui-mode="tablet"] #real-tutorial-hint .tr-tip{font-size:14px;}
html[data-ui-mode="tablet"] #real-tutorial-hint .tr-exit{min-height:40px;min-width:68px;}
html[data-ui-mode="tablet"] #real-tutorial-hint .tr-gesture{padding:9px;font-size:14px;}
html[data-ui-mode="tablet"] #volumePanel .volume-card{max-width:480px;padding:24px 25px;max-height:85%;}
html[data-ui-mode="tablet"] #volumePanel h2{font-size:27px;}
html[data-ui-mode="tablet"] #volumePanel .volume-label{font-size:16px;}
html[data-ui-mode="tablet"] #volumePanel button{min-height:46px;}
html[data-ui-mode="tablet"] #game .oe-modal{padding:clamp(18px,3vw,40px);}
html[data-ui-mode="tablet"] #game .oe-modal .oe-sheet{width:min(100%,620px);max-width:620px;max-height:91dvh;padding:clamp(16px,2.5vw,26px);}
html[data-ui-mode="tablet"] #game .oe-modal.is-dialog .oe-sheet{max-width:500px;}
html[data-ui-mode="tablet"] #game .oe-modal button{min-height:43px;}
html[data-ui-mode="tablet"] #game .oe-shop-grid{gap:12px;}
html[data-ui-mode="tablet"] #game .oe-product{min-width:0;}
html[data-ui-mode="tablet"] #game .oe-toast{max-width:min(540px,90vw);font-size:15px;}
html[data-ui-mode="tablet"] #battleLobby{padding:clamp(22px,3vw,40px) clamp(20px,4vw,45px) 42px!important;}
html[data-ui-mode="tablet"] #battleLobby:before{top:125px;opacity:.26;}
html[data-ui-mode="tablet"] #battleLobby > .battle-head,html[data-ui-mode="tablet"] #battleLobby > .battle-intro,html[data-ui-mode="tablet"] #battleLobby > .battle-avatars,html[data-ui-mode="tablet"] #battleLobby > .battle-modes,html[data-ui-mode="tablet"] #battleLobby > #battleLocalPanel,html[data-ui-mode="tablet"] #battleLobby > .battle-small{width:min(100%,680px);margin-left:auto;margin-right:auto;}
html[data-ui-mode="tablet"] #battleLobby .battle-kicker{color:#695092!important;}
html[data-ui-mode="tablet"] #battleLobby .battle-top-title{color:#503266!important;text-shadow:0 1px rgba(255,255,255,.7);font-size:27px;}
html[data-ui-mode="tablet"] #battleLobby .battle-intro{color:#58396c!important;font-size:15px;line-height:1.6;margin-top:16px;margin-bottom:18px;}
html[data-ui-mode="tablet"] #battleLobby .battle-small{color:#645176!important;font-size:12px;}
html[data-ui-mode="tablet"] #battleLobby .battle-offline-tag{color:#5e4574;font-weight:900;}
html[data-ui-mode="tablet"] #battleLobby .battle-player-box{padding:17px;}
html[data-ui-mode="tablet"] #battleLobby .battle-player-box input{min-height:43px;font-size:15px;}
html[data-ui-mode="tablet"] #battleLobby .pk-mode-picker{gap:13px;}
html[data-ui-mode="tablet"] #battleLobby .pk-mode-option{min-height:118px;}
html[data-ui-mode="tablet"] #battleLobby .battle-box{font-size:13px;line-height:1.7;}
html[data-ui-mode="tablet"] #battleLobby .battle-mainbtn{min-height:56px;font-size:18px;}
html[data-ui-mode="tablet"] #battlePlay #battleCanvas{
    position:absolute;top:0;left:50%;right:auto;
    transform:translateX(-50%);
    width:min(100%,56.25dvh);height:100%;
  }
html[data-ui-mode="tablet"] #battlePlay{background:radial-gradient(ellipse at center,#596c9a 0%,#354a81 78%)!important;}
html[data-ui-mode="tablet"] #battlePlay .battle-live-top,html[data-ui-mode="tablet"] #battlePlay .battle-deadline,html[data-ui-mode="tablet"] #battlePlay .battle-task-band,html[data-ui-mode="tablet"] #battlePlay .battle-play-tip,html[data-ui-mode="tablet"] #battlePlay .battle-live-actions{
    width:min(90%,680px)!important;left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;
  }
html[data-ui-mode="tablet"] #battlePlay .battle-live-top{top:23px!important;}
html[data-ui-mode="tablet"] #battlePlay .battle-live-name{min-height:74px;}
html[data-ui-mode="tablet"] #battlePlay .battle-live-name .b-name{font-size:12px;}
html[data-ui-mode="tablet"] #battlePlay .battle-live-name .b-score{font-size:20px;}
html[data-ui-mode="tablet"] #battlePlay .battle-deadline{top:157px!important;}
html[data-ui-mode="tablet"] #battlePlay .battle-task-band{top:212px!important;font-size:12px;padding:8px;}
html[data-ui-mode="tablet"] #battlePlay .battle-play-tip{bottom:105px!important;font-size:13px;}
html[data-ui-mode="tablet"] #battlePlay .battle-live-actions{bottom:max(25px,env(safe-area-inset-bottom))!important;gap:12px;}
html[data-ui-mode="tablet"] #battlePlay .battle-live-actions button{min-height:48px;font-size:14px!important;}
html[data-ui-mode="tablet"] #battleResult{display:flex;flex-direction:column;align-items:center;padding:35px 28px 45px;}
html[data-ui-mode="tablet"] #battleResult > *{width:min(100%,650px);}
html[data-ui-mode="tablet"] #battleResult .battle-mainbtn{max-width:650px;min-height:52px;}
html[data-ui-mode="tablet"] #bossRoom .boss-bar{padding:16px clamp(18px,3vw,32px) 12px;}
html[data-ui-mode="tablet"] #bossRoom .boss-scores{padding:12px clamp(18px,3vw,32px);gap:11px;}
html[data-ui-mode="tablet"] #bossRoom .boss-scores > *{min-height:53px;}
html[data-ui-mode="tablet"] #bossRoom .boss-dignity-hud{padding:8px clamp(18px,3vw,32px) 12px;}
html[data-ui-mode="tablet"] #bossRoom .boss-bottom{min-height:280px;}
html[data-ui-mode="tablet"] #bossRoom .boss-footer{font-size:11px;}
html[data-ui-mode="tablet"] #bossRoom .boss-result-card{width:min(90%,630px);max-width:630px;padding:22px;}
html[data-ui-mode="tablet"] #bossRoom button{min-height:42px;}}
@media screen and (max-width:699px){html[data-ui-mode="tablet"] #game #hud .stat{padding:7px 3px;min-height:79px;}
html[data-ui-mode="tablet"] #game #levelTitle{top:116px!important;}
html[data-ui-mode="tablet"] #game #deadlineHud{top:166px!important;}
html[data-ui-mode="tablet"] #game #quotaHud{top:207px!important;}
html[data-ui-mode="tablet"] #game #actions{width:97%!important;gap:4px;}
html[data-ui-mode="tablet"] #game #actions button{font-size:12px!important;padding:8px 2px!important;}
html[data-ui-mode="tablet"] #game #actions #volumeOpenGame{flex-basis:42px!important;width:42px!important;min-width:42px;}
html[data-ui-mode="tablet"] #battlePlay .battle-live-top{top:14px!important;}
html[data-ui-mode="tablet"] #battlePlay .battle-deadline{top:145px!important;}
html[data-ui-mode="tablet"] #battlePlay .battle-task-band{top:195px!important;}
html[data-ui-mode="tablet"] #battleLobby .battle-top-title{font-size:22px;}}
@keyframes tabletCenterJitter{
  0%,100% {transform:translateX(-50%) translate(0,0)}
  25% {transform:translateX(-50%) translate(3px,-1px)}
  50% {transform:translateX(-50%) translate(-3px,2px)}
  75% {transform:translateX(-50%) translate(2px,1px)}
}
@keyframes tabletCenterRumble{
  0%,100% {transform:translateX(-50%) translate(0,0)}
  25% {transform:translateX(-50%) translate(-2px,1px)}
  50% {transform:translateX(-50%) translate(2px,-1px)}
  75% {transform:translateX(-50%) translate(-1px,-2px)}
}
@media screen{html[data-ui-mode="tablet"] #game.stage-trap-shake #canvas{animation:tabletCenterJitter .22s steps(2,end) 3;}
html[data-ui-mode="tablet"] #game.slime-shake #canvas,html[data-ui-mode="tablet"] #game.slime-shake #hud,html[data-ui-mode="tablet"] #game.slime-shake #deadlineHud{animation:tabletCenterRumble .22s steps(2,end) infinite;}
html[data-ui-mode="tablet"] #battlePlay.last-seconds #battleCanvas{animation:tabletCenterJitter .3s linear infinite;}
html[data-ui-mode="tablet"] #battlePlay.bomb-impact #battleCanvas{animation:tabletCenterJitter .16s linear infinite;}
html[data-ui-mode="tablet"] #battlePlay.bomb-impact .battle-live-top,html[data-ui-mode="tablet"] #battlePlay.bomb-impact .battle-deadline,html[data-ui-mode="tablet"] #battlePlay.bomb-impact .battle-task-band{animation:tabletCenterRumble .19s linear infinite;}
html[data-ui-mode="tablet"] #battleApp #battleLobby .pk-mode-option{
    background:#fbf4ff!important;color:#503663!important;
    border:2px solid #ae8cbf!important;opacity:1!important;
  }
html[data-ui-mode="tablet"] #battleApp #battleLobby .pk-mode-option b{font-size:15px;color:#503663!important;}
html[data-ui-mode="tablet"] #battleApp #battleLobby .pk-mode-option small{font-size:11px;color:#6d5778!important;}
html[data-ui-mode="tablet"] #battleApp #battleLobby .pk-mode-option[aria-pressed="true"]{
    background:linear-gradient(155deg,#ffefc5,#ffd88d)!important;
    border:3px solid #ef9b46!important;outline:2px solid #fff7e0;
    box-shadow:0 5px #ad6a64;color:#513458!important;
  }
html[data-ui-mode="tablet"] #battleApp #battleLobby .pk-mode-option[aria-pressed="true"] b{color:#513458!important;}}
@media screen and (prefers-reduced-motion:reduce){html[data-ui-mode="tablet"] #game #canvas,html[data-ui-mode="tablet"] #game #hud,html[data-ui-mode="tablet"] #game #deadlineHud,html[data-ui-mode="tablet"] #battlePlay #battleCanvas,html[data-ui-mode="tablet"] #battlePlay .battle-live-top,html[data-ui-mode="tablet"] #battlePlay .battle-deadline,html[data-ui-mode="tablet"] #battlePlay .battle-task-band{
    animation:none!important;transform:translateX(-50%)!important;
  }}
@media screen{html[data-ui-mode="tablet"] #overlay.money-result.results-view{
    display:block!important;
    overflow-y:auto!important;
    padding:clamp(20px,3vw,40px) 18px 46px!important;
  }
html[data-ui-mode="tablet"] #overlay.money-result.results-view #card{
    width:min(100%,610px)!important;
    max-width:610px!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    padding:clamp(20px,3vw,30px)!important;
    margin:12px auto 24px!important;
    border-radius:30px!important;
  }
html[data-ui-mode="tablet"] #overlay.money-result .money-result-title{font-size:clamp(25px,3vw,31px);}
html[data-ui-mode="tablet"] #overlay.money-result .money-result-amount strong{font-size:clamp(39px,5vw,50px);}
html[data-ui-mode="tablet"] #overlay.money-result .money-result-tags{gap:9px;}
html[data-ui-mode="tablet"] #overlay.money-result .money-result-tags span{font-size:12px;padding:9px 6px;}
html[data-ui-mode="tablet"] #overlay.money-result .play{font-size:16px!important;min-height:52px;}
html[data-ui-mode="tablet"] #overlay.money-result .money-disclaimer{font-size:11px;}}