/* Mobile application layout. Visual-only; game mechanics are untouched. */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{min-height:100dvh;-webkit-tap-highlight-color:transparent}
  .app-shell{display:block;min-height:100dvh}
  .side{position:fixed;inset:auto 0 0 0;z-index:100;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);border:0;border-top:1px solid #4b2932;background:#09070af2;backdrop-filter:blur(18px);display:block}
  .profile,.side-note{display:none}
  .nav{height:63px;display:flex;align-items:stretch;gap:3px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav button{flex:0 0 69px;min-height:56px;padding:6px 4px;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-align:center;font-size:9px;line-height:1.05;scroll-snap-align:start}
  .nav button:hover,.nav button.active{border-left:0;border-top:2px solid var(--red);background:linear-gradient(0deg,#4d1722,transparent)}
  .nav i{display:block;width:auto;margin:0;font-size:20px;line-height:1}
  .main{width:100%;max-width:none;margin:0;padding:12px 12px calc(86px + env(safe-area-inset-bottom))}
  .hud{gap:8px;margin-bottom:12px;align-items:center}
  .hud-title h1{font-size:21px;line-height:1.1;margin:2px 0}
  .hud-title .eyebrow{font-size:8px}
  .will-panel{order:3;width:100%}
  .resources{display:none}
  .test-toggle{min-width:44px;min-height:44px;margin-left:auto}
  .btn,.modal-foot button,input,select{min-height:46px}
  .btn{padding:12px 14px}
  .home-duel{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:stretch}
  .home-duel .fighter:first-child{order:1}
  .home-duel .fighter:last-child{order:2}
  .home-duel .clash{order:3;grid-column:1/-1}
  .fighter{min-height:315px;border-radius:13px}
  .fighter-copy{left:10px;right:10px;bottom:10px}
  .fighter-copy h2{font-size:18px;margin:2px 0}
  .fighter-copy .eyebrow{font-size:7px;letter-spacing:.8px}
  .fighter-copy .core-stats,.fighter-copy .stats{gap:3px;margin-top:7px}
  .fighter-copy .stat{padding:5px;font-size:8px}
  .fighter-copy .stat b{font-size:11px}
  .clash{min-height:230px;padding:15px;gap:12px}
  .orb{width:69px;height:69px;font-size:20px}
  .versus{font-size:31px}
  .home-actions{max-width:none;grid-template-columns:1fr 1fr}
  .mission-stage{min-height:390px;padding:18px;border-radius:13px}
  .mission-stage h2{font-size:38px}
  .mission-stage .btn{width:100%}
  .mission-select{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .mission-select::-webkit-scrollbar{display:none}
  .mission-choice{flex:0 0 min(74vw,230px);min-height:128px;padding:12px;scroll-snap-align:center}
  .mission-choice b{font-size:16px}
  .character{min-height:0;display:flex;flex-direction:column;gap:10px}
  .character-portrait{order:1;height:min(62dvh,520px);min-height:420px}
  .character-stats{order:2}
  .item-panel{order:3}
  .character-stats,.item-panel{padding:15px}
  .equip{min-height:64px;grid-template-columns:54px minmax(0,1fr) auto}
  .skills-page-head h2{font-size:28px}
  .skill-tree-board{grid-template-columns:repeat(4,178px);padding:12px 8px 24px}
  .skill-detail-panel.final{margin-top:10px}
  .battle-modal,.battle-finale,.battle-result{width:100%;padding:18px}
  .battle-options{grid-template-columns:1fr}
  .battle-choice{min-height:82px}
  .modal-back{padding:7px;align-items:end}
  .modal{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;padding:18px}
  .modal-foot{position:sticky;bottom:-18px;margin:16px -18px -18px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#120c10;z-index:2}
  .toast{right:10px;bottom:calc(78px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}
  .test-panel{left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;max-height:45vh;overflow:auto}
  .naruto-event{padding:15px}
  .naruto-main h1{font-size:30px}
  .naruto-side{grid-template-columns:1fr}
  .calendar-premium{padding:10px}
  .cal-title h2{font-size:21px}
  .cal-title .btn{min-width:44px;padding:8px}
  .calendar-summary{grid-template-columns:1fr 1fr}
  .calendar-summary span{padding:7px}
  .premium-grid{gap:2px}
  .cal-day.premium{min-width:0;min-height:50px;padding:4px}
  .path-scene{min-height:0;background-attachment:scroll}
  .path-node.major{grid-template-columns:1fr}
}
@media (max-width:390px){
  .main{padding-left:8px;padding-right:8px}
  .fighter{min-height:285px}
  .fighter-copy h2{font-size:16px}
  .home-actions{grid-template-columns:1fr}
  .mission-stage{min-height:350px}
  .calendar-summary{grid-template-columns:1fr}
}