/* Portrait-first layout, also selected automatically on phone browsers. */
body.mobile-mode{font-size:16px;padding-bottom:88px;overflow-x:hidden}
.mobile-mode .shell{display:block;width:100%;max-width:520px;margin:auto}
.mobile-mode .sidebar{width:100%;height:auto;position:relative;padding:15px 16px;border-right:0}
.mobile-mode .brand{font-size:17px}.mobile-mode .brand-mark{font-size:38px}
.mobile-mode .chapter-label,.mobile-mode .sidebar-card,.mobile-mode .side-bottom{display:none}
.mobile-mode .sidebar nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);z-index:80;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0;padding:8px 5px max(8px,env(safe-area-inset-bottom));background:#141a24f5;border-top:1px solid #66523a;box-shadow:0 -8px 25px #0005}
.mobile-mode .nav{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;text-align:center;padding:7px 2px;margin:0;min-height:60px;font-size:12px;white-space:normal;word-break:keep-all}
.mobile-mode .nav b{display:none}.mobile-mode .nav span{font-size:22px;width:auto}.mobile-mode .nav.active{box-shadow:inset 0 -2px #e2aa6d;background:#34291c}
.mobile-mode .main-wrap{width:100%;min-width:0}.mobile-mode .topbar{height:auto;min-height:0;padding:12px 16px;gap:12px;flex-wrap:wrap}
.mobile-mode .topbar>div{gap:8px;flex-wrap:wrap}.mobile-mode .wallet{width:100%;justify-content:space-between;font-size:16px}.mobile-mode .quick-volume{order:2;width:100%;margin:0;justify-content:flex-start}.mobile-mode #quickVolume{flex:1;max-width:180px;min-height:32px}.mobile-mode .layout-button{min-height:44px}.mobile-mode .content-wrap{display:block}
.mobile-mode main{width:100%;padding:22px 14px;min-width:0}.mobile-mode .page-heading{gap:10px}.mobile-mode h1{font-size:25px}.mobile-mode .page-heading p{font-size:14px}.mobile-mode .season-badge{display:none}
.mobile-mode .forge-layout{display:block}.mobile-mode .forge-stage{height:410px;min-height:0}.mobile-mode .forge-controls{min-width:0;width:100%;padding:22px 18px;border-left:0;border-top:1px solid #3c4048}.mobile-mode .weapon-frame{height:260px;top:42px}.mobile-mode .hero-weapon{width:100%;height:100%;max-width:280px;margin:auto;left:auto;top:auto}.mobile-mode .weapon-title h2{font-size:23px}.mobile-mode .weapon-title p{font-size:13px}.mobile-mode .rune-ring{width:210px;height:210px;top:65px;left:calc(50% - 105px)}.mobile-mode .rune-ring span{display:none}.mobile-mode .pedestal{bottom:92px}.mobile-mode .pedestal-ring{bottom:105px;width:260px;left:calc(50% - 130px)}
.mobile-mode .primary,.mobile-mode .secondary,.mobile-mode .text-button{min-height:50px;font-size:16px}.mobile-mode .forge-controls .text-button{padding:10px;border:1px solid #51483f;border-radius:5px}.mobile-mode .odds{font-size:14px}.mobile-mode .odds b{font-size:16px}.mobile-mode .pity,.mobile-mode .tiny{font-size:13px}.mobile-mode .bottom-note{display:block;padding:18px}.mobile-mode .bottom-note>span{display:none}.mobile-mode .bottom-note p{font-size:13px}.mobile-mode .bottom-note button{display:block;min-height:44px;margin:8px 0 0;font-size:15px}
.mobile-mode .social{display:block;position:static;width:auto;border-left:0;border-top:1px solid #353b45;margin:0 14px 24px;padding:22px 8px}.mobile-mode .social .party{display:block}.mobile-mode .party-member{min-height:65px}.mobile-mode .party-member strong{font-size:15px}.mobile-mode .party-member small{font-size:13px}.mobile-mode .room-actions button{font-size:15px;min-height:48px}.mobile-mode .audio-settings-link{font-size:15px;min-height:48px}.mobile-mode .social select{font-size:13px;width:110px}.mobile-mode .feed-item p{font-size:14px}
.mobile-mode .catalog-grid,.mobile-mode .inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-mode .weapon-card{padding:10px}.mobile-mode .weapon-card b{font-size:14px}.mobile-mode .weapon-card small{font-size:12px}.mobile-mode .catalog-heading{flex-wrap:wrap;gap:14px}.mobile-mode .catalog-tools{display:block}.mobile-mode .filters{display:flex;flex-wrap:wrap;gap:4px}.mobile-mode .filters button{font-size:14px;padding:9px}.mobile-mode .catalog-tools input{width:100%;margin-top:12px;font-size:16px}.mobile-mode .stand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-mode .stand-slot{min-height:155px;height:155px}.mobile-mode .stand-slot .weapon{width:105px}.mobile-mode .stand-slot small{font-size:11px}.mobile-mode .vault-heading{gap:12px}
.mobile-mode .raid-toolbar{flex-wrap:wrap;gap:10px}.mobile-mode .raid-wave{font-size:13px;letter-spacing:0}.mobile-mode .arena{height:440px;min-height:440px}.mobile-mode .boss-sprite{width:210px;height:210px;top:28px;left:calc(50% - 105px)}.mobile-mode .boss-hud{left:8%;right:8%;top:16px}.mobile-mode .boss-hud>div:first-child{font-size:12px}.mobile-mode .fighters{left:2%;right:2%;bottom:15px}.mobile-mode .fighter .weapon{width:76px}.mobile-mode .fighter .name{font-size:11px}.mobile-mode .fighter small{font-size:10px}.mobile-mode .raid-banner{left:5%;right:5%;font-size:21px}.mobile-mode .raid-banner small{font-size:13px}
.mobile-mode .raid-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-mode .raid-settings>div{grid-column:1/-1;min-width:0;width:100%}.mobile-mode .raid-settings select{width:100%;max-width:none;font-size:16px}.mobile-mode .raid-settings button{width:100%;font-size:14px;padding:13px 6px;min-height:54px}.mobile-mode #raidStart{grid-column:1/-1;font-size:17px}.mobile-mode .raid-summary{flex-direction:column;align-items:stretch}.mobile-mode .raid-summary p{font-size:14px;max-width:none}.mobile-mode .raid-reset{width:100%;font-size:17px}.mobile-mode .raid-info,.mobile-mode .party-strategy{grid-template-columns:1fr}.mobile-mode .raid-brief{padding:18px}.mobile-mode .raid-brief h2{font-size:21px}.mobile-mode .raid-brief p{font-size:14px}.mobile-mode .raid-info p{font-size:14px}
.mobile-mode dialog{width:calc(100% - 24px);max-width:480px;max-height:88dvh;padding:28px 22px;overflow:auto}.mobile-mode dialog input{font-size:16px;min-height:48px}.mobile-mode .modal-actions{display:flex;flex-direction:column}.mobile-mode .modal-actions button{width:100%}.mobile-mode .modal-art{max-width:190px}.mobile-mode #welcome{padding:25px 22px}.mobile-mode #welcome label{font-size:14px}.mobile-mode .close-modal{min-width:44px;min-height:44px}.mobile-mode footer{margin:0 16px;font-size:11px;gap:10px;flex-wrap:wrap}.mobile-mode .legend-banner{width:calc(100vw - 24px);max-width:500px;top:12px;padding:18px 10px;gap:8px}.mobile-mode .legend-banner strong{font-size:17px}.mobile-mode .legend-star{font-size:18px}
@media(orientation:landscape){.mobile-mode .landscape-note{display:block;max-width:520px;margin:auto;padding:12px 18px;background:#4b3923;color:#ffe0b2;text-align:center;font-size:14px}}
.mobile-mode #forgeView:not([hidden]) #forgeBtn{position:fixed;z-index:75;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(min(100vw,520px) - 28px);min-height:52px;font-size:18px;box-shadow:0 5px 25px #000a}.mobile-mode #forgeView{padding-bottom:68px}.mobile-mode .forge-controls .protection{margin-top:24px}
.mobile-only{display:none}.mobile-mode .mobile-only{display:block}.mobile-daily{width:100%;min-height:46px;border:1px solid #796040;border-radius:5px;background:#c5964f18;color:#f1cc98;font-size:14px}@media(max-width:720px){.mobile-only{display:block}}
.mobile-mode #forgeView:not([hidden]) #forgeBtn{width:calc(min(100%,520px) - 28px);transition:background .18s,border-color .18s,box-shadow .18s}
.mobile-mode .sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-mode .nav{font-size:11px}.mobile-mode #combatPanel[data-mode=solo] .raid-settings{grid-template-columns:1fr}.mobile-mode #combatPanel[data-mode=solo] #raidSolo{font-size:17px}.mobile-mode #sessionLogout{font-size:13px;padding:7px 10px}.mobile-mode #nicknameSetup .primary{width:100%}